{"version":3,"file":"WeMlH2yP.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, replaceAll($t.dobAgeRestrictionMsg, { minimalAge })),\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' && showMobilePhoneField\">\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              <span ref=\"smsCheckboxWrapperRef\">\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=\"checkboxSizeSms\"\n                  @change=\"handleOptInCheckbox\"\n                >\n                  {{ $t.smsCheckboxTerms }}\n                </vf-checkbox>\n              </span>\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=\"disableEmail ? undefined : $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        :password=\"form.password\"\n      />\n      <div class=\"ws-pre-wrap\" :class=\"brandClasses.checkboxesWrapper\">\n        <template\n          v-for=\"item in (isLoyaltySignUp ? loyaltyAgreementCheckboxes : agreementCheckboxes)\"\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\" :size=\"checkboxSize\">\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=\"item in\n              ((isLoyaltySignUp && loyaltyAgreementCheckboxes) || agreementCheckboxes) as AgreementCheckbox[]\"\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=\"item.required ? validateRequired('', $t.validators.requiredCheckbox) : []\"\n            >\n              <vf-checkbox v-model=\"form[item.type]\" v-bind=\"attrs\" :required=\"item.required\" :size=\"checkboxSize\">\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=\"!isSignInToBuy && 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  disableEmail,\n  email,\n  eSpot,\n  formLocation = 'modal:single:none',\n  insideDialog,\n  isLoyaltySignUp,\n  isSignInToBuy,\n  preventDialog,\n  simplified\n} = defineProps<{\n  compact?: boolean\n  disableEmail?: boolean\n  email?: string\n  eSpot?: any\n  formLocation?: FormLocation\n  insideDialog?: boolean\n  isLoyaltySignUp?: boolean\n  preventDialog?: boolean\n  isSignInToBuy?: boolean\n  showSignInCta?: boolean\n  simplified?: 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 {\n  agreementCheckboxes: agreementCheckboxesConfig,\n  brandClasses,\n  buttonSize,\n  checkboxSize,\n  checkboxSizeSms,\n  fieldsOrder,\n  gender,\n  isBirthDateRequired,\n  isSmsOptInRequired,\n  loyaltyAgreementCheckboxes,\n  minimalAge: minimalAgeConfig,\n  mobilePhone,\n  showBirthDateField,\n  showMobilePhoneField,\n  showSmsSectionLocales\n} = useAppConfig().components.form.signUp\nconst minimalAge: number = minimalAgeConfig[useCountryCode()] || minimalAgeConfig\nconst {\n  isInterestsDependingOnNewsletter\n} = useAppConfig().components.dialog.signUp\nconst { order } = useCheckoutStore()\nconst countryCode = useCountryCode()\nconst { DialogInterests, DialogSignIn } = useDialogsStore()\nconst { collectInterestsAtSignUp } = useFeatureFlags()\nconst locale = useLocale()\nconst {\n  validateDate,\n  validateEmail,\n  validatePassword,\n  validatePhone,\n  validateRequired,\n} = useLocalizedValidators()\nconst { $gtm, $t } = useNuxtApp()\nconst user = useUserStore()\nconst recaptcha = useRecaptcha()\nconst route = useRoute()\n\nconst agreementCheckboxes = ref(agreementCheckboxesConfig)\nconst isFormPrepopulated = ref(false)\nconst formRef = ref<InstanceType<typeof BaseFormType>>()\nconst loading = ref(true)\nconst minBirthDate = new Date(DATE_MIN)\nconst maxBirthDate = ref()\nconst dateDisplayFormat = useRegion() === 'EMEA' ? DATE_FORMAT_DD_MM_YYYY : DATE_FORMAT_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)\nconst smsCheckboxWrapperRef = ref<HTMLSpanElement[]>([])\n\nconst { billingAddress = {} as typeof order['billingAddress'] } = order\n\nconst {\n  firstName: profileFirstName,\n  lastName: profileLastName,\n  email: profileEmail,\n  phone: profilePhone,\n  birthDate: profileBirthdate,\n  gender: profileGender,\n  postalCode: profilePostalCode,\n} = user.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  nextTick(() => smsCheckboxWrapperRef.value?.[0].querySelector('input')?.focus())\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 user.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', 'Confirmed', formLocation, 'ecom', 'Standard', false)\n    $gtm.push('authForm.onLoginConfirmed', formLocation, 'Standard', true)\n\n    if (simplified || isSignInToBuy) 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 user.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  emit('signIn')\n\n  if (!preventDialog) {\n    DialogSignIn.open({\n      formLocation\n    })\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</script>\n"],"names":["currentCountryCode","useCountryCode","compact","disableEmail","email","eSpot","formLocation","insideDialog","isLoyaltySignUp","isSignInToBuy","preventDialog","simplified","__props","emit","__emit","loadRules","getValidator","useAddressApiRules","authentication","consumer","useApi","agreementCheckboxesConfig","brandClasses","buttonSize","checkboxSize","checkboxSizeSms","fieldsOrder","gender","isBirthDateRequired","isSmsOptInRequired","loyaltyAgreementCheckboxes","minimalAgeConfig","mobilePhone","showBirthDateField","showMobilePhoneField","showSmsSectionLocales","useAppConfig","minimalAge","isInterestsDependingOnNewsletter","order","useCheckoutStore","countryCode","DialogInterests","DialogSignIn","useDialogsStore","collectInterestsAtSignUp","useFeatureFlags","locale","useLocale","validateDate","validateEmail","validatePassword","validatePhone","validateRequired","useLocalizedValidators","$gtm","$t","useNuxtApp","user","useUserStore","recaptcha","useRecaptcha","route","useRoute","agreementCheckboxes","ref","isFormPrepopulated","formRef","loading","minBirthDate","DATE_MIN","maxBirthDate","dateDisplayFormat","useRegion","DATE_FORMAT_DD_MM_YYYY","DATE_FORMAT_MM_DD_YYYY","genderOptions","item","isGenderRequired","isMobilePhoneRequired","_a","showSmsSection","isSmsOptInAccepted","isShowSmsTerms","smsCheckboxWrapperRef","billingAddress","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","nextTick","watch","isValid","submit","isTermsConfirmed","newsletterConsent","loyaltyConsent","smsNotificationConsent","restParams","formParams","formatE164phone","captchaResponse","useSiteId","context","login","useAuthStore","token","xUsidCookie","useCookie","uuid","getUserEventData","err","assertApiError","ApiErrorCode","scrollToElement","loyaltySubmit","data","openDialogSignIn","postalCodeChange","e"],"mappings":"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"}