{"version":3,"file":"addressForm-Bbklvy_b.js","sources":["../../../../Coloplast.UI/Features/GlobalCheckout/SharedComponents/addressForm.vue"],"sourcesContent":["<script setup>\r\nimport { computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport singleInputField from 'multisite/components/formElements/singleInputField.vue';\r\nimport phoneInputField from 'multisite/components/formElements/phoneInputField.vue';\r\nimport selectField from 'multisite/components/formElements/selectField.vue';\r\nimport countryField from 'multisite/components/formElements/countryField.vue';\r\nimport twoInputFieldsLine from 'multisite/components/formElements/twoInputFieldsLine/twoInputFieldsLine.vue';\r\n\r\nconst store = useStore();\r\nconst props = defineProps({\r\n\tformFields: Array,\r\n\tformData: Object,\r\n\terrors: Object,\r\n\tupdateFieldError: Function,\r\n\tformState: Object,\r\n\taddressType: {\r\n\t\tvalidator(value) {\r\n\t\t\treturn ['shippingAddress', 'mailingAddress', 'otherAddress'].includes(value);\r\n\t\t},\r\n\t\tdefault: 'shippingAddress',\r\n\t},\r\n});\r\n\r\ndefineEmits(['update-form']);\r\n\r\nconst isUserLoggedIn = computed(() => store.getters['getIsUserLoggedIn']);\r\nconst componentMap = {\r\n\tsingleInputField,\r\n\tphoneInputField,\r\n\tselectField,\r\n\tcountryField,\r\n\ttwoInputFieldsLine,\r\n};\r\nconst isFieldHidden = (fieldName) => fieldName === 'deliveryInstruction1' && props.formData?.deliveryInstruction?.toLowerCase() !== 'none';\r\n\r\nconst isFieldReadOnly = (fieldName) => {\r\n\tif (!isUserLoggedIn.value) return false;\r\n\r\n\tlet readOnlyFields = ['email'];\r\n\r\n\treturn readOnlyFields.includes(fieldName);\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tv-for=\"field in formFields\"\r\n\t\t:key=\"field.data.fieldId\"\r\n\t\t:class=\"{\r\n\t\t\t'name-field first': field.data.fieldName === 'firstName',\r\n\t\t\t'name-field': field.data.fieldName === 'lastName',\r\n\t\t}\"\r\n\t>\r\n\t\t<component\r\n\t\t\tclass=\"form-field\"\r\n\t\t\tv-if=\"field.data.fieldName && !isFieldHidden(field.data.fieldName)\"\r\n\t\t\tv-bind=\"field.data\"\r\n\t\t\t:is=\"componentMap[field.fieldType]\"\r\n\t\t\t:model-value=\"formData[field.data.fieldName]\"\r\n\t\t\t:read-only=\"isFieldReadOnly(field.data.fieldName)\"\r\n\t\t\t@update:model-value=\"\r\n\t\t\t\t$emit('update-form', {\r\n\t\t\t\t\tfieldName: field.data.fieldName,\r\n\t\t\t\t\tvalue: $event,\r\n\t\t\t\t})\r\n\t\t\t\"\r\n\t\t\t:errors=\"errors\"\r\n\t\t\t:updateFieldError=\"updateFieldError\"\r\n\t\t\t:submitted=\"formState.submitted || null\"\r\n\t\t\t:data-field-name=\"field.data.fieldName\"\r\n\t\t\t:address-type=\"addressType\"\r\n\t\t/>\r\n\t\t<component\r\n\t\t\tv-else-if=\"!isFieldHidden(field.data.fieldName)\"\r\n\t\t\tv-bind=\"field.data\"\r\n\t\t\t:read-only=\"isFieldReadOnly(field.data.rightFieldName)\"\r\n\t\t\t:is=\"componentMap[field.fieldType]\"\r\n\t\t\t:formData=\"formData\"\r\n\t\t\t:errors=\"errors\"\r\n\t\t\t:updateFieldError=\"updateFieldError\"\r\n\t\t\t:submitted=\"formState.submitted || null\"\r\n\t\t\t:address-type=\"addressType\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n"],"names":["store","useStore","props","__props","isUserLoggedIn","computed","componentMap","singleInputField","phoneInputField","selectField","countryField","twoInputFieldsLine","isFieldHidden","fieldName","_b","_a","isFieldReadOnly"],"mappings":"moBASA,MAAMA,EAAQC,EAAQ,EAChBC,EAAQC,EAgBRC,EAAiBC,EAAS,IAAML,EAAM,QAAQ,iBAAoB,EAClEM,EAAe,CACpB,iBAAAC,EACA,gBAAAC,EACD,YAACC,EACD,aAACC,EACD,mBAACC,CACD,EACMC,EAAiBC,GAAc,SAAA,OAAAA,IAAc,0BAA0BC,GAAAC,EAAAb,EAAM,WAAN,YAAAa,EAAgB,sBAAhB,YAAAD,EAAqC,iBAAkB,QAE9HE,EAAmBH,GACnBT,EAAe,MAEC,CAAC,OAAO,EAEP,SAASS,CAAS,EAJN"}