{"version":3,"file":"DbpAai2r.js","sources":["../../../../pages/onboarding/forgot-password/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ROUTE_LOGIN, ROUTE_SIGNUP} from \"@/constants/routes\";\nimport {DEFAULT_ERROR_MESSAGE} from \"@/constants/error-messages\";\nimport * as zod from \"zod\";\nimport ValidationError from \"~/models/ValidationError\";\nimport {onMounted} from \"vue\";\nimport AppStoreButtons from \"~/components/AppStoreButtons.vue\";\n\ndefinePageMeta({\n  layout: \"default-no-footer\",\n});\n\nconst authStore = useAuthStore();\n\nconst isSubmitted = ref(false);\nconst submitClicked = ref(false);\nconst error = ref(\"\");\nconst routeLogin = ROUTE_LOGIN;\nconst routeSignup = ROUTE_SIGNUP;\nconst busy = ref(false);\n\nconst validationSchema = toTypedSchema(\n    zod.object({\n      innerEmail: zod\n          .string()\n          .min(1,  \"This field is required\")\n          .email(\"Please enter a valid email address\"),\n\n    })\n);\nconst { handleSubmit, errors } = useForm({\n  validationSchema,\n});\nconst { value: innerEmail } = useField<string | null>(\"innerEmail\");\nconst serverErrors = ref();\n\nconst errorsResult = computed(() => {\n  let result = (\n      errors.value.innerEmail ||\n     error.value\n  );\n  return result == 'Required' ? 'This field is required' : result;\n});\n\nconst sendLink = handleSubmit(async () => {\n  submitClicked.value = true\n  if (busy.value) {\n    return;\n  }\n\n  busy.value = true;\n  try {\n    await authStore[REQUEST_RESET_PASSWORD](innerEmail.value);\n    isSubmitted.value = true;\n  } catch (e) {\n    if (e instanceof ValidationError) {\n      error.value = e.fieldErrors.errors?.email[0] || e.fieldErrors.email[0]\n    } else {\n      error.value = DEFAULT_ERROR_MESSAGE;\n    }\n  } finally {\n    busy.value = false;\n  }\n  setTimeout(() => {\n    busy.value = false;\n  }, 1000);\n});\n</script>\n\n\n<template>\n  <div class=\"tw-overflow-hidden tw-flex-1 tw-flex tw-flex-col\">\n    <section\n        class=\"tw-max-w-screen-xxl tw-w-full tw-mx-auto  tw-relative tw-overflow-hidden md:tw-overflow-visible tw-pt-[32px] md:tw-pt-[42px] tw-pb-4 sm:tw-pb-2 tw-z-10 tw-bg-[#f8f0e6] tw-min-h-[350px] lg:tw-min-h-[524px]\"\n    >\n      <img\n          alt=\"\"\n          class=\"tw-hidden md:tw-block tw-absolute -tw-bottom-[100px] lg:tw-bottom-[-158px] tw-left-[20px] tw-w-[200px] lg:tw-w-[250px] min-[1024px]:tw-max-w-[330px] min-[1420px]:tw-max-w-[492px] min-[1024px]:tw-w-full\"\n          src=\"/assets/images/signup/left-illustration.png\"\n      />\n      <img\n          alt=\"\"\n          class=\"tw-hidden md:tw-block tw-absolute -tw-bottom-[120px] lg:-tw-bottom-[100px] min-[1420px]:-tw-bottom-[181px] tw-right-[20px] lg:tw-right-[50px] min-[1420px]:tw-right-[110px] tw-w-[200px] min-[1024px]:tw-max-w-[250px] min-[1420px]:tw-max-w-[390px] min-[1024px]:tw-w-full\"\n          src=\"/assets/images/signup/bottom-illustration.png\"\n      />\n      <img\n          alt=\"\"\n          class=\"tw-absolute -tw-top-[50px] md:-tw-top-2 -tw-top-2 -tw-right-8 md:-tw-right-[20px] lg:tw-right-[72px] tw-w-[180px] lg:tw-w-[21vw] tw-max-w-[283px] tw-pointer-events-none -tw-z-1\"\n          src=\"/assets/images/signup/top-illustration.png\"\n      />\n\n      <div class=\"tw-container\">\n        <div\n            class=\"tw-max-w-[308px] md:tw-max-w-none tw-mx-auto tw-pr-[110px] md:tw-pr-0\"\n        >\n          <h1\n              class=\"tw-text-[43px] md:tw-text-[46px] lg:tw-text-[60px] tw-font-black md:tw-text-center tw-leading-[1.04] md:tw-leading-normal tw-mb-[18px] md:tw-mb-1 tw-uppercase\"\n          >\n            Forgot Password\n          </h1>\n        </div>\n\n\n        <div class=\"w-full tw-max-w-[308px] md:tw-max-w-[360px] tw-mx-auto\">\n          <p v-if=\"isSubmitted\" class=\"tw-mb-30\">\n            We have e-mailed your password reset link! This link will expire in 24 hours.\n          </p>\n\n          <div class=\"mx-auto mt-24 w-full px-36 sm:max-w-408\" v-if=\"!isSubmitted\">\n            <span>Enter your email below and we’ll send you a link to reset your password.\n            </span>\n            <br>\n            <br>\n            <form\n                @submit.prevent=\"sendLink\"\n                novalidate\n                action=\"#\"\n                class=\"w-full tw-max-w-[308px] md:tw-max-w-[360px] tw-mx-auto\"\n            > <div\n                v-if=\"submitClicked && errorsResult\"\n                :id=\"`error-${errorsResult}`\"\n                aria-live=\"polite\"\n                class=\"input-error-msg tw-mb-2\"\n                v-text=\"errorsResult\"\n            ></div>\n              <div>\n                <div class=\"tw-mb-[9px] email-input\">\n                  <input\n                      v-model=\"innerEmail\"\n                      :aria-invalid=\"Boolean(error)\"\n                      :class=\"{\n                      'tw-input-error': Boolean(error),\n                    }\"\n                      aria-errormessage=\"error-email\"\n                      autocomplete=\"email\"\n                      class=\"tw-h-10 tw-w-full tw-rounded-[7px] tw-px-4 tw-text-base tw-nl-green-100 placeholder:tw-text-nl-green-100/50 tw-shadow-nl-6\"\n                      placeholder=\"Email\"\n                      type=\"email\"\n                  />\n                </div>\n              </div>\n              <div>\n\n              </div>\n              <div class=\"mt-38 sm:mt-20\">\n                <button\n                    type=\"submit\"\n                      @click=\"submitClicked = true\"\n                    :disabled=\"busy\"\n                    class=\"btn tw-w-full sm:tw-mt-[12px] tw-mt-[22px] focus:tw-bg-nl-violet-200 tw-text-[16px] p-2 min-h-[42px] flex items-center hover:tw-bg-nl-violet-200 tw-font-bold md:tw-font-semibold md:tw-py-[11px]\"\n                >\n                  Send Link\n                </button>\n\n                <div\n                    class=\"tw-flex tw-items-center tw-justify-center tw-gap-3 tw-font-bold tw-py-4\"\n                >\n                  <CaptureIconWave/>\n                  OR\n                  <CaptureIconWave/>\n                </div>\n\n                <div\n                    class=\"tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-uppercase tw-text-[14px] tw-leading-[1.28] tw-gap-[6px] tw-mt-[15px]\"\n                >\n                  <router-link\n                      :to=\"routeLogin\"\n                      class=\"tw-underline hover:tw-no-underline\"\n                  >Log In\n                  </router-link\n                  >\n                  |\n                  <router-link\n                      :to=\"routeSignup\"\n                      class=\"tw-underline hover:tw-no-underline\"\n                  >sign up\n                  </router-link\n                  >\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <section\n        class=\"tw-flex-1 tw-bg-nl-green-400 tw-text-nl-yellow-100 tw-pt-11 sm:tw-pt-[100px] tw-pb-[60px] lg:tw-pt-[96px] sm:tw-pb-[85px] tw-text-left sm:tw-text-center tw-font-agenda sm:tw-mt-0 tw-relative tw-z-1 tw-overflow-hidden\"\n    >\n      <div\n          class=\"tw-absolute tw-top-[-2px] tw-left-0 -tw-right-[30px] md:tw-right-0 max-[479px]:tw-h-[38px] max-[767px]:tw-h-[50px] md:tw-h-[60px] lg:tw-h-[100px] tw-w-full tw-bg-greenwavedown-mb md:tw-bg-greenwavedown tw-bg-center lg:tw-bg-[calc(50%+118px)_top] md:tw-bg-[length:1223px_59px] tw-z-1 tw-bg-repeat-x max-md:tw-bg-cover\"\n      ></div>\n      <AppStoreButtons></AppStoreButtons>\n    </section>\n  </div>\n</template>\n"],"names":["authStore","useAuthStore","isSubmitted","ref","submitClicked","error","routeLogin","ROUTE_LOGIN","routeSignup","ROUTE_SIGNUP","busy","validationSchema","toTypedSchema","zod.object","zod.string","handleSubmit","errors","useForm","innerEmail","useField","errorsResult","computed","result","sendLink","REQUEST_RESET_PASSWORD","e","ValidationError","_a","DEFAULT_ERROR_MESSAGE"],"mappings":"q7FAYA,MAAMA,EAAYC,IAEZC,EAAcC,EAAI,EAAK,EACvBC,EAAgBD,EAAI,EAAK,EACzBE,EAAQF,EAAI,EAAE,EACdG,EAAaC,EACbC,EAAcC,EACdC,EAAOP,EAAI,EAAK,EAEhBQ,EAAmBC,EACrBC,EAAW,CACT,WAAYC,EACA,EACP,IAAI,EAAI,wBAAwB,EAChC,MAAM,oCAAoC,CAAA,CAEhD,CAAA,EAEC,CAAE,aAAAC,EAAc,OAAAC,CAAO,EAAIC,EAAQ,CACvC,iBAAAN,CAAA,CACD,EACK,CAAE,MAAOO,CAAW,EAAIC,EAAwB,YAAY,EAC7ChB,EAAI,EAEnB,MAAAiB,EAAeC,EAAS,IAAM,CAClC,IAAIC,EACAN,EAAO,MAAM,YACdX,EAAM,MAEF,OAAAiB,GAAU,WAAa,yBAA2BA,CAAA,CAC1D,EAEKC,EAAWR,EAAa,SAAY,OAExC,GADAX,EAAc,MAAQ,GAClB,CAAAM,EAAK,MAIT,CAAAA,EAAK,MAAQ,GACT,GAAA,CACF,MAAMV,EAAUwB,CAAsB,EAAEN,EAAW,KAAK,EACxDhB,EAAY,MAAQ,SACbuB,EAAG,CACNA,aAAaC,EACTrB,EAAA,QAAQsB,EAAAF,EAAE,YAAY,SAAd,YAAAE,EAAsB,MAAM,KAAMF,EAAE,YAAY,MAAM,CAAC,EAErEpB,EAAM,MAAQuB,CAChB,QACA,CACAlB,EAAK,MAAQ,EACf,CACA,WAAW,IAAM,CACfA,EAAK,MAAQ,IACZ,GAAI,EAAA,CACR"}