{"version":3,"file":"LoginManager-CwqxcT9q.js","sources":["../../../../resources/js/Components/Shared/Forms/ActiveForm.vue","../../../../resources/js/Components/Shared/Forms/InvitedForm.vue","../../../../resources/js/Components/Shared/Forms/LoginManager.vue"],"sourcesContent":["<template>\n  <form @submit.prevent=\"submit\">\n    <Stack>\n      <Alert\n        v-if=\"hasAdminAccount\"\n        title=\"Admin Account\"\n        description=\"The email you entered exists as admin account. Are you trying to login to the Aryeo admin portal?\"\n      >\n        <Button\n          text=\"Go to Admin Login Page\"\n          color=\"primary\"\n          :link=\"route('web.company.login.show')\"\n        />\n      </Alert>\n\n      <Stack space=\"xsmall\">\n        <FormTextInput\n          :value=\"form.email\"\n          label=\"Email address\"\n          name=\"email\"\n          type=\"email\"\n          autocomplete=\"username\"\n          @update:modelValue=\"updateFormValue\"\n          :error=\"form.errors.email\"\n        />\n        <FormTextInput\n          :value=\"form.password\"\n          label=\"Password\"\n          name=\"password\"\n          type=\"password\"\n          autocomplete=\"current-password\"\n          @update:modelValue=\"updateFormValue\"\n          :error=\"form.errors.password\"\n        />\n      </Stack>\n      <Columns\n        align=\"stretch\"\n        alignY=\"center\"\n        collapseBelow=\"md\"\n        space=\"gutter\"\n        :isReversed=\"[false, false, true]\"\n      >\n        <Column width=\"content\">\n          <Button\n            :isLoading=\"form.processing\"\n            type=\"submit\"\n            text=\"Sign in to your account\"\n            @click=\"submit\"\n          />\n        </Column>\n        <Column>\n          <aryeo-link\n            :href=\"forgotPasswordUrl\"\n            class=\"text-sm font-medium text-primary transition duration-150 ease-in-out focus:outline-none focus:underline\"\n          >\n            Forgot your password?\n          </aryeo-link>\n        </Column>\n      </Columns>\n    </Stack>\n  </form>\n</template>\n\n<script setup>\nimport { router } from '@inertiajs/vue3'\nimport { Button, Column, Columns, FormTextInput, Stack } from '@aryeo/runway'\nimport Alert from '@/Runway/Alerts/Simple.vue'\n\nconst props = defineProps({\n  email: {\n    type: String,\n    default: null,\n  },\n  loginUrl: {\n    type: String,\n    required: true,\n  },\n  forgotPasswordUrl: {\n    type: String,\n    required: true,\n  },\n  hasAdminAccount: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst form = router.form({\n  email: props.email,\n  password: null,\n})\n\nconst updateFormValue = ({ key, value }) => {\n  let newValue = value\n\n  if (key === 'email') {\n    newValue = newValue.toLowerCase()\n  }\n\n  form[key] = newValue\n}\n\nconst submit = () => {\n  form.post(props.loginUrl)\n}\n</script>\n","<template>\n  <form @submit.prevent=\"submit\">\n    <Stack>\n      <Alert\n        type=\"info\"\n        title=\"Check your email inbox\"\n        description=\"It looks like your account hasn't been activated yet. We've sent a verification code to your email address. Please check your inbox and enter the code below, along with your desired password.\"\n      />\n      <Stack space=\"xsmall\">\n        <FormTextInput\n          :value=\"form.email\"\n          label=\"Email address\"\n          name=\"email\"\n          type=\"email\"\n          autocomplete=\"username\"\n          @update:modelValue=\"updateFormValue\"\n          :error=\"form.errors.email\"\n        />\n        <FormTextInput\n          :value=\"form.verification_code\"\n          label=\"Verification code\"\n          name=\"verification_code\"\n          helperText=\"Check your email inbox for the verification code.\"\n          @update:modelValue=\"updateFormValue\"\n          :error=\"form.errors.verification_code\"\n        />\n        <FormTextInput\n          :value=\"form.password\"\n          label=\"New password\"\n          name=\"password\"\n          type=\"password\"\n          autocomplete=\"current-password\"\n          @update:modelValue=\"updateFormValue\"\n          :error=\"form.errors.password\"\n        />\n        <FormTextInput\n          :value=\"form.password_confirmation\"\n          label=\"Confirm new password\"\n          name=\"password_confirmation\"\n          type=\"password\"\n          @update:modelValue=\"updateFormValue\"\n          :error=\"form.errors.password_confirmation\"\n        />\n      </Stack>\n      <Stack align=\"right\">\n        <Button\n          :isLoading=\"form.processing\"\n          type=\"submit\"\n          text=\"Sign in to your account\"\n          @click=\"submit\"\n        />\n      </Stack>\n    </Stack>\n  </form>\n</template>\n\n<script setup>\nimport { router } from '@inertiajs/vue3'\nimport { Button, FormTextInput, Stack } from '@aryeo/runway'\n\nimport Alert from '@/Runway/Alerts/Simple.vue'\n\nconst props = defineProps({\n  email: {\n    type: String,\n    default: null,\n  },\n  loginViaVerificationCodeUrl: {\n    type: String,\n    required: true,\n  },\n})\n\nconst form = router.form({\n  email: props.email,\n  verification_code: null,\n  password: null,\n  password_confirmation: null,\n})\n\nconst updateFormValue = ({ key, value }) => {\n  let newValue = value\n\n  if (key === 'email') {\n    newValue = newValue.toLowerCase()\n  }\n\n  form[key] = newValue\n}\n\nconst submit = () => {\n  form.post(props.loginViaVerificationCodeUrl)\n}\n</script>\n","<template>\n  <form v-if=\"!userStatus\" @submit.prevent=\"submit\">\n    <Stack>\n      <FormTextInput\n        :error=\"formattedErrors.email\"\n        :value=\"email\"\n        label=\"Email address\"\n        name=\"email\"\n        type=\"email\"\n        autocomplete=\"username\"\n        @update:modelValue=\"updateEmailValue\"\n      />\n      <div class=\"flex justify-end\">\n        <Button :isLoading=\"isLoading\" type=\"submit\" text=\"Check email\" />\n      </div>\n    </Stack>\n  </form>\n\n  <div v-else>\n    <Stack v-if=\"userStatus === 'SSO'\" class=\"w-full\">\n      <Box\n        v-if=\"automaticallyRedirectToSsoProvider\"\n        class=\"w-full\"\n        background-color=\"background-light\"\n        border-radius=\"medium\"\n        padding=\"gutter\"\n        padding-y=\"large\"\n      >\n        <Stack align=\"center\">\n          <Spinner size=\"xlarge\" />\n          <Typography variant=\"label\">Logging you in...</Typography>\n        </Stack>\n      </Box>\n      <Button\n        v-else\n        class=\"w-full\"\n        size=\"large\"\n        :link=\"ssoProvider?.login_url\"\n        :text=\"`Log in with ${ssoProvider.name}`\"\n      />\n    </Stack>\n\n    <ActiveForm\n      v-else-if=\"userStatus === 'ACTIVE'\"\n      :email=\"email\"\n      :loginUrl=\"loginUrl\"\n      :forgotPasswordUrl=\"forgotPasswordUrl\"\n      :hasAdminAccount=\"isCustomerLogin && hasAdminAccount\"\n    />\n\n    <InvitedForm\n      v-else-if=\"userStatus === 'INACTIVE'\"\n      :email=\"email\"\n      :loginViaVerificationCodeUrl=\"loginViaVerificationCodeUrl\"\n    />\n\n    <Stack space=\"small\" v-else>\n      <slot name=\"new-user-message\">\n        <Typography as=\"p\">It looks like you don't have an account yet!</Typography>\n        <Typography as=\"p\">\n          Head to the\n          <a\n            class=\"font-medium hover:underline text-primary\"\n            :href=\"route('web.company.registration.show')\"\n          >\n            registration page\n          </a>\n          to get started, or\n          <a href=\"#\" @click=\"handleResetForm\" class=\"font-medium hover:underline text-primary\">\n            try another email address </a\n          >.\n        </Typography>\n      </slot>\n    </Stack>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport { Button, FormTextInput, Stack, Typography, Spinner, Box } from '@aryeo/runway'\nimport { router, usePage } from '@inertiajs/vue3'\n\nimport { useTenant } from '@/Hooks/Shared/useTenant'\nimport { useApiErrors } from '@/Hooks/Shared/useApiErrors'\nimport LoginApi from '@/Services/Api/Company/V1/LoginApi'\n\nimport ActiveForm from '@/Components/Shared/Forms/ActiveForm.vue'\nimport InvitedForm from '@/Components/Shared/Forms/InvitedForm.vue'\n\nconst props = defineProps({\n  isCustomerLogin: {\n    type: Boolean,\n    default: false,\n  },\n  loginUrl: {\n    type: String,\n    required: true,\n  },\n  ssoProvider: Object,\n  automaticallyRedirectToSsoProvider: {\n    type: Boolean,\n    default: true,\n  },\n  loginViaVerificationCodeUrl: {\n    type: String,\n    required: true,\n  },\n  forgotPasswordUrl: {\n    type: String,\n    required: true,\n  },\n  registerUrl: {\n    type: String,\n    default: null,\n  },\n  email: {\n    type: String,\n    default: null,\n  },\n})\n\nconst { tenant } = useTenant()\n\nconst { formattedErrors, setErrors, clearErrors } = useApiErrors()\n\nconst page = usePage()\n\nconst email = ref(props.email)\nconst isLoading = ref(false)\nconst userStatus = ref(page.props?.loginState ?? null)\nconst hasAdminAccount = ref(false)\n\nfunction updateEmailValue({ value }) {\n  email.value = value.toLowerCase()\n}\n\nfunction handleResetForm() {\n  email.value = null\n  userStatus.value = null\n  clearErrors()\n}\n\nfunction submit() {\n  isLoading.value = true\n\n  LoginApi.checkAuthEmail(email.value, tenant.value?.company.id)\n    .then((res) => {\n      if (props.registerUrl && res.data.status === 'NEW') {\n        router.visit(props.registerUrl)\n        return\n      }\n\n      userStatus.value = res.data.status\n      hasAdminAccount.value = res.data.has_admin_account ?? false\n\n      if (props.automaticallyRedirectToSsoProvider && userStatus.value === 'SSO') {\n        window.location.href = props.ssoProvider?.login_url\n      }\n    })\n    .catch((err) => {\n      setErrors(err.response.data?.data)\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n}\n</script>\n"],"names":["props","__props","form","router","updateFormValue","key","value","newValue","submit","tenant","useTenant","formattedErrors","setErrors","clearErrors","useApiErrors","page","usePage","email","ref","isLoading","userStatus","_a","hasAdminAccount","updateEmailValue","handleResetForm","LoginApi","res","err"],"mappings":"yvBAoEA,MAAMA,EAAQC,EAmBRC,EAAOC,EAAO,KAAK,CACvB,MAAOH,EAAM,MACb,SAAU,IAAA,CACX,EAEKI,EAAkB,CAAC,CAAE,IAAAC,EAAK,MAAAC,KAAY,CAC1C,IAAIC,EAAWD,EAEXD,IAAQ,UACVE,EAAWA,EAAS,eAGtBL,EAAKG,CAAG,EAAIE,CAAA,EAGRC,EAAS,IAAM,CACdN,EAAA,KAAKF,EAAM,QAAQ,CAAA,4jDCzC1B,MAAMA,EAAQC,EAWRC,EAAOC,EAAO,KAAK,CACvB,MAAOH,EAAM,MACb,kBAAmB,KACnB,SAAU,KACV,sBAAuB,IAAA,CACxB,EAEKI,EAAkB,CAAC,CAAE,IAAAC,EAAK,MAAAC,KAAY,CAC1C,IAAIC,EAAWD,EAEXD,IAAQ,UACVE,EAAWA,EAAS,eAGtBL,EAAKG,CAAG,EAAIE,CAAA,EAGRC,EAAS,IAAM,CACdN,EAAA,KAAKF,EAAM,2BAA2B,CAAA,s1DCF7C,MAAMA,EAAQC,EAgCR,CAAE,OAAAQ,CAAQ,EAAGC,EAAU,EAEvB,CAAE,gBAAAC,EAAiB,UAAAC,EAAW,YAAAC,CAAW,EAAKC,EAAa,EAE3DC,EAAOC,EAAQ,EAEfC,EAAQC,EAAIlB,EAAM,KAAK,EACvBmB,EAAYD,EAAI,EAAK,EACrBE,EAAaF,IAAIG,EAAAN,EAAK,QAAL,YAAAM,EAAY,aAAc,IAAI,EAC/CC,EAAkBJ,EAAI,EAAK,EAEjC,SAASK,EAAiB,CAAE,MAAAjB,GAAS,CACnCW,EAAM,MAAQX,EAAM,YAAY,CAClC,CAEA,SAASkB,GAAkB,CACzBP,EAAM,MAAQ,KACdG,EAAW,MAAQ,KACnBP,EAAY,CACd,CAEA,SAASL,GAAS,OAChBW,EAAU,MAAQ,GAElBM,EAAS,eAAeR,EAAM,OAAOI,EAAAZ,EAAO,QAAP,YAAAY,EAAc,QAAQ,EAAE,EAC1D,KAAMK,GAAQ,OACb,GAAI1B,EAAM,aAAe0B,EAAI,KAAK,SAAW,MAAO,CAClDvB,EAAO,MAAMH,EAAM,WAAW,EAC9B,MACF,CAEAoB,EAAW,MAAQM,EAAI,KAAK,OAC5BJ,EAAgB,MAAQI,EAAI,KAAK,mBAAqB,GAElD1B,EAAM,oCAAsCoB,EAAW,QAAU,QACnE,OAAO,SAAS,MAAOC,EAAArB,EAAM,cAAN,YAAAqB,EAAmB,UAElD,CAAK,EACA,MAAOM,GAAQ,OACdf,GAAUS,EAAAM,EAAI,SAAS,OAAb,YAAAN,EAAmB,IAAI,CACvC,CAAK,EACA,QAAQ,IAAM,CACbF,EAAU,MAAQ,EACxB,CAAK,CACL"}