{"version":3,"file":"login.C_hbBWw1.js","sources":["../../../../pages/login.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefinePageMeta({ layout: \"auth\" })\n\nconst { authState, logIn, toReadableError } = useAuthentication()\nconst { authErrorMessageTestId } = useTestId()\nconst formRef = ref<HTMLFormElement>()\n\nconst model = useState(\"login-details\", () => ({\n  isLoading: false,\n  error: undefined as string | undefined,\n}))\n\nmodel.value.isLoading = false\nmodel.value.error = undefined\n\nasync function sendLogIn() {\n  const { email, password } = authState.value\n  try {\n    model.value.error = undefined\n    model.value.isLoading = true\n    await logIn({ email, password })\n  }\n  catch (error) {\n    console.error(\"ERROR\", error)\n    model.value.error = toReadableError(error)\n    model.value.isLoading = false\n  }\n}\n\nuseHead({\n  title: \"Login\",\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 class=\"\" src=\"/favicon.png\">\n        </div>\n        <div class=\"text-center text-3xl t-[#{$global-t-default}]\">\n          Welcome back\n        </div>\n        <div class=\"text-center text-base\">\n          <nuxt-link :to=\"{ name: 'signup' }\" class=\"group\">\n            Looking to <span class=\"hover-link\">sign up</span> with your invite code instead?\n          </nuxt-link>\n        </div>\n      </div>\n      <form ref=\"formRef\" @submit.prevent>\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=\"sendLogIn()\"\n        />\n\n        <interface-auth-input\n          v-model=\"authState.password\"\n          label=\"Password\"\n          type=\"password\"\n          autocomplete=\"current-password\"\n          placeholder=\"Enter password...\"\n          @keydown.enter.prevent=\"sendLogIn()\"\n        />\n        <!-- <div\n          class=\"text-blue-p3 -mt-5 cursor-pointer text-right text-xs font-medium\"\n        >\n          <nuxt-link\n            :to=\"{ name: 'forgot-password' }\"\n            class=\"hover:underline\"\n          >\n            Forgot Password?\n          </nuxt-link>\n        </div> -->\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=\"sendLogIn()\"\n        >\n          Log In\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\" :data-testid=\"authErrorMessageTestId\">\n            {{ model.error }}\n          </div>\n        </div>\n      </div>\n      <nuxt-link to=\"/forgot-password\">\n        <div class=\"group mx-auto mt-3 w-3/4 text-center text-sm\">\n          Forgot your password? <span class=\"hover-link\">\n            Send a reset code.\n          </span>\n        </div>\n      </nuxt-link>\n    </div>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.hover-link\n  @apply font-medium text-$global-blue-primary group-hover:underline\n</style>\n"],"names":["authState","logIn","toReadableError","useAuthentication","authErrorMessageTestId","useTestId","formRef","ref","model","useState","sendLogIn","email","password","error","useHead"],"mappings":"khDAGA,KAAM,CAAE,UAAAA,EAAW,MAAAC,EAAO,gBAAAC,GAAoBC,EAAkB,EAC1D,CAAE,uBAAAC,GAA2BC,IAC7BC,EAAUC,IAEVC,EAAQC,EAAS,gBAAiB,KAAO,CAC7C,UAAW,GACX,MAAO,MACP,EAAA,EAEFD,EAAM,MAAM,UAAY,GACxBA,EAAM,MAAM,MAAQ,OAEpB,eAAeE,GAAY,CACzB,KAAM,CAAE,MAAAC,EAAO,SAAAC,GAAaZ,EAAU,MAClC,GAAA,CACFQ,EAAM,MAAM,MAAQ,OACpBA,EAAM,MAAM,UAAY,GACxB,MAAMP,EAAM,CAAE,MAAAU,EAAO,SAAAC,CAAU,CAAA,QAE1BC,EAAO,CACJ,QAAA,MAAM,QAASA,CAAK,EACtBL,EAAA,MAAM,MAAQN,EAAgBW,CAAK,EACzCL,EAAM,MAAM,UAAY,EAC1B,CACF,CAEQ,OAAAM,EAAA,CACN,MAAO,OAAA,CACR"}