{"version":3,"file":"CVJMZML6.js","sources":["../../../../pages/login.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col flex-grow relative\">\n    <div class=\"flex mt-6 mb-10 flex-grow\">\n      <div class=\"w-full md:w-2/3 md:mx-auto md:max-w-md px-4\">\n        <h1 class=\"my-4 text-3xl\">\n          Login\n        </h1>\n\n        <div\n          v-if=\"form.errors.any()\"\n          class=\"text-sm bg-blue-50 border p-4 mb-4 rounded text-blue-800 dark:bg-blue-900  border-blue-700\"\n        >\n          Please login using your AirFormTable credentials. Airtable and AirFormTable\n          are not the same entity, so you do need to create a AirFormTable account\n          if you don't have one.\n        </div>\n        <form\n          @submit.prevent=\"login\"\n          @keydown=\"form.onKeydown($event)\"\n        >\n          <!-- Email -->\n          <text-input\n            name=\"email\"\n            :form=\"form\"\n            label=\"Email\"\n            :required=\"true\"\n          />\n\n          <!-- Password -->\n          <text-input\n            class=\"mt-3\"\n            native-type=\"password\"\n            name=\"password\"\n            :form=\"form\"\n            label=\"Password\"\n            :required=\"true\"\n          />\n\n          <!-- Remember Me -->\n          <div class=\"relative flex items-start my-3\">\n            <CheckboxInput\n              v-model=\"remember\"\n              class=\"w-full md:w-1/2\"\n              name=\"remember\"\n              size=\"small\"\n              label=\"Remember me\"\n            />\n\n            <div class=\"w-full md:w-1/2 text-right\">\n              <NuxtLink\n                :to=\"{ name: 'password-reset' }\"\n                class=\"text-xs hover:underline text-gray-500 sm:text-sm hover:text-gray-700\"\n              >\n                Forgot your password?\n              </NuxtLink>\n            </div>\n          </div>\n\n          <!-- Submit Button -->\n          <v-button\n            class=\"w-full text-center\"\n            :loading=\"form.busy || loading\"\n          >\n            Login\n          </v-button>\n\n          <v-button\n            native-type=\"button\"\n            color=\"white\"\n            class=\"space-x-4 mt-4  w-full\"\n            :loading=\"false\"\n            @click.prevent=\"signInwithGoogle\"\n          >\n            <Icon\n              name=\"devicon:google\"\n              class=\"w-4 h-4 -mt-1\"\n            />\n            <span class=\"mx-2\">Sign in with Google</span>\n          </v-button>\n\n          <p class=\"text-center text-gray-500 text-sm text-center mt-4\">\n            Don't have an account?\n            <NuxtLink :to=\"{ name: 'register' }\">\n              Register\n            </NuxtLink>\n          </p>\n        </form>\n      </div>\n    </div>\n\n    <airtable-forms-footer class=\"border-t z-20\" />\n  </div>\n</template>\n\n<script setup>\nimport { fetchAllWorkspaces } from '~/stores/workspaces.js'\n\ndefinePageMeta({\n  middleware: 'guest',\n  stickyNavbar: true\n})\nuseAirtableFormsSeoMeta({\n  title: 'Login'\n})\n\nconst router = useRouter()\nconst authStore = useAuthStore()\nconst workspaceStore = useWorkspacesStore()\nconst formsStore = useFormsStore()\nconst providersStore = useOAuthProvidersStore()\nconst form = useForm({\n  email: '',\n  password: ''\n})\nconst remember = ref(false)\nconst loading = ref(false)\n\nasync function login () {\n  // Submit the form.\n  loading.value = true\n  form\n    .post('login')\n    .then(async (data) => {\n      // Save the token.\n      authStore.setToken(data.token)\n\n      const [userDataResponse, workspacesResponse] = await Promise.all([\n        airtableFormsFetch('user'),\n        fetchAllWorkspaces()\n      ])\n      authStore.setUser(userDataResponse)\n      workspaceStore.set(workspacesResponse.data.value)\n\n      // Load forms\n      formsStore.loadAll(workspaceStore.currentId)\n\n      // Redirect home.\n      redirect()\n    })\n    .catch((error) => {\n      console.error(error)\n    })\n    .finally(() => {\n      loading.value = false\n    })\n}\n\nfunction redirect () {\n  const intendedUrlCookie = useCookie('intended_url')\n\n  if (intendedUrlCookie.value) {\n    router.push({ path: intendedUrlCookie.value })\n    useCookie('intended_url').value = null\n  } else {\n    router.push({ name: 'home' })\n  }\n}\n\nfunction signInwithGoogle() {\n  providersStore.guestConnect('google', true)\n}\n</script>\n"],"names":["useAirtableFormsSeoMeta","router","useRouter","authStore","useAuthStore","workspaceStore","useWorkspacesStore","formsStore","useFormsStore","providersStore","useOAuthProvidersStore","form","useForm","remember","ref","loading","login","data","userDataResponse","workspacesResponse","airtableFormsFetch","fetchAllWorkspaces","redirect","error","intendedUrlCookie","useCookie","signInwithGoogle"],"mappings":"+pCAqGAA,EAAwB,CACtB,MAAO,OACT,CAAC,EAED,MAAMC,EAASC,EAAW,EACpBC,EAAYC,EAAc,EAC1BC,EAAiBC,EAAoB,EACrCC,EAAaC,EAAe,EAC5BC,EAAiBC,EAAwB,EACzCC,EAAOC,EAAQ,CACnB,MAAO,GACP,SAAU,EACZ,CAAC,EACKC,EAAWC,EAAI,EAAK,EACpBC,EAAUD,EAAI,EAAK,EAEzB,eAAeE,GAAS,CAEtBD,EAAQ,MAAQ,GAChBJ,EACG,KAAK,OAAO,EACZ,KAAK,MAAOM,GAAS,CAEpBd,EAAU,SAASc,EAAK,KAAK,EAE7B,KAAM,CAACC,EAAkBC,CAAkB,EAAI,MAAM,QAAQ,IAAI,CAC/DC,EAAmB,MAAM,EACzBC,EAAoB,CAC5B,CAAO,EACDlB,EAAU,QAAQe,CAAgB,EAClCb,EAAe,IAAIc,EAAmB,KAAK,KAAK,EAGhDZ,EAAW,QAAQF,EAAe,SAAS,EAG3CiB,EAAU,CAChB,CAAK,EACA,MAAOC,GAAU,CAChB,QAAQ,MAAMA,CAAK,CACzB,CAAK,EACA,QAAQ,IAAM,CACbR,EAAQ,MAAQ,EACtB,CAAK,CACL,CAEA,SAASO,GAAY,CACnB,MAAME,EAAoBC,EAAU,cAAc,EAE9CD,EAAkB,OACpBvB,EAAO,KAAK,CAAE,KAAMuB,EAAkB,KAAK,CAAE,EAC7CC,EAAU,cAAc,EAAE,MAAQ,MAElCxB,EAAO,KAAK,CAAE,KAAM,MAAM,CAAE,CAEhC,CAEA,SAASyB,GAAmB,CAC1BjB,EAAe,aAAa,SAAU,EAAI,CAC5C"}