{"version":3,"file":"forgot-password.GekWlMv1.js","sources":["../../../../pages/forgot-password.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefinePageMeta({ layout: \"auth\" })\n\nconst { authState, forgotPassword, toReadableError } = useAuthentication()\nconst formRef = ref<HTMLFormElement>()\n\nconst model = useState(\"forgot-password-details\", () => ({\n  isLoading: false,\n  error: undefined as string | undefined,\n}))\n\nmodel.value.isLoading = false\nmodel.value.error = undefined\n\nasync function sendForgotPassword() {\n  const { email } = authState.value\n  try {\n    model.value.error = undefined\n    model.value.isLoading = true\n    await forgotPassword({ email })\n  }\n  catch (error) {\n    console.error(error)\n    model.value.error = toReadableError(error)\n    model.value.isLoading = false\n  }\n}\n\nuseHead({\n  title: \"Reset Password\",\n})\n</script>\n\n<template>\n  <div class=\"h-full w-full flex flex-col items-center justify-center pb-[50px]\">\n    <div class=\"w-sm\">\n      <div class=\"mb-12 space-y-3\">\n        <div class=\"mx-auto w-16\">\n          <img\n            class=\"\"\n            src=\"/favicon.png\"\n          >\n        </div>\n        <div class=\"text-center text-3xl t-[#{$global-t-default}]\">\n          Reset your password\n        </div>\n        <div class=\"text-center text-base\">\n          Enter your e-mail, and if it is associated with an account then we will send it a verification code.\n        </div>\n      </div>\n      <form\n        ref=\"formRef\"\n        @submit.prevent\n      >\n        <interface-auth-input\n          v-model=\"authState.email\"\n          label=\"E-mail\"\n          autocomplete=\"email\"\n          placeholder=\"Enter e-mail...\"\n          autofocus\n          @keydown.enter.prevent=\"sendForgotPassword()\"\n        />\n      </form>\n      <div class=\"h-6\" />\n      <div class=\"space-y-3\">\n        <interface-button\n          class=\"h-10 w-full rounded-lg bg-$global-blue-primary text-base font-medium\"\n          :loading=\"model.isLoading\"\n          @click=\"sendForgotPassword()\"\n        >\n          Send verification code\n        </interface-button>\n        <div class=\"h-4 w-full text-center text-sm font-medium text-$global-amber-primary\">\n          <div v-if=\"model.error\">\n            {{ model.error }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["authState","forgotPassword","toReadableError","useAuthentication","formRef","ref","model","useState","sendForgotPassword","email","error","useHead"],"mappings":"szCAGA,KAAM,CAAE,UAAAA,EAAW,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAkB,EACnEC,EAAUC,IAEVC,EAAQC,EAAS,0BAA2B,KAAO,CACvD,UAAW,GACX,MAAO,MACP,EAAA,EAEFD,EAAM,MAAM,UAAY,GACxBA,EAAM,MAAM,MAAQ,OAEpB,eAAeE,GAAqB,CAC5B,KAAA,CAAE,MAAAC,CAAM,EAAIT,EAAU,MACxB,GAAA,CACFM,EAAM,MAAM,MAAQ,OACpBA,EAAM,MAAM,UAAY,GAClB,MAAAL,EAAe,CAAE,MAAAQ,CAAA,CAAO,QAEzBC,EAAO,CACZ,QAAQ,MAAMA,CAAK,EACbJ,EAAA,MAAM,MAAQJ,EAAgBQ,CAAK,EACzCJ,EAAM,MAAM,UAAY,EAC1B,CACF,CAEQ,OAAAK,EAAA,CACN,MAAO,gBAAA,CACR"}