{"version":3,"sources":["webpack:///./src/views/v3/LoginNext.vue?5e30","webpack:///./src/assets/logo-2024-2.png","webpack:///./src/assets/cs-logo.png","webpack:///./src/views/v3/LoginNext.vue?cfb0","webpack:///./src/views/v3/LoginNext.vue","webpack:///./src/views/v3/LoginNext.vue?b6f2"],"names":["module","exports","router","useRouter","email","ref","password","toastError","toastMessage","onMounted","useTitle","currentDashboard","isVVV","login","axios","post","value","then","response","undefined","status","push","catch","error","isSignIn","isForgotPassword","toggleForgotPassword","isSent","toggleSignIn","emailForget","forgotPassword","__exports__"],"mappings":"kHAAA,W,uBCAAA,EAAOC,QAAU,IAA0B,gC,4CCA3CD,EAAOC,QAAU,IAA0B,4B,yDCA3C,W,s9FCwFA,MAAMC,EAASC,iBAETC,EAAQC,iBAAI,IACZC,EAAWD,iBAAI,IACfE,EAAaF,kBAAI,GACjBG,EAAeH,iBAAI,IAEzBI,uBAAU,KACNC,sBAAS,4BAGb,MAAMC,EAAmBC,iBAAU,EAAI,EAEjCC,EAAQA,KACVC,IACKC,KAAK,kBAAmB,CACrBX,MAAOA,EAAMY,MACbV,SAAUA,EAASU,MACnBL,qBAEHM,MAAK,SAAUC,QACYC,IAApBD,EAASE,OACuB,KAA5BF,EAASA,SAASE,QAClBb,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,+BACrBV,EAASU,MAAQ,KAEjBT,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,oCACrBV,EAASU,MAAQ,IAGrBd,EAAOmB,KAAK,iBAGnBC,OAAM,SAAUC,GACgB,KAAzBA,EAAML,SAASE,QACfb,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,+BACrBV,EAASU,MAAQ,KAEjBT,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,oCACrBV,EAASU,MAAQ,QAK3BQ,EAAWnB,kBAAI,GACfoB,EAAmBpB,kBAAI,GAEvBqB,EAAuBA,KACzBC,EAAOX,OAAQ,EACfS,EAAiBT,OAAQ,EACzBQ,EAASR,OAAQ,EACjBN,sBAAS,qCAGPkB,EAAeA,KACjBJ,EAASR,OAAQ,EACjBS,EAAiBT,OAAQ,EACzBN,sBAAS,2BAGPmB,EAAcxB,iBAAI,IAClBsB,EAAStB,kBAAI,GAEbyB,EAAiBA,KACnBhB,IACKC,KAAK,2BAA4B,CAC9BX,MAAOyB,EAAYb,MACnBL,qBAEHM,MAAK,SAAUC,QACYC,IAApBD,EAASE,OACuB,KAA5BF,EAASA,SAASE,QAClBb,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,wBACrBa,EAAYb,MAAQ,KAEpBT,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,oCACrBa,EAAYb,MAAQ,IAGxBW,EAAOX,OAAQ,KAGtBM,OAAM,SAAUC,GACgB,KAAzBA,EAAML,SAASE,QACfb,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,wBACrBa,EAAYb,MAAQ,KAEpBT,EAAWS,OAAQ,EACnBR,EAAaQ,MAAQ,oCACrBa,EAAYb,MAAQ,Q,kqFCjLpC,MAAMe,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-8e52a55a.81b36921.js","sourcesContent":["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!./LoginNext.vue?vue&type=style&index=0&id=4d49b916&lang=css\"","module.exports = __webpack_public_path__ + \"img/logo-2024-2.e7c54408.png\";","module.exports = __webpack_public_path__ + \"img/cs-logo.c61329de.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!./LoginNext.vue?vue&type=style&index=1&id=4d49b916&scoped=true&lang=css\"","<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 d-flex flex-column justify-content-center align-items-center d-none d-md-block\">\r\n            <div class=\"left-pane\">\r\n                <img src=\"../../assets/logo-2024-2.png\" aria-hidden=\"true\" alt=\"logo\" />\r\n                <div class=\"footnote\">\r\n                    <h6 class=\"mb-0\"><b>Celebrating $50 million USD claimed! 🎉</b></h6>\r\n                    <p class=\"mb-0\">\r\n                        <a href=\"https://www.creatorshield.com/results\" target=\"_blank\">Click here</a> to see our new\r\n                        case studies page\r\n                    </p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"position-relative w-100 gap-2 my-auto d-flex 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: 60%;\" src=\"../../assets/cs-logo.png\" alt=\"CS Logo\">\r\n            </div>\r\n            <div id=\"login-body\" v-if=\"isSignIn\">\r\n                <div class=\"px-md-5 px-0\">\r\n                    <h3 class=\"fw-bold text-center my-4 header\" style=\"font-size: 20px;\">Log in to Creator Shield</h3>\r\n                    <div class=\"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-end\" style=\"font-size: 12px; cursor: pointer;\" @click=\"toggleForgotPassword\">\r\n                        <span class=\"text-black header\">Forgot Password?</span>\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-4\">Log\r\n                        in</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;\">Don't have an account?</h6>\r\n                    <a href=\"https://creatorshield.com/onboarding\" 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.creatorshield.com/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 { MDBToast, MDBInput } from \"mdb-vue-ui-kit\";\r\nimport axios from \"axios\";\r\nimport { ref, onMounted } from \"vue\";\r\nimport { useTitle } from \"@vueuse/core\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n\r\nconst router = useRouter();\r\n\r\nconst email = ref(\"\");\r\nconst password = ref(\"\");\r\nconst toastError = ref(false);\r\nconst toastMessage = ref(\"\");\r\n\r\nonMounted(() => {\r\n    useTitle(\"Login | Creator Shield\");\r\n});\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                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 | Creator Shield\");\r\n};\r\n\r\nconst toggleSignIn = () => {\r\n    isSignIn.value = true;\r\n    isForgotPassword.value = false;\r\n    useTitle(\"Login | Creator Shield\");\r\n};\r\n\r\nconst emailForget = ref(\"\");\r\nconst isSent = ref(false);\r\n\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: #fe632d;\r\n    --secondary: #e2e6ef;\r\n    --accent: #02061b;\r\n    /* #252527 */\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 scoped>\r\n.btn-primary {\r\n    background-color: var(--primary);\r\n    font-family: 'GilroyBold';\r\n}\r\n\r\n.left-pane {\r\n    height: 100vh;\r\n    background-image: url(\"../../assets/you-create-we-protect.png\"),\r\n        linear-gradient(90deg, #fe632d, #f63939);\r\n    background-size: cover, cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat, no-repeat;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    padding: 25px;\r\n\r\n    @media screen and (max-width: 1199px) {\r\n        background-position: center;\r\n    }\r\n\r\n    img[alt~=\"logo\"] {\r\n        width: 200px;\r\n    }\r\n\r\n    .footnote {\r\n        color: white;\r\n\r\n        a {\r\n            color: white;\r\n            text-decoration: underline;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n}\r\n\r\n#login-body {\r\n    width: 70%;\r\n    max-width: 400px;\r\n}\r\n</style>\r\n","import script from \"./LoginNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LoginNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LoginNext.vue?vue&type=style&index=0&id=4d49b916&lang=css\"\nimport \"./LoginNext.vue?vue&type=style&index=1&id=4d49b916&scoped=true&lang=css\"\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-4d49b916\"]])\n\nexport default __exports__"],"sourceRoot":""}