{"version":3,"file":"D9loVKLW.js","sources":["../../../../src/components/form/login/components/invalidCredentialsError/minilu/invalidCredentialsError.vue","../../../../src/components/form/login/loginForm/minilu/loginForm.vue"],"sourcesContent":["<template>\n  <ErrorFrame>\n    <div class=\"flex flex-col gap-sm\">\n      <div>\n        {{ t('login.invalidError') }}\n      </div>\n    </div>\n  </ErrorFrame>\n</template>\n<script setup lang=\"ts\">\nimport ErrorFrame from '~~/src/components/formFields/components/errorFrame/errorFrame.vue';\n\nconst { t } = useTrans();\n</script>\n","<template>\n  <div ref=\"el\" class=\"bg-white rounded-minilu-xl\">\n    <ClientOnly>\n      <div v-if=\"!session.isLoggedIn\">\n        <div\n          class=\"px-sm sm:px-md md:px-[120px] pt-[53px] pb-xl\"\n          :class=\"{\n            '!pt-0': dialogStore.headline && isInDialog,\n          }\"\n        >\n          <Form\n            id=\"login-form\"\n            :headline=\"headlineTranslation\"\n            submit-label=\"login.login\"\n            :is-loading=\"isLoading\"\n            test-id=\"logInButton\"\n            @submit=\"onSubmit\"\n          >\n            <template #errors>\n              <slot v-if=\"!errors.length\" name=\"hint\" />\n              <div\n                v-if=\"\n                  errors.length &&\n                  errors.includes(ErrorIdent.INVALID_CREDENTIALS)\n                \"\n              >\n                <InvalidCredentialsError />\n              </div>\n              <div\n                v-if=\"\n                  errors.length && errors.includes(ErrorIdent.UNKNOWN_ERROR)\n                \"\n              >\n                <UnknownError />\n              </div>\n            </template>\n            <template #default>\n              <TextInput\n                name=\"email\"\n                :model-value=\"email\"\n                label=\"login.emailLabel\"\n                placeholder=\"login.emailPlaceholder\"\n                required-message=\"login.emailRequired\"\n                :autofocus=\"false\"\n                testid=\"inputUserName\"\n              />\n\n              <Password\n                name=\"password\"\n                label=\"login.passwordLabel\"\n                placeholder=\"login.passwordLabel\"\n                testid=\"inputPassword\"\n                @click-forgot=\"() => (view = Views.FORGOT)\"\n              />\n            </template>\n          </Form>\n          <div\n            v-if=\"showRegisterLink\"\n            class=\"flex items-center justify-center w-full mt-md\"\n          >\n            <div\n              class=\"flex gap-2 cursor-pointer place-items-center text-minilu-base font-pero text-18\"\n              @click=\"$emit('clickRegister')\"\n            >\n              <span class=\"anim__underline-link minilu-anim-link\">\n                {{ t('login.register') }}\n              </span>\n              <FaIcon icon-class=\"fas fa-chevron-right\" />\n            </div>\n          </div>\n          <GoogleRecaptchaNote v-if=\"usesCaptcha\" class=\"mt-sm md:mt-md\" />\n        </div>\n      </div>\n\n      <div\n        v-else-if=\"!hideLoggedIn\"\n        class=\"px-sm sm:px-md md:px-[120px] pt-[53px] pb-xl\"\n      >\n        <div class=\"flex items-center justify-center\">\n          {{ t('login.alreadyLoggedIn') }}\n        </div>\n        <ButtonBasic\n          classes=\"w-full px-sm md:px-0 pt-sm\"\n          :label=\"t('login.logout')\"\n          :type=\"EButtonType.SUBMIT\"\n          :btn-style=\"EButtonStyle.CTA\"\n          :loading-animation=\"isLoading\"\n          bg-color=\"var(--minilu-btn-base)\"\n          :disabled=\"isLoading\"\n          full-width\n          @click=\"logout\"\n        ></ButtonBasic>\n      </div>\n    </ClientOnly>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { EButtonStyle, EButtonType } from '~~/src/@types/basic-button';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/minilu/basic-button.vue';\nimport { TextInput } from '@/complib';\nimport Password from '~/components/formFields/password/minilu/password.vue';\nimport Form from '~/components/formFields/form/form.vue';\nimport InvalidCredentialsError from '../../components/invalidCredentialsError/minilu/invalidCredentialsError.vue';\nimport { useLoginForm, Views } from '../../useLoginForm';\nimport UnknownError from '~/components/formFields/errors/unknown/unknownError.vue';\nimport { ErrorIdent } from '~/@types/errorIdents';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { useDialogStore } from '@/stores/useDialogStore';\nimport { useSessionStore } from '~/stores/useSessionStore';\nimport GoogleRecaptchaNote from '@/components/formTools/recaptcha/recaptchaNote.vue';\n\nconst session = useSessionStore();\nconst { t } = useTrans();\n\ndefineProps({\n  headlineTranslation: {\n    type: String,\n    required: false,\n    default: 'login.headline',\n  },\n  showRegisterLink: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  hideLoggedIn: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  email: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\nconst emit = defineEmits<{\n  (\n    e: 'updateView',\n    view: Views,\n    data?: { legacyHash: string; email?: string },\n  ): void;\n  (e: 'clickRegister'): void;\n}>();\n\nconst { onSubmit, errors, isLoading, logout, view, legacyHash, usesCaptcha } =\n  useLoginForm({ noCaptcha: session.isLoggedIn });\n\nconst dialogStore = useDialogStore();\nconst el = ref<HTMLElement | null>(null);\n\nconst isInDialog = useIsInDialog(el);\n\nwatch(view, (nv) => {\n  if (nv === Views.LEGACY) {\n    const email =\n      (document.getElementsByName('email')[0] as HTMLInputElement)?.value ?? '';\n    emit('updateView', nv, { legacyHash: legacyHash.value, email });\n  } else {\n    emit('updateView', nv);\n  }\n});\n</script>\n"],"names":["t","useTrans","session","useSessionStore","emit","__emit","onSubmit","errors","isLoading","logout","view","legacyHash","usesCaptcha","useLoginForm","dialogStore","useDialogStore","el","ref","isInDialog","useIsInDialog","watch","nv","Views","email","_a"],"mappings":"uoBAYM,KAAA,CAAE,EAAAA,GAAMC,2qBCmGd,MAAMC,EAAUC,IACV,CAAE,EAAAH,GAAMC,IAyBRG,EAAOC,EASP,CAAE,SAAAC,EAAU,OAAAC,EAAQ,UAAAC,EAAW,OAAAC,EAAQ,KAAAC,EAAM,WAAAC,EAAY,YAAAC,CAAY,EACzEC,EAAa,CAAE,UAAWX,EAAQ,UAAY,CAAA,EAE1CY,EAAcC,IACdC,EAAKC,EAAwB,IAAI,EAEjCC,EAAaC,EAAcH,CAAE,EAE7B,OAAAI,EAAAV,EAAOW,GAAO,OACd,GAAAA,IAAOC,EAAM,OAAQ,CACvB,MAAMC,IACHC,EAAA,SAAS,kBAAkB,OAAO,EAAE,CAAC,IAArC,YAAAA,EAA6D,QAAS,GACzEpB,EAAK,aAAciB,EAAI,CAAE,WAAYV,EAAW,MAAO,MAAAY,EAAO,CAAA,MAE9DnB,EAAK,aAAciB,CAAE,CACvB,CACD"}