{"version":3,"sources":["webpack:///./src/components/signInUpLeft.vue?2c2b","webpack:///./src/pages/forget/step.vue","webpack:///./src/pages/forget/step.vue?16d7","webpack:///./src/pages/forget/index.vue","webpack:///./src/pages/forget/index.vue?d743","webpack:///./src/pages/forget/index.vue?be1b","webpack:///./src/pages/forget/step.vue?8ccf","webpack:///./src/assets/images/sign/artemisAds_logo@2x.png","webpack:///./src/components/signInUpLeft.vue","webpack:///./src/components/signInUpLeft.vue?a82f","webpack:///./src/assets/images/sign/amazon-logo@2x.png","webpack:///./src/assets/images/sign/sign-left-bg.png"],"names":["props","__props","__exports__","showSuccessModal","ref","status","current","emailValue","error","router","useRouter","api","contextHolder","notification","useNotification","openNotification","description","info","message","placement","duration","onReset","e","signApi","emailValidate","email","value","then","res","data","passwordEmail","success","cancel","push","name","onInputChange","emailRegex","isTrue","test","resendEmail","undefined","module","exports","class","_createElementBlock","_hoisted_1","_cache","script","render"],"mappings":"oKAAA,W,mICwCA,MAAMA,EAAMC,E,2hDClCZ,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U,qaC8Cf,IAAIC,EAAmBC,kBAAI,GACvBC,EAAOD,iBAAI,IACXE,EAAUF,iBAAI,GACdG,EAAaH,mBACbI,EAAQJ,iBAAI,IAChB,MAAMK,EAASC,kBACRC,EAAKC,GAAiBC,OAAaC,kBAClCC,EAAmBC,IACvBL,EAAIM,KAAK,CACPC,QAAS,UACTF,YAAaA,EACbG,UAAW,WACXC,SAAU,MAGVC,EAAWC,IAEfC,OAAQC,cAAc,CAAEC,MAAOlB,EAAWmB,QAASC,KAAMC,IACvD,IAAKA,EAAIC,KAGP,OAFAxB,EAAO,8BACPG,EAAMkB,MAAQ,qDAGdH,OAAQO,cAAc,CAAEL,MAAOlB,EAAWmB,QAASC,KAAMC,IACpDA,EAAIG,QACL5B,EAAiBuB,OAAQ,EAEzBX,EAAiBa,EAAIpB,YAQzBwB,EAASA,KACbvB,EAAOwB,KAAK,CAAEC,KAAM,aAEhBC,EAAgBA,KACpB,MAAMC,EAAa,mDACnB,IAAIC,EAASD,EAAWE,KAAK/B,EAAWmB,OACnCW,GAIHhC,EAAO,IACPG,EAAMkB,MAAQ,MAJdrB,EAAOqB,MAAM,yBACblB,EAAMkB,MAAQ,iCAMlB,SAASa,IACPhC,EAAWmB,WAAQc,EACnBrC,EAAiBuB,OAAQ,E,kjECnG3B,MAAMxB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W,oCCAA,W,uBCAAuC,EAAOC,QAAU,IAA0B,uC,0HCCpCC,MAAM,kB,gDAAXC,gCAiBM,MAjBNC,EAiBMC,EAAA,KAAAA,EAAA,I,07BCjBR,MAAMC,EAAS,GAKT7C,EAA2B,IAAgB6C,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,qBCRfP,EAAOC,QAAU,IAA0B,mC,qBCA3CD,EAAOC,QAAU,IAA0B,iC","file":"js/chunk-90e01c00.0d240204.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./signInUpLeft.vue?vue&type=style&index=0&id=aeee5528&lang=less&scoped=true\"","<template>\n  <div class=\"step-wrapper\"\n  >\n    <div \n    :class=\"['step-box', { 'is-active': props.current == 1, 'is-finished': props.current > 1 }]\"\n    >\n      <div class=\"step-option\">\n        <div class=\"num\">1</div>\n        <div class=\"txt\">Verify Email</div>\n      </div>\n    </div>\n    <div \n     :class=\"['step-box', { 'is-active': props.current > 1 }]\"\n    >\n      <div class=\"step-line\"></div>\n    </div>\n    <div \n     :class=\"['step-box', { 'is-active': props.current == 2, 'is-finished': props.current > 2 }]\"\n    >\n      <div class=\"step-option\">\n        <div class=\"num\">2</div>\n        <div class=\"txt\">Reset Password</div>\n      </div>\n    </div>\n    <div \n     :class=\"['step-box', { 'is-active': props.current > 2, }]\"\n    >\n      <div class=\"step-line\"></div>\n    </div>\n    <div \n    :class=\"['step-box', { 'is-active': props.current == 3, 'is-finished': props.current > 3 }]\"\n    >\n      <div class=\"step-option\">\n        <div class=\"num\">3</div>\n        <div class=\"txt\">Success</div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nconst props=defineProps(['current']);\n</script>\n<style lang=\"less\" scoped>\n.step-wrapper{\n  background-color: transparent;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  font-family: Sora, sans-serif;\n  .step-box{\n    display: flex;\n    justify-content: space-between;\n    .step-option{\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      // cursor: pointer;\n      .num{\n      margin-bottom: 16px;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n      text-align: center;\n      border-radius: 8px;\n      background-color: rgba(238, 237, 242, 1);\n      border:2px solid rgba(156, 151, 172, 1) ;\n      font-size: 20px;\n      color: #878294;\n      text-align: center;\n      &:active{\n        border: unset;\n        background-color: var(--primary);\n        color: #fff;\n      }\n    }\n    .txt{\n      font-family: Sora, sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n      color:var(--dark-3);\n      letter-spacing: 0.4px;\n      line-height: 19px;\n      &:active{\n        color: var(--primary);\n      }\n    }\n    }\n    \n  }\n  .is-active{\n    .num,.step-line{\n      color: #fff !important;\n      background-color: var(--primary-text) !important;\n      border: unset !important;\n    }\n    .txt{\n      color: var(--primary-text) !important;\n    }\n  }\n  .is-finished{\n    .num{\n      color:var(--primary-text) !important;\n      background-color: transparent !important ;\n      border:2px solid var(--primary-text) !important;\n    }\n    .txt{\n      color: var(--dark-1) !important;\n    }\n  }\n  \n\n  .step-line{\n    margin-top: 19px;\n    width: 80px;\n    height: 2px;\n    background-color:var(--border-1);\n    border-radius: 50px;\n  }\n\n}\n</style>","import script from \"./step.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./step.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./step.vue?vue&type=style&index=0&id=36a53eed&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-36a53eed\"]])\n\nexport default __exports__","<template>\n  <div class=\"forget-wrapper\">\n    <div class=\"forget-left\">\n      <signInUpLeft />\n    </div>\n    <div class=\"forget-right\">\n      <div class=\"forget-content\" >\n        <div class=\"step\">\n          <step :current=\"current\"></step>\n        </div>\n        <div class=\"reset-success\" v-if=\"showSuccessModal\">\n          <div class=\"sucess-icon\">\n            <svg class=\"icon\" aria-hidden=\"true\">\n              <use xlink:href=\"#icon-success-tianchong\"></use>\n            </svg>\n          </div>\n          <div class=\"redirect-tip\">\n            Please check your mailbox for instructions to reset your password.\n          </div>\n          <div class=\"success-btn\">\n            <artmisads-button type=\"primary\" @click=\"resendEmail\"\n              >Resend Email</artmisads-button\n            >\n          </div>\n        </div>\n        <div v-else>\n          <div class=\"email\">\n            <artmisads-input\n              :class=\"status\"\n              v-model:value=\"emailValue\"\n              placeholder=\"Please input your registration email.\"\n              @blur=\"onInputChange\"\n            ></artmisads-input>\n            <div class=\"validate-error\" v-if=\"error\">{{ error }}</div>\n          </div>\n          <div class=\"reset\">\n            <artmisads-button type=\"primary\" @click=\"onReset\"\n              >Send the verification email</artmisads-button\n            >\n          </div>\n          <a class=\"cancel\" @click=\"cancel\">Cancel</a>\n        </div>\n      </div>\n    </div>\n    <contextHolder />\n  </div>\n</template>\n<script setup>\nimport { ref, reactive, toRaw, h } from \"vue\";\nimport { signApi } from \"../../server/index\";\nimport { useRouter } from \"vue-router\";\nimport { Form, message, notification } from 'ant-design-vue';\nimport signInUpLeft from \"../../components/signInUpLeft.vue\";\nimport step from \"./step.vue\";\nlet showSuccessModal = ref(false);\nlet status=ref('');\nlet current = ref(1);\nlet emailValue = ref();\nlet error = ref(\"\");\nconst router = useRouter();\nconst [api, contextHolder] = notification.useNotification();\n  const openNotification = description => {\n    api.info({\n      message: `Warning`,\n      description: description,\n      placement: 'topRight',\n      duration: 10\n    });\n  };\nconst onReset = (e) => {\n  \n  signApi.emailValidate({ email: emailValue.value }).then((res) => {\n    if (!res.data) {\n      status='ant-input-status-error';\n      error.value = \"This email address does not exist in our records.\";\n      return;\n    } else {\n      signApi.passwordEmail({ email: emailValue.value }).then((res) => {\n        if(res.success){\n          showSuccessModal.value = true;\n        }else{\n          openNotification(res.error);\n        }\n        \n     });\n     \n    }\n  });\n};\nconst cancel = () => {\n  router.push({ name: \"sign-in\" });\n};\nconst onInputChange = () => {\n  const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n  let isTrue = emailRegex.test(emailValue.value);\n  if (!isTrue) {\n    status.value='ant-input-status-error';\n    error.value = \"The email format is invalid.\";\n  }else{\n    status=\" \";\n    error.value = \" \";\n  }\n};\nfunction resendEmail() {\n  emailValue.value = undefined;\n  showSuccessModal.value = false;\n}\n</script>\n<style lang=\"less\" scoped>\n@media screen and (min-width: 960px) {\n  .forget-wrapper {\n    width: 100dvw;\n    height: 100dvh;\n    min-height: 700px;\n    overflow: hidden;\n    display: flex;\n  }\n  .forget-right {\n    display: flex;\n    justify-content: center;\n    // background: #F4F2FA;\n    flex: 1;\n    position: relative;\n  }\n  .forget-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 120px;\n    // justify-content: center;\n    .step:deep {\n      width: 541px;\n      margin-bottom: 64px;\n      .ant-steps-item-finish {\n        .ant-steps-item-icon {\n          background-color: #7d58e5;\n          .ant-steps-finish-icon {\n            color: #ffffff;\n          }\n        }\n      }\n      .ant-steps-item-title {\n        white-space: nowrap;\n      }\n    }\n    .email {\n      width: 400px;\n      margin-bottom: 40px;\n      .ant-input {\n        height: 40px;\n      }\n      .validate-error {\n        font-weight: 400;\n        color:var(--red-text);\n        font-size: 13px;\n        line-height: 18px;\n        letter-spacing: 0.3px;\n      }\n    }\n    .reset {\n      width: 400px;\n      margin-bottom: 16px;\n      button {\n        width: 100%;\n        height: 40px;\n        box-shadow: 0 1px 0 0 #1a16250d;\n        border-radius: 20px;\n        font-family: Sora, sans-serif;\n        font-weight: 500;\n        font-size: 15px;\n        color: #ffffff;\n        letter-spacing: 0.4px;\n        text-align: center;\n      }\n    }\n    .cancel {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      font-family: Sora, sans-serif;\n      font-size: 13px;\n      letter-spacing: 0.3px;\n      line-height: 18px;\n      text-decoration: underline;\n      color: var(--dark-3);\n      &:hover {\n        color: var(--dark-2);\n      }\n    }\n  }\n  .reset-success{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    .sucess-icon{\n      padding: 4px;\n      background-color:#D7E9E4 ;\n      border-radius: 50%;\n      .icon{\n        font-size: 51px;\n        fill: #2AAE67;\n      }\n    }\n    .redirect-tip{\n      width: 400px;\n      margin: 12px 0 24px;\n      font-family: Sora, sans-serif;\n      font-size: 16px;\n      color: var(--dark-2);\n      letter-spacing: 0.4px;\n      line-height: 22px;\n    }\n    .success-btn {\n      width: 400px;\n      button {\n        width: 100%;\n        height: 40px;\n        font-family: Sora, sans-serif;\n        font-weight: 500;\n        font-size: 16px;\n        color: #FFFFFF;\n        letter-spacing: 0.4px;\n        text-align: center;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 479px) {\n  .forget-wrapper {\n    width: 100dvw;\n    height: 100dvh;\n    overflow: hidden;\n    display: flex;\n  }\n  .forget-right {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    .forget-content {\n      align-self: center;\n      position: relative;\n      z-index: 1;\n      width: calc(100dvw - 32px);\n      padding: 24px 32px;\n      width: 343px;\n      background: #ffffff;\n      box-shadow: 0 1px 0 0 #1a16250d;\n      border-radius: 16px;\n    }\n    .step:deep {\n      width: 500px;\n      margin-bottom: 48px;\n      .ant-steps-item-finish {\n        .ant-steps-item-icon {\n          background-color: #7d58e5;\n          .ant-steps-finish-icon {\n            color: #ffffff;\n          }\n        }\n      }\n      .ant-steps-item-title {\n        white-space: nowrap;\n      }\n    }\n    .email {\n      width: 300px;\n      .ant-input {\n        height: 40px;\n      }\n      .validate-error {\n        color: #eb4e3d;\n        margin-top: 8px;\n      }\n    }\n    .reset {\n      width: 300px;\n      padding-top: 24px;\n      padding-bottom: 48px;\n      button {\n        width: 100%;\n        height: 40px;\n        box-shadow: 0 1px 0 0 #1a16250d;\n        border-radius: 20px;\n        font-family: Sora, sans-serif;\n        font-weight: 500;\n        font-size: 15px;\n        color: #ffffff;\n        letter-spacing: 0.4px;\n        text-align: center;\n      }\n    }\n    .cancel {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=8dd93624&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-8dd93624\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=8dd93624&lang=less&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./step.vue?vue&type=style&index=0&id=36a53eed&lang=less&scoped=true\"","module.exports = __webpack_public_path__ + \"img/artemisAds_logo@2x.6cbfd9ff.png\";","<template>\n  <div class=\"sign-left-cont\">\n    <div class=\"sign-left-wrap\">\n      <img class=\"artemisAds-logo\" src=\"../assets/images/sign/artemisAds_logo@2x.png\" />\n      <div class=\"main-title\">\n        <div>Your <span class=\"growth\" style='color: #FFC502'>Growth</span></div>\n        <div>Our <span class=\"expertise\">Expertise</span></div>\n      </div>\n      <p class=\"main-text\" style='margin-top: 40px'>\n        From clicks to sales, we’ve got you covered. ArtemisAds’ stellar multi-channel marketing services help elevate your brands, and boost your sales!\n      </p>\n      <p class=\"main-text\" style='margin-top: 24px'>\n        ArtemisAds implement and manage analytics, and enable clients to gain greater insights in their business and enhance decision-making capabilities\n      </p>\n      <img class=\"amazon-logo\" src=\"../assets/images/sign/amazon-logo@2x.png\" />\n      <img class=\"sign-bg\" src=\"../assets/images/sign/sign-left-bg.png\" />\n      <!-- <img class=\"sign-bg-wap\" src=\"../assets/images/sign/sign-left-bg-wap.png\" /> -->\n    </div>\n  </div>\n</template>\n<script setup>\n  \n</script>\n<style lang=\"less\" scoped>\n    .sign-left-cont {\n      position: relative;\n      width: 33.333vw;\n      min-width: 480px;\n      height: 100%;\n      .sign-left-wrap {\n        height: 100%;\n        padding: 9vh 2.5vw 0 3vw;\n        background-image: linear-gradient(149deg, #5436E9 0%, #A683FC 100%);\n        border-radius: 0 0 160px 0;\n      }\n      .artemisAds-logo {\n        width: 246px;\n        height: 56px;\n      }\n      .main-title {\n        margin-top: 61px;\n        color: var(--color-white);\n        font-size: 47px;\n        font-weight: 700;\n        line-height: 63px;\n        letter-spacing: 0.87px;\n        text-align: left;\n        .growth {\n          display: inline-block;\n          padding-right: 8px;\n          background-image: url('../assets/images/sign/growth@2x.png');\n          background-position: 0 45px;\n          background-repeat: no-repeat;\n          background-size: 100%;\n          line-height: 63px;\n        }\n        .expertise {\n          display: inline-block;\n          background-image: url('../assets/images/sign/expertise@2x.png');\n          background-position: 0 55px;\n          background-repeat: no-repeat;\n          background-size: 100%;\n          line-height: 68px;\n          padding-right: 8px;\n        }\n      }\n      .main-text {\n        width: 400px;\n        height: 104px;\n        font-family: Sora, sans-serif;\n        font-weight: 400;\n        font-size: 16px;\n        color: #FFFFFF;\n        letter-spacing: 0.4px;\n        line-height: 26px;\n        margin-bottom: 0;\n      }\n      .amazon-logo {\n        position: absolute;\n        bottom: 5vh;\n        width: 242px;\n        height: 42px;\n        margin-top: 109px;\n      }\n      .sign-bg {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        width: 216px;\n        height: 294px;\n        opacity: 0.8;\n      }\n    }\n  \n  // @media screen and (max-width: 479px) {\n  //   .sign-left-cont {\n  //     position: absolute;\n  //     left: 0;\n  //     right: 0;\n  //     bottom: 0;\n  //     top: 0;\n  //     width: 100dvw;\n  //     height: 100%;\n  //     background-image: linear-gradient(149deg, #5436E9 0%, #A683FC 100%);\n  //     .sign-left-wrap {\n  //       display: flex;\n  //       flex-direction: column;\n  //       height: 100%;\n  //       padding: 9vh 2.5vw 0 3vw;\n  //       border-radius: 0 0 160px 0;\n  //     }\n  //     .artemisAds-logo {\n  //       width: 210px;\n  //       height: 48px;\n  //       align-self: center;\n  //     }\n  //     .main-title, .main-text, .amazon-logo {\n  //       display: none;\n  //     }\n  //     .sign-bg-wap {\n  //       position: absolute;\n  //       top: 0;\n  //       left: 0;\n  //       width: 216px;\n  //       height: 294px;\n  //       opacity: 0.8;\n  //     }\n  //     .sign-bg {\n  //       position: absolute;\n  //       right: 0;\n  //       bottom: 0;\n  //       width: 216px;\n  //       height: 294px;\n  //       opacity: 0.8;\n  //     }\n  //   }\n    \n  // }\n</style>\n","import { render } from \"./signInUpLeft.vue?vue&type=template&id=aeee5528&scoped=true\"\nconst script = {}\n\nimport \"./signInUpLeft.vue?vue&type=style&index=0&id=aeee5528&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/opt/gitlab-runner/web_artemisads_repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-aeee5528\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/amazon-logo@2x.14e2c189.png\";","module.exports = __webpack_public_path__ + \"img/sign-left-bg.968ad661.png\";"],"sourceRoot":""}