{"version":3,"file":"feature-deliveryInformationStepPage-8tvt1KZT.js","sources":["../../../../Coloplast.UI/src/multisite/components/formElements/consentProfileField.vue","../../../../Coloplast.UI/src/multisite/components/formElements/expandableText.vue","../../../../Coloplast.UI/src/multisite/components/formElements/universalConsentField.vue","../../../../Coloplast.UI/Features/GlobalCheckout/DeliveryInformationStepPage/deliveryCheckout.vue","../../../../Coloplast.UI/Features/GlobalCheckout/DeliveryInformationStepPage/deliveryCheckout.vue","../../../../Coloplast.UI/Features/GlobalCheckout/DeliveryInformationStepPage/deliveryInformationStepPage-entry.ts"],"sourcesContent":["<template>\r\n\t<div class=\"c-global-checkout__row\">\r\n\t\t<ConsentCheckbox\r\n\t\t\tv-for=\"consent in vm.consentChoices\"\r\n\t\t\t:key=\"consent.consentChoiceId\"\r\n\t\t\t:id=\"`scrolltarget-${vm.fieldName}`\"\r\n\t\t\t:name=\"vm.fieldName\"\r\n\t\t\t:model-value=\"modelValue.acceptTerms\"\r\n\t\t\t@update:model-value=\"handleUpdate($event, consent.consentChoiceId)\"\r\n\t\t\t:show-errors=\"showErrors\"\r\n\t\t\t:error-message=\"vm.consentAgreementErrorMessage\"\r\n\t\t\t:tab-index=\"modalLoginShow ? -1 : 0\"\r\n\t\t>\r\n\t\t\t<template #label>\r\n\t\t\t\t<DsText text-type=\"body-md\" class=\"short-text\">\r\n\t\t\t\t\t<span v-html=\"consent.consentText\"></span>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tv-if=\"consent.consentAgreementUrl\"\r\n\t\t\t\t\t\t:href=\"consent.consentAgreementUrl\"\r\n\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t:title=\"consent.consentAgreementText\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{ consent.consentAgreementText }}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</DsText>\r\n\t\t\t</template>\r\n\t\t</ConsentCheckbox>\r\n\t</div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { DsText } from '@coloplast/design-system';\r\nimport ConsentCheckbox from 'multisite/components/formElements/consentCheckbox.vue';\r\nimport { validateFieldState } from 'multisite/services/checkoutHelperService';\r\n\r\ninterface ConsentChoice {\r\n\tconsentChoiceId: number | string;\r\n\tconsentAgreementText: string;\r\n\tconsentAgreementUrl: string;\r\n\tconsentText: string;\r\n}\r\n\r\ninterface ModelValue {\r\n\tacceptTerms: boolean;\r\n\tconsentChoiceId: number | string;\r\n}\r\n\r\ninterface ConsentProfileVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tclientSideInputType: string;\r\n\tname: string;\r\n\ttitle: string;\r\n\tconsentAgreementErrorMessage: string;\r\n\tconsentChoices: ConsentChoice[];\r\n}\r\n\r\ninterface Props {\r\n\tmodelValue: ModelValue;\r\n\tvm: ConsentProfileVm;\r\n\tshowErrors: boolean;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits(['validate', 'update:model-value']);\r\nconst store = useStore();\r\n\r\nconst modalLoginShow = computed(() => store.getters['globalCheckout/getLoginModalShow']);\r\n\r\nfunction handleUpdate(v: boolean, consentChoiceId: number | string) {\r\n\tvalidateField(v);\r\n\r\n\temit('update:model-value', {\r\n\t\tacceptTerms: v,\r\n\t\tconsentChoiceId: consentChoiceId,\r\n\t} as ModelValue);\r\n}\r\n\r\nfunction validateField(v: boolean) {\r\n\tconst validateResult = validateFieldState(v, {\r\n\t\trequired: true,\r\n\t});\r\n\r\n\temit('validate', {\r\n\t\tkey: props.vm.fieldName,\r\n\t\tvalue: validateResult,\r\n\t});\r\n}\r\n\r\nonMounted(() => {\r\n\tvalidateField(props.modelValue.acceptTerms);\r\n});\r\n</script>\r\n","<template>\r\n\t<div class=\"expandable-text\" ref=\"rootEl\">\r\n\t\t<div ref=\"containerEl\" :style=\"{ transitionDuration: `${duration / 1000}s` }\">\r\n\t\t\t<DsText text-type=\"body-md\" class=\"long-text\">\r\n\t\t\t\t<slot name=\"longText\"></slot>\r\n\t\t\t</DsText>\r\n\t\t\t<DsText text-type=\"body-md\" class=\"short-text\">\r\n\t\t\t\t<slot name=\"shortText\"></slot>\r\n\t\t\t</DsText>\r\n\t\t</div>\r\n\t\t<span role=\"button\" tabindex=\"0\" class=\"toggler\" :aria-expanded=\"isOpen\" @click.prevent=\"toggle\">{{\r\n\t\t\tisOpen ? readLessLabel : readMoreLabel\r\n\t\t}}</span>\r\n\t</div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { DsText } from '@coloplast/design-system';\r\nimport { onMounted, ref } from 'vue';\r\n\r\ninterface Props {\r\n\tinitOpen?: boolean;\r\n\treadMoreLabel?: string;\r\n\treadLessLabel?: string;\r\n\tduration: number;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tinitOpen: false,\r\n\tduration: 200,\r\n});\r\n\r\nconst rootEl = ref<HTMLDivElement>();\r\nconst containerEl = ref<HTMLDivElement>();\r\nconst isOpen = ref(props.initOpen);\r\n\r\nfunction getTextHeight(type: 'long' | 'short') {\r\n\tconst el = containerEl.value?.querySelector(`.${type}-text`) as HTMLParagraphElement | null;\r\n\treturn el?.offsetHeight;\r\n}\r\n\r\nfunction toggle() {\r\n\tisOpen.value = !isOpen.value;\r\n\tif (!containerEl.value) return;\r\n\r\n\tif (isOpen.value) {\r\n\t\tdelayExpandedClass(0);\r\n\t\tgetTextHeight('long');\r\n\t\tcontainerEl.value.style.maxHeight = `${getTextHeight('long')}px`;\r\n\t} else {\r\n\t\tdelayExpandedClass(props.duration);\r\n\t\tgetTextHeight('short');\r\n\t\tcontainerEl.value.style.maxHeight = `${getTextHeight('short')}px`;\r\n\t}\r\n}\r\n\r\nfunction delayExpandedClass(delay: number) {\r\n\tsetTimeout(() => {\r\n\t\trootEl.value?.classList.toggle('expanded');\r\n\t}, delay);\r\n}\r\n\r\nonMounted(() => {\r\n\tcontainerEl.value!.style.maxHeight = `${getTextHeight('short')}px`;\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import 'multisite/styles/settings/settings';\r\n@import 'multisite/styles/tools/tools';\r\n\r\ndiv.expandable-text {\r\n\t> div {\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\ttransition: max-height 0.2s ease-out;\r\n\t}\r\n\r\n\t.short-text {\r\n\t\tvisibility: visible;\r\n\t\tposition: static;\r\n\t}\r\n\t.long-text {\r\n\t\tvisibility: hidden;\r\n\t\tposition: absolute;\r\n\t}\r\n\r\n\t&.expanded {\r\n\t\t.long-text {\r\n\t\t\tvisibility: visible;\r\n\t\t\tposition: static;\r\n\t\t}\r\n\t\t.short-text {\r\n\t\t\tvisibility: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t}\r\n\r\n\tp {\r\n\t\twhite-space: normal;\r\n\t}\r\n\r\n\t.toggler {\r\n\t\tcolor: ds-color('fg', 'link');\r\n\t\tmargin-top: ds-space(5);\r\n\t\tfont-weight: 500;\r\n\t\tdisplay: block;\r\n\t\tfont-size: 16px;\r\n\r\n\t\t@include t-respond-to-max('medium') {\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\r\n\t\t// Removes the outline only for click-events, NOT keyboard events\r\n\t\t&:focus:not(:focus-visible) {\r\n\t\t\toutline: none;\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n","<template>\r\n\t<ConsentCheckbox\r\n\t\t:id=\"`scrolltarget-${fieldName}`\"\r\n\t\t:name=\"fieldName\"\r\n\t\t:model-value=\"modelValue\"\r\n\t\t@update:model-value=\"handleUpdate\"\r\n\t\t:show-errors=\"showErrors\"\r\n\t\t:error-message=\"errorMessage\"\r\n\t\t:tab-index=\"modalLoginShow ? -1 : 0\"\r\n\t>\r\n\t\t<template #label>\r\n\t\t\t<ExpandableText\r\n\t\t\t\tv-if=\"consentTextExtended\"\r\n\t\t\t\t:read-less-label=\"readLessLabel\"\r\n\t\t\t\t:read-more-label=\"readMoreLabel\"\r\n\t\t\t\t:duration=\"300\"\r\n\t\t\t>\r\n\t\t\t\t<template #shortText>\r\n\t\t\t\t\t<span v-html=\"consentText\"></span>\r\n\t\t\t\t</template>\r\n\t\t\t\t<template #longText>\r\n\t\t\t\t\t<span v-html=\"consentTextExtended\"></span>\r\n\t\t\t\t</template>\r\n\t\t\t</ExpandableText>\r\n\t\t\t<DsText v-else text-type=\"body-md\" class=\"short-text\">\r\n\t\t\t\t<span v-html=\"consentText\"></span>\r\n\t\t\t\t<a v-if=\"url\" :href=\"url\" target=\"_blank\" :title=\"urlText\">\r\n\t\t\t\t\t{{ urlText }}\r\n\t\t\t\t</a>\r\n\t\t\t</DsText>\r\n\t\t</template>\r\n\t</ConsentCheckbox>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { DsText } from '@coloplast/design-system';\r\nimport { onMounted, computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { validateFieldState } from 'multisite/services/checkoutHelperService';\r\nimport ConsentCheckbox from 'multisite/components/formElements/consentCheckbox.vue';\r\nimport ExpandableText from 'multisite/components/formElements/expandableText.vue';\r\n\r\ninterface Props {\r\n\tmodelValue: boolean;\r\n\tshowErrors: boolean;\r\n\tconsentText: string;\r\n\terrorMessage: string;\r\n\tfieldName: string;\r\n\tname: string;\r\n\tconsentTextExtended?: string;\r\n\treadLessLabel?: string;\r\n\treadMoreLabel?: string;\r\n\tshowConsent?: boolean;\r\n\turl?: string;\r\n\turlText?: string;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits(['validate', 'update:model-value']);\r\nconst store = useStore();\r\n\r\nconst modalLoginShow = computed(() => store.getters['globalCheckout/getLoginModalShow']);\r\n\r\nfunction handleUpdate(e: boolean) {\r\n\tvalidateField(e);\r\n\temit('update:model-value', e);\r\n}\r\n\r\nfunction validateField(v: boolean) {\r\n\tconst validateResult = validateFieldState(v, {\r\n\t\trequired: true,\r\n\t});\r\n\r\n\temit('validate', {\r\n\t\tkey: props.fieldName,\r\n\t\tvalue: validateResult,\r\n\t});\r\n}\r\n\r\nonMounted(() => {\r\n\tvalidateField(props.modelValue);\r\n});\r\n</script>\r\n","<template>\r\n\t<div>\r\n\t\t<div class=\"c-global-checkout__wrapper\">\r\n\t\t\t<div class=\"c-global-checkout__wrapper-holder\">\r\n\t\t\t\t<form\r\n\t\t\t\t\t@submit=\"submitForm\"\r\n\t\t\t\t\tnovalidate\r\n\t\t\t\t\tclass=\"c-global-checkout__left-block\"\r\n\t\t\t\t\tref=\"deliveryForm\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<DsText htmlElement=\"h1\" v-if=\"headline\" text-type=\"heading-4xl\">\r\n\t\t\t\t\t\t{{ headline }}\r\n\t\t\t\t\t</DsText>\r\n\r\n\t\t\t\t\t<DsText v-if=\"introduction\" html-element=\"div\" text-type=\"body-lg\">\r\n\t\t\t\t\t\t<p v-html=\"introduction\" />\r\n\t\t\t\t\t</DsText>\r\n\r\n\t\t\t\t\t<div v-if=\"showInfobox\" class=\"c-global-checkout__infobox\">\r\n\t\t\t\t\t\t<DsIcon icon-name=\"information-circle\" size=\"sm\" class=\"c-global-checkout__infobox__icon\" />\r\n\t\t\t\t\t\t<DsText html-element=\"div\">\r\n\t\t\t\t\t\t\t<p>{{ formErrorInfoText }}</p>\r\n\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t<li v-for=\"field in invalidFields\" :key=\"field\">\r\n\t\t\t\t\t\t\t\t<a :href=\"scrolltarget + field\">\r\n\t\t\t\t\t\t\t\t\t<DsText html-element=\"span\">\r\n\t\t\t\t\t\t\t\t\t\t{{ getFieldLabelByFieldName(field) }}\r\n\t\t\t\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"c-global-checkout__form\">\r\n\t\t\t\t\t\t<AddressForm\r\n\t\t\t\t\t\t\t:form-fields=\"formFields\"\r\n\t\t\t\t\t\t\t:form-data=\"formData.deliveryInformation.billingAddress\"\r\n\t\t\t\t\t\t\t:errors=\"errors\"\r\n\t\t\t\t\t\t\t:updateFieldError=\"updateFieldError\"\r\n\t\t\t\t\t\t\t:form-state=\"formState\"\r\n\t\t\t\t\t\t\t:address-type=\"'shippingAddress'\"\r\n\t\t\t\t\t\t\t@update-form=\"onUpdateForm\"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<ConsentProfileField\r\n\t\t\t\t\t\t\tv-if=\"consentChoiceFieldData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.consentChoice\"\r\n\t\t\t\t\t\t\t:vm=\"consentChoiceFieldData\"\r\n\t\t\t\t\t\t\t:errors=\"errors\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<!-- Terms and Conditions -->\r\n\t\t\t\t\t\t<UniversalConsentField\r\n\t\t\t\t\t\t\tv-if=\"termsAndConditionFieldData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.termsAndCondition.termsAndConditionAccepted\"\r\n\t\t\t\t\t\t\tv-bind=\"termsAndConditionFieldData\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t:consent-text=\"termsAndConditionFieldData.text\"\r\n\t\t\t\t\t\t\t:url-text=\"termsAndConditionFieldData.title\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<!-- Sensitive Data Condition -->\r\n\t\t\t\t\t\t<UniversalConsentField\r\n\t\t\t\t\t\t\tv-if=\"sensitiveDataConditionData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.sensitiveDataCondition.accepted\"\r\n\t\t\t\t\t\t\tv-bind=\"sensitiveDataConditionData\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t:consent-text=\"sensitiveDataConditionData.conditionText\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<!-- Simple Consent -->\r\n\t\t\t\t\t\t<UniversalConsentField\r\n\t\t\t\t\t\t\tv-if=\"simpleConsentFieldData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.simpleConsentChoice.acceptTerms\"\r\n\t\t\t\t\t\t\tv-bind=\"simpleConsentFieldData\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t:error-message=\"simpleConsentFieldData.consentAgreementErrorMessage\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<DsButtonGroup desktop-alignment=\"start\">\r\n\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\t:label-loading=\"buttonContinueLoadingText\"\r\n\t\t\t\t\t\t\t:state=\"disableButton ? 'loading' : 'default'\"\r\n\t\t\t\t\t\t\tdata-testid=\"submit-address\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ buttonContinueText }}\r\n\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t</DsButtonGroup>\r\n\t\t\t\t</form>\r\n\t\t\t\t<div class=\"c-global-checkout__right-block\">\r\n\t\t\t\t\t<delivery-cart :labels=\"labels\"></delivery-cart>\r\n\r\n\t\t\t\t\t<CartTotalAndMessages :labels=\"labels\" :submitModel=\"vm\" :basket=\"basket\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from 'vue';\r\nimport { DsButton, DsButtonGroup, DsIcon, DsText } from '@coloplast/design-system';\r\nimport { focusOnField, formatApiMessages } from 'multisite/services/checkoutHelperService.js';\r\nimport { ignoreOnIsNewAddress } from 'shared/settings/constants';\r\nimport { mapActions, mapGetters, mapMutations } from 'vuex';\r\nimport { sendCheckoutDeliveryForm } from 'shared/services/globalCheckoutServices';\r\nimport { track_add_shipping_info } from 'shared/services/tracking/basketTrackingService';\r\nimport { track_address_change } from 'shared/services/tracking/checkoutTrackingService';\r\nimport AddressForm from '../SharedComponents/addressForm.vue';\r\nimport CartTotalAndMessages from '../OrderSummaryStepPage/summaryBlocks/cartTotalAndMessages.vue';\r\nimport ConsentProfileField from 'multisite/components/formElements/consentProfileField.vue';\r\nimport deliveryCart from '../SharedComponents/deliveryCart.vue';\r\nimport store from 'shared/store';\r\nimport UniversalConsentField from 'multisite/components/formElements/universalConsentField.vue';\r\nimport * as API from 'shared/types/globalCheckoutService.types';\r\nimport { AxiosError } from 'axios';\r\nimport { ValidationErrorObject } from 'shared/composables/handleFormErrors';\r\n\r\ninterface SimpleConsentVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tclientSideInputType: string;\r\n\tname: string;\r\n\ttitle: string;\r\n\tconsentAgreementErrorMessage: string;\r\n\tconsentText: string;\r\n\tconsentTextExtended: string;\r\n\tshowConsent: boolean;\r\n\treadLessLabel: string;\r\n\treadMoreLabel: string;\r\n}\r\n\r\ninterface SensitiveDataVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tname: string;\r\n\tconditionText: string;\r\n\turl: string;\r\n\turlText: string;\r\n\terrorMessage: string;\r\n}\r\n\r\ninterface TermsAndConditionsVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tname: string;\r\n\ttitle: string;\r\n\ttext: string;\r\n\turl: string;\r\n\terrorMessage: string;\r\n}\r\n\r\nexport default defineComponent({\r\n\tcomponents: {\r\n\t\tdeliveryCart,\r\n\t\tAddressForm,\r\n\t\tDsText,\r\n\t\tCartTotalAndMessages,\r\n\t\tConsentProfileField,\r\n\t\tDsButton,\r\n\t\tDsIcon,\r\n\t\tDsButtonGroup,\r\n\t\tUniversalConsentField,\r\n\t},\r\n\tname: 'delivery-checkout',\r\n\tstore,\r\n\tprops: {\r\n\t\tvm: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => {},\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tformFields: {\r\n\t\t\ttype: Array,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\theadline: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tintroduction: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tformErrorInfoText: {\r\n\t\t\tString,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tbuttonContinueText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tbuttonContinueLoadingText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tlabels: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tstepNumber: {\r\n\t\t\ttype: Number,\r\n\t\t},\r\n\t\terrorPageLink: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t},\r\n\tdata() {\r\n\t\t// Generate the formData with only the relevant fields.\r\n\t\t// Make sure this correctly reflects the data from the VM\r\n\t\tconst formData = {\r\n\t\t\tdeliveryInformation: {\r\n\t\t\t\tbillingAddress: {\r\n\t\t\t\t\t...this.vm?.deliveryInformation?.billingAddress,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\ttermsAndCondition: {\r\n\t\t\t\ttermsAndConditionAccepted: false,\r\n\t\t\t},\r\n\t\t\tsensitiveDataCondition: {\r\n\t\t\t\taccepted: false,\r\n\t\t\t},\r\n\t\t\tconsentChoice: {\r\n\t\t\t\tacceptTerms: false,\r\n\t\t\t\tconsentChoiceId: 0,\r\n\t\t\t},\r\n\t\t\tsimpleConsentChoice: {\r\n\t\t\t\tacceptTerms: false,\r\n\t\t\t\tconsentAgreementUrl: '',\r\n\t\t\t\tshowConsent: false,\r\n\t\t\t\tconsentType: '',\r\n\t\t\t},\r\n\t\t} as API.SendCheckoutDeliveryFormPayload;\r\n\r\n\t\t// Clone all the values we need in the form from the vm.\r\n\t\t// This goes through all values, adding primitives, and filtering keys on objects.\r\n\t\t(Object.keys(this.vm) as (keyof typeof formData)[]).forEach((key) => {\r\n\t\t\tif (formData[key]) return;\r\n\r\n\t\t\t(formData[key] as Record<string, unknown>) = this.vm[key];\r\n\t\t});\r\n\r\n\t\tconst errors: Record<string, ValidationErrorObject> = {};\r\n\r\n\t\treturn {\r\n\t\t\tcheckoutUrl: '/basket/',\r\n\t\t\tloaded: false,\r\n\t\t\tmappedBasketProducts: [],\r\n\t\t\torder: null,\r\n\t\t\tlastEditedField: null,\r\n\t\t\terrors,\r\n\t\t\tformState: {\r\n\t\t\t\tsubmitted: false,\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t},\r\n\t\t\tformData,\r\n\t\t\tisNewAddress: false,\r\n\t\t\tdisableButton: false,\r\n\t\t};\r\n\t},\r\n\twatch: {\r\n\t\t'formData.deliveryInformation.billingAddress.deliveryInstruction'(val) {\r\n\t\t\tif (!val) return;\r\n\r\n\t\t\tif (val.toLowerCase() !== 'other') {\r\n\t\t\t\tthis.formData.deliveryInformation.billingAddress.deliveryInstruction1 = undefined;\r\n\t\t\t}\r\n\t\t},\r\n\t\tformattedAddress: {\r\n\t\t\thandler(address) {\r\n\t\t\t\tthis.formData.deliveryInformation.billingAddress = {\r\n\t\t\t\t\t...this.formData.deliveryInformation.billingAddress,\r\n\t\t\t\t\t...address,\r\n\t\t\t\t};\r\n\t\t\t},\r\n\t\t\tdeep: true,\r\n\t\t},\r\n\t},\r\n\tcomputed: {\r\n\t\tsensitiveDataConditionData() {\r\n\t\t\treturn this.getFieldData('sensitiveDataCondition') as SensitiveDataVm;\r\n\t\t},\r\n\t\tconsentChoiceFieldData() {\r\n\t\t\treturn this.getFieldData('consentChoice');\r\n\t\t},\r\n\t\ttermsAndConditionFieldData() {\r\n\t\t\treturn this.getFieldData('termsAndCondition') as TermsAndConditionsVm;\r\n\t\t},\r\n\t\tsimpleConsentFieldData() {\r\n\t\t\treturn this.getFieldData('simpleConsentChoice') as SimpleConsentVm;\r\n\t\t},\r\n\t\t...mapGetters({\r\n\t\t\tvisitorID: 'getVisitorID',\r\n\t\t\tbasket: 'getBasket',\r\n\t\t\tgetProductsFromAccount: 'getProductsData',\r\n\t\t\tcurrency: 'getCurrency',\r\n\t\t\tformattedAddress: 'getFormattedAddress',\r\n\t\t}),\r\n\t\tinvalidFields() {\r\n\t\t\tconst invalidFields: string[] = [];\r\n\t\t\tObject.keys(this.errors).forEach((key) => {\r\n\t\t\t\tif (!this.errors[key].isValid) invalidFields.push(key);\r\n\t\t\t});\r\n\t\t\treturn invalidFields;\r\n\t\t},\r\n\t\tscrolltarget() {\r\n\t\t\treturn '#scrolltarget-';\r\n\t\t},\r\n\t\tshowInfobox() {\r\n\t\t\treturn (\r\n\t\t\t\tthis.formState.submitted &&\r\n\t\t\t\tthis.formErrorInfoText &&\r\n\t\t\t\tthis.invalidFields.length > 0 &&\r\n\t\t\t\tthis.invalidFields.length < 4\r\n\t\t\t);\r\n\t\t},\r\n\t},\r\n\tmethods: {\r\n\t\t...mapMutations(['setFormattedAddress']),\r\n\t\t...mapActions(['fetchBasket', 'getProducts']),\r\n\t\tgetFieldData(fieldName: string) {\r\n\t\t\treturn (this.formFields as unknown[]).find((field) => field.data.fieldName === fieldName)?.data;\r\n\t\t},\r\n\t\tasync submitForm(event: Event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tif (this.formState.submitting) return;\r\n\t\t\tif (this.disableButton) return;\r\n\t\t\tthis.formState.submitted = true;\r\n\t\t\tconst isValid = !this.invalidFields.length;\r\n\r\n\t\t\tif (isValid) {\r\n\t\t\t\tthis.formState.submitting = true;\r\n\t\t\t\tthis.disableButton = true;\r\n\t\t\t\ttry {\r\n\t\t\t\t\tconst { data } = await sendCheckoutDeliveryForm(this.formData);\r\n\t\t\t\t\tif (data?.redirectTo) {\r\n\t\t\t\t\t\tthis.trackSubmit();\r\n\t\t\t\t\t\twindow.location.assign(data.redirectTo);\r\n\t\t\t\t\t}\r\n\t\t\t\t} catch (error: unknown) {\r\n\t\t\t\t\tthis.formState.submitting = false;\r\n\t\t\t\t\tthis.handleSubmitErrors(error);\r\n\t\t\t\t\tthis.disableButton = false;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthis.formState.submitting = false;\r\n\t\t\t\tfocusOnField(this.invalidFields[0]);\r\n\t\t\t}\r\n\t\t},\r\n\t\tredirectToErrorPage() {\r\n\t\t\twindow.location.assign(this.errorPageLink);\r\n\t\t},\r\n\t\thandleSubmitErrors(error: AxiosError) {\r\n\t\t\tconst { response } = error;\r\n\t\t\t// no response\r\n\t\t\tif (!response) return this.redirectToErrorPage();\r\n\r\n\t\t\tconst { data, status } = response;\r\n\r\n\t\t\t// 400 has form validation errors\r\n\t\t\tif (status === 400 && data?.message) {\r\n\t\t\t\tformatApiMessages(data.message).forEach(({ fieldName, message }) => {\r\n\t\t\t\t\tif (fieldName) {\r\n\t\t\t\t\t\tthis.updateFieldError(fieldName, {\r\n\t\t\t\t\t\t\t...this.errors[fieldName],\r\n\t\t\t\t\t\t\tisValid: false,\r\n\t\t\t\t\t\t\tapiValidationError: message,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\t// bad request and status is not 400, redirect to the error page\r\n\t\t\t\tthis.redirectToErrorPage();\r\n\t\t\t}\r\n\t\t},\r\n\t\ttrackSubmit() {\r\n\t\t\ttrack_add_shipping_info(this.basket);\r\n\r\n\t\t\tif (!this.isNewAddress) {\r\n\t\t\t\ttrack_address_change('edit', 'shippingAddress');\r\n\t\t\t}\r\n\t\t},\r\n\t\tfieldFocus(e: Event, name: string) {\r\n\t\t\t// for phone numbers, we need full property name instead of input field name\r\n\t\t\tconst fieldName = name || (e?.target as HTMLElement).dataset.fieldName;\r\n\r\n\t\t\tif (fieldName) {\r\n\t\t\t\t// Extract information about the field from HTML attributes.\r\n\t\t\t\tthis.lastEditedField = {\r\n\t\t\t\t\tid: e.target.id,\r\n\t\t\t\t\tfieldName: fieldName,\r\n\t\t\t\t\terrorMessage: e.target.getAttribute('aria-errormessage'),\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t},\r\n\t\tupdateFieldError(fieldName: keyof typeof this.errors, state: ValidationErrorObject) {\r\n\t\t\tthis.errors[fieldName] = state;\r\n\t\t},\r\n\t\tgetFieldLabelByFieldName(fieldName) {\r\n\t\t\tlet name = fieldName;\r\n\r\n\t\t\tthis.formFields.forEach((field) => {\r\n\t\t\t\tconst { data } = field;\r\n\r\n\t\t\t\tif (data.fieldName === fieldName) {\r\n\t\t\t\t\t// label for normal input fields, title for consent stuff\r\n\t\t\t\t\tname = data.label || data.title;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (data.leftFieldName === fieldName) {\r\n\t\t\t\t\tname = data.leftLabel;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (data.rightFieldName === fieldName) {\r\n\t\t\t\t\tname = data.rightLabel;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\treturn name;\r\n\t\t},\r\n\t\tonUpdateForm(e) {\r\n\t\t\tthis.formData.deliveryInformation.billingAddress[e.fieldName] = e.value;\r\n\t\t},\r\n\t},\r\n\tcreated() {\r\n\t\tthis.getProducts();\r\n\t},\r\n\tmounted() {\r\n\t\tthis.fetchBasket();\r\n\t\tthis.loaded = true;\r\n\r\n\t\tconst address = this.vm?.deliveryInformation?.billingAddress || {};\r\n\t\tthis.setFormattedAddress({\r\n\t\t\taddressLine1: address.addressLine1,\r\n\t\t\taddressLine2: address.addressLine2,\r\n\t\t\taddressLine3: address.addressLine3,\r\n\t\t\tcountry: address.country,\r\n\t\t\tcity: address.city,\r\n\t\t\tpostalCode: address.postalCode,\r\n\t\t\tregion: address.region,\r\n\t\t});\r\n\t\tif (this.invalidFields.some((f) => !ignoreOnIsNewAddress.includes(f))) {\r\n\t\t\tthis.isNewAddress = true;\r\n\t\t}\r\n\r\n\t\tthis.formData.simpleConsentChoice = this.vm.simpleConsentChoice;\r\n\t}\r\n});\r\n</script>\r\n","<template>\r\n\t<div>\r\n\t\t<div class=\"c-global-checkout__wrapper\">\r\n\t\t\t<div class=\"c-global-checkout__wrapper-holder\">\r\n\t\t\t\t<form\r\n\t\t\t\t\t@submit=\"submitForm\"\r\n\t\t\t\t\tnovalidate\r\n\t\t\t\t\tclass=\"c-global-checkout__left-block\"\r\n\t\t\t\t\tref=\"deliveryForm\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<DsText htmlElement=\"h1\" v-if=\"headline\" text-type=\"heading-4xl\">\r\n\t\t\t\t\t\t{{ headline }}\r\n\t\t\t\t\t</DsText>\r\n\r\n\t\t\t\t\t<DsText v-if=\"introduction\" html-element=\"div\" text-type=\"body-lg\">\r\n\t\t\t\t\t\t<p v-html=\"introduction\" />\r\n\t\t\t\t\t</DsText>\r\n\r\n\t\t\t\t\t<div v-if=\"showInfobox\" class=\"c-global-checkout__infobox\">\r\n\t\t\t\t\t\t<DsIcon icon-name=\"information-circle\" size=\"sm\" class=\"c-global-checkout__infobox__icon\" />\r\n\t\t\t\t\t\t<DsText html-element=\"div\">\r\n\t\t\t\t\t\t\t<p>{{ formErrorInfoText }}</p>\r\n\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t<li v-for=\"field in invalidFields\" :key=\"field\">\r\n\t\t\t\t\t\t\t\t<a :href=\"scrolltarget + field\">\r\n\t\t\t\t\t\t\t\t\t<DsText html-element=\"span\">\r\n\t\t\t\t\t\t\t\t\t\t{{ getFieldLabelByFieldName(field) }}\r\n\t\t\t\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"c-global-checkout__form\">\r\n\t\t\t\t\t\t<AddressForm\r\n\t\t\t\t\t\t\t:form-fields=\"formFields\"\r\n\t\t\t\t\t\t\t:form-data=\"formData.deliveryInformation.billingAddress\"\r\n\t\t\t\t\t\t\t:errors=\"errors\"\r\n\t\t\t\t\t\t\t:updateFieldError=\"updateFieldError\"\r\n\t\t\t\t\t\t\t:form-state=\"formState\"\r\n\t\t\t\t\t\t\t:address-type=\"'shippingAddress'\"\r\n\t\t\t\t\t\t\t@update-form=\"onUpdateForm\"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<ConsentProfileField\r\n\t\t\t\t\t\t\tv-if=\"consentChoiceFieldData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.consentChoice\"\r\n\t\t\t\t\t\t\t:vm=\"consentChoiceFieldData\"\r\n\t\t\t\t\t\t\t:errors=\"errors\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<!-- Terms and Conditions -->\r\n\t\t\t\t\t\t<UniversalConsentField\r\n\t\t\t\t\t\t\tv-if=\"termsAndConditionFieldData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.termsAndCondition.termsAndConditionAccepted\"\r\n\t\t\t\t\t\t\tv-bind=\"termsAndConditionFieldData\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t:consent-text=\"termsAndConditionFieldData.text\"\r\n\t\t\t\t\t\t\t:url-text=\"termsAndConditionFieldData.title\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<!-- Sensitive Data Condition -->\r\n\t\t\t\t\t\t<UniversalConsentField\r\n\t\t\t\t\t\t\tv-if=\"sensitiveDataConditionData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.sensitiveDataCondition.accepted\"\r\n\t\t\t\t\t\t\tv-bind=\"sensitiveDataConditionData\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t:consent-text=\"sensitiveDataConditionData.conditionText\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<!-- Simple Consent -->\r\n\t\t\t\t\t\t<UniversalConsentField\r\n\t\t\t\t\t\t\tv-if=\"simpleConsentFieldData\"\r\n\t\t\t\t\t\t\tv-model=\"formData.simpleConsentChoice.acceptTerms\"\r\n\t\t\t\t\t\t\tv-bind=\"simpleConsentFieldData\"\r\n\t\t\t\t\t\t\t:show-errors=\"formState.submitted\"\r\n\t\t\t\t\t\t\t:error-message=\"simpleConsentFieldData.consentAgreementErrorMessage\"\r\n\t\t\t\t\t\t\t@validate=\"($event) => updateFieldError($event.key, $event.value)\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<DsButtonGroup desktop-alignment=\"start\">\r\n\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\t:label-loading=\"buttonContinueLoadingText\"\r\n\t\t\t\t\t\t\t:state=\"disableButton ? 'loading' : 'default'\"\r\n\t\t\t\t\t\t\tdata-testid=\"submit-address\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ buttonContinueText }}\r\n\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t</DsButtonGroup>\r\n\t\t\t\t</form>\r\n\t\t\t\t<div class=\"c-global-checkout__right-block\">\r\n\t\t\t\t\t<delivery-cart :labels=\"labels\"></delivery-cart>\r\n\r\n\t\t\t\t\t<CartTotalAndMessages :labels=\"labels\" :submitModel=\"vm\" :basket=\"basket\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from 'vue';\r\nimport { DsButton, DsButtonGroup, DsIcon, DsText } from '@coloplast/design-system';\r\nimport { focusOnField, formatApiMessages } from 'multisite/services/checkoutHelperService.js';\r\nimport { ignoreOnIsNewAddress } from 'shared/settings/constants';\r\nimport { mapActions, mapGetters, mapMutations } from 'vuex';\r\nimport { sendCheckoutDeliveryForm } from 'shared/services/globalCheckoutServices';\r\nimport { track_add_shipping_info } from 'shared/services/tracking/basketTrackingService';\r\nimport { track_address_change } from 'shared/services/tracking/checkoutTrackingService';\r\nimport AddressForm from '../SharedComponents/addressForm.vue';\r\nimport CartTotalAndMessages from '../OrderSummaryStepPage/summaryBlocks/cartTotalAndMessages.vue';\r\nimport ConsentProfileField from 'multisite/components/formElements/consentProfileField.vue';\r\nimport deliveryCart from '../SharedComponents/deliveryCart.vue';\r\nimport store from 'shared/store';\r\nimport UniversalConsentField from 'multisite/components/formElements/universalConsentField.vue';\r\nimport * as API from 'shared/types/globalCheckoutService.types';\r\nimport { AxiosError } from 'axios';\r\nimport { ValidationErrorObject } from 'shared/composables/handleFormErrors';\r\n\r\ninterface SimpleConsentVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tclientSideInputType: string;\r\n\tname: string;\r\n\ttitle: string;\r\n\tconsentAgreementErrorMessage: string;\r\n\tconsentText: string;\r\n\tconsentTextExtended: string;\r\n\tshowConsent: boolean;\r\n\treadLessLabel: string;\r\n\treadMoreLabel: string;\r\n}\r\n\r\ninterface SensitiveDataVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tname: string;\r\n\tconditionText: string;\r\n\turl: string;\r\n\turlText: string;\r\n\terrorMessage: string;\r\n}\r\n\r\ninterface TermsAndConditionsVm {\r\n\tfieldId: string;\r\n\tfieldName: string;\r\n\tname: string;\r\n\ttitle: string;\r\n\ttext: string;\r\n\turl: string;\r\n\terrorMessage: string;\r\n}\r\n\r\nexport default defineComponent({\r\n\tcomponents: {\r\n\t\tdeliveryCart,\r\n\t\tAddressForm,\r\n\t\tDsText,\r\n\t\tCartTotalAndMessages,\r\n\t\tConsentProfileField,\r\n\t\tDsButton,\r\n\t\tDsIcon,\r\n\t\tDsButtonGroup,\r\n\t\tUniversalConsentField,\r\n\t},\r\n\tname: 'delivery-checkout',\r\n\tstore,\r\n\tprops: {\r\n\t\tvm: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => {},\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tformFields: {\r\n\t\t\ttype: Array,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\theadline: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tintroduction: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tformErrorInfoText: {\r\n\t\t\tString,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tbuttonContinueText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tbuttonContinueLoadingText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tlabels: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tstepNumber: {\r\n\t\t\ttype: Number,\r\n\t\t},\r\n\t\terrorPageLink: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t},\r\n\tdata() {\r\n\t\t// Generate the formData with only the relevant fields.\r\n\t\t// Make sure this correctly reflects the data from the VM\r\n\t\tconst formData = {\r\n\t\t\tdeliveryInformation: {\r\n\t\t\t\tbillingAddress: {\r\n\t\t\t\t\t...this.vm?.deliveryInformation?.billingAddress,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\ttermsAndCondition: {\r\n\t\t\t\ttermsAndConditionAccepted: false,\r\n\t\t\t},\r\n\t\t\tsensitiveDataCondition: {\r\n\t\t\t\taccepted: false,\r\n\t\t\t},\r\n\t\t\tconsentChoice: {\r\n\t\t\t\tacceptTerms: false,\r\n\t\t\t\tconsentChoiceId: 0,\r\n\t\t\t},\r\n\t\t\tsimpleConsentChoice: {\r\n\t\t\t\tacceptTerms: false,\r\n\t\t\t\tconsentAgreementUrl: '',\r\n\t\t\t\tshowConsent: false,\r\n\t\t\t\tconsentType: '',\r\n\t\t\t},\r\n\t\t} as API.SendCheckoutDeliveryFormPayload;\r\n\r\n\t\t// Clone all the values we need in the form from the vm.\r\n\t\t// This goes through all values, adding primitives, and filtering keys on objects.\r\n\t\t(Object.keys(this.vm) as (keyof typeof formData)[]).forEach((key) => {\r\n\t\t\tif (formData[key]) return;\r\n\r\n\t\t\t(formData[key] as Record<string, unknown>) = this.vm[key];\r\n\t\t});\r\n\r\n\t\tconst errors: Record<string, ValidationErrorObject> = {};\r\n\r\n\t\treturn {\r\n\t\t\tcheckoutUrl: '/basket/',\r\n\t\t\tloaded: false,\r\n\t\t\tmappedBasketProducts: [],\r\n\t\t\torder: null,\r\n\t\t\tlastEditedField: null,\r\n\t\t\terrors,\r\n\t\t\tformState: {\r\n\t\t\t\tsubmitted: false,\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t},\r\n\t\t\tformData,\r\n\t\t\tisNewAddress: false,\r\n\t\t\tdisableButton: false,\r\n\t\t};\r\n\t},\r\n\twatch: {\r\n\t\t'formData.deliveryInformation.billingAddress.deliveryInstruction'(val) {\r\n\t\t\tif (!val) return;\r\n\r\n\t\t\tif (val.toLowerCase() !== 'other') {\r\n\t\t\t\tthis.formData.deliveryInformation.billingAddress.deliveryInstruction1 = undefined;\r\n\t\t\t}\r\n\t\t},\r\n\t\tformattedAddress: {\r\n\t\t\thandler(address) {\r\n\t\t\t\tthis.formData.deliveryInformation.billingAddress = {\r\n\t\t\t\t\t...this.formData.deliveryInformation.billingAddress,\r\n\t\t\t\t\t...address,\r\n\t\t\t\t};\r\n\t\t\t},\r\n\t\t\tdeep: true,\r\n\t\t},\r\n\t},\r\n\tcomputed: {\r\n\t\tsensitiveDataConditionData() {\r\n\t\t\treturn this.getFieldData('sensitiveDataCondition') as SensitiveDataVm;\r\n\t\t},\r\n\t\tconsentChoiceFieldData() {\r\n\t\t\treturn this.getFieldData('consentChoice');\r\n\t\t},\r\n\t\ttermsAndConditionFieldData() {\r\n\t\t\treturn this.getFieldData('termsAndCondition') as TermsAndConditionsVm;\r\n\t\t},\r\n\t\tsimpleConsentFieldData() {\r\n\t\t\treturn this.getFieldData('simpleConsentChoice') as SimpleConsentVm;\r\n\t\t},\r\n\t\t...mapGetters({\r\n\t\t\tvisitorID: 'getVisitorID',\r\n\t\t\tbasket: 'getBasket',\r\n\t\t\tgetProductsFromAccount: 'getProductsData',\r\n\t\t\tcurrency: 'getCurrency',\r\n\t\t\tformattedAddress: 'getFormattedAddress',\r\n\t\t}),\r\n\t\tinvalidFields() {\r\n\t\t\tconst invalidFields: string[] = [];\r\n\t\t\tObject.keys(this.errors).forEach((key) => {\r\n\t\t\t\tif (!this.errors[key].isValid) invalidFields.push(key);\r\n\t\t\t});\r\n\t\t\treturn invalidFields;\r\n\t\t},\r\n\t\tscrolltarget() {\r\n\t\t\treturn '#scrolltarget-';\r\n\t\t},\r\n\t\tshowInfobox() {\r\n\t\t\treturn (\r\n\t\t\t\tthis.formState.submitted &&\r\n\t\t\t\tthis.formErrorInfoText &&\r\n\t\t\t\tthis.invalidFields.length > 0 &&\r\n\t\t\t\tthis.invalidFields.length < 4\r\n\t\t\t);\r\n\t\t},\r\n\t},\r\n\tmethods: {\r\n\t\t...mapMutations(['setFormattedAddress']),\r\n\t\t...mapActions(['fetchBasket', 'getProducts']),\r\n\t\tgetFieldData(fieldName: string) {\r\n\t\t\treturn (this.formFields as unknown[]).find((field) => field.data.fieldName === fieldName)?.data;\r\n\t\t},\r\n\t\tasync submitForm(event: Event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tif (this.formState.submitting) return;\r\n\t\t\tif (this.disableButton) return;\r\n\t\t\tthis.formState.submitted = true;\r\n\t\t\tconst isValid = !this.invalidFields.length;\r\n\r\n\t\t\tif (isValid) {\r\n\t\t\t\tthis.formState.submitting = true;\r\n\t\t\t\tthis.disableButton = true;\r\n\t\t\t\ttry {\r\n\t\t\t\t\tconst { data } = await sendCheckoutDeliveryForm(this.formData);\r\n\t\t\t\t\tif (data?.redirectTo) {\r\n\t\t\t\t\t\tthis.trackSubmit();\r\n\t\t\t\t\t\twindow.location.assign(data.redirectTo);\r\n\t\t\t\t\t}\r\n\t\t\t\t} catch (error: unknown) {\r\n\t\t\t\t\tthis.formState.submitting = false;\r\n\t\t\t\t\tthis.handleSubmitErrors(error);\r\n\t\t\t\t\tthis.disableButton = false;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthis.formState.submitting = false;\r\n\t\t\t\tfocusOnField(this.invalidFields[0]);\r\n\t\t\t}\r\n\t\t},\r\n\t\tredirectToErrorPage() {\r\n\t\t\twindow.location.assign(this.errorPageLink);\r\n\t\t},\r\n\t\thandleSubmitErrors(error: AxiosError) {\r\n\t\t\tconst { response } = error;\r\n\t\t\t// no response\r\n\t\t\tif (!response) return this.redirectToErrorPage();\r\n\r\n\t\t\tconst { data, status } = response;\r\n\r\n\t\t\t// 400 has form validation errors\r\n\t\t\tif (status === 400 && data?.message) {\r\n\t\t\t\tformatApiMessages(data.message).forEach(({ fieldName, message }) => {\r\n\t\t\t\t\tif (fieldName) {\r\n\t\t\t\t\t\tthis.updateFieldError(fieldName, {\r\n\t\t\t\t\t\t\t...this.errors[fieldName],\r\n\t\t\t\t\t\t\tisValid: false,\r\n\t\t\t\t\t\t\tapiValidationError: message,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\t// bad request and status is not 400, redirect to the error page\r\n\t\t\t\tthis.redirectToErrorPage();\r\n\t\t\t}\r\n\t\t},\r\n\t\ttrackSubmit() {\r\n\t\t\ttrack_add_shipping_info(this.basket);\r\n\r\n\t\t\tif (!this.isNewAddress) {\r\n\t\t\t\ttrack_address_change('edit', 'shippingAddress');\r\n\t\t\t}\r\n\t\t},\r\n\t\tfieldFocus(e: Event, name: string) {\r\n\t\t\t// for phone numbers, we need full property name instead of input field name\r\n\t\t\tconst fieldName = name || (e?.target as HTMLElement).dataset.fieldName;\r\n\r\n\t\t\tif (fieldName) {\r\n\t\t\t\t// Extract information about the field from HTML attributes.\r\n\t\t\t\tthis.lastEditedField = {\r\n\t\t\t\t\tid: e.target.id,\r\n\t\t\t\t\tfieldName: fieldName,\r\n\t\t\t\t\terrorMessage: e.target.getAttribute('aria-errormessage'),\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t},\r\n\t\tupdateFieldError(fieldName: keyof typeof this.errors, state: ValidationErrorObject) {\r\n\t\t\tthis.errors[fieldName] = state;\r\n\t\t},\r\n\t\tgetFieldLabelByFieldName(fieldName) {\r\n\t\t\tlet name = fieldName;\r\n\r\n\t\t\tthis.formFields.forEach((field) => {\r\n\t\t\t\tconst { data } = field;\r\n\r\n\t\t\t\tif (data.fieldName === fieldName) {\r\n\t\t\t\t\t// label for normal input fields, title for consent stuff\r\n\t\t\t\t\tname = data.label || data.title;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (data.leftFieldName === fieldName) {\r\n\t\t\t\t\tname = data.leftLabel;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (data.rightFieldName === fieldName) {\r\n\t\t\t\t\tname = data.rightLabel;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\treturn name;\r\n\t\t},\r\n\t\tonUpdateForm(e) {\r\n\t\t\tthis.formData.deliveryInformation.billingAddress[e.fieldName] = e.value;\r\n\t\t},\r\n\t},\r\n\tcreated() {\r\n\t\tthis.getProducts();\r\n\t},\r\n\tmounted() {\r\n\t\tthis.fetchBasket();\r\n\t\tthis.loaded = true;\r\n\r\n\t\tconst address = this.vm?.deliveryInformation?.billingAddress || {};\r\n\t\tthis.setFormattedAddress({\r\n\t\t\taddressLine1: address.addressLine1,\r\n\t\t\taddressLine2: address.addressLine2,\r\n\t\t\taddressLine3: address.addressLine3,\r\n\t\t\tcountry: address.country,\r\n\t\t\tcity: address.city,\r\n\t\t\tpostalCode: address.postalCode,\r\n\t\t\tregion: address.region,\r\n\t\t});\r\n\t\tif (this.invalidFields.some((f) => !ignoreOnIsNewAddress.includes(f))) {\r\n\t\t\tthis.isNewAddress = true;\r\n\t\t}\r\n\r\n\t\tthis.formData.simpleConsentChoice = this.vm.simpleConsentChoice;\r\n\t}\r\n});\r\n</script>\r\n","import store from 'shared/store';\r\nimport { createApp } from 'vue';\r\nimport { initFormKitSchema } from 'shared/utils/initFormSchema';\r\nimport DeliveryCheckout from './deliveryCheckout.vue';\r\nimport CheckoutModalLogin from 'multisite/components/checkout/checkoutModalLogin.vue';\r\nimport ProgressBar from 'shared/components/progressBar/progressBar.vue';\r\n\r\nimport \"../Styles/_c-global-checkout.scss\";\r\n\r\nconst formEl = document.querySelector('[data-feature=\"globalCheckoutDeliveryStep\"]');\r\nif (formEl) {\r\n\tconst app = createApp({\r\n\t\tname: 'GlobalCheckoutDeliveryStep',\r\n\t});\r\n\tapp.use(store);\r\n\r\n\tapp.component('delivery-checkout', DeliveryCheckout);\r\n\tapp.component('checkout-modal-login', CheckoutModalLogin);\r\n\tapp.component('progress-bar', ProgressBar);\r\n\r\n\tinitFormKitSchema(app);\r\n\tapp.mount(formEl);\r\n}\r\n"],"names":["props","__props","emit","__emit","store","useStore","modalLoginShow","computed","handleUpdate","v","consentChoiceId","validateField","validateResult","validateFieldState","onMounted","rootEl","ref","containerEl","isOpen","getTextHeight","type","el","_a","toggle","delayExpandedClass","delay","e","_sfc_main","defineComponent","deliveryCart","AddressForm","DsText","CartTotalAndMessages","ConsentProfileField","DsButton","DsIcon","DsButtonGroup","UniversalConsentField","formData","_b","key","val","address","mapGetters","invalidFields","mapMutations","mapActions","fieldName","field","event","data","sendCheckoutDeliveryForm","error","focusOnField","response","status","formatApiMessages","message","track_add_shipping_info","track_address_change","name","state","f","ignoreOnIsNewAddress","_hoisted_4","_hoisted_5","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_cache","args","_ctx","_createBlock","_component_DsText","_createCommentVNode","_createVNode","_component_DsIcon","_withCtx","_Fragment","_renderList","_hoisted_6","_component_AddressForm","_component_ConsentProfileField","$event","_component_UniversalConsentField","_mergeProps","_component_DsButtonGroup","_component_DsButton","_hoisted_7","_component_delivery_cart","_component_CartTotalAndMessages","formEl","app","createApp","DeliveryCheckout","CheckoutModalLogin","ProgressBar","initFormKitSchema"],"mappings":"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"}