{"version":3,"file":"BvI7v0HT.js","sources":["../../../../../domains/commerce/components/form/sign-in/SignIn.vue"],"sourcesContent":["<template>\n  <div :class=\"brandClasses.wrapper\" data-test-id=\"form-sign-in\">\n    <vf-notification\n      v-if=\"notification.message\"\n      class=\"mb-4\"\n      :dismissible=\"false\"\n      :type=\"notification.type\"\n      @close=\"notification.message = ''\"\n    >\n      <base-interpolator :content=\"notification.message\">\n        <template #reset=\"{ args: [message] }\">\n          <base-link class=\"underlined\" target=\"_blank\" to=\"/forgot-password\">\n            {{ message }}\n          </base-link>\n        </template>\n        <template #contact=\"{ args: [message] }\">\n          <base-link class=\"underlined\" target=\"_blank\" to=\"/help/contact-us\">\n            {{ message }}\n          </base-link>\n        </template>\n      </base-interpolator>\n    </vf-notification>\n    <template v-if=\"!compact\">\n      <h2 v-if=\"!insideDialog\" :class=\"brandClasses.heading\">\n        {{ $t.signInTitle }}\n      </h2>\n      <p :class=\"brandClasses.helpText\">\n        {{ $t.requiredField }}\n      </p>\n    </template>\n    <base-form :class=\"brandClasses.form\" :form validate-on=\"change\" @submit=\"submit\">\n      <vf-form-field\n        v-slot=\"{ attrs }\"\n        :hint=\"$t.emailFormatHint\"\n        name=\"email\"\n        :rule=\"[validateRequired($t.email), validateEmail(), validateMaxLength(100)]\"\n      >\n        <vf-input\n          v-model=\"form.email\"\n          v-bind=\"attrs\"\n          :disabled=\"disableEmail\"\n          required\n          type=\"email\"\n          @change=\"handleEmailChange\"\n        >\n          {{ $t.email }}\n        </vf-input>\n      </vf-form-field>\n      <vf-form-field v-slot=\"{ attrs }\" name=\"password\" :rule=\"validateRequired($t.password)\">\n        <input-password v-model=\"form.password\" class=\"mt-4\" v-bind=\"attrs\" required>\n          {{ $t.password }}\n        </input-password>\n      </vf-form-field>\n      <slot name=\"forgot-password\">\n        <vf-link\n          v-if=\"insideDialog\"\n          class=\"mt-2 w-fit\"\n          data-test-id=\"form-sign-in-link-forgot-password\"\n          @click=\"handlePasswordChange\"\n        >\n          {{ $t.forgotPassword }}\n        </vf-link>\n        <base-link\n          v-else\n          class=\"mt-2 underlined\"\n          data-test-id=\"form-sign-in-link-forgot-password\"\n          to=\"/forgot-password\"\n        >\n          {{ $t.forgotPassword }}\n        </base-link>\n      </slot>\n      <vf-button :class=\"brandClasses.submitButton\" :loading :size=\"buttonSize\" type=\"submit\">\n        {{ $t.signInSubmit }}\n      </vf-button>\n      <div v-if=\"$feature.allowNewSignUp && insideDialog && !compact\" class=\"mt-6 items-center gap-2 text-sm \">\n        <base-interpolator :content=\"replaceAll($t.notAMember, { brandName: capitalize(brand) })\">\n          <template #createAccount>\n            <vf-link class=\"ml-2\" @click=\"openDialogSignUp\">\n              {{ $t.createAccount }}\n            </vf-link>\n          </template>\n        </base-interpolator>\n      </div>\n    </base-form>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FormLocation } from '#types/gtm'\nimport type { BaseNotification } from '#types/notification'\n\nconst {\n  compact,\n  disableEmail,\n  disableModal,\n  email = '',\n  formLocation = 'modal:single:none',\n  insideDialog,\n} = defineProps<{\n  compact?: boolean\n  disableEmail?: boolean\n  disableModal?: boolean\n  email?: string\n  formLocation?: FormLocation\n  insideDialog?: boolean\n}>()\n\nconst emit = defineEmits<{\n  submit: []\n  forgotPassword: []\n  signUp: []\n}>()\n\nconst { brand } = useRuntimeConfig().public\nconst { brandClasses, buttonSize } = useAppConfig().components.form.signIn\nconst { login } = useAuthStore()\nconst { DialogForgotPassword } = useDialogsStore()\nconst { validateEmail, validateMaxLength, validateRequired } = useLocalizedValidators()\nconst { $gtm, $t } = useNuxtApp()\nconst profile = useProfileStore()\nconst recaptcha = useRecaptcha()\nconst { getSections } = useCms()\nconst { DialogSignUp } = useDialogsStore()\n\nlet enableGtmClose = true\n\nconst form = reactive({\n  email,\n  password: ''\n})\n\nconst notification = reactive<BaseNotification>({\n  message: '',\n  type: ''\n})\n\nconst loading = ref(false)\n\nconst handlePasswordChange = () => {\n  emit('forgotPassword')\n  if (!disableModal) DialogForgotPassword.open()\n}\n\nconst handleEmailChange = () => {\n  $gtm.push('authForm.onEmail', 'Login', formLocation)\n}\n\nconst submit = async () => {\n  try {\n    notification.message = '' // remove the error message, if any\n    loading.value = true\n\n    $gtm.push('authForm.onLoginSubmit', formLocation, false)\n\n    const token = await recaptcha.execute('login')\n    await login(form.email, form.password, token)\n\n    notification.message = $t.youHaveSuccessfullyLoggedIn\n    notification.type = 'success'\n\n    await profile.get()\n\n    emit('submit')\n\n    $gtm.push('user.onLoadUserData', await getUserEventData())\n    $gtm.push('authForm.onLoginConfirmed', formLocation, 'Standard', false)\n  }\n  catch (err) {\n    assertApiError(err)\n    notification.message = err.message\n    notification.type = 'error'\n  }\n  finally {\n    loading.value = false\n  }\n}\n\nconst openDialogSignUp = async () => {\n  enableGtmClose = false\n  emit('signUp')\n  if (!disableModal) {\n    const eSpots = (await getSections.signUpModal()).data.value?.content.sectionsMap\n    DialogSignUp.open(\n      { eSpot: eSpots?.['below-sign-up'] },\n      { size: eSpots?.['below-sign-up'] ? 'md' : 'xs' }\n    )\n  }\n}\n\nonMounted(() => {\n  $gtm.push('authForm.onImpression', 'Login', formLocation)\n  form.email.length > 0 && (document.querySelector('[type=\"password\"]') as HTMLElement)?.focus()\n})\n\nonBeforeUnmount(() => {\n  if (enableGtmClose) $gtm.push('authForm.onLoginClose', 'modal:single:none')\n})\n</script>\n"],"names":["compact","disableEmail","disableModal","email","formLocation","insideDialog","__props","emit","__emit","brand","useRuntimeConfig","brandClasses","buttonSize","useAppConfig","login","useAuthStore","DialogForgotPassword","useDialogsStore","validateEmail","validateMaxLength","validateRequired","useLocalizedValidators","$gtm","$t","useNuxtApp","profile","useProfileStore","recaptcha","useRecaptcha","getSections","useCms","DialogSignUp","enableGtmClose","form","reactive","notification","loading","ref","handlePasswordChange","handleEmailChange","submit","token","getUserEventData","err","assertApiError","openDialogSignUp","eSpots","_a","onMounted","onBeforeUnmount"],"mappings":"kvBA2FM,KAAA,CACJ,QAAAA,GACA,aAAAC,GACA,aAAAC,EACA,MAAAC,EAAQ,GACR,aAAAC,EAAe,oBACf,aAAAC,EACE,EAAAC,EASEC,EAAOC,EAMP,CAAE,MAAAC,CAAA,EAAUC,GAAA,EAAmB,OAC/B,CAAE,aAAAC,EAAc,WAAAC,GAAeC,GAAa,EAAE,WAAW,KAAK,OAC9D,CAAE,MAAAC,GAAUC,KACZ,CAAE,qBAAAC,GAAyBC,IAC3B,CAAE,cAAAC,EAAe,kBAAAC,EAAmB,iBAAAC,GAAqBC,GAAuB,EAChF,CAAE,KAAAC,EAAM,GAAAC,CAAG,EAAIC,GAAW,EAC1BC,EAAUC,KACVC,EAAYC,KACZ,CAAE,YAAAC,GAAgBC,KAClB,CAAE,aAAAC,GAAiBd,IAEzB,IAAIe,EAAiB,GAErB,MAAMC,EAAOC,EAAS,CACpB,MAAA/B,EACA,SAAU,EAAA,CACX,EAEKgC,EAAeD,EAA2B,CAC9C,QAAS,GACT,KAAM,EAAA,CACP,EAEKE,EAAUC,GAAI,EAAK,EAEnBC,EAAuB,IAAM,CACjC/B,EAAK,gBAAgB,EAChBL,GAAcc,EAAqB,MAAK,EAGzCuB,EAAoB,IAAM,CACzBjB,EAAA,KAAK,mBAAoB,QAASlB,CAAY,CAAA,EAG/CoC,EAAS,SAAY,CACrB,GAAA,CACFL,EAAa,QAAU,GACvBC,EAAQ,MAAQ,GAEXd,EAAA,KAAK,yBAA0BlB,EAAc,EAAK,EAEvD,MAAMqC,EAAQ,MAAMd,EAAU,QAAQ,OAAO,EAC7C,MAAMb,EAAMmB,EAAK,MAAOA,EAAK,SAAUQ,CAAK,EAE5CN,EAAa,QAAUZ,EAAG,4BAC1BY,EAAa,KAAO,UAEpB,MAAMV,EAAQ,MAEdlB,EAAK,QAAQ,EAEbe,EAAK,KAAK,sBAAuB,MAAMoB,GAAkB,CAAA,EACzDpB,EAAK,KAAK,4BAA6BlB,EAAc,WAAY,EAAK,QAEjEuC,EAAK,CACVC,GAAeD,CAAG,EAClBR,EAAa,QAAUQ,EAAI,QAC3BR,EAAa,KAAO,OAAA,QAEtB,CACEC,EAAQ,MAAQ,EAClB,CAAA,EAGIS,EAAmB,SAAY,OAGnC,GAFiBb,EAAA,GACjBzB,EAAK,QAAQ,EACT,CAACL,EAAc,CACjB,MAAM4C,GAAUC,GAAA,MAAMlB,EAAY,YAAe,GAAA,KAAK,QAAtC,YAAAkB,EAA6C,QAAQ,YACxDhB,EAAA,KACX,CAAE,MAAOe,GAAA,YAAAA,EAAS,gBAAiB,EACnC,CAAE,KAAMA,GAAA,MAAAA,EAAS,iBAAmB,KAAO,IAAK,CAAA,CAEpD,CAAA,EAGF,OAAAE,GAAU,IAAM,OACT1B,EAAA,KAAK,wBAAyB,QAASlB,CAAY,EACxD6B,EAAK,MAAM,OAAS,KAAMc,EAAA,SAAS,cAAc,mBAAmB,IAA1C,MAAAA,EAA6D,QAAM,CAC9F,EAEDE,GAAgB,IAAM,CAChBjB,GAAgBV,EAAK,KAAK,wBAAyB,mBAAmB,CAAA,CAC3E"}