{"version":3,"file":"4kEgAlgP.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=\"disableEmail ? undefined : $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        <div :class=\"brandClasses.forgotPassword\">\n          <vf-link\n            data-test-id=\"form-sign-in-link-forgot-password\"\n            :to=\"insideDialog ? undefined : '/forgot-password'\"\n            @click=\"handleForgotPassword\"\n          >\n            {{ $t.forgotPassword }}\n          </vf-link>\n        </div>\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 && showSignUp\" :class=\"brandClasses.signUp\">\n        <base-interpolator :content=\"$t.notAMember\">\n          <template #createAccount>\n            <vf-link class=\"ml-1\" @click=\"openDialogSignUp\">\n              {{ $t.createAccount }}\n            </vf-link>\n          </template>\n        </base-interpolator>\n      </div>\n    </base-form>\n    <vf-button\n      v-if=\"$feature.showSeparateSignupCtaInSigninModal && insideDialog\"\n      class=\"mt-4 <md:full\"\n      type=\"submit\"\n      variant=\"tertiary\"\n      @click=\"openDialogSignUp\"\n    >\n      {{ $t.joinLoyaltyCta }}\n    </vf-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { BaseNotification } from '#types/notification'\nimport type { FormLocation } from '#types/gtm'\n\nconst {\n  compact,\n  disableEmail,\n  email = '',\n  formLocation = 'modal:single:none',\n  insideDialog,\n  preventDialog,\n  isSignInToBuy,\n  showSignUp\n} = defineProps<{\n  compact?: boolean\n  disableEmail?: boolean\n  email?: string\n  formLocation?: FormLocation\n  insideDialog?: boolean\n  preventDialog?: boolean\n  isSignInToBuy?: boolean\n  showSignUp?: boolean\n}>()\n\nconst emit = defineEmits<{\n  forgotPassword: []\n  signUp: []\n  submit: []\n  close: []\n}>()\n\nconst { brandClasses, buttonSize } = useAppConfig().components.form.signIn\nconst { login } = useAuthStore()\nconst { getSections } = useCms()\nconst { DialogForgotPassword, DialogSignUp } = useDialogsStore()\nconst { validateEmail, validateMaxLength, validateRequired } = useLocalizedValidators()\nconst { $gtm, $t } = useNuxtApp()\nconst user = useUserStore()\nconst recaptcha = useRecaptcha()\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 handleForgotPassword = () => {\n  if (insideDialog) {\n    emit('forgotPassword')\n    if (!preventDialog) DialogForgotPassword.open()\n  }\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 user.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  emit('signUp')\n  if (!preventDialog) {\n    const eSpots = (await getSections.signUpModal()).data.value?.content.sectionsMap\n    await DialogSignUp.keep().open(\n      {\n        formLocation,\n        eSpot: eSpots?.['below-sign-up'],\n        isSignInToBuy\n      },\n      { size: eSpots?.['below-sign-up'] ? 'md' : 'xs' }\n    )\n    emit('close')\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</script>\n"],"names":["compact","disableEmail","email","formLocation","insideDialog","preventDialog","isSignInToBuy","showSignUp","__props","emit","__emit","brandClasses","buttonSize","useAppConfig","login","useAuthStore","getSections","useCms","DialogForgotPassword","DialogSignUp","useDialogsStore","validateEmail","validateMaxLength","validateRequired","useLocalizedValidators","$gtm","$t","useNuxtApp","user","useUserStore","recaptcha","useRecaptcha","form","reactive","notification","loading","ref","handleForgotPassword","handleEmailChange","submit","token","getUserEventData","err","assertApiError","openDialogSignUp","eSpots","_a","onMounted"],"mappings":"8tBA6FM,KAAA,CACJ,QAAAA,GACA,aAAAC,GACA,MAAAC,EAAQ,GACR,aAAAC,EAAe,oBACf,aAAAC,EACA,cAAAC,EACA,cAAAC,EACA,WAAAC,EACE,EAAAC,EAWEC,EAAOC,EAOP,CAAE,aAAAC,EAAc,WAAAC,GAAeC,GAAa,EAAE,WAAW,KAAK,OAC9D,CAAE,MAAAC,GAAUC,KACZ,CAAE,YAAAC,GAAgBC,KAClB,CAAE,qBAAAC,EAAsB,aAAAC,CAAa,EAAIC,GAAgB,EACzD,CAAE,cAAAC,EAAe,kBAAAC,EAAmB,iBAAAC,GAAqBC,GAAuB,EAChF,CAAE,KAAAC,EAAM,GAAAC,CAAG,EAAIC,GAAW,EAC1BC,EAAOC,KACPC,EAAYC,KAEZC,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,CAC7BjC,IACFK,EAAK,gBAAgB,EAChBJ,GAAea,EAAqB,OAC3C,EAGIoB,EAAoB,IAAM,CACzBb,EAAA,KAAK,mBAAoB,QAAStB,CAAY,CAAA,EAG/CoC,EAAS,SAAY,CACrB,GAAA,CACFL,EAAa,QAAU,GACvBC,EAAQ,MAAQ,GAEXV,EAAA,KAAK,yBAA0BtB,EAAc,EAAK,EAEvD,MAAMqC,EAAQ,MAAMV,EAAU,QAAQ,OAAO,EAC7C,MAAMhB,EAAMkB,EAAK,MAAOA,EAAK,SAAUQ,CAAK,EAE5CN,EAAa,QAAUR,EAAG,4BAC1BQ,EAAa,KAAO,UAEpB,MAAMN,EAAK,MAEXnB,EAAK,QAAQ,EAEbgB,EAAK,KAAK,sBAAuB,MAAMgB,GAAkB,CAAA,EACzDhB,EAAK,KAAK,4BAA6BtB,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,OAEnC,GADAnC,EAAK,QAAQ,EACT,CAACJ,EAAe,CAClB,MAAMwC,GAAUC,GAAA,MAAM9B,EAAY,YAAe,GAAA,KAAK,QAAtC,YAAA8B,EAA6C,QAAQ,YAC/D,MAAA3B,EAAa,OAAO,KACxB,CACE,aAAAhB,EACA,MAAO0C,GAAA,YAAAA,EAAS,iBAChB,cAAAvC,CACF,EACA,CAAE,KAAMuC,GAAA,MAAAA,EAAS,iBAAmB,KAAO,IAAK,CAAA,EAElDpC,EAAK,OAAO,CACd,CAAA,EAGF,OAAAsC,GAAU,IAAM,OACTtB,EAAA,KAAK,wBAAyB,QAAStB,CAAY,EACxD6B,EAAK,MAAM,OAAS,KAAMc,EAAA,SAAS,cAAc,mBAAmB,IAA1C,MAAAA,EAA6D,QAAM,CAC9F"}