{"version":3,"file":"signup.Db_oGGIB.js","sources":["../../../../pages/signup.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefinePageMeta({ layout: \"auth\" })\n\nconst state = useState(\"signup-details\", () => ({\n  isLoading: false,\n  error: undefined as string | undefined,\n}))\nconst { authState, signUp, toReadableError } = useAuthentication()\nconst formRef = ref<HTMLFormElement>()\n\nstate.value.isLoading = false\nstate.value.error = undefined\n\nasync function sendSignUp() {\n  const { email, inviteCode } = authState.value\n\n  try {\n    state.value.error = undefined\n    state.value.isLoading = true\n    await signUp({ email, inviteCode })\n  }\n  catch (error) {\n    console.error(error)\n    state.value.error = toReadableError(error)\n    state.value.isLoading = false\n  }\n}\n\nuseHead({\n  title: \"Sign-up\",\n})\n</script>\n\n<template>\n  <div class=\"h-full w-full flex items-center justify-center\">\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          Welcome to Poly\n        </div>\n        <div class=\"text-center text-sm\">\n          <nuxt-link\n            :to=\"{ name: 'login' }\"\n            class=\"group\"\n          >\n            Already have an account? <span class=\"font-medium text-$global-blue-primary group-hover:underline\">Log In</span>\n          </nuxt-link>\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          type=\"email\"\n          autocomplete=\"email\"\n          placeholder=\"Enter e-mail...\"\n          @keydown.enter.prevent=\"sendSignUp()\"\n        />\n\n        <interface-auth-input\n          v-model=\"authState.password\"\n          label=\"Password\"\n          type=\"password\"\n          autocomplete=\"new-password\"\n          placeholder=\"Enter password...\"\n          @keydown.enter.prevent=\"sendSignUp()\"\n        />\n\n        <interface-auth-input\n          v-model=\"authState.inviteCode\"\n          label=\"Invite Code\"\n          not-placeholder-shown=\"uppercase text-$global-blue-primary font-semibold\"\n          placeholder=\"Enter code...\"\n          @keydown.enter.prevent=\"sendSignUp()\"\n        />\n      </form>\n      <div class=\"h-6\" />\n      <div class=\"space-y-3\">\n        <interface-button\n          class=\"h-10 w-full rounded-md bg-$global-blue-primary\"\n          :loading=\"state.isLoading\"\n          @click=\"sendSignUp()\"\n        >\n          Create Account\n        </interface-button>\n        <div class=\"h-4 w-full text-center text-sm font-medium text-$global-amber-primary\">\n          <div v-if=\"state.error\">\n            {{ state.error }}\n          </div>\n        </div>\n      </div>\n      <div class=\"mx-auto mt-3 w-3/4 text-center text-sm text-text-secondary\">\n        By clicking “Create account”, you agree to Poly’s\n        <nuxt-link :to=\"{ name: 'legal' }\" class=\"underline\">\n          Terms of Service\n        </nuxt-link>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["state","useState","authState","signUp","toReadableError","useAuthentication","formRef","ref","sendSignUp","email","inviteCode","error","useHead"],"mappings":"g3CAGM,MAAAA,EAAQC,EAAS,iBAAkB,KAAO,CAC9C,UAAW,GACX,MAAO,MACP,EAAA,EACI,CAAE,UAAAC,EAAW,OAAAC,EAAQ,gBAAAC,GAAoBC,EAAkB,EAC3DC,EAAUC,IAEhBP,EAAM,MAAM,UAAY,GACxBA,EAAM,MAAM,MAAQ,OAEpB,eAAeQ,GAAa,CAC1B,KAAM,CAAE,MAAAC,EAAO,WAAAC,GAAeR,EAAU,MAEpC,GAAA,CACFF,EAAM,MAAM,MAAQ,OACpBA,EAAM,MAAM,UAAY,GACxB,MAAMG,EAAO,CAAE,MAAAM,EAAO,WAAAC,CAAY,CAAA,QAE7BC,EAAO,CACZ,QAAQ,MAAMA,CAAK,EACbX,EAAA,MAAM,MAAQI,EAAgBO,CAAK,EACzCX,EAAM,MAAM,UAAY,EAC1B,CACF,CAEQ,OAAAY,EAAA,CACN,MAAO,SAAA,CACR"}