{"version":3,"file":"login-deee7e3e.js","sources":["../../src/pages/login.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { VForm } from 'vuetify/components'\nimport { themeConfig } from '@themeConfig'\nimport { emailValidator, requiredValidator } from '@validators'\nimport { VNodeRenderer } from '@layouts/components/VNodeRenderer'\nimport { $getToken } from '@/api/auth'\nimport { useUserStore } from '@/store/user'\nimport { getCurrentUserData } from '@/helpers/user/getCurrentUserData'\n\nconst isPasswordVisible = ref(false)\n\nconst errors = ref<Record<string, string | undefined>>({\n  email: undefined,\n  password: undefined,\n})\n\nconst loginError = ref(false)\nconst refVForm = ref<VForm>()\n\nconst email = ref('')\nconst password = ref('')\nconst userStore = useUserStore()\nconst router = useRouter()\nconst isLoading = ref(false)\n\nconst login = async () => {\n  const isValid = await refVForm.value?.validate()\n  if (isValid && isValid.valid) {\n    isLoading.value = true\n\n    try {\n      const res = await $getToken({ email: email.value, password: password.value })\n\n      userStore.saveToken(`Token ${res.data.auth_token}`)\n\n      await getCurrentUserData()\n\n      await router.push('/')\n    } catch (e) {\n      loginError.value = true\n    } finally {\n      isLoading.value = false\n    }\n  }\n}\n</script>\n\n<template>\n  <div class=\"auth-wrapper d-flex align-center justify-center\">\n    <VCard width=\"450\">\n      <VCardItem class=\"justify-center\">\n        <template #prepend>\n          <div class=\"d-flex\">\n            <VNodeRenderer :nodes=\"themeConfig.app.logo\"/>\n          </div>\n        </template>\n\n        <VCardTitle class=\"font-weight-bold text-h5 py-1\">\n          {{ themeConfig.app.title }}\n        </VCardTitle>\n      </VCardItem>\n      <VCardText class=\"pt-1\">\n        <h5 class=\"text-h5 font-weight-semibold mb-1\">\n          Welcome to LookConnex!\n        </h5>\n        <p class=\"mb-0\">\n          Please, sign-in to your account.\n        </p>\n      </VCardText>\n      <VCardText>\n        <VForm\n          ref=\"refVForm\"\n          @submit.prevent=\"login\"\n        >\n          <VRow>\n            <VCol cols=\"12\">\n              <VTextField\n                v-model=\"email\"\n                :error-messages=\"errors.email\"\n                :rules=\"[requiredValidator, emailValidator]\"\n                label=\"Email\"\n              />\n            </VCol>\n            <VCol cols=\"12\">\n              <VTextField\n                v-model=\"password\"\n                :append-inner-icon=\"isPasswordVisible ? 'tabler-eye-off' : 'tabler-eye'\"\n                :error-messages=\"errors.password\"\n                :rules=\"[requiredValidator]\"\n                :type=\"isPasswordVisible ? 'text' : 'password'\"\n                label=\"Password\"\n                @click:append-inner=\"isPasswordVisible = !isPasswordVisible\"\n              />\n            </VCol>\n            <VCol\n              class=\"d-flex justify-end py-0\"\n              cols=\"12\"\n            >\n              <RouterLink\n                to=\"/password-reset\"\n                class=\"hover-text-underline\"\n              >\n                Forgot password?\n              </RouterLink>\n            </VCol>\n            <VCol\n              v-if=\"loginError\"\n              cols=\"12\"\n            >\n              <VAlert\n                color=\"error\"\n                variant=\"flat\"\n              >\n                Login error, please, check your credentials.\n              </VAlert>\n            </VCol>\n            <VCol cols=\"12\">\n              <VBtn\n                :loading=\"!!isLoading\"\n                block\n                type=\"submit\"\n              >\n                Login\n              </VBtn>\n            </VCol>\n          </VRow>\n        </VForm>\n      </VCardText>\n    </VCard>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.auth-wrapper {\n  height: 100vh;\n  background: url('@images/login-body-bg.jpg');\n}\n</style>\n\n<route lang=\"yaml\">\nmeta:\n  layout: blank\n  action: read\n  subject: Auth\n  redirectIfLoggedIn: true\n</route>\n"],"names":["isPasswordVisible","ref","errors","loginError","refVForm","email","password","userStore","useUserStore","router","useRouter","isLoading","login","isValid","_a","res","$getToken","getCurrentUserData"],"mappings":"s8BASA,MAAAA,EAAAC,EAAA,EAAA,EAEAC,EAAAD,EAAA,CAAuD,MAAA,OAC9C,SAAA,MACG,CAAA,EAGZE,EAAAF,EAAA,EAAA,EACAG,EAAAH,IAEAI,EAAAJ,EAAA,EAAA,EACAK,EAAAL,EAAA,EAAA,EACAM,EAAAC,IACAC,EAAAC,IACAC,EAAAV,EAAA,EAAA,EAEAW,EAAA,SAAA,OACE,MAAAC,EAAA,OAAAC,EAAAV,EAAA,QAAA,YAAAU,EAAA,YACA,GAAAD,GAAAA,EAAA,MAAA,CACEF,EAAA,MAAA,GAEA,GAAA,CACE,MAAAI,EAAA,MAAAC,EAAA,CAAA,MAAAX,EAAA,MAAA,SAAAC,EAAA,KAAA,CAAA,EAEAC,EAAA,UAAA,SAAAQ,EAAA,KAAA,UAAA,EAAA,EAEA,MAAAE,EAAA,EAEA,MAAAR,EAAA,KAAA,GAAA,CAAqB,MAAA,CAErBN,EAAA,MAAA,EAAmB,QAAA,CAEnBQ,EAAA,MAAA,EAAkB,CACpB,CACF"}