@zonos/elements 1.3.281 → 1.3.283

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

@@ -51,13 +51,13 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: 'ecf967940a24637a058097f80a96fd6edc94b9c0', class: "zonos--elements", style: {
+        return (h(Host, { key: '3581b885b6d8d220d4c38769658b25ccf473b012', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e78f7272547b779ea3185900ada2522372e2d9de', class: "zonos--country-select" }, h("zonos-v-stack", { key: '41e720a4f9afba443f9ddf219342d49478cfc04e', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '7242a2f93d8107900d04487fbf4847427c5f1812', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '3e2e884865f6fcfd5d7854a365159f467833960b', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '231cd93711e1e379d196944140c44c0e77332e30', class: "zonos--country-select" }, h("zonos-v-stack", { key: '8a3768ee37ad892960104c6f04e54ed977f5ba2e', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '4535301af6a7fa62b101ee5913842c4d1dbec6a2', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '9a15c15c77c7a193934a4d656f613120266e3f38', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: 'edaa250ac7a379145877564bb5d6e532dd17fff1', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'b536663c9d506c4a80f23d49451c222e3ee2817a', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '0c3285a82391723ed1c8a0138f3de69051c6dad9', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '14e511287916d98676083c3f3118223073ce6a19', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'd5f14c5e652938fbf9ee18a31b421f406599db7f', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ee2b4d3a2feefda0be007b174b85e368292dc868', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js

@@ -14,9 +14,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '85b38bdb1a0df11df6979340596118039e145cca', class: "zonos--elements", style: {
+        return (h(Host, { key: '5e87669fad207a56da569c72c5b6b1e86fed0d29', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: 'a14efc2f6d297c0ce83d4a4d53beaa15f4e1c35f', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '98fedfaaea8200bf785201ae9cfc7d8eda9a8379', class: "zonos--flex-message" }, h("zonos-icon", { key: '4cee7b48a7675e7fa5f106ce2ed7fbfbab7c7365', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'd8705005a356174752c6a78581c90cd88100c66f', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '4c9216e22dd3ceb35e647a6e43fc8f1b7c9a4da1', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '36dc67b55580fbdcf668a6b16a4a1b9fa5f477b6', class: "zonos--flex-message" }, h("zonos-icon", { key: 'b4f26b0b8fd35d7593e84d9abfe69a0dacfa5c20', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '74a9b55e87a0e244dc02481112abf26851e6722d', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-dialog/zonos-dialog.js

@@ -86,7 +86,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '75ec5025b26d1c68daa95198bfe4defa9b4fccbb', class: classes([
+        return (h(Host, { key: '93de5ea91ebef1927a2d7dc91a00f87277755ac7', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -98,10 +98,10 @@ export class ZonosDialog {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '5d10176ce2b772fb8fd29f43ff45eb8ec0e4f891', class: "zonos--backdrop" }), h("div", { key: '2aa211aebf328b30d69cc32030964c68d9114380', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'ae077f398158ca708065bf3f2cc60c36730e16df', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'b11ef43cb4a663495bfd5dfe636df98fb692f2e3', class: "zonos--loading" }, h("zonos-spinner", { key: 'df7b43c923a59ab16d56c56034f19e2ebf367c68', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'c2a9c49f41272ae535a2dfc3f6c97d91552729a2', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: 'c5a4be389ec0c5c8b9e7b126d69f39b334bd9c7c', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '21884f1a119c2b1d241b746ae27f9ebe68795b94', class: "zonos--header" }, this.headerText && (h("h3", { key: '77036606a70a57f250facdd1b95726c35807c151', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '93eafa70b68ebbc0be89b6cec54aadba9bdb91ef', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: '182ed04b1a14981aa5b679da8a1a556fcc413137', class: classes([
+            } }, h("div", { key: '86330a3de751f262a3f0f80fbeb436bb6e2b206f', class: "zonos--backdrop" }), h("div", { key: 'a6702c9a9b5bba9f3523503cd85ba6e6ae77fc9d', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '2c4d6e9170fbe80a2ea249d3f40cbc72e5df05d3', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'e83dcb53e9cd7504d588b124c6468535e81ce71d', class: "zonos--loading" }, h("zonos-spinner", { key: '5e8b3451b5358c76c2fdf47a0ad5eecc8394d012', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '671203125d8fd7e8cb811b61b7190f826221507a', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '791a95ed2bdad0c3bfb136c9e42d7d8e920110d9', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '8d4f7a2e12cd56d6341cf5aa17be1a7f151ca45b', class: "zonos--header" }, this.headerText && (h("h3", { key: '4bdd26b40a2209ccf44d85440cfbf173724f9aaa', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'c8f5d7eaff8c9ba94d60d587b5601472e80ea79a', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: 'e5d91fb3bb3546e559566f8782aa9d939d0f1d04', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '65ad39c50b318b39e585301de2aeea6ef61db487' })), h("slot", { key: 'a60bb6eeee719852350584d6ff983d699f6ae84e', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '2da7a3c7a978bb520c255a0043f96bf15b2dd006' })), h("slot", { key: '38ec2165a11c9cc2b121122124482590f9cd31e9', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-h-stack/zonos-h-stack.js

@@ -10,10 +10,10 @@ export class HStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: 'f06155d19be654e8af1f3fe31d8b90c9714803a1', style: {
+        return (h(Host, { key: '029e16a802574614fb1d7cf1c7142425bf5a8dd2', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '6cfa7de515d78cc8376e9c863e54e6875392bd0a' })));
+            } }, h("slot", { key: '9894338cb38887b8757182f8ed2a4ce1bcff0eaf' })));
     }
     static get is() { return "zonos-h-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,17 +31,17 @@ export class ZonosInput {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: 'c4745840fd40940032af2a46f2dab9d0d3096265', class: classes([
+        return (h(Host, { key: 'f61a69708e8d3734111690389fce1acf14fbece8', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '7044d3e1877088b30016193eabf24ee36b0ad3c3', class: classes([
+            } }, h("div", { key: '94fb3f77fe0eb3c67a2319cd27d3ce17f4d8684b', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '6ec2033248f6176c9d5baab8b0a4e74201a6761c', class: classes([
+            ]) }, h("input", { key: 'fd878fb73ed33c6054dd9d6a75e3980c9d670877', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -49,7 +49,7 @@ export class ZonosInput {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '5d6eb65016ffb43f57a21520286eb9e46ef99913', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'b59b852113bcb005acd9fd31de527cf693e162a7', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     static get is() { return "zonos-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,9 +20,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: '30aab5aabd31e7353a523454dad44d76b416c7c9', class: "zonos--elements", style: {
+        return (h(Host, { key: 'b2f1fc3b2bf928d9ab96d0dee0f77a184e842bcb', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '633e04207127715dd7765a3983fffa786ab67a35', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'd09f65d2df7eef7eb35d25f2e5c26103c47d9bad', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '0f8797c1c2af191f3fcb514b5b627264a9ea9bfe', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, h("div", { key: 'a2c5e0ec32aef9ba6f9523777a4c75f441dcae39', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '93cf877ed11fd1e1af04e8269f5c264f69f52762', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '30865ea0b3d8f31d900c616b8b05882fcd083ac3', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
     static get is() { return "zonos-language-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-link/zonos-link.js

@@ -7,7 +7,7 @@ export class ZonosLink {
         this.href = '';
     }
     render() {
-        return (h(Host, { key: 'c71f5631cb5447192821bf2714e0b422a2fc8aba', class: "zonos--elements" }, h("a", { key: 'acbeaf085d7651bb7f658b7dd99a0433df21c452', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '74e0517a6e4f6d7019a7c358845ee844978b9545' }))));
+        return (h(Host, { key: 'c3f532019c96bed8a9ecae34364f127e177c38f9', class: "zonos--elements" }, h("a", { key: '40a5c745b8e7e0dc497269cc7f6b55b0414aa33b', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '94a7470c679fd445635d39de30ffd28d498b7211' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-loading-overlay/zonos-loading-overlay.js

@@ -13,7 +13,7 @@ export class ZonosLoadingOverlay {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: 'e9d9db9623f268cc66c39130607819fa8abede22', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'e766d339b90425e7379de4b773ae8f1da98992cb', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '32a61d38a106367bd4d54cffd8aba2e6c4b1e933', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: 'e284a5ada0945f1895dbd9b40039e9d2ef600111', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'fb68155fe133ba8cd1d923a0fbb37a382ecabc34', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '50dc3d4b1f53173240d23ffeac966f7463546fde', size: this.size, spinnerColor: this.spinnerColor }))));
     }
     static get is() { return "zonos-loading-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -16,11 +16,11 @@ export class ZonosLogo {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: 'f4066b17c03e2b5e2c55b2252ecf830a0dab972f', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'b698963f9d2d0ce2a3165d484cd8dda026e86350', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: '50e948ff4ffa77626216354880938021d68279e6', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'cc8163dc55b4d0a34bfc83eaaa618add56fb0c9a', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get is() { return "zonos-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -14,11 +14,11 @@ export class ZonosRestState {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '318c4da3d24faab9e2896923388183be1553fc39', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '709006622bdc4ba41d622c57562d98e90d6bfbbd', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4a25dbfceb67d366ea68ebe0b16bd3af2f2073e6', class: "zonos--restState-image" }, h("img", { key: '5af2ffcf96d9ee70ceb14c6c16ad8607c5a734d8', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: 'ecd47662e89cdd64c19e56f33fff5ebe929609fd', class: "zonos--restState-image" }, h("img", { key: 'c11941895f62fb7cd2dfcb34d8b5409ecbe23a3a', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: 'c3c6c28e7edabc3f127f74a1f8025cdd556c2df1', class: "content" }, h("zonos-text", { key: '8fc1b63061c1c6ed1aaf7c8bf1f6d0107ad96574', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '8410ef232d219a27bedd6fab0f2145c242c21a6d', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f9d8cd4653bc3918b9c2c3bf453b17999e16972f', class: "action" }, h("slot", { key: '60091e060884958d729092292ae6c34f9af85ae1' }))));
+            }, src: imageUrl })), h("div", { key: '40a66ae6959222fedcfd69de6f0236ac078903c3', class: "content" }, h("zonos-text", { key: 'ca7f67de9b084e16e1a5e5635a4917680fcbdfd6', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9e6f22d9fb87b1462044a2395c32b03d9b4b59d3', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f93aa94983a14e5a4bc03cd339c1d53954da0f30', class: "action" }, h("slot", { key: 'b893fc9c907a97f241d6b7148636b01381f26813' }))));
     }
     static get is() { return "zonos-rest-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js

@@ -15,9 +15,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: 'e122c65cde136ca184224d5ccd22d5fdb369f126', class: "zonos--elements", style: {
+        return (h(Host, { key: 'de9b5deb0f4cee2fe4646e37ddf36f3ccfd0696c', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: 'd6f5d0f9773adcb8fe0f782858401e1eca338b23', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '6c4dd78b11c3d2bcd5b9235d1d9087b663872f98', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '1dafcb49c92f82fd4342b917e808732fe5f0e553', type: "boldLabel" }, this.label), h("zonos-button", { key: 'fd9742527683709d6685348be79e0b157829927d', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '4e386e0b1b11ef28fce172b21f57c313e9e9ca5d' }))));
+            } }, h("zonos-v-stack", { key: '8f64fbb4f6596d335d6799b3beb27deadc280017', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '58ea82f407f0a9833196f91a5f7f7c1074b537d9', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '78b6f980f1136910e1761a1f99facf355f892c52', type: "boldLabel" }, this.label), h("zonos-button", { key: '2ce0171ef775d275aacb3b661e0ad62d429c338e', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '1686924ae0153dc76a03852f08796c29e41013e3' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-skeleton/zonos-skeleton.js

@@ -15,7 +15,7 @@ export class ZonosSkeleton {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: '58a2bedd58be3710e9e769efda15097c3ba19ea8', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: 'b5450df7f385c16cc93b492ba8e3369f131db069', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

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: '9f7996d6012cc5daf2950c00e2cc54a7e2eb1777', class: classes([
+        return (h(Host, { key: 'e7559e04aafad07699bd6bebfd4cf191d0cd1b4f', 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: '50fee9203e13de618686e971b49b47d4ed4dde8e', class: classes([
+            } }, h("div", { key: 'e7bce60978e071136b5a82bc4db8a0cf681273fc', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", Object.assign({ key: '517a1f4677613e7f956aa3c04cb38791b747b60b' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("input", Object.assign({ key: '6bfb929ad025d1a28860002561e8ae2abbc38e40' }, 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: 'fe8ce71109cd1a40f47792259455bdfa480c01ac', class: "zonos--floated-label" }, h("label", { key: 'ac85c7f24d4c89b2cccc00e68d93a91b419ff235', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '6fe980dcee5999c9cbdb9ac6b8f38f219397839c', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '0904c241ee73055982c7cd0ee5f9ee8559e6fa8b', class: "zonos--floated-label" }, h("label", { key: '581ac49d26e58bf0e61d1c21d13232dbc01557ee', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '5cd20b5de0552c5a37dc22decdf9d54330d75028', 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

@@ -122,6 +122,15 @@ export class ZonosStripePhoneInput {
             this.updatePhoneFormatter();
         };
     }
+    onCountryCodeChange() {
+        /**
+         * Re-derive the dial code when the address country changes, otherwise a
+         * shopper who changes country keeps the previous country's dial code — for
+         * example a US billing address on a Mexico shipment would send a US phone
+         * number prefixed with +52 (05CHECK-915).
+         */
+        this.initPhoneNumberValue();
+    }
     onCountryOptionsChange() {
         // Re-initialize the phone number value when the country options change
         this.initPhoneNumberValue();
@@ -201,24 +210,24 @@ export class ZonosStripePhoneInput {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: 'e1bde9efe262f4605448b6ae6f9e18070090e6c8', class: classes([
+        return (h(Host, { key: '14478c1db0acc4651d9433f71fefa8bd18b28a61', 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: '17b929a5e37d86964c23f2954bf1aed3ca3e0b4f', 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: 'cdc9f75fa9a8fd81ab565614729d33b3b54b1ba9', 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: '75f827c7fa3bec95a441d75b04f815736f63d075', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: 'a34d728be2b100874a2fb2a91e12b77988602b3a', 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: '7299389121bb37f5444c8feecc349fc7663fd645', class: "zonos--input-group" }, h("div", { key: 'ffd81d520f2ffeeb0473606ffe529704d0539999', class: "zonos--select-wrapper" }, h("div", { key: '66a8c7b1fc41c8ced6ebe2b5d87d93d3fb34283a', class: "zonos--country-select" }, h("div", { key: 'e938804c0e0aa9e52810b8d07cb0d7948c451eb5', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '1883e18a2318bf871e061c744a095dd8e5a905cc', class: "zonos--country-select-selected" }, h("div", { key: 'ae46b163ef58d71398c317ed5ceba1844fc52edc', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'f4d18cf60a089675852f8f0fca82055fa879a7b7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '1724ccaef84c39504ee9f2fb364d38c2b979185d', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e5c45c7d4ca3fd5244803f083e6fae502e4253fa', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '9cfb2da1d454c6b9e0a64b4327ce515cf6aa72da', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: '8324ec965cf0b637d4d7151728217407307b8707', class: classes([
+        })), h("div", { key: 'c8d76a0a1e9ca245f03a853440a691e1bb478093', class: "zonos--input-group" }, h("div", { key: '51ccfb533bb4560061c63aaed368fb6488cf9d87', class: "zonos--select-wrapper" }, h("div", { key: 'cd50bc9c8f2fd407f47e5bfd3eba18a3f8fe721f', class: "zonos--country-select" }, h("div", { key: '05581057f31568b3d50b054e9c7fbbad5be7c27a', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '04c5abdc6fdf7e71585896b426ec1ab00dc11f66', class: "zonos--country-select-selected" }, h("div", { key: '6750556068dbad185fadfba36268417974a43865', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'a611a41490d68f2763ae43ad0fd5c0c498d16bfe', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'eab8a6353cd865cffb1576f14fee6edd5dbd3383', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'b3b4b8c407ed68305b467590921bc57925077acd', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '7bc52fdcaf76bf6416d33442e844057b8d6e8121', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: 'd0ad07b902ef0ff675a515c07ec6597c0d0b0aa2', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: 'eace24d4a50271012b8bb95609842edcc7f8926f' }, 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: '9c1b5249fa2a9041e8c3ed9adbf3de8af4e1f29f', class: "zonos--floated-label" }, h("label", { key: '6535de344f98dc6148ef17ffdcb6354f1e1014e1', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '0d696d74191e3738ceb94e6adb018589fa4ad9f3', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: '5b12c7a228bf9736856c9ebf8ff7898cf0fc1889' }, 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: '04482f4bc210fb7ee6047972043f6b1942b25142', class: "zonos--floated-label" }, h("label", { key: '345c8e9d7ebc4aa8891c86a77a51f9bbd0088044', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'cd8805f31cc6b2c9d6052f4c11190dba1f242945', textColor: "red-600" }, this.error))));
     }
     static get is() { return "zonos-stripe-phone-input"; }
     static get encapsulation() { return "scoped"; }
@@ -475,6 +484,9 @@ export class ZonosStripePhoneInput {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "countryCode",
+                "methodName": "onCountryCodeChange"
+            }, {
                 "propName": "countryOptions",
                 "methodName": "onCountryOptionsChange"
             }, {

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -9,9 +9,9 @@ export class ZonosToggle {
         this.options = [];
     }
     render() {
-        return (h(Host, { key: 'cdc4d67f72773fa460d24cfc0a24fcb5288f40ad', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: 'e4177068eca8831790db346088acde5c24a1cb52', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '2eb725addb5f65b98edd5193ceb6eaaa2564952b', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: '89c8561a03f2e9c11c858b406fd8dd5cbc92a9b7', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -13,10 +13,10 @@ export class ZonosTooltip {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '7abbe34ad287842da57b3348f680c4988662ff44', class: "zonos--elements" }, h("div", { key: '2c65db7c6022b4ea42b13d8f56f3ddfbf26687b0', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: 'd48945a7f67bbee583e7dc7832736cffb5310066' }), h("div", { key: '90adeacf4d365f94af1a7aafbee8a27cbd731058', class: classes([
+        return (h(Host, { key: '4ecaaf78a0ee54dccd5efd6ec60d201a8946f9e9', class: "zonos--elements" }, h("div", { key: '5dc14bbe9d21712a29fe62cb6ade2a1e1a1c6385', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '2eb58e776a1d925eff1fc8e48ce337b915dbb515' }), h("div", { key: '9975d37625398918d5a9ddf2f645a4c0a496ed2a', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: 'bf46c94eb2404e1cae261f8426c090e634d70a8b', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '499fb779cbf790ddcfa6945ffecbcb152708a851', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: '9f4c3070b5cc96793d18950decb2f77e608b8708', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '2273a609eb5fd33a661c88f35e7fc6777ea75ccf', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
     static get is() { return "zonos-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -11,9 +11,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '773b6654cf2031f3db0eb24781fabb8d8da7a6d2', style: {
+        return (h(Host, { key: '55d608e49a9d0a95c23902c68f555d3d17e34675', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd5f58fcd829b7f563f9154cc760df9c6392c2526', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'd5c7f7f2eca26214cdc6ecbe3ad5dcf4f02d9264' }))));
+            } }, h("div", { key: '529887c92438dd3793d2c4737ff2ae52abe560cb', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '2a3c3c193aa74b9829dca73bddfdbd3dbed4c6c6' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js

@@ -106,10 +106,10 @@ export class ZonosVirtualScroll {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (h(Host, { key: '2ae27838464dd54ef39c08e91bf998833d63cdee', class: classes(['zonos--virtual-scroll']) }, h("div", { key: '5557baa0e7e546484ad11f3ef04dd336b4e72aa3', class: classes(['scroller']), style: {
+        return (h(Host, { key: 'e979610a7ed0e4bb1dd98b50043b65282aac26bf', class: classes(['zonos--virtual-scroll']) }, h("div", { key: 'ca73da524a4289cd4142a05d81bf3de691215690', class: classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), h("div", { key: '5b30d6c980ac66dfbc3b8df1c67ba96a04ec6302', class: classes(['item-container']), style: {
+            } }), h("div", { key: 'dd70c5ae1d9f9481de5fc08569933932413bdde4', class: classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }

package/dist/collection/components/component-template/zonos-component/zonos-component.js

@@ -19,7 +19,7 @@ export class ZonosComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '27751801e26bb6bc488e28911f5c685332b879c7' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '4e29ec8d8aeafa6d194925220355d6a8a785e838' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "zonos-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js

@@ -29,9 +29,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: '2add76b09ac1ce215244eeebdbe80608c6ca5922', class: "zonos--elements" }, h("div", { key: '73decca3700758dfab2560ca9a3ef875c007ec00', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: '350a056fbc8cb1caf686857a1ef9d2915d9aa746', class: "zonos--elements" }, h("div", { key: 'bd98b0bb2cae37470b7640df4337173fcec9ebe5', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: 'a7e3a57e805ace11ba70d862909e852ee41f9f6d', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'ee1fbf60813d4c18a373bc59b9f5efa99f7c9014', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '27613f51eccb4d15a0bd902f7e2edd11acb297c1', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '5529f0fa72ac438e1bed1fdaa2139e1d77cf7480', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, h("span", { key: '13eb27b3393fdbf9b361b6db6d4543dbde5986bb', class: "zonos--hello-locale-label" }, language, h("zonos-icon", { key: '2544481f0bbe0e5accbc3c3aad079493baf70f1c', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 }))), h("zonos-button", { key: '86c2ede088032dfcfb4df67aa38292e5fdd2cec2', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, h("span", { key: '0780a503e696dbfbec92ccb355eb0865d5b4d593', class: "zonos--hello-locale-label" }, localizationStore.selectedCountryCode, h("zonos-icon", { key: '7d0aeb7471ccf7ee9f45044484cb69dba9c72d2c', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 })))))));
+            } }, h("a", { key: '1aee2bb2f699d0368921bec9a2adb4a8b2a2b9ab', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e5c683a859f72c3c831d41be2198214c9046093c', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '904549591a920cfc44634b6fdb4859acf3ba8fe5', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '0fcfbfe2dd4e5305dbc77ff380e20f1738f5ff93', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, h("span", { key: 'bf2185444d946075044172c5aaf99ba3ef913839', class: "zonos--hello-locale-label" }, language, h("zonos-icon", { key: '668341e3b7a5e4c8673fc282efc4128ffbe27bf2', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 }))), h("zonos-button", { key: '5d613310cadf679a264c6ea809474454318966af', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, h("span", { key: 'f258553c637ec7d7bab678500aa9062d2b3524ac', class: "zonos--hello-locale-label" }, localizationStore.selectedCountryCode, h("zonos-icon", { key: 'ebb04e7e952a7cd6c166ff3752b731d7a8b2346e', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 })))))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -347,25 +347,25 @@ export class ZonosHelloDialog {
         // If deminimis is undefined or null, assume it's $0
         const taxDeMinimisMessage = this.getTaxMessage();
         const inclusivePriceMessage = this.getInclusivePriceMessage();
-        return (h(Host, { key: '18729a31c9a2a29e5f7a49dde7630c3899cd245c', class: "zonos--elements" }, h("div", { key: 'cedfa2485f68f41aa099bc8a88446c2aa95a9262', class: classes([
+        return (h(Host, { key: 'd24794b42581ff92ea7ff4fed8a7feeadd68ec87', class: "zonos--elements" }, h("div", { key: '84e539b7e7eb384ec9de8c60f26f33b7de8b4c2c', class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '3dd21da6f9eab3b1597e59fc93330a6601698d7d' }, h("div", { key: '48f98dac07ec1bc299df9fe69ddf74f98cd5a51c', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '9f5a1133b3326b287d8ed62625d416b4d4e5f41c', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '0eb3b34b3f0b869a8039640c7ac3ef706f1bde20', spacing: 24 }, h("zonos-country-flag", { key: '3d39e4fc432736b35bab328da59e043591891f66', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7e14d107cafcdf9c153813b486c28511c341ed5e', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'a1069a846e7e0118e4be0908f82a147b12df815e', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '2f238d337eeb6034c9fbccf1540e7ab981d8b269', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '19d806fe8fb23ac05a9c4093e90beda94fdc1388', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '50d05d3fdb5f5b2769a368c69d307f93ca162725' }, h("div", { key: 'd08c9c79fd69e1e5ab43a53bfd3d1ca5050fc336', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '7a6e76b1d891ee255b4fff4589714b67eea25dc5', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: 'fb3c7ad6df4608f470d3126a2791040cc6a2912c', spacing: 24 }, h("zonos-country-flag", { key: '98e8aedda730cf55a11031ef34191d7a0e92ebfa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'eb073f09379cf41486da6a355535775e3022ff57', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '23d0aed3f10ea1d5d46f841f34ae240a393fe582', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'eda291fcc35c2d874ae16d35218e7d61414e0d48', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '14c81958db7911bca665c13e95249d8886524190', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
         }), (dutyDeMinimisMessage ||
             taxDeMinimisMessage ||
             inclusivePriceMessage ||
-            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (h("zonos-card", { key: 'eda99f84ee5318ed6fd4bb26d2ac66a92742a05d', spacing: "12px" }, h("zonos-v-stack", { key: '86e170fd626ee23c67e35dfad72a28355031920e', spacing: 12 }, this.renderHelloMessage({
+            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (h("zonos-card", { key: 'debf6a45b077b636d568a63abc1e6e628b117556', spacing: "12px" }, h("zonos-v-stack", { key: '7077e41a083eee4cd34604fa20c97f6e6e6e5ea4', spacing: 12 }, this.renderHelloMessage({
             dutyDeMinimisMessage,
             inclusivePriceMessage,
             taxDeMinimisMessage,
         }), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '94875c94b85a19a91390862d7e8ec4c978feb583', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '3a1c43cee0f8f7fb95523e90d21b6a799bdf704c' }, h("zonos-country-select", { key: '914e3e1db72458aca439ca37b8e861c49730f332', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '26f01ac1caac824eab2a8ae73cc5a1de843b354c' }, h("zonos-language-select", { key: '6318c9bc7824e90314d036973bba1a3175a4d4a8', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6a545ced019871fb0b6254b6ad8d61d21d855127', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'e951aa4125477220462fab0332d9badd05901875' }, h("zonos-country-select", { key: 'e949e265136e827272db29d7d09af5ea2da0a415', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'eaebd5ba3bdaf0f3d335b99f807ae432d9330db3' }, h("zonos-language-select", { key: '2900f41ecd69c84d59505b2f2771eef709e419e3', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -348,7 +348,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '925af89a63419b44e6372de48c66e0898d039ae0', class: "zonos--elements" });
+        return h(Host, { key: '4fde0983cf8a248635f7e1d8c54c712142e9363d', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/paypal/zonos-paypal-payment.js

@@ -52,7 +52,7 @@ export class ZonosPaypalPayment {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (h(Host, { key: '283f26fced92fbc16064967cf6d0cf8e7a8d34d4', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '31f4639edea489f91bb43c4c00b9019f949acaa4', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'd652adf83bc2620a8c21a7b2e6d8c0c419be8a1b', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'd6fdb79be6b31b5a2fb5ad6cc11c6001d4ac31e9', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-paypal-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/store/checkout/stripe.js

@@ -422,7 +422,7 @@ const isPrefetchInfoOutdated = () => {
         isAddressOutdated ||
         isTotalAmountChanged);
 };
-const getCountryField = (country) => {
+export const getCountryField = (country) => {
     var _a, _b;
     const countryFieldLabels = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryFields;
     const stripeCountryFieldLabels = (_b = zonosStore.genericSettings) === null || _b === void 0 ? void 0 : _b.stripeCountryFieldLabels;

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

@@ -19,6 +19,7 @@ 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({
+    allCountries: null,
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,
@@ -335,6 +336,7 @@ const initLocalizationStore = async () => {
         return countryInfo
             ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
     }, {});
+    localizationStore.allCountries = allCountries;
     localizationStore.shippingZoneCountries = filteredCountries || null;
     localizationStore.inclusivePricingConfigurations =
         ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.inclusivePriceConfigurations) || [];

package/dist/collection/components/store/translationStore/strings.arabic.js

@@ -119,6 +119,9 @@ export const stringsArabic = {
     'Company name (optional)': {
         value: 'اسم الشركة (اختياري)',
     },
+    'Complete your shipping address': {
+        value: 'أكمل عنوان الشحن الخاص بك',
+    },
     Confirm: {
         value: 'تأكيد',
     },
@@ -536,6 +539,9 @@ export const stringsArabic = {
     'Return to merchant site': {
         value: 'العودة إلى موقع التاجر',
     },
+    'Save and continue': {
+        value: 'حفظ ومتابعة',
+    },
     'Search countries': {
         value: 'ابحث عن الدول',
     },
@@ -554,6 +560,9 @@ export const stringsArabic = {
     'Select a language': {
         value: 'اختر لغة',
     },
+    'Selected address': {
+        value: 'العنوان المحدد',
+    },
     'Session does not have valid landed cost. Please contact [organizationName] for assistance.': {
         value: 'الجلسة لا تحتوي على تكلفة هبوط صالحة. يرجى الاتصال بـ [organizationName] للحصول على المساعدة.',
     },
@@ -698,6 +707,9 @@ export const stringsArabic = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'حدث خطأ في تحديث جلسة الخروج الخاصة بك. يرجى إعادة التحميل والمحاولة مرة أخرى أو الاتصال بالدعم إذا استمر الخطأ',
     },
+    'This saved address is missing information required to ship internationally. Please add the details below.': {
+        value: 'هذا العنوان المحفوظ يفتقد معلومات مطلوبة للشحن الدولي. يُرجى إضافة التفاصيل أدناه.',
+    },
     'To ensure delivery all address details must be in Latin characters.': {
         value: 'لضمان التوصيل، يجب أن تكون جميع تفاصيل العنوان بأحرف لاتينية.',
     },

package/dist/collection/components/store/translationStore/strings.base.js

@@ -120,6 +120,9 @@ export const stringsBase = {
     'Company name (optional)': {
         value: 'Company name (optional)',
     },
+    'Complete your shipping address': {
+        value: 'Complete your shipping address',
+    },
     Confirm: {
         value: 'Confirm',
     },
@@ -537,6 +540,9 @@ export const stringsBase = {
     'Return to merchant site': {
         value: 'Return to merchant site',
     },
+    'Save and continue': {
+        value: 'Save and continue',
+    },
     'Search countries': {
         value: 'Search countries',
     },
@@ -555,6 +561,9 @@ export const stringsBase = {
     'Select a language': {
         value: 'Select a language',
     },
+    'Selected address': {
+        value: 'Selected address',
+    },
     'Session does not have valid landed cost. Please contact [organizationName] for assistance.': {
         value: 'Session does not have valid landed cost. Please contact [organizationName] for assistance.',
     },
@@ -699,6 +708,9 @@ export const stringsBase = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists",
     },
+    'This saved address is missing information required to ship internationally. Please add the details below.': {
+        value: 'This saved address is missing information required to ship internationally. Please add the details below.',
+    },
     'To ensure delivery all address details must be in Latin characters.': {
         value: 'To ensure delivery all address details must be in Latin characters.',
     },