@zonos/elements 1.3.265 → 1.3.267

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js

@@ -69,7 +69,7 @@ export class ZonosStripeInput {
             ? zonosStore.appearance.theme === 'DARK'
             : primaryColor && isDarkColor(primaryColor);
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
-        return (h(Host, { key: '77300abdafcc0b557b89c15a7755b4278d0acdee', class: classes([
+        return (h(Host, { key: 'f9f06dba4fb5f74088bd501fad3dbe9784e54b87', class: classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 (this.isError || !!this.error) && 'has-error',
@@ -78,10 +78,10 @@ export class ZonosStripeInput {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, h("div", { key: 'a6d091455bc8a33e8031d37f9b471118994bad47', class: classes([
+            } }, h("div", { key: '9af2062a1f5730eea33d3741961f359a69f5ce83', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", Object.assign({ key: '2001e1c1427c11b203514c0c849f3a1f3c2381dc' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("input", Object.assign({ key: '01d97ec638227200096f60d6f5408246c857662d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
@@ -91,7 +91,7 @@ export class ZonosStripeInput {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '8b42af0315ed314fb267bf32dfcfebfee3a69a75', class: "zonos--floated-label" }, h("label", { key: '3de63395251ac591b1c3c527093560702f30575f', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: 'ee7b2b13d5577b965387bb1029f8036fb099890d', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '7344a6d20db2d94f49a1b848f49cb0dc17ad759d', class: "zonos--floated-label" }, h("label", { key: 'bac9810d8897672b7c7ab5e3cb07f1ae03803a8e', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '7f84007f704fb2f1da0c7581f23c426d87cf1cc0', textColor: "red-600", type: "caption" }, this.error))));
     }
     static get is() { return "zonos-stripe-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js

@@ -201,24 +201,24 @@ export class ZonosStripePhoneInput {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: 'eb23ab75a61aa94b7d4299f39b77d38ec1cbec20', class: classes([
+        return (h(Host, { key: '35155697da59924b76afa4e5e23ef658ceb69bd7', class: classes([
                 'zonos--phone-input zonos--elements',
                 isDark && 'dark',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '4690d6346d04820fa677e02483164f1e39c348ad', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '66c66da60fded977af4d5ef597a831ac117b3ed1', class: classes([
                 'zonos--label-wrapper',
                 this.disabled && 'disabled',
                 this.isFocused && 'focused',
                 hasContent && 'has-content',
                 this.error && 'has-error',
                 this.inputLabel && 'has-label',
-            ]) }, h("select", { key: 'be7fab230afd6e19cb133d13f9d1f946893dd85e', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: 'a76b59a558272bda11c091bf977c90a1abd1fdbc', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
             var _a;
             return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
-        })), h("div", { key: '2da719a561ed71bdaf6563249ceff2556b6a8323', class: "zonos--input-group" }, h("div", { key: 'bb533773af30f0c8c4be47f76ee642fd589a40b6', class: "zonos--select-wrapper" }, h("div", { key: '465e9b7b41ba99852cee2a36822e2a753d401337', class: "zonos--country-select" }, h("div", { key: '5f2ba6cd1937831f3b5cb61f98d501497534b758', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '4f5861174efa761ec9285b5e8721b3b46d5979cb', class: "zonos--country-select-selected" }, h("div", { key: '47c28fd20118f92c9ee18e82ebdafdf212e6740e', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '28fae4f5074ca62d7592142878e3c8d48229a83e', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '9d940039033f7d09b9d6e2ac9f005e3b21060b70', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '5cbbee5f1405d05717873f287b3b6d3bb0f92ede', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'd6c493e07ee068a848e10debda7549f4cd4fc28b', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '2c4ec88e83d61e0305d53285c8bd5107f98eb15f', class: classes([
+        })), h("div", { key: '56cc5d0e6eedc76282df9f43f9384d5ea6eacf86', class: "zonos--input-group" }, h("div", { key: '28e2e4e627e3f7439e2d5b474632585da41d531a', class: "zonos--select-wrapper" }, h("div", { key: 'bb2e59a82ca9cb497efa705361d996debc424f60', class: "zonos--country-select" }, h("div", { key: '14b7d08d477383dc16db4c15bd6132a71206226c', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'e8a0cde2b080bf30314069656c132d21e4b3ac89', class: "zonos--country-select-selected" }, h("div", { key: '13c3a5947263770aa8fd15126dc386c6ea51ca79', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'f9861e6165265b3095889bd1158ac9791032628c', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'e0c54a4e62f6b5aa2d01c8bfdd8dac3338dbb45a', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e2c309de467ed0e4d7b26ea2a3bca4443e254b82', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '36848392b8467f3118222ae9c22b1b02071a3350', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '3dba6c65337a2f36b16b7f8d0284c0fccade7846', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '434232fdedebf3c4cd6f7e2c70d41a4cd5ad8104' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '4ff0d61108d5cc56381eec6f94a50485c149f360', class: "zonos--floated-label" }, h("label", { key: '37db631b0d55253787c0f2d8ae455bbf3ebfc8bb', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '260b115c3efc9ece71cf31eb24a39efc4c21a64c', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: '4241efa2b016079e7107050bccd7866cb98a9e49' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: 'dc2f3d2b183f2e6ae24806c00c2e0d5852344287', class: "zonos--floated-label" }, h("label", { key: 'd039a17ad718f85e3566f83b8ceced43cac01b83', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'a15dcd089b02a952d4f29fdb6e9d88390ef2d2c2', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-phone-input"; }
     static get encapsulation() { return "scoped"; }
@@ -259,7 +259,7 @@ export class ZonosStripePhoneInput {
                 "mutable": false,
                 "complexType": {
                     "original": "GenericZonosSettings['countryFields'] | null",
-                    "resolved": "null | undefined | { CC: CountryFields; TO: CountryFields; AD: CountryFields; AE: CountryFields; AF: CountryFields; AG: CountryFields; AI: CountryFields; AL: CountryFields; AM: CountryFields; AO: CountryFields; AQ: CountryFields; AR: CountryFields; AS: CountryFields; AT: CountryFields; AU: CountryFields; AW: CountryFields; AX: CountryFields; AZ: CountryFields; BA: CountryFields; BB: CountryFields; BD: CountryFields; BE: CountryFields; BF: CountryFields; BG: CountryFields; BH: CountryFields; BI: CountryFields; BJ: CountryFields; BL: CountryFields; BM: CountryFields; BN: CountryFields; BO: CountryFields; BQ: CountryFields; BR: CountryFields; BS: CountryFields; BT: CountryFields; BV: CountryFields; BW: CountryFields; BY: CountryFields; BZ: CountryFields; CA: CountryFields; CD: CountryFields; CF: CountryFields; CG: CountryFields; CH: CountryFields; CI: CountryFields; CK: CountryFields; CL: CountryFields; CM: CountryFields; CN: CountryFields; CO: CountryFields; CR: CountryFields; CU: CountryFields; CV: CountryFields; CW: CountryFields; CX: CountryFields; CY: CountryFields; CZ: CountryFields; DE: CountryFields; DJ: CountryFields; DK: CountryFields; DM: CountryFields; DO: CountryFields; DZ: CountryFields; EC: CountryFields; EE: CountryFields; EG: CountryFields; EH: CountryFields; ER: CountryFields; ES: CountryFields; ET: CountryFields; FI: CountryFields; FJ: CountryFields; FK: CountryFields; FM: CountryFields; FO: CountryFields; FR: CountryFields; GA: CountryFields; GB: CountryFields; GD: CountryFields; GE: CountryFields; GF: CountryFields; GG: CountryFields; GH: CountryFields; GI: CountryFields; GL: CountryFields; GM: CountryFields; GN: CountryFields; GP: CountryFields; GQ: CountryFields; GR: CountryFields; GS: CountryFields; GT: CountryFields; GU: CountryFields; GW: CountryFields; GY: CountryFields; HK: CountryFields; HM: CountryFields; HN: CountryFields; HR: CountryFields; HT: CountryFields; HU: CountryFields; IC: CountryFields; ID: CountryFields; IE: CountryFields; IL: CountryFields; IM: CountryFields; IN: CountryFields; IO: CountryFields; IQ: CountryFields; IR: CountryFields; IS: CountryFields; IT: CountryFields; JE: CountryFields; JM: CountryFields; JO: CountryFields; JP: CountryFields; KE: CountryFields; KG: CountryFields; KH: CountryFields; KI: CountryFields; KM: CountryFields; KN: CountryFields; KP: CountryFields; KR: CountryFields; KW: CountryFields; KY: CountryFields; KZ: CountryFields; LA: CountryFields; LB: CountryFields; LC: CountryFields; LI: CountryFields; LK: CountryFields; LR: CountryFields; LS: CountryFields; LT: CountryFields; LU: CountryFields; LV: CountryFields; LY: CountryFields; MA: CountryFields; MC: CountryFields; MD: CountryFields; ME: CountryFields; MF: CountryFields; MG: CountryFields; MH: CountryFields; MK: CountryFields; ML: CountryFields; MM: CountryFields; MN: CountryFields; MO: CountryFields; MP: CountryFields; MQ: CountryFields; MR: CountryFields; MS: CountryFields; MT: CountryFields; MU: CountryFields; MV: CountryFields; MW: CountryFields; MX: CountryFields; MY: CountryFields; MZ: CountryFields; NA: CountryFields; NC: CountryFields; NE: CountryFields; NF: CountryFields; NG: CountryFields; NI: CountryFields; NL: CountryFields; NO: CountryFields; NP: CountryFields; NR: CountryFields; NU: CountryFields; NZ: CountryFields; OM: CountryFields; PA: CountryFields; PE: CountryFields; PF: CountryFields; PG: CountryFields; PH: CountryFields; PK: CountryFields; PL: CountryFields; PM: CountryFields; PN: CountryFields; PR: CountryFields; PS: CountryFields; PT: CountryFields; PW: CountryFields; PY: CountryFields; QA: CountryFields; RE: CountryFields; RO: CountryFields; RS: CountryFields; RU: CountryFields; RW: CountryFields; SA: CountryFields; SB: CountryFields; SC: CountryFields; SD: CountryFields; SE: CountryFields; SG: CountryFields; SH: CountryFields; SI: CountryFields; SJ: CountryFields; SK: CountryFields; SL: CountryFields; SM: CountryFields; SN: CountryFields; SO: CountryFields; SR: CountryFields; SS: CountryFields; ST: CountryFields; SV: CountryFields; SX: CountryFields; SY: CountryFields; SZ: CountryFields; TC: CountryFields; TD: CountryFields; TF: CountryFields; TG: CountryFields; TH: CountryFields; TJ: CountryFields; TK: CountryFields; TL: CountryFields; TM: CountryFields; TN: CountryFields; TR: CountryFields; TT: CountryFields; TV: CountryFields; TW: CountryFields; TZ: CountryFields; UA: CountryFields; UG: CountryFields; UM: CountryFields; US: CountryFields; UY: CountryFields; UZ: CountryFields; VA: CountryFields; VC: CountryFields; VE: CountryFields; VG: CountryFields; VI: CountryFields; VN: CountryFields; VU: CountryFields; WF: CountryFields; WS: CountryFields; YE: CountryFields; YT: CountryFields; ZA: CountryFields; ZM: CountryFields; ZW: CountryFields; }",
+                    "resolved": "null | undefined | { AQ: CountryFields; AX: CountryFields; CC: CountryFields; ER: CountryFields; PF: CountryFields; SO: CountryFields; SX: CountryFields; TO: CountryFields; AD: CountryFields; AE: CountryFields; AF: CountryFields; AG: CountryFields; AI: CountryFields; AL: CountryFields; AM: CountryFields; AO: CountryFields; AR: CountryFields; AS: CountryFields; AT: CountryFields; AU: CountryFields; AW: CountryFields; AZ: CountryFields; BA: CountryFields; BB: CountryFields; BD: CountryFields; BE: CountryFields; BF: CountryFields; BG: CountryFields; BH: CountryFields; BI: CountryFields; BJ: CountryFields; BL: CountryFields; BM: CountryFields; BN: CountryFields; BO: CountryFields; BQ: CountryFields; BR: CountryFields; BS: CountryFields; BT: CountryFields; BV: CountryFields; BW: CountryFields; BY: CountryFields; BZ: CountryFields; CA: CountryFields; CD: CountryFields; CF: CountryFields; CG: CountryFields; CH: CountryFields; CI: CountryFields; CK: CountryFields; CL: CountryFields; CM: CountryFields; CN: CountryFields; CO: CountryFields; CR: CountryFields; CU: CountryFields; CV: CountryFields; CW: CountryFields; CX: CountryFields; CY: CountryFields; CZ: CountryFields; DE: CountryFields; DJ: CountryFields; DK: CountryFields; DM: CountryFields; DO: CountryFields; DZ: CountryFields; EC: CountryFields; EE: CountryFields; EG: CountryFields; EH: CountryFields; ES: CountryFields; ET: CountryFields; FI: CountryFields; FJ: CountryFields; FK: CountryFields; FM: CountryFields; FO: CountryFields; FR: CountryFields; GA: CountryFields; GB: CountryFields; GD: CountryFields; GE: CountryFields; GF: CountryFields; GG: CountryFields; GH: CountryFields; GI: CountryFields; GL: CountryFields; GM: CountryFields; GN: CountryFields; GP: CountryFields; GQ: CountryFields; GR: CountryFields; GS: CountryFields; GT: CountryFields; GU: CountryFields; GW: CountryFields; GY: CountryFields; HK: CountryFields; HM: CountryFields; HN: CountryFields; HR: CountryFields; HT: CountryFields; HU: CountryFields; IC: CountryFields; ID: CountryFields; IE: CountryFields; IL: CountryFields; IM: CountryFields; IN: CountryFields; IO: CountryFields; IQ: CountryFields; IR: CountryFields; IS: CountryFields; IT: CountryFields; JE: CountryFields; JM: CountryFields; JO: CountryFields; JP: CountryFields; KE: CountryFields; KG: CountryFields; KH: CountryFields; KI: CountryFields; KM: CountryFields; KN: CountryFields; KP: CountryFields; KR: CountryFields; KW: CountryFields; KY: CountryFields; KZ: CountryFields; LA: CountryFields; LB: CountryFields; LC: CountryFields; LI: CountryFields; LK: CountryFields; LR: CountryFields; LS: CountryFields; LT: CountryFields; LU: CountryFields; LV: CountryFields; LY: CountryFields; MA: CountryFields; MC: CountryFields; MD: CountryFields; ME: CountryFields; MF: CountryFields; MG: CountryFields; MH: CountryFields; MK: CountryFields; ML: CountryFields; MM: CountryFields; MN: CountryFields; MO: CountryFields; MP: CountryFields; MQ: CountryFields; MR: CountryFields; MS: CountryFields; MT: CountryFields; MU: CountryFields; MV: CountryFields; MW: CountryFields; MX: CountryFields; MY: CountryFields; MZ: CountryFields; NA: CountryFields; NC: CountryFields; NE: CountryFields; NF: CountryFields; NG: CountryFields; NI: CountryFields; NL: CountryFields; NO: CountryFields; NP: CountryFields; NR: CountryFields; NU: CountryFields; NZ: CountryFields; OM: CountryFields; PA: CountryFields; PE: CountryFields; PG: CountryFields; PH: CountryFields; PK: CountryFields; PL: CountryFields; PM: CountryFields; PN: CountryFields; PR: CountryFields; PS: CountryFields; PT: CountryFields; PW: CountryFields; PY: CountryFields; QA: CountryFields; RE: CountryFields; RO: CountryFields; RS: CountryFields; RU: CountryFields; RW: CountryFields; SA: CountryFields; SB: CountryFields; SC: CountryFields; SD: CountryFields; SE: CountryFields; SG: CountryFields; SH: CountryFields; SI: CountryFields; SJ: CountryFields; SK: CountryFields; SL: CountryFields; SM: CountryFields; SN: CountryFields; SR: CountryFields; SS: CountryFields; ST: CountryFields; SV: CountryFields; SY: CountryFields; SZ: CountryFields; TC: CountryFields; TD: CountryFields; TF: CountryFields; TG: CountryFields; TH: CountryFields; TJ: CountryFields; TK: CountryFields; TL: CountryFields; TM: CountryFields; TN: CountryFields; TR: CountryFields; TT: CountryFields; TV: CountryFields; TW: CountryFields; TZ: CountryFields; UA: CountryFields; UG: CountryFields; UM: CountryFields; US: CountryFields; UY: CountryFields; UZ: CountryFields; VA: CountryFields; VC: CountryFields; VE: CountryFields; VG: CountryFields; VI: CountryFields; VN: CountryFields; VU: CountryFields; WF: CountryFields; WS: CountryFields; YE: CountryFields; YT: CountryFields; ZA: CountryFields; ZM: CountryFields; ZW: CountryFields; }",
                     "references": {
                         "GenericZonosSettings": {
                             "location": "import",

package/dist/collection/components/common/zonos-stripe-select/zonos-stripe-select.js

@@ -105,14 +105,14 @@ export class ZonosStripeSelect {
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
         const hasContent = this.internalValue || this.selectPlaceholder;
         const showClearButton = this.isClearable && this.internalValue && !this.isDisabled;
-        return (h(Host, { key: '62511439918e73ea4404c4b077c5da143b1459a7', class: classes([
+        return (h(Host, { key: 'c6bf5ed45fd7756985bd97b542933d25a472aa2c', class: classes([
                 'zonos--select zonos--elements',
                 isDark && 'dark',
                 this.isError && 'has-error',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'cc826990fe112f66682e522e2fbbe808b3017537', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '7ff61460b6ac3c5b3e6e35000f3713609a26ebe2', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: '2803799a7226bf79d173093a4b1773ef57e122f8' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: '9d644b04d7b46621245581c5143d7310e1d5396d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-select',
                 !!this.selectLabel && 'has-label',
                 hasContent && 'has-content',
@@ -122,9 +122,9 @@ export class ZonosStripeSelect {
                 this.selectChange.emit(select.value);
                 this.selectedValue = select.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, required: this.required }), h("option", { key: 'ab93bc1a38ab1c897fc57c1b6a55941c021f6944', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
+            }, required: this.required }), h("option", { key: 'b448bc3c2a083334108afad566feff22bf89547a', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
                 // Sometimes google returns the label not the code for some countries
-                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: '4d4995d1770bf99e05c0d1b6dbdddbe828f2b3b0', class: "zonos--floated-label" }, h("label", { key: '2b352cf1413f4a539c6f62d7df285dbea1629b77', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '707a0df092ed2196fa8e503d79448890a9e36616', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: '83a605fd7d3799a1ce6f4300193c63722f3f8b7e', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: 'da9e65471ec1b4f89119a71db657f06903a11a3d', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '4b479d3f9fae286e0ebb6290d9954f08982a4e5e', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '6c9e2fa9747064203763c00f39dbb08fb413cf0c', textColor: "red-600" }, this.error))));
+                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: '14b3c9dad1202d432ba2a30d03e8335aebaafa89', class: "zonos--floated-label" }, h("label", { key: '4e7870ce3eeaf4ea6fd116e3a486537bebb88c87', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '4567ca19c1e018d483105c23ca781e0bbd1d2c3a', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'cdceea7255fdd19177b82c42878a6c4a20690a1a', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '099b2f1a4fb475bfa76b0f4aeee9e66f27d473f3', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '8c7fdaf2de40a14e4fa0f8f3598851edac1c1ae6', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '1cb569a7feeea85874c852a1c69cf88076fd6856', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-select"; }
     static get encapsulation() { return "shadow"; }
@@ -324,8 +324,9 @@ export class ZonosStripeSelect {
                     "resolved": "SelectOption[]",
                     "references": {
                         "SelectOption": {
-                            "location": "global",
-                            "id": "global::SelectOption"
+                            "location": "local",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-stripe-select/zonos-stripe-select.tsx",
+                            "id": "src/components/common/zonos-stripe-select/zonos-stripe-select.tsx::SelectOption"
                         }
                     }
                 },

package/dist/collection/components/hello/zonos-hello/zonos-hello.css

@@ -152,6 +152,8 @@
   transform: translateX(calc(100% - var(--zonos-elements-hello-bubble-size) / 2));
   right: 0;
   left: auto;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
   border-top-right-radius: calc(var(--zonos-elements-hello-bubble-size) / 2);
   border-bottom-right-radius: calc(var(--zonos-elements-hello-bubble-size) / 2);
 }

package/dist/collection/components/main/zonos-controller.js

@@ -7,6 +7,7 @@ import { getZonosSettings } from "../utils/api/getZonosSettings";
 import { initCheckout } from "../utils/checkout/initCheckout";
 import { initCollect } from "../utils/checkout/initCollect";
 import { initInvoice } from "../utils/checkout/initInvoice";
+import { injectDomesticElementHideStyle } from "../utils/checkout/injectDomesticElementHideStyle";
 import { handleFetch } from "../utils/handleFetch";
 import { initHello } from "../utils/hello/initHello";
 import { CheckoutAddressService } from "../utils/iframe/CheckoutAddressService";
@@ -234,6 +235,9 @@ export class ZonosController {
                 zonosSettings: json,
             });
             zonosStore.zonosMode = zonosMode;
+            // Inject the merchant's domestic-element hide style now that
+            // checkoutSettings have been merged into the store.
+            injectDomesticElementHideStyle(zonosStore.checkoutSettings.domesticElementSelector);
             // setup google font after store loaded
             void this.setupGoogleFont();
             if (zonosStore.helloSettings.visibilityStatus === 'DISABLED') {
@@ -331,7 +335,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '681a81baa59bfe91e9fe0927aee49fa720fcb35b', class: "zonos--elements" });
+        return h(Host, { key: 'fe1f262a2bfbf4f6f39c0f23783c132bde8d2dd7', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -602,7 +606,7 @@ export class ZonosController {
                     "signature": "(countryCode: CountryCode) => Promise<void>",
                     "parameters": [{
                             "name": "countryCode",
-                            "type": "\"CC\" | \"TO\" | \"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AQ\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AX\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BR\" | \"BS\" | \"BT\" | \"BV\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CD\" | \"CF\" | \"CG\" | \"CH\" | \"CI\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CV\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ER\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB\" | \"GD\" | \"GE\" | \"GF\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GP\" | \"GQ\" | \"GR\" | \"GS\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HM\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"IC\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MF\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NC\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PF\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PM\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RE\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SD\" | \"SE\" | \"SG\" | \"SH\" | \"SI\" | \"SJ\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SO\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SX\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TF\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"UM\" | \"US\" | \"UY\" | \"UZ\" | \"VA\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WF\" | \"WS\" | \"YE\" | \"YT\" | \"ZA\" | \"ZM\" | \"ZW\"",
+                            "type": "\"AQ\" | \"AX\" | \"CC\" | \"ER\" | \"PF\" | \"SO\" | \"SX\" | \"TO\" | \"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BR\" | \"BS\" | \"BT\" | \"BV\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CD\" | \"CF\" | \"CG\" | \"CH\" | \"CI\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CV\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB\" | \"GD\" | \"GE\" | \"GF\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GP\" | \"GQ\" | \"GR\" | \"GS\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HM\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"IC\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MF\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NC\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PM\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RE\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SD\" | \"SE\" | \"SG\" | \"SH\" | \"SI\" | \"SJ\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TF\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"UM\" | \"US\" | \"UY\" | \"UZ\" | \"VA\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WF\" | \"WS\" | \"YE\" | \"YT\" | \"ZA\" | \"ZM\" | \"ZW\"",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/store/hello/localization.js

@@ -16,6 +16,7 @@ import { setZCountryUrlParam } from "../../utils/hello/setZCountryUrlParam";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { performBlurCurrency, removeBlurCurrency, } from "../../../utils/performBlurCurrency";
+import { toggleBigcommerceNativeCurrencySelector } from "../../../utils/toggleBigcommerceNativeCurrencySelector";
 const { dispose: localizationDispose, onChange: localizationStoreOnChange, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
@@ -177,6 +178,11 @@ const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelecte
     localizationStore.isDisabledCountry = isDisabledCountry;
     log(`${localizationStore.selectedCountryCode} is a disabled country: ${localizationStore.isDisabledCountry}`);
     addInternationalHideClass();
+    // Hide / restore BC's native currency selector based on the new
+    // shipping-zone state. Runs here (rather than inside `currencyDisplay`)
+    // because `currencyDisplay` is also invoked from the price-mutation
+    // observer in `zonos-hello.tsx`, which fires on every DOM render.
+    toggleBigcommerceNativeCurrencySelector();
     if (!selectedCountryCode) {
         return;
     }

package/dist/collection/components/utils/checkout/injectDomesticElementHideStyle.js

@@ -0,0 +1,116 @@
+import { log } from "../logging/log";
+const STYLE_ID = 'zonos-domestic-element-hide-style';
+/**
+ * Probe whether the host parser understands `:is(...)`. Real browsers do
+ * (Chrome 88+, Firefox 78+, Safari 14+); older environments and some test
+ * runtimes don't. When supported, we wrap the merchant selector in a single
+ * `:is(...)` so a single `body.z-intl ` ancestor scopes the whole group.
+ * When not supported, we distribute the prefix across each top-level
+ * comma-separated piece instead — so the rule still applies in that
+ * environment.
+ */
+const supportsIsSelector = typeof document !== 'undefined' &&
+    (() => {
+        try {
+            document.querySelector(':is(.zonos-is-probe)');
+            return true;
+        }
+        catch (_a) {
+            return false;
+        }
+    })();
+/**
+ * Split a CSS selector string on top-level commas. Commas inside parentheses
+ * (`:not(.a, .b)`, `:nth-child(2n+1)`) or attribute brackets
+ * (`[data-foo=","]`) are preserved as part of the piece.
+ */
+const splitTopLevelCommas = (input) => {
+    const parts = [];
+    let parenDepth = 0;
+    let bracketDepth = 0;
+    let current = '';
+    for (let i = 0; i < input.length; i++) {
+        const char = input[i];
+        if (char === '(') {
+            parenDepth++;
+        }
+        else if (char === ')') {
+            parenDepth--;
+        }
+        else if (char === '[') {
+            bracketDepth++;
+        }
+        else if (char === ']') {
+            bracketDepth--;
+        }
+        if (char === ',' && parenDepth === 0 && bracketDepth === 0) {
+            const trimmed = current.trim();
+            if (trimmed) {
+                parts.push(trimmed);
+            }
+            current = '';
+        }
+        else {
+            current += char;
+        }
+    }
+    const trimmed = current.trim();
+    if (trimmed) {
+        parts.push(trimmed);
+    }
+    return parts;
+};
+/**
+ * Build the fully-scoped selector that will land in the injected `<style>`
+ * tag. Exported so tests can exercise both branches of the `:is()`-support
+ * fallback without having to mock the module-level probe.
+ */
+export const buildDomesticHideSelector = ({ merchantSelector, supportsIs, }) => {
+    if (supportsIs) {
+        return `body.z-intl :is(${merchantSelector})`;
+    }
+    // Fallback: distribute the `body.z-intl ` ancestor prefix across each
+    // top-level comma-separated piece. Parentheses/brackets are respected,
+    // so pseudo-classes that take selector lists (`:not(.a, .b)`) and
+    // attribute selectors that contain commas stay intact.
+    return splitTopLevelCommas(merchantSelector)
+        .map(part => `body.z-intl ${part}`)
+        .join(', ');
+};
+/**
+ * Inject a `<style>` tag that hides storefront elements matching the
+ * merchant-configured `checkoutSettings.domesticElementSelector`, scoped to
+ * `body.z-intl` so the rule only takes effect when the shopper is in a
+ * shipping zone (Hello sets the body class). The exact selector we emit is
+ * also the selector we validate — see [[buildDomesticHideSelector]] for the
+ * `:is()`-support branching.
+ */
+export const injectDomesticElementHideStyle = (domesticElementSelector) => {
+    if (typeof document === 'undefined' || !domesticElementSelector) {
+        return;
+    }
+    const fullSelector = buildDomesticHideSelector({
+        merchantSelector: domesticElementSelector,
+        supportsIs: supportsIsSelector,
+    });
+    // The browser's own parser is the source of truth — `document.querySelector`
+    // throws `DOMException(SyntaxError)` for syntactically invalid selectors.
+    // Validating the exact string we're about to emit catches both malformed
+    // input and payloads that close `:is(` early to escape the wrapper.
+    try {
+        document.querySelector(fullSelector);
+    }
+    catch (_a) {
+        log(`Skip domesticElementSelector injection: "${domesticElementSelector}" produced an invalid CSS selector ("${fullSelector}")`, 'warn');
+        return;
+    }
+    // Already injected — settings can re-emit on hot reload during dev.
+    if (document.getElementById(STYLE_ID)) {
+        return;
+    }
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = `${fullSelector} { display: none !important; }`;
+    (document.head || document.body).appendChild(style);
+    log('Zonos domestic element hide style injected');
+};

package/dist/collection/components/utils/getContrastColor.js

@@ -19,15 +19,32 @@ export const getContrastColor = ({ backgroundColor, color, }) => {
         // no need to change the color if it's already contrast enough
         return color;
     }
-    if (isDarkColor(color)) {
-        return '#ffffff';
+    // Try both darker and lighter shifts of the same hue at increasing
+    // amounts; at each step prefer the candidate with higher contrast against
+    // the background and return as soon as one meets the threshold. This keeps
+    // the result close to the original color whenever possible and handles
+    // both light-on-light and dark-on-dark pairings symmetrically.
+    const adjustAmounts = [25, 50, 70];
+    for (const amount of adjustAmounts) {
+        const candidates = [
+            tinycolor(color).darken(amount).toHexString(),
+            tinycolor(color).lighten(amount).toHexString(),
+        ];
+        candidates.sort((a, b) => tinycolor.readability(backgroundColor, b) -
+            tinycolor.readability(backgroundColor, a));
+        for (const candidate of candidates) {
+            if (isContrastColor({
+                backgroundColor1: backgroundColor,
+                backgroundColor2: candidate,
+            })) {
+                return candidate;
+            }
+        }
     }
-    const newDarkerColor = tinycolor(color).darken(25).toHexString();
-    const newLigherColor = tinycolor(color).lighten(25).toHexString();
-    // get readibility of the color
-    const isNewColorContrastEnough = isContrastColor({
-        backgroundColor1: backgroundColor,
-        backgroundColor2: newDarkerColor,
-    });
-    return isNewColorContrastEnough ? newDarkerColor : newLigherColor;
+    // Last resort: pick whichever absolute extreme is more readable against
+    // the background.
+    return tinycolor.readability(backgroundColor, '#000000') >=
+        tinycolor.readability(backgroundColor, '#ffffff')
+        ? '#000000'
+        : '#ffffff';
 };

package/dist/collection/components/utils/hello/currencyConversion/defaultCurrencyConverter.js

@@ -11,7 +11,7 @@ import { performBlurSpecificElement, removeBlurSpecificElement, } from "../../..
 const convertCurrency = (element) => {
     var _a;
     const amount = getInitialElementAmount(element);
-    if (!amount || isNaN(amount)) {
+    if (amount === null || isNaN(amount)) {
         return;
     }
     const currentIntlValue = element.getAttribute('data-zintl');