{"version":3,"file":"IefIO1P0.js","sources":["../../../../../brands/timberland/components/loyalty/Benefits.vue","../../../../../domains/commerce/components/form/sign-up/SignUp.vue"],"sourcesContent":["<template>\n  <div class=\"bg-grey-90 p-10 <md:px-4\">\n    <p class=\"mb-6 text-md fw-bold uppercase md:text-center\">\n      {{ $t.loyaltyBenefitsTitle }}\n    </p>\n    <div class=\"mb-6 flex\">\n      <vf-icon name=\"gift\" size=\"lg\" />\n      <p class=\"ml-6\">\n        {{ $t.loyaltyBenefitsDiscount }}\n        <vf-link target=\"_blank\" to=\"/loyalty-terms\">\n          {{ $t.seeTerms }}\n        </vf-link>\n        {{ $t.loyaltyBenefitsPromoCodeViaEmail }}\n      </p>\n    </div>\n    <div class=\"mb-6 flex items-center\">\n      <vf-icon name=\"earn\" size=\"lg\" />\n      <p class=\"ml-6\">\n        {{ $t.loyaltyBenefitsEarnPoints }}\n      </p>\n    </div>\n    <!-- GLOBAL15-91445 Remove Free Shipping sentence on community login page for the TBL EU sites FR IT DE GB -->\n    <div v-if=\"!['FR', 'IT', 'DE', 'GB'].includes(currentCountryCode)\" class=\"mb-6 flex items-center\">\n      <vf-icon name=\"shipping\" size=\"lg\" />\n      <p class=\"ml-6\">\n        {{ $t.loyaltyBenefitsFreeShipping }}\n      </p>\n    </div>\n    <vf-link style=\"margin-left: 3.5rem\" to=\"/loyalty\">\n      {{ $t.learnMore }}\n    </vf-link>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst currentCountryCode = useCountryCode()\n</script>\n","<template>\n  <div data-test-id=\"form-sign-up\">\n    <vf-notification\n      v-if=\"notification.message\"\n      class=\"mb-4\"\n      data-scroll-el=\"sign-up-notification\"\n      :dismissible=\"false\"\n      :type=\"notification.type\"\n    >\n      {{ notification.message }}\n    </vf-notification>\n    <template v-if=\"!compact\">\n      <h2 v-if=\"!insideDialog\" :class=\"brandClasses.heading\">\n        {{ isLoyaltySignUp ? $t.loyaltySignUpForm.header : $t.createAccount }}\n      </h2>\n      <p\n        v-if=\"$feature.enableLoyaltyFeatures\"\n        class=\"mb-4 \"\n        :class=\"{ 'fw-bold uppercase': !isLoyaltySignUp }\"\n        style=\"padding-right: 25%\"\n      >\n        {{ isLoyaltySignUp ? $t.loyaltySignUpForm.subheader : $t.joinCommunity }}\n      </p>\n      <p :class=\"brandClasses.helpText\">\n        {{ $t.requiredField }}\n      </p>\n    </template>\n    <base-form ref=\"formRef\" class=\"grid gap-4\" :form @submit=\"() => isLoyaltySignUp ? loyaltySubmit() : submit()\">\n      <template v-for=\"fieldName in fieldsOrder\" :key=\"fieldName\">\n        <template v-if=\"!simplified\">\n          <vf-form-field\n            v-if=\"fieldName === 'firstName'\"\n            v-slot=\"{ attrs }\"\n            name=\"firstName\"\n            :rule=\"[...getValidator('firstName', $t.firstName)]\"\n          >\n            <vf-input\n              v-model=\"form.firstName\"\n              v-bind=\"attrs\"\n              :disabled=\"!!(isFormPrepopulated && form.firstName)\"\n              required\n            >\n              {{ $t.firstName }}\n            </vf-input>\n          </vf-form-field>\n          <vf-form-field\n            v-if=\"fieldName === 'lastName'\"\n            v-slot=\"{ attrs }\"\n            name=\"lastName\"\n            :rule=\"[...getValidator('lastName', $t.lastName)]\"\n          >\n            <vf-input\n              v-model=\"form.lastName\"\n              v-bind=\"attrs\"\n              :disabled=\"!!(isFormPrepopulated && form.lastName)\"\n              required\n            >\n              {{ $t.lastName }}\n            </vf-input>\n          </vf-form-field>\n          <vf-form-field\n            v-if=\"fieldName === 'birthDate' && showBirthDateField\"\n            v-slot=\"{ attrs }\"\n            :hint=\"$t.dateFormatHint\"\n            name=\"birthDate\"\n            :rule=\"[\n              ...(isBirthDateRequired ? [validateRequired($t.birthDate)] : []),\n              validateDate(),\n              validateMinDate(minBirthDate, $t.dobValidationMsg),\n              validateMaxDate(maxBirthDate, $t.dobAgeRestrictionMsg),\n            ]\"\n          >\n            <input-date\n              v-model=\"form.birthDate\"\n              v-bind=\"attrs\"\n              :disabled=\"!!(isFormPrepopulated && form.birthDate)\"\n              :display-format=\"dateDisplayFormat\"\n              :required=\"isBirthDateRequired\"\n            >\n              <template #end>\n                <vf-toggletip placement=\"top-end\">\n                  <template #trigger>\n                    <span class=\"sr-only\">{{ $t.birthDate }}</span>\n                    <vf-icon name=\"info\" size=\"md\" />\n                  </template>\n                  {{ $t.birthDateTooltip }}\n                </vf-toggletip>\n              </template>\n            </input-date>\n          </vf-form-field>\n          <vf-form-field\n            v-if=\"fieldName === 'zipCode'\"\n            v-slot=\"{ attrs }\"\n            name=\"postalCode\"\n            :rule=\"[...getValidator('postalCode', $t.zipCode, {\n              pattern: $t.validation.postalCode,\n              minLength: $t.validation.postalCodeLength,\n            })]\"\n          >\n            <vf-input\n              v-model=\"form.postalCode\"\n              v-bind=\"attrs\"\n              required\n              @input=\"postalCodeChange\"\n            >\n              {{ $t.zipCode }}\n            </vf-input>\n          </vf-form-field>\n          <template v-if=\"fieldName === 'phone'\">\n            <vf-form-field\n              v-slot=\"{ attrs }\"\n              name=\"phone\"\n              :rule=\"[\n                ...isMobilePhoneRequired ? [validateRequired($t.mobileNumber)] : [],\n                validatePhone(form.phoneCode),\n              ]\"\n            >\n              <input-phone\n                v-model=\"form.phone\"\n                v-model:code=\"form.phoneCode\"\n                v-bind=\"attrs\"\n                :hide-code-select=\"!mobilePhone.enableCountryCodeSelection && !isFormPrepopulated\"\n                :required=\"isMobilePhoneRequired\"\n                use-country-code\n              >\n                {{ $t.mobileNumber }}\n                <template #end>\n                  <vf-toggletip placement=\"top-start\">\n                    <template #trigger>\n                      <span class=\"sr-only\">{{ $t.mobileNumber }}</span>\n                      <vf-icon name=\"info\" size=\"md\" />\n                    </template>\n                    {{ $t.mobileNumberTooltip }}\n                  </vf-toggletip>\n                </template>\n              </input-phone>\n            </vf-form-field>\n            <vf-form-field\n              v-if=\"showSmsSection\"\n              v-slot=\"{ attrs }\"\n              name=\"optInAccepted\"\n              :rule=\"isSmsOptInRequired ? [validateRequired('', $t.validators.requiredCheckbox)] : []\"\n            >\n              <vf-checkbox\n                v-model=\"form.optInAccepted\"\n                v-bind=\"attrs\"\n                class=\"text-md !text-base\"\n                :disabled=\"!isPhoneValid\"\n                :required=\"isSmsOptInRequired\"\n                :size=\"smsCheckboxSize\"\n                @change=\"handleOptInCheckbox\"\n              >\n                {{ $t.smsCheckboxTerms }}\n              </vf-checkbox>\n            </vf-form-field>\n            <div v-if=\"showSmsSection && isShowSmsTerms\" class=\"fw-light space-y-4\">\n              <form-legal-disclaimer :content=\"$t.smsTerms\" />\n\n              <vf-button class=\"w-full\" :loading @click=\"handleAcceptOptIn()\">\n                {{ $t.iAccept }}\n              </vf-button>\n            </div>\n          </template>\n          <vf-form-field\n            v-if=\"isGenderRequired && fieldName === 'gender'\"\n            v-slot=\"{ attrs }\"\n            name=\"gender\"\n            :rule=\"validateRequired('', $t.validators.requiredSelect)\"\n          >\n            <vf-select\n              v-model=\"form.gender\"\n              v-bind=\"attrs\"\n              :disabled=\"!!(isFormPrepopulated && form.gender)\"\n              :options=\"genderOptions\"\n              required\n            >\n              {{ $t.gender }}\n            </vf-select>\n          </vf-form-field>\n        </template>\n        <vf-form-field\n          v-if=\"fieldName === 'email'\"\n          v-slot=\"{ attrs }\"\n          :hint=\"$t.emailFormatHint\"\n          name=\"email\"\n          :rule=\"[...getValidator('email', $t.email), validateEmail()]\"\n        >\n          <vf-input\n            v-model=\"form.email\"\n            v-bind=\"attrs\"\n            :disabled=\"disableEmail || !!(isFormPrepopulated && form.email)\"\n            required\n            type=\"email\"\n            @change=\"handleEmailChange\"\n          >\n            {{ $t.email }}\n          </vf-input>\n        </vf-form-field>\n        <vf-form-field\n          v-if=\"!isLoyaltySignUp && fieldName === 'password'\"\n          v-slot=\"{ attrs }\"\n          class=\"space-y-2\"\n          name=\"password\"\n          :rule=\"!isLoyaltySignUp ? [validateRequired($t.password), validatePassword()] : []\"\n        >\n          <input-password v-model=\"form.password\" v-bind=\"attrs\" aria-describedby=\"password-requirements\" required>\n            {{ $t.password }}\n          </input-password>\n        </vf-form-field>\n      </template>\n      <validator-password\n        v-if=\"!isLoyaltySignUp\"\n        id=\"password-requirements\"\n        :class=\"brandClasses.passwordRequirements\"\n        :compact\n        :password=\"form.password\"\n      />\n      <div class=\"ws-pre-wrap\" :class=\"brandClasses.checkboxesWrapper\">\n        <template\n          v-for=\"\n            item in ((isLoyaltySignUp && loyaltyAgreementCheckboxes) || agreementCheckboxes) as AgreementCheckbox[]\n          \"\n          :key=\"item.type\"\n        >\n          <vf-form-field\n            v-if=\"(!(item.showCheckboxInBenefitsSection || []).includes(locale)) && (!('locales' in item)\n              || (item.locales || []).includes(locale))\"\n            v-slot=\"{ attrs }\"\n            :name=\"item.type\"\n            :rule=\"('required' in item && item.required) ? [validateRequired('', $t.validators.requiredCheckbox)] : []\"\n          >\n            <vf-checkbox v-model=\"form[item.type]\" v-bind=\"attrs\" :required=\"item.required\">\n              <form-legal-disclaimer\n                :content=\"$t.brandAgreement[item.type]\"\n                :data-test-ids=\"{ 'loyalty-terms': 'form-sign-up-link-loyalty' }\"\n              />\n            </vf-checkbox>\n          </vf-form-field>\n        </template>\n      </div>\n      <loyalty-benefits v-if=\"$feature.showLoyaltyBenefitsInSignUp\">\n        <template #loyalty-terms>\n          <template\n            v-for=\"\n              item in ((isLoyaltySignUp && loyaltyAgreementCheckboxes) || agreementCheckboxes) as AgreementCheckbox[]\n            \"\n            :key=\"item.type\"\n          >\n            <vf-form-field\n              v-if=\"(item.showCheckboxInBenefitsSection || []).includes(locale)\"\n              v-slot=\"{ attrs }\"\n              :name=\"item.type\"\n              :rule=\"('required' in item && item.required) ? [validateRequired('', $t.validators.requiredCheckbox)] : []\"\n            >\n              <vf-checkbox v-model=\"form[item.type]\" v-bind=\"attrs\" :required=\"item.required\">\n                <form-legal-disclaimer\n                  :content=\"$t.brandAgreement[item.type]\"\n                  :data-test-ids=\"{ 'loyalty-terms': 'form-sign-up-link-loyalty' }\"\n                />\n              </vf-checkbox>\n            </vf-form-field>\n          </template>\n        </template>\n      </loyalty-benefits>\n      <vf-button :class=\"brandClasses.submitButton\" :loading :size=\"buttonSize\" type=\"submit\">\n        {{ isLoyaltySignUp ? $t.loyaltySignUpForm.submit : $t.createAccountSubmit }}\n      </vf-button>\n      <div v-if=\"showSignInCta && insideDialog\" class=\"mt-6 flex items-center gap-2 text-sm\">\n        {{ $t.alreadyAMember }}\n        <vf-link @click=\"openDialogSignIn\">\n          {{ $t.signIn }}\n        </vf-link>\n      </div>\n      <!-- espot: below-sign-up -->\n      <cms-section v-if=\"eSpot\" class=\"pt-10 lg:mt-8 md:ml-4 md:mt-6\" lazy-media :section=\"eSpot\" />\n    </base-form>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { BaseForm as BaseFormType } from '#components'\nimport { ApiErrorCode } from '#root/enums/api'\nimport type { FormLocation } from '#types/gtm'\nimport type { BaseNotification } from '#types/notification'\nimport type { AgreementCheckbox } from '#types/config/components/form/signUp'\n\nconst {\n  compact,\n  email,\n  eSpot,\n  disableEmail,\n  formLocation = 'modal:single:none',\n  isLoyaltySignUp,\n  simplified,\n  disableModal,\n  insideDialog\n} = defineProps<{\n  compact?: boolean\n  disableEmail?: boolean\n  email?: string\n  eSpot?: any\n  formLocation?: FormLocation\n  simplified?: boolean\n  isLoyaltySignUp?: boolean\n  insideDialog?: boolean\n  disableModal?: boolean\n}>()\n\nconst emit = defineEmits<{\n  submit: [newsletterConsent?: boolean]\n  resolve: []\n  signIn: []\n}>()\n\nconst { load: loadRules, getValidator } = useAddressApiRules()\nconst { authentication, consumer } = useApi()\nconst { collectInterestsAtSignUp } = useFeatureFlags()\nconst {\n  agreementCheckboxes: agreementCheckboxesConfig,\n  brandClasses,\n  buttonSize,\n  fieldsOrder,\n  gender,\n  loyaltyAgreementCheckboxes,\n  minimalAge,\n  mobilePhone,\n  showBirthDateField,\n  showSmsSectionLocales,\n  smsCheckboxSize,\n  isSmsOptInRequired,\n  isBirthDateRequired\n} = useAppConfig().components.form.signUp\nconst {\n  isInterestsDependingOnNewsletter,\n  showSignInCta\n} = useAppConfig().components.dialog.signUp\nconst { order } = useCheckoutStore()\nconst countryCode = useCountryCode()\nconst { $gtm, $t } = useNuxtApp()\nconst { DialogInterests, DialogSignIn } = useDialogsStore()\n\nconst {\n  validateDate,\n  validateEmail,\n  validatePassword,\n  validatePhone,\n  validateRequired,\n} = useLocalizedValidators()\nconst profile = useProfileStore()\nconst recaptcha = useRecaptcha()\nconst route = useRoute()\nconst locale = useLocale()\n\nconst agreementCheckboxes = ref(agreementCheckboxesConfig)\nconst isFormPrepopulated = ref(false)\nconst formRef = ref<InstanceType<typeof BaseFormType>>()\nconst loading = ref(true)\nconst minBirthDate = new Date('01/01/1900')\nconst maxBirthDate = ref()\nconst dateDisplayFormat = useRegion() === 'EMEA' ? 'DD/MM/YYYY' : 'MM/DD/YYYY'\nconst genderOptions = gender?.options.map((item) => ({ value: item.value, label: $t.genderOptions[item.label] })) ?? []\nconst isGenderRequired = gender && (!gender.requiredLocales || gender.requiredLocales.includes(locale))\nconst isMobilePhoneRequired = mobilePhone?.requiredLocales?.includes(locale)\nconst showSmsSection = showSmsSectionLocales?.includes(locale)\nconst isSmsOptInAccepted = ref(false)\nconst isShowSmsTerms = ref(false)\n\nconst { billingAddress = {} as typeof order['billingAddress'] } = order\n\nlet enableGtmClose = true\n\nconst {\n  firstName: profileFirstName,\n  lastName: profileLastName,\n  email: profileEmail,\n  phone: profilePhone,\n  birthDate: profileBirthdate,\n  gender: profileGender,\n  postalCode: profilePostalCode,\n} = profile.details || {}\n\nconst notification = reactive<BaseNotification>({ message: '', type: '' })\nconst form = reactive({\n  firstName: billingAddress.firstName || '',\n  lastName: billingAddress.lastName || '',\n  birthDate: '',\n  phone: parseE164Phone(billingAddress.phone ?? '')?.[1] || '',\n  phoneCode: getPhoneCodeByCountryCode(countryCode) || '',\n  email: email || billingAddress.email || '',\n  password: '',\n  newsletter: false,\n  loyaltyTerms: false,\n  brandTerms: false,\n  policy: false,\n  postalCode: '',\n  ...(isGenderRequired && { gender: '' }),\n  ...isLoyaltySignUp && {\n    firstName: profileFirstName,\n    lastName: profileLastName,\n    email: profileEmail,\n    phone: parseE164Phone(profilePhone || '')?.[1] || '',\n    birthDate: profileBirthdate,\n    postalCode: profilePostalCode,\n    ...(isGenderRequired && { gender: profileGender || '' })\n  },\n  optInAccepted: false\n})\n\n// Retail Enrollment, will preload the consumer information for sign up form\nonMounted(async () => {\n  loadRules(countryCode.toLocaleLowerCase(), locale)\n  /*\n  * `consumerId` and `enrolledEmail` are typed as `LocationQueryValue | LocationQueryValue[]`.\n  * `LocationQueryValue` is defined as `string | null`. We're crossing out null with an if,\n  * and in our case it's impossible for those values to be an array.\n  * To not make any TS gymnastics we simply ignore the error.\n  * */\n  const { consumerId, email: enrolledEmail } = route.query\n  if ([!isLoyaltySignUp, consumerId, enrolledEmail].every(Boolean)) {\n    const { consumerDetails, enrollments } = await consumer.$retrieveUserData({\n      consumerId: consumerId as string,\n      email: enrolledEmail as string\n    })\n\n    const { birthDate, email, firstName, lastName, phone, gender } = consumerDetails\n    const [phoneCode, enrolledPhone] = parseE164Phone(phone ?? '')\n    form.birthDate = birthDate\n    form.email = email\n    form.firstName = firstName\n    form.lastName = lastName\n    form.phone = enrolledPhone\n    form.phoneCode = phone ? phoneCode : getPhoneCodeByCountryCode(countryCode) || ''\n    form.gender = gender\n    isFormPrepopulated.value = true\n    if (enrollments.some(({ type, doubleOptin }) => type === 'Loyalty' && doubleOptin)) {\n      form.loyaltyTerms = true\n      agreementCheckboxes.value = (agreementCheckboxesConfig as AgreementCheckbox[]).filter(({ type }) => type !== 'loyaltyTerms')\n    }\n  }\n  else if (isLoyaltySignUp) {\n    isFormPrepopulated.value\n        = [profileFirstName, profileLastName, profileEmail, profilePhone, profileBirthdate, profileGender].some(Boolean)\n  }\n  $gtm.push('authForm.onImpression', 'Registration', formLocation)\n\n  const today = await getServerDate()\n  maxBirthDate.value = new Date(today.getTime())\n  maxBirthDate.value.setFullYear(today.getUTCFullYear() - minimalAge)\n  loading.value = false\n\n  form.email.length > 0 && (document.querySelector('[type=\"password\"]') as HTMLElement)?.focus()\n})\n\nconst handleEmailChange = () => {\n  $gtm.push('authForm.onEmail', 'Registration', formLocation)\n}\n\nconst getExtraLoyaltyAttrs = () => ({\n  loyaltyEnrollment: 'Full',\n  loyaltyNewsletterConsent: true\n})\n\nconst isPhoneValid = computed(() => form.phone && !formRef.value?.fields.phone.invalid)\n\nconst handleOptInCheckbox = () => {\n  form.optInAccepted = false\n  isShowSmsTerms.value = true\n}\nconst handleAcceptOptIn = () => {\n  form.optInAccepted = true\n  isSmsOptInAccepted.value = true\n  isShowSmsTerms.value = false\n  formRef.value?.validate()\n}\n\nwatch(isPhoneValid, (isValid) => {\n  if (!isValid) {\n    form.optInAccepted = false\n    isShowSmsTerms.value = false\n  }\n})\n\nasync function submit() {\n  notification.message = ''\n  loading.value = true\n\n  try {\n    const {\n      phone,\n      phoneCode,\n      policy: isTermsConfirmed,\n      newsletter: newsletterConsent,\n      loyaltyTerms: loyaltyConsent,\n      optInAccepted: smsNotificationConsent,\n      birthDate,\n      ...restParams\n    } = form\n\n    const formParams = simplified\n      ? {\n          email: form.email,\n          password: form.password\n        }\n      : {\n          ...(birthDate && { birthDate }),\n          ...restParams,\n          ...(phone && { phone: formatE164phone(phone, phoneCode), phoneCode }) // When the country doesn't require phone number and mobile field is blank\n        }\n\n    $gtm.push('authForm.onRegistrationSubmit', formLocation, 'ecom')\n    $gtm.push('authForm.onLoginSubmit', formLocation, true)\n\n    const captchaResponse = await recaptcha.execute('register')\n    await authentication.$signUp({\n      // form data\n      ...formParams,\n      isTermsConfirmed,\n      isTemporaryPassword: true,\n      subscriptions: {\n        newsletterConsent,\n        loyaltyConsent,\n        smsNotificationConsent,\n        ...(loyaltyConsent && getExtraLoyaltyAttrs())\n      },\n      source: {\n        store: route.query.storeNum ? route.query.storeNum.toString() : useSiteId(),\n        acquisitionType: 'Registered',\n        campaignName: route.query.enrollment_marketing_source as string\n      },\n      recaptcha_response: captchaResponse,\n      ...(loyaltyConsent && !isTermsConfirmed && { termsConditionsAndPolicy: true })\n    }, {\n      onRequest: (context) => {\n        if (route.query.leadSource) {\n          context.options.headers = {\n            ...context.options.headers,\n            source: route.query.leadSource.toString()\n          }\n        }\n      }\n    })\n\n    notification.message = $t.accountCreated\n    notification.type = 'success'\n\n    // sign in the user after a successful registration\n    const { login } = useAuthStore()\n    const token = await recaptcha.execute('login')\n    await login(form.email, form.password, token)\n\n    notification.message = $t.youHaveSuccessfullyLoggedIn\n\n    if (route.query.referral_code) {\n      const xUsidCookie = useCookie('x-usid')\n      await consumer.$getLoyaltyToken({\n        usid: xUsidCookie.value || uuid(),\n        referralCode: route.query.referral_code as string,\n      })\n    }\n\n    await profile.get()\n    // moved it here so the Sign Up modal closes earlier\n    emit('submit', newsletterConsent)\n\n    $gtm.push('user.onLoadUserData', await getUserEventData())\n    $gtm.push('authForm.onRegistrationConfirmed', formLocation, 'ecom', 'Standard', false)\n    $gtm.push('authForm.onLoginConfirmed', formLocation, 'Standard', true)\n\n    if (simplified) return\n\n    if (collectInterestsAtSignUp && (!isInterestsDependingOnNewsletter || newsletterConsent))\n      DialogInterests.open()\n  }\n  catch (err) {\n    assertApiError(err)\n\n    switch (err.errorId) {\n      case ApiErrorCode.LOGIN_IN_USE:\n      case ApiErrorCode.LOGIN_IN_USE2:\n        formRef.value!.invalidate('email', $t.apiMessages[err.errorId], true)\n        break\n\n      case ApiErrorCode.PHONE_NUMBER_ALREADY_IN_USE:\n      case ApiErrorCode.PHONE_NUMBER_ALREADY_IN_USE2:\n        formRef.value!.invalidate('phone', $t.apiMessages[err.errorId], true)\n        break\n\n        // in case of missing birthdate need to trigger validation on the form\n      case ApiErrorCode.MISSING_BIRTHDATE:\n        formRef.value?.validate()\n        break\n\n      default:\n        notification.message = err.message\n        notification.type = 'error'\n\n        await nextTick()\n\n        scrollToElement('sign-up-notification')\n    }\n  }\n  finally {\n    loading.value = false\n  }\n}\n\nasync function loyaltySubmit() {\n  notification.message = ''\n  loading.value = true\n\n  try {\n    const {\n      firstName,\n      lastName,\n      phone,\n      phoneCode,\n      birthDate,\n      gender\n    } = form\n\n    const data = {\n      consumerProfile: {\n        consumerDetails: {\n          ...(!profileFirstName && { firstName }),\n          ...(!profileLastName && { lastName }),\n          ...(!profilePhone && phone && { phone: formatE164phone(phone, phoneCode) }),\n          ...(!profileBirthdate && { birthDate }),\n          ...(!profileGender && gender && { gender })\n        },\n        enrollments: [\n          {\n            type: 'Loyalty',\n            optin: true,\n            doubleOptin: true,\n            region: useRegion(),\n            channel: 'email'\n          }\n        ]\n      }\n    }\n\n    await consumer.$updateProfile(data)\n    await profile.get()\n\n    emit('submit')\n  }\n  catch (err) {\n    assertApiError(err)\n    // in case of missing birthdate need to trigger validation on the form\n    if (err.errorId === ApiErrorCode.MISSING_BIRTHDATE) {\n      formRef.value?.validate()\n    }\n    else {\n      notification.message = err.message\n      notification.type = 'error'\n    }\n  }\n  finally {\n    loading.value = false\n  }\n}\n\nconst openDialogSignIn = async () => {\n  enableGtmClose = false\n  emit('signIn')\n\n  if (!disableModal) {\n    DialogSignIn.open()\n    // When we open the sign-in, close the sign-up\n    emit('resolve')\n  }\n}\n\n/**\n * transforms postalCode to uppercase to cover cases like CA postal codes to pass validation and be submitted as uppercase to BE (e.g. e5a 3n3)\n */\nconst postalCodeChange = (e) => {\n  form.postalCode = e.target.value.toUpperCase()\n}\n\nonUnmounted(() => {\n  if (enableGtmClose) $gtm.push('authForm.onRegistrationClose', 'modal:single:none', 'ecom')\n})\n</script>\n"],"names":["currentCountryCode","useCountryCode","compact","email","eSpot","disableEmail","formLocation","isLoyaltySignUp","simplified","disableModal","insideDialog","__props","emit","__emit","loadRules","getValidator","useAddressApiRules","authentication","consumer","useApi","collectInterestsAtSignUp","useFeatureFlags","agreementCheckboxesConfig","brandClasses","buttonSize","fieldsOrder","gender","loyaltyAgreementCheckboxes","minimalAge","mobilePhone","showBirthDateField","showSmsSectionLocales","smsCheckboxSize","isSmsOptInRequired","isBirthDateRequired","useAppConfig","isInterestsDependingOnNewsletter","showSignInCta","order","useCheckoutStore","countryCode","$gtm","$t","useNuxtApp","DialogInterests","DialogSignIn","useDialogsStore","validateDate","validateEmail","validatePassword","validatePhone","validateRequired","useLocalizedValidators","profile","useProfileStore","recaptcha","useRecaptcha","route","useRoute","locale","useLocale","agreementCheckboxes","ref","isFormPrepopulated","formRef","loading","minBirthDate","maxBirthDate","dateDisplayFormat","useRegion","genderOptions","item","isGenderRequired","isMobilePhoneRequired","_a","showSmsSection","isSmsOptInAccepted","isShowSmsTerms","billingAddress","enableGtmClose","profileFirstName","profileLastName","profileEmail","profilePhone","profileBirthdate","profileGender","profilePostalCode","notification","reactive","form","_b","parseE164Phone","getPhoneCodeByCountryCode","_c","onMounted","consumerId","enrolledEmail","consumerDetails","enrollments","birthDate","firstName","lastName","phone","phoneCode","enrolledPhone","type","doubleOptin","today","getServerDate","handleEmailChange","getExtraLoyaltyAttrs","isPhoneValid","computed","handleOptInCheckbox","handleAcceptOptIn","watch","isValid","submit","isTermsConfirmed","newsletterConsent","loyaltyConsent","smsNotificationConsent","restParams","formParams","formatE164phone","captchaResponse","useSiteId","context","login","useAuthStore","token","xUsidCookie","useCookie","uuid","getUserEventData","err","assertApiError","ApiErrorCode","nextTick","scrollToElement","loyaltySubmit","data","openDialogSignIn","postalCodeChange","e","onUnmounted"],"mappings":"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"}