{"version":3,"file":"7-tbQNJS.js","sources":["../../../../pages/login.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch, ref } from 'vue';\nimport { Hub } from 'aws-amplify/utils';\nimport { BASE_TITLE } from '~/utilities/constants';\n\nuseHead({\n  title: `Login ${BASE_TITLE}`,\n  meta: [{ property: 'og:title', content: `Login ${BASE_TITLE}` }],\n});\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { $Amplify } = useNuxtApp();\n\nconst redirectRoute = Array.isArray(route.query?.redirect)\n  ? route.query?.redirect[0]\n  : route.query?.redirect || '/user/profiles';\n\nconst userState = ref();\nconst userAttributes = ref();\ntry {\n  userState.value = await $Amplify.Auth.getCurrentUser();\n  userAttributes.value = await $Amplify.Auth.fetchUserAttributes();\n  console.log('userAttributes', userAttributes.value);\n} catch (error) {\n  userState.value = undefined;\n  userAttributes.value = undefined;\n}\n\nconst username = ref('');\nconst password = ref('');\nconst verificationCode = ref('');\n\nconst signInError = ref('');\n\nconst pending = ref(false);\n\nconst passwordResetState = ref(Array.isArray(route.query.reset) ? route.query.reset[0] : route.query.reset);\nwatch(passwordResetState, (reset) => {\n  router.replace({\n    path: route.path,\n    query: { reset },\n  });\n});\n\nasync function submitForm() {\n  if (passwordResetState.value === 'request') {\n    await forgotPasswordSendCode();\n  } else if (passwordResetState.value === 'confirm') {\n    await forgotPasswordSubmit();\n  } else {\n    await signIn();\n  }\n}\n\nasync function signIn() {\n  if (pending.value) {\n    return;\n  }\n  pending.value = true;\n  signInError.value = '';\n  try {\n    try {\n      await $Amplify.Auth.signIn({\n        username: username.value.toLowerCase(),\n        password: password.value,\n      });\n      userState.value = await $Amplify.Auth.getCurrentUser();\n      userAttributes.value = await $Amplify.Auth.fetchUserAttributes();\n    } catch (e) {\n      if (e.name === 'NotAuthorizedException') {\n        await $Amplify.Auth.signIn({ username: username.value, password: password.value });\n        userState.value = await $Amplify.Auth.getCurrentUser();\n        userAttributes.value = await $Amplify.Auth.fetchUserAttributes();\n      } else {\n        throw e;\n      }\n    }\n  } catch (e) {\n    if (e.name === 'NotAuthorizedException') {\n      signInError.value = e.message;\n    } else if (e.name === 'UserNotConfirmedException') {\n      signInError.value = e.message;\n    } else {\n      console.log('error signing in: ', e);\n    }\n  } finally {\n    pending.value = false;\n  }\n}\n\nconst forgotPasswordMsg = ref({ msg: '', error: false });\n\nasync function forgotPasswordSendCode() {\n  if (pending.value) {\n    return;\n  }\n  pending.value = true;\n  try {\n    forgotPasswordMsg.value = { error: undefined, msg: 'Sending password reset code...' };\n    const data = await $Amplify.Auth.resetPassword({ username: username.value });\n    forgotPasswordMsg.value = { error: false, msg: 'Code send to ' + data.nextStep.codeDeliveryDetails.destination };\n    passwordResetState.value = 'confirm';\n  } catch (e) {\n    signInError.value = e.message;\n    forgotPasswordMsg.value = { error: true, msg: e.message };\n  } finally {\n    pending.value = false;\n  }\n}\n\nconst forgotPasswordResetMsg = ref({ msg: '', error: false });\n\nasync function forgotPasswordSubmit() {\n  if (pending.value) {\n    return;\n  }\n  pending.value = true;\n  try {\n    forgotPasswordResetMsg.value = { error: undefined, msg: 'Resetting password...' };\n    await $Amplify.Auth.confirmResetPassword({\n      username: username.value,\n      confirmationCode: verificationCode.value,\n      newPassword: password.value,\n    });\n    await $Amplify.Auth.signIn({ username: username.value, password: password.value });\n  } catch (e) {\n    forgotPasswordResetMsg.value = { error: true, msg: e.message };\n  } finally {\n    pending.value = false;\n  }\n}\n\nif (process.client) {\n  const stopListening = Hub.listen('auth', ({ payload }) => {\n    const { event } = payload;\n    console.log({ payload });\n\n    if (event === 'signedIn') {\n      userState.value = payload.data;\n    }\n  });\n  onBeforeUnmount(() => stopListening());\n}\n\nfunction forwardRoute() {\n  console.log('Checking route forward');\n  if (redirectRoute !== undefined) {\n    if (userState.value !== undefined) {\n      console.log('Forwarding route');\n      router.replace(redirectRoute);\n    }\n  }\n}\n\nforwardRoute();\n\nwatch(userState, forwardRoute);\n</script>\n\n<template>\n  <div class=\"pt-4 md:pt-8\">\n    <Container>\n      <div v-if=\"!userState\" class=\"flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8\">\n        <div class=\"sm:mx-auto sm:w-full sm:max-w-md\">\n          <img class=\"mx-auto h-12 w-auto\" src=\"/mint-logo-round.svg\" alt=\"MintGarden Logo\" />\n          <h2\n            v-if=\"passwordResetState\"\n            class=\"mt-6 text-center text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50\"\n          >\n            {{ $t('login.resetAccount') }}\n          </h2>\n          <h2 v-else class=\"mt-6 text-center text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50\">\n            {{ $t('login.signInAccount') }}\n          </h2>\n          <p class=\"mt-2 text-center text-sm text-neutral-600 dark:text-neutral-300\">\n            {{ $t('login.or') }}\n            <a\n              v-if=\"passwordResetState\"\n              href=\"#\"\n              class=\"font-medium text-emerald-600 hover:text-emerald-500\"\n              @click.prevent=\"passwordResetState = undefined\"\n            >\n              {{ $t('login.tryLogin') }}\n            </a>\n            <NuxtLink v-else to=\"/register\" class=\"font-medium text-emerald-600 hover:text-emerald-500\">\n              {{ $t('login.registerNewAccount') }}\n            </NuxtLink>\n          </p>\n        </div>\n\n        <div class=\"mt-8 sm:mx-auto sm:w-full sm:max-w-md\">\n          <div class=\"bg-white px-4 py-8 dark:bg-black sm:px-10\">\n            <form class=\"space-y-6\" @submit.prevent=\"submitForm\">\n              <div>\n                <label for=\"email\" class=\"block text-sm font-medium text-neutral-700 dark:text-neutral-200\">\n                  {{ $t('login.emailAddress') }}\n                </label>\n                <div class=\"mt-1\">\n                  <input\n                    id=\"email\"\n                    v-model=\"username\"\n                    name=\"email\"\n                    type=\"email\"\n                    autocomplete=\"email\"\n                    required=\"\"\n                    class=\"block w-full appearance-none rounded-md border border-neutral-300 px-3 py-2 placeholder-neutral-400 shadow-sm focus:border-black focus:outline-none focus:ring-black dark:border-neutral-600 dark:bg-neutral-900 dark:text-white dark:placeholder-neutral-500 dark:focus:border-neutral-400 dark:focus:ring-neutral-400 sm:text-sm\"\n                  />\n                </div>\n              </div>\n\n              <div v-if=\"passwordResetState !== 'request'\">\n                <label for=\"password\" class=\"block text-sm font-medium text-neutral-700 dark:text-neutral-200\">\n                  {{ $t('login.password') }}\n                </label>\n                <div class=\"mt-1\">\n                  <input\n                    id=\"password\"\n                    v-model=\"password\"\n                    name=\"password\"\n                    type=\"password\"\n                    autocomplete=\"current-password\"\n                    required\n                    class=\"block w-full appearance-none rounded-md border border-neutral-300 px-3 py-2 placeholder-neutral-400 shadow-sm focus:border-black focus:outline-none focus:ring-black dark:border-neutral-600 dark:bg-neutral-900 dark:text-white dark:placeholder-neutral-500 dark:focus:border-neutral-400 dark:focus:ring-neutral-400 sm:text-sm\"\n                  />\n                </div>\n              </div>\n\n              <div v-if=\"passwordResetState === 'confirm'\">\n                <label for=\"verificationCode\" class=\"block text-sm font-medium text-neutral-700 dark:text-neutral-200\">\n                  {{ $t('login.verificationCode') }}\n                </label>\n                <div class=\"mt-1\">\n                  <input\n                    id=\"verificationCode\"\n                    v-model=\"verificationCode\"\n                    name=\"verificationCode\"\n                    type=\"text\"\n                    autocomplete=\"verificationCode\"\n                    required\n                    class=\"block w-full appearance-none rounded-md border border-neutral-300 px-3 py-2 placeholder-neutral-400 shadow-sm focus:border-black focus:outline-none focus:ring-black dark:border-neutral-600 dark:bg-neutral-900 dark:text-white dark:placeholder-neutral-500 dark:focus:border-neutral-400 dark:focus:ring-neutral-400 sm:text-sm\"\n                  />\n                </div>\n              </div>\n\n              <div v-if=\"!passwordResetState\" class=\"flex items-center justify-between\">\n                <div class=\"text-sm\">\n                  <a\n                    href=\"#\"\n                    class=\"font-medium text-emerald-600 hover:text-emerald-500\"\n                    @click.prevent=\"passwordResetState = 'request'\"\n                  >\n                    {{ $t('login.forgotPassword') }}</a\n                  >\n                </div>\n              </div>\n\n              <div class=\"pt-2\">\n                <button\n                  type=\"submit\"\n                  class=\"text-md betterhover:hover:shadow-card-hover flex w-full justify-center rounded-full border border-transparent bg-black px-4 py-2 font-medium text-white transition duration-100 ease-in-out dark:bg-white dark:text-black betterhover:hover:-translate-y-0.5\"\n                >\n                  <svg\n                    v-if=\"pending\"\n                    class=\"-ml-1 mr-3 h-5 w-5 animate-spin text-white dark:text-black\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n                    <path\n                      class=\"opacity-75\"\n                      fill=\"currentColor\"\n                      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                    ></path>\n                  </svg>\n                  {{ passwordResetState ? $t('login.resetPassword') : $t('login.signIn') }}\n                </button>\n              </div>\n              <div v-if=\"signInError !== ''\" class=\"pt-2 text-sm text-red-600\">\n                {{ signInError }}\n              </div>\n              <div v-if=\"forgotPasswordResetMsg?.msg\" class=\"pt-2 text-sm text-neutral-600 dark:text-neutral-300\">\n                {{ forgotPasswordResetMsg.msg }}\n              </div>\n              <div v-if=\"forgotPasswordResetMsg?.error\" class=\"pt-2 text-sm text-red-600\">\n                {{ forgotPasswordResetMsg.error }}\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <div>\n          <AccountFeatures />\n        </div>\n      </div>\n\n      <div v-else-if=\"userAttributes\" class=\"mx-auto max-w-md border dark:border-neutral-700\">\n        <div class=\"text-neutral-900 dark:text-neutral-50\">\n          {{ $t('register.welcome', { email: userAttributes.email }) }} {{ $t('register.redirecting') }}\n        </div>\n\n        <div v-if=\"redirectRoute !== undefined\">\n          <NuxtLink :to=\"redirectRoute\">\n            <span class=\"text-blue-500 underline hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300\">{{\n              $t('register.redirectHelp')\n            }}</span>\n          </NuxtLink>\n        </div>\n      </div>\n    </Container>\n  </div>\n</template>\n"],"names":["useHead","BASE_TITLE","route","useRoute","router","useRouter","$Amplify","useNuxtApp","redirectRoute","_a","_b","_c","userState","ref","userAttributes","__temp","__restore","_withAsyncContext","username","password","verificationCode","signInError","pending","passwordResetState","watch","reset","submitForm","forgotPasswordSendCode","forgotPasswordSubmit","signIn","forgotPasswordMsg","data","forgotPasswordResetMsg","stopListening","Hub","payload","event","onBeforeUnmount","forwardRoute"],"mappings":"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"}