{"version":3,"sources":["webpack:///./src/assets/VVV/images/Login/vvv-logo-transparent.png","webpack:///./src/views/VVVNew/VVVLoginNew.vue?30d5","webpack:///./src/assets/VVV/vvv-colored.png","webpack:///./src/views/VVVNew/VVVLoginNew.vue","webpack:///./src/views/VVVNew/VVVLoginNew.vue?4ba1","webpack:///./src/views/VVVNew/VVVLoginNew.vue?48a7"],"names":["module","exports","useTitle","router","useRouter","onMounted","rememberedEmail","value","email","rememberMe","ref","password","toastError","toastMessage","useStorage","remembered","currentDashboard","isVVV","login","axios","post","then","response","undefined","status","push","catch","error","isSignIn","isForgotPassword","toggleForgotPassword","isSent","toggleSignIn","emailForget","forgotPassword","__exports__"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,yC,oCCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B,gC,kqGCyF3CC,sBAAS,6BAET,MAAMC,EAASC,iBAEfC,uBAAU,KACFC,EAAgBC,QAChBC,EAAMD,MAAQD,EAAgBC,MAC9BE,EAAWF,OAAQ,GAEvBL,sBAAS,+BAGb,MAAMM,EAAQE,iBAAI,IACZC,EAAWD,iBAAI,IACfE,EAAaF,kBAAI,GACjBG,EAAeH,iBAAI,IACnBD,EAAaC,kBAAI,GACjBJ,EAAkBQ,wBAAW,QAAS,IACtCC,EAAaD,wBAAW,cAAc,GAEtCE,EAAmBC,iBAAU,EAAI,EAEjCC,EAAQA,KACVC,IACKC,KAAK,kBAAmB,CACrBZ,MAAOA,EAAMD,MACbI,SAAUA,EAASJ,MACnBS,qBAEHK,MAAK,SAAUC,QACYC,IAApBD,EAASE,OACuB,KAA5BF,EAASA,SAASE,QAClBZ,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,+BACrBI,EAASJ,MAAQ,KAEjBK,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,oCACrBI,EAASJ,MAAQ,KAGjBE,EAAWF,OAEXD,EAAgBC,MAAQC,EAAMD,MAC9BQ,EAAWR,OAAQ,IAGnBD,EAAgBC,MAAQ,KACxBQ,EAAWR,MAAQ,MAEvBJ,EAAOsB,KAAK,kBAGnBC,OAAM,SAAUC,GACgB,KAAzBA,EAAML,SAASE,QACfZ,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,+BACrBI,EAASJ,MAAQ,KAEjBK,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,oCACrBI,EAASJ,MAAQ,QAK3BqB,EAAWlB,kBAAI,GACfmB,EAAmBnB,kBAAI,GAEvBoB,EAAuBA,KACzBC,EAAOxB,OAAQ,EACfsB,EAAiBtB,OAAQ,EACzBqB,EAASrB,OAAQ,EACjBL,sBAAS,wCAEP8B,EAAeA,KACjBJ,EAASrB,OAAQ,EACjBsB,EAAiBtB,OAAQ,EACzBL,sBAAS,8BAGP+B,EAAcvB,iBAAI,IAClBqB,EAASrB,kBAAI,GACbwB,EAAiBA,KACnBf,IACKC,KAAK,2BAA4B,CAC9BZ,MAAOyB,EAAY1B,MACnBS,qBAEHK,MAAK,SAAUC,QACYC,IAApBD,EAASE,OACuB,KAA5BF,EAASA,SAASE,QAClBZ,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,wBACrB0B,EAAY1B,MAAQ,KAEpBK,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,oCACrB0B,EAAY1B,MAAQ,IAGxBwB,EAAOxB,OAAQ,KAGtBmB,OAAM,SAAUC,GACgB,KAAzBA,EAAML,SAASE,QACfZ,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,wBACrB0B,EAAY1B,MAAQ,KAEpBK,EAAWL,OAAQ,EACnBM,EAAaN,MAAQ,oCACrB0B,EAAY1B,MAAQ,Q,85FClMpC,MAAM4B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,kFCTf","file":"js/chunk-212b2851.dda3425a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/vvv-logo-transparent.bae62b54.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./VVVLoginNew.vue?vue&type=style&index=0&id=b0630516&lang=css\"","module.exports = __webpack_public_path__ + \"img/vvv-colored.0c081895.png\";","<template>\r\n    <div class=\"d-flex overflow-hidden justify-content-center\">\r\n        <div\r\n            class=\"cover-container position-relative w-100 gap-2 my-auto px-4 d-flex flex-column justify-content-center align-items-center d-none d-md-block\">\r\n            <div class=\"image-container position-relative\">\r\n                <img class=\"vvv-logo img-fluid\" src=\"../../assets/VVV/images/Login/vvv-logo-transparent.png\"\r\n                    alt=\"VVV Logo\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"position-relative w-100 gap-2 my-auto d-flex px-md-4 px-0 flex-column justify-content-center align-items-center\"\r\n            style=\"height: 100vh;\">\r\n            <div>\r\n                <img class=\"d-flex m-auto\" style=\"width: 45%;\" src=\"../../assets/VVV/vvv-colored.png\" alt=\"VVV Logo\">\r\n            </div>\r\n            <div id=\"login-body\" v-if=\"isSignIn\">\r\n                <div class=\"px-md-4 px-0\">\r\n                    <h3 class=\"fw-bold text-center my-4 mb-3 header\" style=\"font-size: 20px;\">Distributor Login</h3>\r\n                    <p class=\"text-center mb-0\"><strong>VeryViralVisuals</strong> is now\r\n                        <strong>VeryViralVideos</strong>!\r\n                    </p>\r\n                    <p class=\"text-center\">Login with your same credentials below.</p>\r\n                    <div class=\"mt-4 mb-3\">\r\n                        <MDBInput class=\"my-3\" label=\"Email\" type=\"email\" v-model=\"email\" required\r\n                            @keypress.enter=\"login\" />\r\n                        <MDBInput label=\"Password\" type=\"password\" v-model=\"password\" required\r\n                            @keypress.enter=\"login\" />\r\n                    </div>\r\n                    <div class=\"text-start\">\r\n                        <MDBCheckbox v-model=\"rememberMe\" id=\"rememberMe\" label=\"Remember Me\" inline />\r\n                    </div>\r\n                    <button @click=\"login\" data-mdb-ripple-init type=\"submit\" color=\"primary\"\r\n                        class=\"btn btn-block btn-primary text-white mt-3\">Log\r\n                        in</button>\r\n                    <div class=\"text-end mt-2\" style=\"font-size: 12px; cursor: pointer;\" @click=\"toggleForgotPassword\">\r\n                        <span class=\"text-black header\">Forgot Password?</span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-flex align-items-center justify-content-center mt-4\">\r\n                    <h6 class=\"m-0 me-1\" style=\"font-size: 13px;\">Don't have an account?</h6>\r\n                    <a href=\"https://www.veryviralvideos.com/esign\" target=\"_blank\" class=\"fw-bold text-black header\"\r\n                        style=\"font-size: 13px;\">Sign\r\n                        up</a>\r\n                </div>\r\n                <p class=\"text-center mt-4\" style=\"font-size: 14px;\">By continuing to use our service, you agree to\r\n                    our <a href=\"https://www.veryviralvideos.com/vvv-pp-tos\" target=\"_blank\">Terms of\r\n                        Service</a>\r\n                    which may be periodically updated.</p>\r\n            </div>\r\n            <div v-if=\"isForgotPassword\" class=\"px-5\">\r\n                <div v-if=\"isSent\">\r\n                    <h3 class=\"text-center fw-bold my-4 mb-2\" style=\"font-size: 24px;\">Email has been sent.</h3>\r\n                    <h6 class=\"text-center text-black-50 mt-3\" style=\"margin-bottom: 30px;\">Please follow the steps\r\n                        mentioned in the email to reset your\r\n                        password.</h6>\r\n                </div>\r\n                <div v-else>\r\n                    <h3 class=\"text-center fw-bold my-4 mb-2 header\" style=\"font-size: 24px;\">Forgot Password</h3>\r\n                    <h6 class=\"text-center text-black-50 mt-3\" style=\"margin-bottom: 40px;\">We'll email you a link to\r\n                        reset your password.</h6>\r\n                    <div>\r\n                        <MDBInput class=\"my-3\" label=\"Email\" type=\"email\" v-model=\"emailForget\"\r\n                            @keypress.enter=\"forgotPassword\" required />\r\n                    </div>\r\n                    <button @click=\"forgotPassword\" data-mdb-ripple-init type=\"submit\"\r\n                        class=\"btn btn-block btn-primary text-white mt-4\">Send</button>\r\n                </div>\r\n                <div class=\"d-flex align-items-center justify-content-center mt-4\">\r\n                    <h6 class=\"m-0 me-1\" style=\"font-size: 13px;\">Back to</h6>\r\n                    <span @click=\"toggleSignIn\" target=\"_blank\" class=\"fw-bold text-black\"\r\n                        style=\"cursor: pointer;font-size: 13px;\">Log in</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <MDBToast v-model=\"toastError\" id=\"basic-danger-example\" autohide position=\"top-right\" appendToBody stacking\r\n        width=\"350px\" color=\"danger\" text=\"white\" icon=\"fas fa-info-circle fa-lg me-2\">\r\n        <template #title>Error</template>\r\n        {{ toastMessage }}\r\n    </MDBToast>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBInput, MDBToast, MDBCheckbox } from 'mdb-vue-ui-kit';\r\nimport { ref, onMounted } from \"vue\";\r\nimport { useTitle, useStorage } from \"@vueuse/core\";\r\nimport { useRouter } from \"vue-router\";\r\nimport axios from \"axios\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n\r\nuseTitle(\"Login | Very Viral Videos\");\r\n\r\nconst router = useRouter();\r\n\r\nonMounted(() => {\r\n    if (rememberedEmail.value) {\r\n        email.value = rememberedEmail.value;\r\n        rememberMe.value = true;\r\n    }\r\n    useTitle(\"Login | Very Viral Videos\");\r\n});\r\n\r\nconst email = ref(\"\");\r\nconst password = ref(\"\");\r\nconst toastError = ref(false);\r\nconst toastMessage = ref(\"\");\r\nconst rememberMe = ref(false);\r\nconst rememberedEmail = useStorage('email', '');\r\nconst remembered = useStorage('rememberMe', false);\r\n\r\nconst currentDashboard = isVVV() ? 3 : 2;\r\n\r\nconst login = () => {\r\n    axios\r\n        .post(\"api/users/login\", {\r\n            email: email.value,\r\n            password: password.value,\r\n            currentDashboard,\r\n        })\r\n        .then(function (response) {\r\n            if (response.status === undefined) {\r\n                if (response.response.status == 404) {\r\n                    toastError.value = true;\r\n                    toastMessage.value = \"Incorrect email or password.\";\r\n                    password.value = \"\";\r\n                } else {\r\n                    toastError.value = true;\r\n                    toastMessage.value = \"An error occurred during request.\";\r\n                    password.value = \"\";\r\n                }\r\n            } else {\r\n                if (rememberMe.value) {\r\n                    // Store credentials or token in localStorage if Remember Me is checked\r\n                    rememberedEmail.value = email.value;\r\n                    remembered.value = true;\r\n                } else {\r\n                    // Clear storage if Remember Me is not checked\r\n                    rememberedEmail.value = null;\r\n                    remembered.value = null;\r\n                }\r\n                router.push(\"/dashboard\");\r\n            }\r\n        })\r\n        .catch(function (error) {\r\n            if (error.response.status == 404) {\r\n                toastError.value = true;\r\n                toastMessage.value = \"Incorrect email or password.\";\r\n                password.value = \"\";\r\n            } else {\r\n                toastError.value = true;\r\n                toastMessage.value = \"An error occurred during request.\";\r\n                password.value = \"\";\r\n            }\r\n        });\r\n};\r\n\r\nconst isSignIn = ref(true);\r\nconst isForgotPassword = ref(false);\r\n\r\nconst toggleForgotPassword = () => {\r\n    isSent.value = false;\r\n    isForgotPassword.value = true;\r\n    isSignIn.value = false;\r\n    useTitle(\"Forgot Password | Very Viral Videos\");\r\n};\r\nconst toggleSignIn = () => {\r\n    isSignIn.value = true;\r\n    isForgotPassword.value = false;\r\n    useTitle(\"Login | Very Viral Videos\");\r\n};\r\n\r\nconst emailForget = ref(\"\");\r\nconst isSent = ref(false);\r\nconst forgotPassword = () => {\r\n    axios\r\n        .post(\"api/users/forgotPassword\", {\r\n            email: emailForget.value,\r\n            currentDashboard,\r\n        })\r\n        .then(function (response) {\r\n            if (response.status === undefined) {\r\n                if (response.response.status == 404) {\r\n                    toastError.value = true;\r\n                    toastMessage.value = \"Email does not exist.\";\r\n                    emailForget.value = \"\";\r\n                } else {\r\n                    toastError.value = true;\r\n                    toastMessage.value = \"An error occurred during request.\";\r\n                    emailForget.value = \"\";\r\n                }\r\n            } else {\r\n                isSent.value = true;\r\n            }\r\n        })\r\n        .catch(function (error) {\r\n            if (error.response.status == 404) {\r\n                toastError.value = true;\r\n                toastMessage.value = \"Email does not exist.\";\r\n                emailForget.value = \"\";\r\n            } else {\r\n                toastError.value = true;\r\n                toastMessage.value = \"An error occurred during request.\";\r\n                emailForget.value = \"\";\r\n            }\r\n        });\r\n};\r\n</script>\r\n\r\n<style>\r\n:root {\r\n    --white: #ffffff;\r\n    --primary: #223698;\r\n    --secondary: #e2e6ef;\r\n    --accent: #02061b;\r\n    --blue: #1f87fc;\r\n    --mdb-body-font-size: 14px;\r\n}\r\n\r\n@font-face {\r\n    font-family: 'GilroyRegular';\r\n    src: url('../../assets/Gilroy-Font/Gilroy-Regular.ttf');\r\n}\r\n\r\n@font-face {\r\n    font-family: 'GilroyBold';\r\n    src: url('../../assets/Gilroy-Font/Gilroy-Bold.ttf');\r\n}\r\n\r\n* {\r\n    font-family: 'GilroyRegular';\r\n}\r\n\r\n.header {\r\n    font-family: 'GilroyBold';\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cover-container {\r\n    background-image: url(\"../../assets/VVV/images/Login/blue-gradient-bg-new.png\");\r\n    background-size: cover;\r\n    width: 100%;\r\n    height: 100vh;\r\n\r\n    .vvv-logo {\r\n        width: 250px;\r\n        margin: 3%;\r\n    }\r\n\r\n    .image-container {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n}\r\n\r\n.btn-primary {\r\n    background-color: var(--primary);\r\n    font-family: 'GilroyBold';\r\n}\r\n\r\n#login-body {\r\n    width: 70%;\r\n    max-width: 400px;\r\n}\r\n\r\n:deep(.form-check.form-check-inline) {\r\n    margin-right: 0;\r\n\r\n    .form-check-input:checked {\r\n        border-color: var(--primary);\r\n    }\r\n\r\n    .form-check-input[type=checkbox]:checked {\r\n        background-color: var(--primary)\r\n    }\r\n\r\n    .form-check-input+.form-check-label {\r\n        color: black;\r\n        font-family: 'GilroyBold';\r\n    }\r\n}\r\n</style>\r\n","import script from \"./VVVLoginNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./VVVLoginNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./VVVLoginNew.vue?vue&type=style&index=0&id=b0630516&lang=css\"\nimport \"./VVVLoginNew.vue?vue&type=style&index=1&id=b0630516&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b0630516\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./VVVLoginNew.vue?vue&type=style&index=1&id=b0630516&lang=scss&scoped=true\""],"sourceRoot":""}