{"version":3,"file":"phoneInputField-rx6bboRs.js","sources":["../../../../Coloplast.UI/src/multisite/components/formElements/phoneInputField.vue"],"sourcesContent":["<template>\r\n\t<div class=\"c-global-checkout__form-section c-global-checkout__form-section--phone\" v-if=\"!isHidden\">\r\n\t\t<div>\r\n\t\t\t<label :for=\"leftFieldId\" :data-field-name=\"leftFieldName\" :id=\"('scrolltarget-' + leftFieldName)\">{{\r\n\t\t\t\tleftLabel\r\n\t\t\t}}</label>\r\n\t\t\t<label :for=\"rightFieldId\" :data-field-name=\"rightFieldName\" :id=\"('scrolltarget-' + rightFieldName)\">{{\r\n\t\t\t\trightLabel\r\n\t\t\t}}</label>\r\n\t\t</div>\r\n\t\t<div>\r\n\t\t\t<input\r\n\t\t\t\t:id=\"leftFieldId\"\r\n\t\t\t\ttype=\"tel\"\r\n\t\t\t\t:name=\"leftName\"\r\n\t\t\t\t:data-field-name=\"leftFieldName\"\r\n\t\t\t\tv-model=\"formData[leftFieldName]\"\r\n\t\t\t\t:placeholder=\"leftPlaceholderText\"\r\n\t\t\t\t:aria-errormessage=\"errorId\"\r\n\t\t\t\t:required=\"required\"\r\n\t\t\t\t:maxLength=\"leftMaxLength\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t'show-error': hasError(leftFieldName),\r\n\t\t\t\t}\"\r\n\t\t\t\t:aria-invalid=\"hasError(leftFieldName) || null\"\r\n\t\t\t\t:tabindex=\"0\"\r\n\t\t\t\tautocomplete=\"off\"\r\n\t\t\t\t@blur=\"onBlur\"\r\n\t\t\t\t@focus=\"onFocus\"\r\n\t\t\t/>\r\n\t\t\t<input\r\n\t\t\t\t:id=\"rightFieldId\"\r\n\t\t\t\ttype=\"tel\"\r\n\t\t\t\t:name=\"rightName\"\r\n\t\t\t\t:data-field-name=\"rightFieldName\"\r\n\t\t\t\tv-model=\"formData[rightFieldName]\"\r\n\t\t\t\t:placeholder=\"rightPlaceholderText\"\r\n\t\t\t\t:aria-errormessage=\"errorId\"\r\n\t\t\t\t:required=\"required\"\r\n\t\t\t\t:maxLength=\"rightMaxLength\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t'show-error': hasError(rightFieldName),\r\n\t\t\t\t}\"\r\n\t\t\t\t:aria-invalid=\"hasError(rightFieldName) || null\"\r\n\t\t\t\t:tabindex=\"0\"\r\n\t\t\t\t@blur=\"onBlur\"\r\n\t\t\t\t@focus=\"onFocus\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t\t<div :id=\"errorId\" :data-tracking-name=\"trackingName\">\r\n\t\t\t<div class=\"error-box\" :data-field-name=\"leftFieldName\">\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error show-error validation-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(leftFieldName, 'requiredError')\"\r\n\t\t\t\t\t>{{ leftRequiredErrorText }}</span\r\n\t\t\t\t>\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error show-error max-length-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(leftFieldName, 'maxLengthError')\"\r\n\t\t\t\t\t>{{ leftMaxLengthErrorText }}</span\r\n\t\t\t\t>\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error format-error show-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(leftFieldName, 'formatError')\"\r\n\t\t\t\t\t>{{ leftFormatErrorText }}</span\r\n\t\t\t\t>\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error api-error show-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(leftFieldName, 'apiValidationError')\"\r\n\t\t\t\t\t>{{ leftApiValidationError }}</span\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"error-box\" :data-field-name=\"rightFieldName\">\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error show-error validation-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(rightFieldName, 'requiredError')\"\r\n\t\t\t\t\t>{{ rightRequiredErrorText }}</span\r\n\t\t\t\t>\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error show-error max-length-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(rightFieldName, 'maxLengthError')\"\r\n\t\t\t\t\t>{{ rightMaxLengthErrorText }}</span\r\n\t\t\t\t>\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error format-error show-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(rightFieldName, 'formatError')\"\r\n\t\t\t\t\t>{{ rightFormatErrorText }}</span\r\n\t\t\t\t>\r\n\t\t\t\t<span\r\n\t\t\t\t\tclass=\"error api-error show-error\"\r\n\t\t\t\t\tv-if=\"hasErrorType(rightFieldName, 'apiValidationError')\"\r\n\t\t\t\t\t>{{ rightApiValidationError }}</span\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport store from \"shared/store\";\r\nimport { validateFieldState } from \"multisite/services/checkoutHelperService.js\";\r\nimport { addressTypes } from 'shared/settings/constants';\r\n\r\nexport default {\r\n\tname: \"phone-input-field\",\r\n\tstore,\r\n\tprops: {\r\n\t\tformData: { type: Object, required: true },\r\n\t\tsubmitted: Boolean,\r\n\t\terrors: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: {},\r\n\t\t},\r\n\t\t/** @type {function(fieldName: string, state: Object)} */\r\n\t\tupdateFieldError: {\r\n\t\t\ttype: Function,\r\n\t\t},\r\n\t\tleftFieldId: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tleftLabel: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftFieldName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftMaxLength: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 0,\r\n\t\t},\r\n\t\tleftMaxLengthErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\tleftRequiredErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\tleftPlaceholderText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\tleftValidatePattern: {\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftFormatErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\trightPlaceholderText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\trightFieldId: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\trightLabel: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightFieldName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trequired: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\trightMaxLength: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 0,\r\n\t\t},\r\n\t\trightMaxLengthErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\trightRequiredErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\trightValidatePattern: {\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightFormatErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\tdefaultInternationalCallingCode: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"\",\r\n\t\t},\r\n\t\tavailableForAlternativeAddresses: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\taddressType: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'shippingAddress'\r\n\t\t},\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\terrorId: `error_${this.rightFieldId || this.rightFieldName}`,\r\n\t\t\ttrackingName: this.rightLabel,\r\n\t\t\thasBlur: {\r\n\t\t\t\tinternationalCallingCode: false,\r\n\t\t\t\tphoneNumber: false,\r\n\t\t\t},\r\n\t\t};\r\n\t},\r\n\tcomputed: {\r\n\t\tleftApiValidationError() {\r\n\t\t\treturn this.errors[this.leftFieldName]?.apiValidationError || \"\";\r\n\t\t},\r\n\t\trightApiValidationError() {\r\n\t\t\treturn this.errors[this.rightFieldName]?.apiValidationError || \"\";\r\n\t\t},\r\n\t\tisHidden() {\r\n\t\t\treturn this.addressType !== addressTypes.SHIPPING_ADDRESS && !this.availableForAlternativeAddresses;\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\tformData: {\r\n\t\t\thandler() {\r\n\t\t\t\tthis.validateFields();\r\n\t\t\t},\r\n\t\t\tdeep: true,\r\n\t\t},\r\n\t},\r\n\tcreated() {\r\n\t\tif (!this.formData[this.leftFieldName] && !!this.defaultInternationalCallingCode) {\r\n\t\t\tthis.formData[this.leftFieldName] = this.defaultInternationalCallingCode;\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\tthis.validateFields();\r\n\t},\r\n\tmethods: {\r\n\t\thasErrorType(item, type) {\r\n\t\t\treturn (this.hasBlur[item] || this.submitted) && this.errors[item]\r\n\t\t\t\t? this.errors[item][type]\r\n\t\t\t\t: false;\r\n\t\t},\r\n\t\thasError(item) {\r\n\t\t\treturn this.hasBlur[item] || this.submitted\r\n\t\t\t\t? this.errors[item] && !this.errors[item].isValid\r\n\t\t\t\t: false;\r\n\t\t},\r\n\t\tvalidateFields() {\r\n\t\t\tthis.updateFieldError(\r\n\t\t\t\tthis.leftFieldName,\r\n\t\t\t\t// Is the calling code valid\r\n\t\t\t\tvalidateFieldState(this.formData[this.leftFieldName], {\r\n\t\t\t\t\trequired: this.leftRequired || this.required,\r\n\t\t\t\t\tmaxLength: this.leftMaxLength,\r\n\t\t\t\t\tvalidatePattern: this.leftValidatePattern,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t\tthis.updateFieldError(\r\n\t\t\t\tthis.rightFieldName,\r\n\t\t\t\t// Is the number itself valid\r\n\t\t\t\tvalidateFieldState(this.formData[this.rightFieldName], {\r\n\t\t\t\t\trequired: this.rightRequired || this.required,\r\n\t\t\t\t\tmaxLength: this.rightMaxLength,\r\n\t\t\t\t\tvalidatePattern: this.rightValidatePattern,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t},\r\n\t\tonBlur(event) {\r\n\t\t\tthis.hasBlur[event.target.dataset.fieldName] = true;\r\n\t\t\tthis.$emit(\"blur\", event);\r\n\t\t},\r\n\t\tonFocus(event) {\r\n\t\t\tthis.$emit(\"focus\", event);\r\n\t\t},\r\n\t},\r\n};\r\n</script>\r\n"],"names":["_sfc_main","store","_a","addressTypes","item","type","validateFieldState","event","$options","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","$props","_hoisted_2","_hoisted_3","_cache","$event","$data","_normalizeClass","args","_vModelText","_hoisted_8","_toDisplayString","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16"],"mappings":"4SAuGA,MAAKA,EAAU,CACd,KAAM,oBACN,MAAAC,EACA,MAAO,CACN,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAM,EAC1C,UAAW,QACX,OAAQ,CACP,KAAM,OACN,QAAS,CAAE,CACX,EAED,iBAAkB,CACjB,KAAM,QACN,EACD,YAAa,CACZ,KAAM,OACN,SAAU,EACV,EACD,UAAW,CACV,KAAM,OACN,QAAS,IACT,EACD,SAAU,CACT,KAAM,OACN,QAAS,IACT,EACD,cAAe,CACd,KAAM,OACN,QAAS,IACT,EACD,cAAe,CACd,KAAM,OACN,QAAS,CACT,EACD,uBAAwB,CACvB,KAAM,OACN,QAAS,EACT,EACD,sBAAuB,CACtB,KAAM,OACN,QAAS,EACT,EACD,oBAAqB,CACpB,KAAM,OACN,QAAS,EACT,EACD,oBAAqB,CACpB,QAAS,IACT,EACD,oBAAqB,CACpB,KAAM,OACN,QAAS,EACT,EACD,qBAAsB,CACrB,KAAM,OACN,QAAS,EACT,EACD,aAAc,CACb,KAAM,OACN,SAAU,EACV,EACD,WAAY,CACX,KAAM,OACN,QAAS,IACT,EACD,UAAW,CACV,KAAM,OACN,QAAS,IACT,EACD,eAAgB,CACf,KAAM,OACN,QAAS,IACT,EACD,SAAU,CACT,KAAM,QACN,QAAS,EACT,EACD,eAAgB,CACf,KAAM,OACN,QAAS,CACT,EACD,wBAAyB,CACxB,KAAM,OACN,QAAS,EACT,EACD,uBAAwB,CACvB,KAAM,OACN,QAAS,EACT,EACD,qBAAsB,CACrB,QAAS,IACT,EACD,qBAAsB,CACrB,KAAM,OACN,QAAS,EACT,EACD,gCAAiC,CAChC,KAAM,OACN,QAAS,EACT,EACD,iCAAkC,CACjC,KAAM,QACN,QAAS,EACT,EACD,YAAa,CACZ,KAAM,OACN,QAAS,iBACT,CACD,EACD,MAAO,CACN,MAAO,CACN,QAAS,SAAS,KAAK,cAAgB,KAAK,cAAc,GAC1D,aAAc,KAAK,WACnB,QAAS,CACR,yBAA0B,GAC1B,YAAa,EACb,EAEF,EACD,SAAU,CACT,wBAAyB,OACxB,QAAOC,EAAA,KAAK,OAAO,KAAK,aA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"}