@zonos/elements 1.3.272 → 1.3.274

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: '9b455dfc3e78f073178e36a48f4457c9a1fc3545', class: "zonos--elements", style: {
+        return (h(Host, { key: 'ecf967940a24637a058097f80a96fd6edc94b9c0', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'feccd4390ee2e7ddf1c4ebde6f1f8bf6ae2aa846', class: "zonos--country-select" }, h("zonos-v-stack", { key: '67759dd235fa5f22b0d3d4e84523bb4a080e3cb0', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'd24bd17a1c6e6e59fb158d910ae0288d218cd1a1', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'a7afb62e4fbe51a1573de882e74be918c5851eb9', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, 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 => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: '6f0cc751bc79fd3f58bf8cddc85a48d80292993e', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '072747f4d4baaeebd842329cacf4db7c4ce7b33a', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'f2b4ae2498161cff71235ff8169353779837c38a', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, 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 => {
                 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: 'fa000be036f397ff9ff1111cde95eed6267af60a', class: "zonos--elements", style: {
+        return (h(Host, { key: '85b38bdb1a0df11df6979340596118039e145cca', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: 'f388ef6cd627f47a4f7318f41a561d5e2afc3b8e', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '945d239a2db520ab316c66e333ce33d66a6dfa41', class: "zonos--flex-message" }, h("zonos-icon", { key: 'f828bcad998c78883ebeef62314335f9c0bfb03f', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '12f08f541f354cb6ad327805df0f487d8a5b347c', innerHTML: messageWithLinks }))))));
+            } }, 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 }))))));
     }
     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: '590c4e4902e0dbe713126b9ff156d063e8f8f8ad', class: classes([
+        return (h(Host, { key: '75ec5025b26d1c68daa95198bfe4defa9b4fccbb', 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: '14a99268f7f0ab8c6c70764c8c1d5757e66b9dbf', class: "zonos--backdrop" }), h("div", { key: '05cddc36b2189cf234f6e83c39a83220c11ec43f', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '3b7160e77e0eedda0d01f46e338cc3923de4153d', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '3257270ad5e27e55a4d5b68700c924c4d69a0aaa', class: "zonos--loading" }, h("zonos-spinner", { key: 'f9a3e2452daa08f8fd0a889a08ad39da3f28b1cc', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'a342fae51f881c7686e577769850d5105722d722', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '17e69ab28563fff1a2289dd1598b542d18a9350d', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '2e9f0db72356193bd9789a21adbe35f29b456d9f', class: "zonos--header" }, this.headerText && (h("h3", { key: '8f7e92cbf2ab27442f4b8901ce2f8ec826939bf0', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'da358aa5942534abaf67a065e6ccce4722f91f27', 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: '6abd9c5d6f7e1b8a533bdd878550009191905ff9', class: classes([
+            } }, 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([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: 'a3bc9604905f1c1ff53a5dc5c022ad6145a98735' })), h("slot", { key: '717b33f0583845613702e989570a41e5a8b54f08', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '65ad39c50b318b39e585301de2aeea6ef61db487' })), h("slot", { key: 'a60bb6eeee719852350584d6ff983d699f6ae84e', 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: '721c4dd7d467879b21078725e6343b7ee8d76675', style: {
+        return (h(Host, { key: 'f06155d19be654e8af1f3fe31d8b90c9714803a1', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '1e4dc26d7e61893d04bc6255abf2834b4545b335' })));
+            } }, h("slot", { key: '6cfa7de515d78cc8376e9c863e54e6875392bd0a' })));
     }
     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: '445bab80717654fca6b836082410b1aaba4a3838', class: classes([
+        return (h(Host, { key: 'c4745840fd40940032af2a46f2dab9d0d3096265', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '57d353636fbc0285bc38764504de9b2b0dc3e472', class: classes([
+            } }, h("div", { key: '7044d3e1877088b30016193eabf24ee36b0ad3c3', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '9c95331674590a833fb964e1a48898eb201ff5c3', class: classes([
+            ]) }, h("input", { key: '6ec2033248f6176c9d5baab8b0a4e74201a6761c', 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: 'd0b17493714e5e4aa60fcc8535c66acfa3129367', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '5d6eb65016ffb43f57a21520286eb9e46ef99913', 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: '73a3caa12f7e3086474f200b6ee839b08213d77d', class: "zonos--elements", style: {
+        return (h(Host, { key: '30aab5aabd31e7353a523454dad44d76b416c7c9', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '1c99467d96401c5887326e54d738c305b9d15278', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '61d06916c6d8c56f6d95beb4d4869f5bd1d4704d', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'b5cee89f90a0911b15607e0897803d73a182b367', 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: '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 })))))))));
     }
     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: 'cd003919a24549f15dd74070af6298426c291551', class: "zonos--elements" }, h("a", { key: '0825c350db56dcde8d6f79e269ffbf04f4adb65c', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'bb9d77ba3dbc358e5359ee3422a638cb712af263' }))));
+        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' }))));
     }
     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: '8216ba7271f4eb12153620d0268fd7b5dea632ad', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'ad3ab1b7e51b2de173e1b1a489bce3cdacc798f1', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'dc1dd642825268c01c5df120165a7aec85d121e9', size: this.size, spinnerColor: this.spinnerColor }))));
+        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 }))));
     }
     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: 'deeabf3741e7b907703667597b8a7dfe26612d66', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'f4066b17c03e2b5e2c55b2252ecf830a0dab972f', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: 'fc2d30312252068910760cbd32ae0615c7a988c1', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: '50e948ff4ffa77626216354880938021d68279e6', 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: 'c8ad36ee240e6c623cfd950a9cd2eebc89e1d264', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '318c4da3d24faab9e2896923388183be1553fc39', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c1f45b4dfc584bd492f36cd678699aec372d0b41', class: "zonos--restState-image" }, h("img", { key: 'dbbcbfcdfb849c8f31c17eba4f99d2fbf1f9f05d', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '4a25dbfceb67d366ea68ebe0b16bd3af2f2073e6', class: "zonos--restState-image" }, h("img", { key: '5af2ffcf96d9ee70ceb14c6c16ad8607c5a734d8', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: 'a3f92d7c4b7c3d6b27b310024b60659903901300', class: "content" }, h("zonos-text", { key: 'c3f6af9cc17b95f988d848e18e3afbdb711c5ddd', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '656d089910ca5aa79b762d6c36b9b14ef093b706', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'e44d6b8bdf04cc1bc31a3ed427260c08ab05781b', class: "action" }, h("slot", { key: '662fcf9da75d402dbfdd4ec8135c5112c5cc7527' }))));
+            }, 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' }))));
     }
     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: 'fe2c8fdf8526d9737d5e78c97c823a8cb18caa15', class: "zonos--elements", style: {
+        return (h(Host, { key: 'e122c65cde136ca184224d5ccd22d5fdb369f126', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '32c1113029b0b20d98615556c3ac34bafeadf8cf', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '2f41e2f8d0c9593a8d2ea42af914cb9600ecb392', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '8eb0aeee1db700d9fb70423ddc907ea83af0922a', type: "boldLabel" }, this.label), h("zonos-button", { key: '21d8f5a416d8cee77112dba035c9f45e2a539d3e', 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: '5f5b18516cf6c5c98286f037804eb589e270ce3b' }))));
+            } }, 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' }))));
     }
     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: '22a28005143f47dd80eaec233e7d9937d7e72507', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: '58a2bedd58be3710e9e769efda15097c3ba19ea8', 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: 'f9f06dba4fb5f74088bd501fad3dbe9784e54b87', class: classes([
+        return (h(Host, { key: '9f7996d6012cc5daf2950c00e2cc54a7e2eb1777', 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: '9af2062a1f5730eea33d3741961f359a69f5ce83', class: classes([
+            } }, h("div", { key: '50fee9203e13de618686e971b49b47d4ed4dde8e', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", Object.assign({ key: '01d97ec638227200096f60d6f5408246c857662d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("input", Object.assign({ key: '517a1f4677613e7f956aa3c04cb38791b747b60b' }, 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: '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))));
+            }, 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))));
     }
     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: '35155697da59924b76afa4e5e23ef658ceb69bd7', class: classes([
+        return (h(Host, { key: 'e1bde9efe262f4605448b6ae6f9e18070090e6c8', 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: '66c66da60fded977af4d5ef597a831ac117b3ed1', 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: '17b929a5e37d86964c23f2954bf1aed3ca3e0b4f', 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: 'a76b59a558272bda11c091bf977c90a1abd1fdbc', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: '75f827c7fa3bec95a441d75b04f815736f63d075', 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: '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([
+        })), 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([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, 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))));
+            ]) }, 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))));
     }
     static get is() { return "zonos-stripe-phone-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,9 +9,9 @@ export class ZonosToggle {
         this.options = [];
     }
     render() {
-        return (h(Host, { key: 'a69d1282e442b2cc5b24df68ee41c452b02fb022', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: 'cdc4d67f72773fa460d24cfc0a24fcb5288f40ad', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'a0fff3107e8d9a98d3ff323379c6e39bee294eca', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: '2eb725addb5f65b98edd5193ceb6eaaa2564952b', 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: 'f3da69a4f5610963cae6a15e5ff2d980e5d31a07', class: "zonos--elements" }, h("div", { key: '1636b467a3899c486b59167a438e071e0b88e699', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '3a512330cc556d3cabc18dd712cef1f353526e39' }), h("div", { key: 'a93fde0ea517c8eab08cbec375a891fdde5a681c', class: classes([
+        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([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: 'bbfaa05280ac898421a3c334cb97734ccda8dbbe', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '96fc7d23135644d92062c95686560d714a9ff4b2', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, 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)))));
     }
     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: 'b3f2fa705a9eb81dd74f355c9caf468d8c74f49e', style: {
+        return (h(Host, { key: '773b6654cf2031f3db0eb24781fabb8d8da7a6d2', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '114ebba1cbf50a3572c412db808cfb7ac74b1724', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'f2070a31f968565c08ce002ae9a6b07178fd4ad8' }))));
+            } }, h("div", { key: 'd5f58fcd829b7f563f9154cc760df9c6392c2526', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'd5c7f7f2eca26214cdc6ecbe3ad5dcf4f02d9264' }))));
     }
     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: 'f8c3a4bb1fc348cbe4fdc6d39a17863a633294ff', class: classes(['zonos--virtual-scroll']) }, h("div", { key: 'c53f706c7e1f9aafaeaa964eb72ca08dda3d620b', class: classes(['scroller']), style: {
+        return (h(Host, { key: '2ae27838464dd54ef39c08e91bf998833d63cdee', class: classes(['zonos--virtual-scroll']) }, h("div", { key: '5557baa0e7e546484ad11f3ef04dd336b4e72aa3', class: classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), h("div", { key: '06107aa0a13df790db1f21cda0a0817ea5ebceaa', class: classes(['item-container']), style: {
+            } }), h("div", { key: '5b30d6c980ac66dfbc3b8df1c67ba96a04ec6302', 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: 'f8ec6c765a31d6d9599003523128ef4f5c8d3078' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '27751801e26bb6bc488e28911f5c685332b879c7' }, "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: 'b8c4b5608d3af10147572ad97b363e6216ceb1a7', class: "zonos--elements" }, h("div", { key: 'a136c029e2f15171be4c14b706b41d8477fae649', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: '2add76b09ac1ce215244eeebdbe80608c6ca5922', class: "zonos--elements" }, h("div", { key: '73decca3700758dfab2560ca9a3ef875c007ec00', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: '99eb0554b1167e07efeb4f30c2352fb2210b51e3', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7b2df9be8326d1913710ff10a6633a31268e8d9b', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: 'cbb70cb5dc7d03c0345bf0b3fea2f255be0a2b6b', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'c974f79edf2185706404f66f820eb602b15e6467', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, h("span", { key: 'd98e82523a82be43aaaf8dc2b8660af0f240f734', class: "zonos--hello-locale-label" }, language, h("zonos-icon", { key: '06968564c732df35d141d01ef7ecdc62936cade7', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 }))), h("zonos-button", { key: '21b299e19244e57a89890c874217ef8848c59be5', 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: '6a7629ffc25230ff13a4ff814dfb22796487ad6f', class: "zonos--hello-locale-label" }, localizationStore.selectedCountryCode, h("zonos-icon", { key: 'fbf465f93fea211f54967c8bd1811ac92f10f140', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 })))))));
+            } }, 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 })))))));
     }
     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: '4f03947b13c6e6d9f19d3d4241c427f9ef8cb07b', class: "zonos--elements" }, h("div", { key: 'c5001cd7c4c7bb0fcf2375fc211c9afbd2059f32', class: classes([
+        return (h(Host, { key: '18729a31c9a2a29e5f7a49dde7630c3899cd245c', class: "zonos--elements" }, h("div", { key: 'cedfa2485f68f41aa099bc8a88446c2aa95a9262', 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: 'cb86aadda605b075152c21009b11f57b87b1d815' }, h("div", { key: '77a7e3bd67cd2b19f2adec81f15c642d76151f74', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'ac5d1386f34c2948ea087d64ba60d1af87e76487', 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: '50fcf820665b013090f8b22bd011b48edd23e47d', spacing: 24 }, h("zonos-country-flag", { key: 'fba9eb926c23fdad59d4262582fefd102aa9e721', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '08438a0f1f7ab1ed7aa6077bd8c0c040d10a48e2', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'f3ed157753544a886c2362e48d4ff941135f69dd', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '989155955d1b6b50e54b38b9aedf71041a1ca57e', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '480acbed038550026005317e0fa41c74db4befe6', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), 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 => {
             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: 'ec95384f56843f11e7ef678363c08718ce879bea', spacing: "12px" }, h("zonos-v-stack", { key: 'e56aedf0bf3c2e698b6911ae0d96f3c46059158e', spacing: 12 }, this.renderHelloMessage({
+            !!(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({
             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: '103bcee4af2a3979a7db3e86b287063bec16310b', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '900e288096edd6aa4bcfddd3b80932a11c675a6a' }, h("zonos-country-select", { key: '278e3cfe7dcd69332e6257517759ca2c8e959ae0', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '2d70d0c380fc681492b7b97b4d78677db88a78fc' }, h("zonos-language-select", { key: '7debc2fa20436565b00c7f9832b89f388a814a96', 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: '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) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -335,7 +335,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'fe1f262a2bfbf4f6f39c0f23783c132bde8d2dd7', class: "zonos--elements" });
+        return h(Host, { key: '172f5c893940145cc2eb84c721783bc64332d3dc', 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: 'c01e031b29e0089389be2a16e888bd0b7c24dcd8', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'f03c880bde17291f083cfe1f0db6a918f92d720b', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '283f26fced92fbc16064967cf6d0cf8e7a8d34d4', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '31f4639edea489f91bb43c4c00b9019f949acaa4', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-paypal-payment"; }
     static get encapsulation() { return "scoped"; }