npm - @zonos/elements - Versions diffs - 1.3.13-alpha.2 → 1.3.14-alpha.0 - Mend

@zonos/elements 1.3.13-alpha.2 → 1.3.14-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

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

@@ -8,9 +8,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: 'b09b7025fb55c4323aaa24ccb7e410d1638bed8a', class: "zonos--elements", style: {
+        return (h(Host, { key: 'b917fa2e0b2293b3423ba8910cca667b62c3b7c0', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { class: "zonos--custom-message", spacing: "12px" }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '28d3e6d986ee9a2d56ddb173f1e1e5094d18634a', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '526de02e727a977f42e5547fc1ba0c91d682e72f', class: "zonos--flex-message" }, h("zonos-icon", { key: '0e2360d11bff3c94c3ba722a0a2b4767f04232fc', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'fa8c7e5042f1d622053ccd86bb52b51304ffc83e', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,7 +47,7 @@ export class ZonosDialog {
             document.body.style.overflow = 'auto';
         }
         const borderStyle = getBorderRadius(this.borderStyle);
-        return (h(Host, { key: 'f0aee4766d2c62f3f4feff18c99dba62ea97ca06', class: classes([
+        return (h(Host, { key: 'b2f500bb70769f6d14d7e4002e5b11fe854e3bd1', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -58,10 +58,10 @@ export class ZonosDialog {
                 '--font-family': zonosStoreFontFamily(),
                 '--height': this.height || 'initial',
                 '--width': this.width,
-            } }, h("div", { key: '42e8afd7ddc94ab9ec4951f4221e32729256694e', class: "zonos--backdrop" }), h("div", { key: '035c21c65ae5cabc12b41b6ad1684fa4dbc5b92e', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: 'b9a3299c9fb920f9af5783506b0489122b2eae11', class: "zonos--dialog" }, this.isLoading && (h("div", { class: "zonos--loading" }, h("zonos-spinner", { size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { class: "zonos--header" }, this.headerText && (h("h3", { class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), h("div", { key: 'f5e5a75782ca6acd4a2c004756b800f3c2558129', class: classes([
+            } }, h("div", { key: '9715c4765caee524a8030b2baa9352e44d0eeec0', class: "zonos--backdrop" }), h("div", { key: '05357a1ab95c995a35602517555f33e14c712bcc', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: '6acbd0635fcfb95910c20db9d1803a3c2685f4ac', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '5a94b2d158ffdd5c1d5b4b6e2d1cca60ff31fb10', class: "zonos--loading" }, h("zonos-spinner", { key: '80fe57fea64e1ac4a5eb286fe19c327230748837', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '773b53526fc24469e41e927d50a0aadbc8470a4a', class: "zonos--header" }, this.headerText && (h("h3", { key: '9e9a754fdc82900b720ac5289b83d0217eb89517', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '4525da6839849fd972f9b470e280f176803921ed', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), h("div", { key: '1c9ff5924f0fa9cdb7753fbcf0c2dc51171535b0', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '3fe4ec47852e99f1dc5b6a7a84a8b918594b8b7f' })), h("slot", { key: '5515f4109274b178249c05c6e6c91fdc30ce528a', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '96b0c127f550413a5108a6f87a8397a0c6e01e64' })), h("slot", { key: 'a5c64424aadb3a56682de39b497ecc0eafdf3de7', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,9 +16,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: '25e0e2be0bbac853efa9c26c1595a1d57461a1a1', class: "zonos--elements", style: {
+        return (h(Host, { key: 'c3185eaf7f8e73d1356d6cba5a7c7ba6da9db7f8', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'b9f3a630f945570a9c0058bb0367e810b7650eb0', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'b30a41cc7f4eab57f15b48ffa3f7c0ad1e695e65', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'c6826b80ece54415befc388e57baa02d56472aef', 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: '59c2af417f20ee915dfddaa08c2a9f4288a5d040', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '2cc4a3bed8e5e2c89f8ef624a9a0d2e778da9005', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'b0bb95a16d56e344833f3d6ec3b23ae6d5b65270', 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-logo/zonos-logo.js CHANGED Viewed

@@ -10,11 +10,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: '483016f5ffe43ea7742e895b5335212da6ec1d18', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'eb9e895db6d309b91f24aaba07b6bef785d64982', class: classes(['zonos--elements zonos--logo']), style: {
                 '--filter-color': filterColor,
                 '--font-family': zonosStoreFontFamily(),
                 '--width': this.width,
-            } }, h("img", { key: 'aed23717de194da43d48ee7b068f3e7568c0bbb3', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: '411e92bcfdab9d8b7362b3fbeeffb836d8d20756', 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-select-dialog-header/zonos-select-dialog-header.js CHANGED Viewed

@@ -8,9 +8,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: 'e7867deee86e4a155c21db2618eafd6f3c6cea3b', class: "zonos--elements", style: {
+        return (h(Host, { key: 'cd3cc096f08cdb3dd2170d9e8d578f603155b0d0', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: 'f7aedb0f819b61da26afd53add628bcddcca5d8a', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '7ec77c24a440a5d42965f657502506c769d3098c', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'bab0ffc53edd20840438e82c0067c1eae8f13ec7', type: "boldLabel" }, this.label), h("zonos-button", { key: 'a85fc2b745b25c07bcccfe60eb1f1e722c7999c2', 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: 'fe932e62edd5f679061c76a62650885d4337363c' }))));
+            } }, h("zonos-v-stack", { key: '40ddbfe738428ca388cb4b3a8244d86e5e26d876', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '4706e9acb42c11b213044084e25be8a5c13119f1', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'b5c5289219bb4ff380aa5e3c0738ae9029d00cdf', type: "boldLabel" }, this.label), h("zonos-button", { key: '6d8c62ee077ab7883081a693825a00fd06cded69', 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: '42241292083a7041d600ac4af3034e61c5d4a6b1' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,10 +7,10 @@ export class ZonosTooltip {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: 'a23ad45e8f96b88b0feaf17690c6bdb75aacb12c', class: "zonos--elements" }, h("div", { key: 'b057f5ae304921f5fd50536cb5b7fb493120f1e7', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '396ac2ec3fcc8d49f8a346d1059cb096ef2e2874' }), h("div", { key: '4aa607dcc9c4c675224e9d7effd1e8ad2bdee097', class: classes([
+        return (h(Host, { key: '5226e33bb8f9280965b254c51235c38e2e5f6ab6', class: "zonos--elements" }, h("div", { key: 'fd9bc052cc1081cbd87eaa3f4e6f0f53070c5b53', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '82d9885a2afb7e28707ddf6b24cb7c2dc148ef33' }), h("div", { key: 'c59b3beaca558dc95149455c9a15a8ce26bb0d70', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: 'e69a1883f21f277be88e892a99ae6e66a9829a1c', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'cb901c3cd7d0931f157eddef8fe4286fbd66b66b', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: 'f5213ba0f401359e5bccd289df3eae18e7b18a1d', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '3bfad7df7cf6715230ffc0bc1c0b49b8900955b7', 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 CHANGED Viewed

@@ -7,9 +7,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '3d9977f4c55f7f1047ec94dcc3a3c40105559c00', style: {
+        return (h(Host, { key: '415d652d553042161ef364e2a8ccd226fcfe3d84', style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'aa910d4f9a11d3d1a66836aed442726241b73273', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'ec50cc05f71018b4b6fef1288f1371ddde030a3a' }))));
+            } }, h("div", { key: '1d8df528db72b8c1102742203eb53ce81efb1aae', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '66d247c7e8c8da9e311014695ce3a50b38709c33' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class ZonosComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '9a5547114b58b739fb5d783f551bc345f067779d' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '4d80a174a7fa12f620fc831eb7fe3f5ad8ad575b' }, "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 CHANGED Viewed

@@ -17,9 +17,9 @@ export class ZonosHelloDialogFooter {
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
         const footerTheme = primaryColor && isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
-        return (h(Host, { key: 'ae185b9859f64fea077e093af2decc170f24170b', class: "zonos--elements" }, h("div", { key: 'c472973505ab6cde075af193df735d0524fc35a0', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
+        return (h(Host, { key: '046b97e6ed7c35e5e9a244d0ffc3b59dfd206a8a', class: "zonos--elements" }, h("div", { key: '9134e27c1ec407b7661b6b92cd37cd17333e0f15', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
                 '--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-            } }, h("a", { key: '95cb8c09a3a3f566365f0044d6fcdcf6a82facee', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e11df129f087f9de259c2f24bd294f8d0a881e0d', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: 'df26ef41d24395a2db6d8e3c9dc83a62e0e707ef', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '9b1797c3fdd17044fecb6ae4526d3c053d1ab59a', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'eac17e7e84dc2a80abfcbaed3753512e6358f8db', buttonColor: "gray-1200", icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: '670c4627ff0297e2a4869a00e19032b3289396d7', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'b67dd84bc4a4a245a0f2117e5b063df659f12ef9', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: '823af21d0e96c52eed9cb9b6b13faf875bba13c8', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'edd4b9d15b9e2f5051bd5e3e524fcd0d93e66543', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'f350f61d47eb93d7ac8ebc5c8faddc932262f990', buttonColor: "gray-1200", icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     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 CHANGED Viewed

@@ -157,17 +157,17 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'ccabd686943b009ed6bb9c0ec64a6a4e7cc917f5', class: "zonos--elements" }, h("div", { key: '6bfbae15f5b43413fc76d21b94d0d56a2ce48f4d', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'f300db080cf0634c72aae93aceae288ce67c500c', class: "zonos--elements" }, h("div", { key: 'e61bbf7022be71909ab56267721026f95b9fc2fc', "aria-hidden": "true", 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',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", null, h("div", { class: "zonos--hello-dialog-content" }, h("zonos-button", { 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", { spacing: 24 }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { type: "boldSubheader" }, welcomeMessage), h("zonos-text", { innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '909e251587e2650dbdc1afe5b19e9b3a55f72a18' }, h("div", { key: 'a4a79886507449ba688c87474d064528cae3779b', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '1e7a3e74f3f5ab94a70983a067cc08d596d9c5be', 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: '1c981178390c120427d61f68a05808a95f8da72a', spacing: 24 }, h("zonos-country-flag", { key: '095e060cf50ee4525ea501e682735370c0c03cfa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '1db18e95118922462526c7092accf42639bd4fdd', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'f494d050c90922328f3e8ea3bd05e1cf9e6d239c', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'b31645d57a3c5f25eb59b61482d4e383e3cb962c', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '1e8f0a656074cd830715d19685c2a3c9daced9be', 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)))));
-        }), h("zonos-card", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)), additionalInformation && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", null, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'fd2c574714b2e0dafacb4f9390c81b7b6003c7d3', spacing: "12px" }, h("zonos-v-stack", { key: '41a9864f58ddc28f1767113f517a7a9cf3a0be6d', spacing: 12 }, h("div", { key: 'ced705bcf185987815a898a173d08c571017a052', class: "zonos--flex-message" }, h("zonos-icon", { key: '4724edca926eec5e050c711dcb96c6b914985695', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '6c6d3b36897fd141ca83fbf008dae9f24ac56e40' }, dutyDeMinimisMessage)), h("div", { key: 'abe17715558f2ee3ded882eb2c5c1466904bfc8e', class: "zonos--flex-message" }, h("zonos-icon", { key: 'e8371f1e89a5b21947bfdcf73e6294bd6de49946', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: '952485295cfec2d7ad1b61523bb05378bae08e34' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: 'abc0e4c7ddecbe85dd8f4b8adab15073b1b6a2db', class: "zonos--flex-message" }, h("zonos-icon", { key: '973ea223a40648ca8cac99bd0c839dd324894f1c', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'c6460eefa388097ed27e29d3a91055afbf8a5261' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'daabdaf6f1f59e6e2ef3ad7516af60eb50a34633', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '88608070d3a34b3742eeac74cb836b98ddb171eb' }, h("zonos-country-select", { key: '91acd80a1549277528927512e9d299282a0e3d26', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '5b70e70778b8e863d1f256406f884179a01d9de2' }, h("zonos-language-select", { key: 'ba74dfc5baa25694dec9273c08644db8cd312dc1', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/collection/components/stripe/zonos-address/zonos-address.js CHANGED Viewed

@@ -201,7 +201,7 @@ export class ZonosAddress {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'b1ad2f6c9c23e6411bf1adccdd34b3aa4f5250b1', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '786a733a44925a670393b72bf0ae3db5ba59f9a1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b9d58cbc17abf5daf5d13ffdebc7485c3ac6457d', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
+        return (h(Host, { key: 'be43a9b0929211e2dd8e83950569caa12213ad91', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '2a9214eae80832c2f706f3dc2e7c837c9f615dd6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '70a039b36fe8550680c95338f1b225389f5c7fab', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { key: 'a9cf6873645eb0ef68be0595d1f16483fccdf5df', bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class ZonosLinkAuthentication {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'a434761e3f237cd44971e458512c7649f214eb4d', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '0c350ff6dabb1c71376e4e6539a68613d7174189', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e9cc2bd1e68b64e2fed41851a0d2f2be40583337', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: '675de93a982a3cc558b64f24971441c227955e6f', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'd75a5a301e869325c9a249275ce10d4905c0198c', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'fbf58d00fa76d7e715f2d1056a298840043e1056', class: "zonos--link-authentication-component" })));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'db50fedad509b3bc972cfe02d5973a3c93a6eb23', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'a773ce78377a70c57577eb1efdac9d2563d1a60d', class: "zonos--payment-component" })));
+        return (h(Host, { key: '4886087d915369f60296b6ba86fe9400ae6db8dd', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'ac83371e795b8ae833087143c719cf6dfc066ab3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '2895560e50d856a071bef08c800b3112899e22e8', class: "zonos--payment-component" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/zonos-address2.js CHANGED Viewed

@@ -221,7 +221,7 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'b1ad2f6c9c23e6411bf1adccdd34b3aa4f5250b1', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '786a733a44925a670393b72bf0ae3db5ba59f9a1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b9d58cbc17abf5daf5d13ffdebc7485c3ac6457d', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
+        return (h(Host, { key: 'be43a9b0929211e2dd8e83950569caa12213ad91', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '2a9214eae80832c2f706f3dc2e7c837c9f615dd6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '70a039b36fe8550680c95338f1b225389f5c7fab', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { key: 'a9cf6873645eb0ef68be0595d1f16483fccdf5df', bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/zonos-badge2.js CHANGED Viewed

@@ -19,16 +19,16 @@ const ZonosBadge = /*@__PURE__*/ proxyCustomElement(class ZonosBadge extends HTM
         this.rounded = false;
     }
     render() {
-        return (h(Host, { key: '9e6c4ec2341f5ca076a3c54bcce347db9e83bb38', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '9113b76d0368284d8062ba73cb1433ae64648c56', class: classes(['zonos--elements zonos--badge']), style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'ad4d88e7ac5b8e8a617bb904faeaad73d426c271', class: classes([
+            } }, h("div", { key: '0edaabad09319fa6cc2d5b02c304e5ed77d35eac', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: 'd0709a3ffbcc65703933273f614bbb71792b8f61' }, h("slot", { key: '997537e7fd4102a35a1e16789fa7b5444ee85a5a' })))));
+            ]) }, this.icon, h("zonos-text", { key: '2d37289c26e12cb074ff7003032a1d417bbf1fdf' }, h("slot", { key: '2caa00a312b624d747dbe145b8673ced9118e49e' })))));
     }
     static get style() { return ZonosBadgeStyle0; }
 }, [1, "zonos-badge", {

package/dist/components/zonos-button2.js CHANGED Viewed

@@ -99,12 +99,12 @@ const ZonosButton = /*@__PURE__*/ proxyCustomElement(class ZonosButton extends H
         const spinnerColor = backgroundActualColor && isDarkColor(backgroundActualColor)
             ? 'white'
             : 'black';
-        return (h(Host, { key: '284820ccca8e757e0223e3cc5fb13b7ed89a1eba', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '104b26d8b3fac6bafce6f5f852775af682d1b3f3', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,
                 '--color': color,
                 '--font-family': zonosStoreFontFamily(),
-            }) }, h("button", { key: '635799fed660c88d0a2a3f3b6f5490149bb5edc3', class: classes([
+            }) }, h("button", { key: '2ad1b59dd11e4460928b42f33e5d421e90f259d2', class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -117,7 +117,7 @@ const ZonosButton = /*@__PURE__*/ proxyCustomElement(class ZonosButton extends H
                 overrideBackground &&
                     variant === 'standard' &&
                     'override-background',
-            ]), disabled: disabled }, this.loading && (h("div", { class: "zonos--spinner-wrapper" }, h("zonos-spinner", { size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '35af5f49e65bb8cf93d538fa741302b41887da67', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            ]), disabled: disabled }, this.loading && (h("div", { key: '2849e63aa713c682e61a4a0c95e9bd5e0f5f8892', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '7040089b82edd821ae997f39fbbab50c0e523924', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'b20b86b70bbb180f45880ffaf1fd13751fc4682f', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     get ele() { return this; }
     static get watchers() { return {

package/dist/components/zonos-card2.js CHANGED Viewed

@@ -19,12 +19,12 @@ const ZonosCard = /*@__PURE__*/ proxyCustomElement(class ZonosCard extends HTMLE
         this.spacing = '24px';
     }
     render() {
-        return (h(Host, { key: 'c2f25ffa32920500b63702df35b9e30dcf28b47d', style: {
+        return (h(Host, { key: '0d8b5af14b922c5bb4664a657da1f5f40dbb80c9', style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '30515451d4694d3fffffab4c23ac2b0ff0e37710', class: classes(['styled-card']), style: { padding: this.spacing } }, this.label && (h("header", { class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { type: "subheader" }, this.label), h("h-stack", { spacing: 8 }, this.actions))), h("slot", { key: 'a1ced320f20a585c7201fc5c7b0729ce8e91a176' }), (this.footerActions || this.footerContent) && (h("footer", { class: "card-footer", style: {
+            } }, h("div", { key: '4636de2659dac17eddf05aa9ce0e3b1b3091de65', class: classes(['styled-card']), style: { padding: this.spacing } }, this.label && (h("header", { key: '591276139b808995cb26b54921bdbb1d55995fbb', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '017ca4195a3d2b9efdc337966203165a1f0f074d', type: "subheader" }, this.label), h("h-stack", { key: 'dc3a2c4ad7cb2a053819727fc5bff90d70438a25', spacing: 8 }, this.actions))), h("slot", { key: '0f19e23f2744b2ccbfc5ca7d1aefebf7326ab649' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'fd0adb2b5146f0542c12b2628f011417911c54ec', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", null, this.footerContent), h("h-stack", { spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '82bc7d63eec3c3d716128740e86879a11befa0aa' }, this.footerContent), h("h-stack", { key: '66261eaffa40882c5bd2255649325a16a5f65f7e', spacing: 8 }, this.footerActions))))));
     }
     static get style() { return ZonosCardStyle0; }
 }, [1, "zonos-card", {

package/dist/components/zonos-checkbox2.js CHANGED Viewed

@@ -46,14 +46,14 @@ const ZonosCheckbox = /*@__PURE__*/ proxyCustomElement(class ZonosCheckbox exten
                     ? 'var(--amino-gray-800)'
                     : 'var(--amino-gray-0)';
         const borderStyle = getBorderRadius(this.borderStyle, '4px');
-        return (h(Host, { key: '2ae2a0d33d34aafe96cc91e1cd7c7ee530dede4b', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: '47b3b90b44f846e49de755f2c131e79da3f34c0f', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--font-family': zonosStoreFontFamily(),
                 '--size': `${this.size}px`,
-            } }, h("label", { key: 'b9630027581a9f20374c2dfe88faa94cb50203c9', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'd1b2411d9f906692f18514a15df1bb290f662164', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, h("label", { key: '6c1aac697aee17eb684d8416ae65092e3095fada', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'f75b6bff9ea136596af3489721096d862ea622c3', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '8fc3cda232615f446aff5db71cd992de5327b8e7', class: "checkmark-container" }, h("svg", { key: '5b91a7a26abfd80850eb3c2bb2e045ef73abfd7a', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2046a40a75da63ac288c5def90d82ab0d0e0523c', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '2a2dcd8e798fdd54daf43dedcb42dac3088a6dfc', class: "checkmark-container" }, h("svg", { key: 'e74713df9adc970d0a5b8d6374eb63e69c64ff1a', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3ae1a1a8f74a607ad5d4e4f940b45ac0b242426e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '25ff0a74e7ec6409e41d3f2998648f0c28a28ae0', size: this.fontSize }, this.label)))));
     }
     static get style() { return ZonosCheckboxStyle0; }
 }, [1, "zonos-checkbox", {

package/dist/components/zonos-checkout-finish2.js CHANGED Viewed

@@ -172,7 +172,7 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         // }, 0);
         return (h(Host, { key: '8c2087b3a0578cbbd7979fff5e6b696a4325e548', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius(this.borderRadius),
-            } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h(Fragment, null, h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
+            } }, this.isLoading && (h("div", { key: 'dd86d26aee1eb604b8e9b2e7328706db43c80467', class: "loading-wrapper" }, h("zonos-spinner", { key: 'a2f07a512a1d45df0be48461b0e989681b6cb78d' }))), !this.isLoading && (h(Fragment, null, h("div", { key: 'f147c24eefb4aa36ed556c581c2f64a096dbe17b', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '33a02654ede8a7ef7d884b0138c6e2c96406372f', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'c179ac24421803973ae8509a338cc34a4c80ac54' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '488594968d4e957856218b0f804ed9b9947102aa', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get style() { return ZonosCheckoutFinishStyle0; }

package/dist/components/zonos-checkout-footer2.js CHANGED Viewed

@@ -55,10 +55,10 @@ const ZonosCheckoutFooter = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1200';
-        return (h(Host, { key: '2ce26e27b7c90b4d37f26197821ed1a39ddb9fae', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '5f52ec7b5ad1659ceb9d2edb4661e5995b72afaf', class: "zonos--checkout-footer" }, h("div", { key: '5d127f033702bff94cc2db76b4695a03055ec783', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '701b5014848ea716f7dcc22221b453146af92962', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'e2a319113905bd76473aef822780521f2be58405', class: classes([
+        return (h(Host, { key: 'fae1e5cb1250e834ecf3b09f11785ddea61be3b2', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'f3d48fcc675458dd38ca48e21f24a003b5ff9b56', class: "zonos--checkout-footer" }, h("div", { key: '97daec871630cf2bb33956b668abee2e715eceb5', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'cd6e12e8d1320e3e6542eef16f15ab27921748c3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'bdc6d9311d2d039e87c261ead45474b7bf1fe992', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '4fb9860a4547541f3947d349ab6056e899335952', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '0a348521a7ccecc23a7a69019940c2421bb8420c', class: "zonos--checkout-footer-icon-wrapper" }, h("zonos-text", { key: '9adf4c24fcf1b5d0827556e9e68006860b0bb9c4', textColor: colorDesktop, type: "caption" }, "Powered by"), h("a", { key: 'a3f957e10d14d68d3973169470a21fdabb2f7a06', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '49592d8302447d007dc840de18fa78af7898f382', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
+            ]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("zonos-text", { key: '41a7fae5a1a08d22b91341ccfcc0df9daeeb8f82', textColor: colorDesktop, type: "caption" }, "Powered by"), h("a", { key: '394e19392718d2a40a351692fa358f8f86366b46', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '4d8cadbb7c26e8f7888caad2b158d521ab504590', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/zonos-checkout-progress-tabs2.js CHANGED Viewed

@@ -89,17 +89,17 @@ const ZonosCheckoutProgressTabs = /*@__PURE__*/ proxyCustomElement(class ZonosCh
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: 'e79dc4967096d3b6f0ac25d58f02e77f773c8e95', class: "zonos--elements", style: {
+        return (h(Host, { key: '508d496a46dc5c97d68326e079a344f677f9cfc2', class: "zonos--elements", style: {
                 '--color': contrastLabelColor,
                 '--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '20e500d31c28ee0705c1999e0f258b679af9d73a', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '35892f4230914211d8aecde8bbc99fffebe44f47', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '129502b873f339192ef5f4c67ac8c06d533ccfca', class: "zonos--tab-progress" }, h("div", { key: '728a074d6a411b400be30929bf9a5fdc8431745d', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '475526f811089f65ecfa1d81348f22e77662e565', class: "zonos--tab-progress" }, h("div", { key: 'b45d8170d733043c66e7d6e8f52874f3ccfa0274', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return this; }

package/dist/components/zonos-collapse2.js CHANGED Viewed

@@ -48,10 +48,10 @@ const ZonosCollapse = /*@__PURE__*/ proxyCustomElement(class ZonosCollapse exten
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '032f5818dd8394b5111927907c8fa135a55fef5c', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: 'db574e5124dcd54045af65a6f429af3fddc501fd', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '5ddbf406c93f37c9e23375f11dd8439934c0d2a5' }, h("iframe", { key: 'b3efa8bc198918dbb3284e8ce658ffca6249eaa8', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'ffcd123c3a046e62855a650da9972cde94a7774c' }))));
+            } }, h("div", { key: '9f773ededa3fb0b47b2dba74ef701fd8dc3af396' }, h("iframe", { key: '50a8449beb6272a854c34b859be04cdeea10f804', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '5c0bd94dfe7bbb6a8dc20b1bac69e81ae7f99f76' }))));
     }
     get el() { return this; }
     static get style() { return ZonosCollapseStyle0; }

package/dist/components/zonos-component.js CHANGED Viewed

@@ -20,7 +20,7 @@ const ZonosComponent$1 = /*@__PURE__*/ proxyCustomElement(class ZonosComponent e
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '9a5547114b58b739fb5d783f551bc345f067779d' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '4d80a174a7fa12f620fc831eb7fe3f5ad8ad575b' }, "Hello, World! I'm ", this.getText());
     }
     static get style() { return ZonosComponentStyle0; }
 }, [1, "zonos-component", {

package/dist/components/zonos-controller.js CHANGED Viewed

@@ -267,7 +267,7 @@ const ZonosController$1 = /*@__PURE__*/ proxyCustomElement(class ZonosController
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'bd56d32009707ec9042ae5f8a87de7a7cedcca73', class: "zonos--elements" });
+        return h(Host, { key: 'e0869cf08934b9d047adef9875c9a5f50d604bdf', class: "zonos--elements" });
     }
     static get style() { return ZonosControllerStyle0; }
 }, [1, "zonos-controller", {

package/dist/components/zonos-country-select2.js CHANGED Viewed

@@ -10,9 +10,9 @@ import { d as defineCustomElement$2 } from './zonos-text2.js';
 import { d as defineCustomElement$1 } from './zonos-v-stack2.js';
 /**
- * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)
+ * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)
  *
- * Copyright (c) 2022 Kiro Risk (http://kiro.me)
+ * Copyright (c) 2023 Kiro Risk (http://kiro.me)
  * All Rights Reserved. Apache Software License 2.0
  *
  * http://www.apache.org/licenses/LICENSE-2.0
@@ -110,8 +110,6 @@ class KeyStore {
     keys.forEach((key) => {
       let obj = createKey(key);
-      totalWeight += obj.weight;
       this._keys.push(obj);
       this._keyMap[obj.id] = obj;
@@ -1775,7 +1773,7 @@ class Fuse {
   }
 }
-Fuse.version = '6.6.2';
+Fuse.version = '7.0.0';
 Fuse.createIndex = createIndex;
 Fuse.parseIndex = parseIndex;
 Fuse.config = Config;
@@ -1831,9 +1829,9 @@ const ZonosCountrySelect = /*@__PURE__*/ proxyCustomElement(class ZonosCountrySe
         const filteredCountries = this.inputValue
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
-        return (h(Host, { key: '0024a7061a593cf3c92fd7f6b5916aaac3a835c9', class: "zonos--elements", style: {
+        return (h(Host, { key: 'ae921c5a4aa83cdde8f42d8993603e824344f11a', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e6ef5d8cc13e731c94ee5ef037c02eac36d9bce6', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'f698da7688757b6728e99e0cecb21ac4ce586d30', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'd37801e6023262a582d3ecc6e3a39f505f7e82b8', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, h("input", { key: '6f053c963f5e25b5285a94070336650537bbdad3', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), h("div", { key: '3d3e180b204bf9fa0893fec7839f1d0d5c4740c1', class: "zonos--country-select-content" }, filteredCountries.map(country => (h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === localizationStore.selectedCountryCode && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
+            } }, h("div", { key: 'b3bd4c0a0a4aeee8f4de78aadd8cd26b69e060a3', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'aae54d33cc8a3b6befcbb259f92320da230df5be', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '8627db51744e70f94ce01a024ac38343d7f2ee00', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, h("input", { key: 'affa5003e513bae802cdf029f3996cc2dd31f7d4', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), h("div", { key: '8b892a23cb69d44d886b69a7a038e3a98c97eb1b', class: "zonos--country-select-content" }, filteredCountries.map(country => (h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === localizationStore.selectedCountryCode && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
     }
     get ele() { return this; }
     static get style() { return ZonosCountrySelectStyle0; }

package/dist/components/zonos-custom-message2.js CHANGED Viewed

@@ -31,9 +31,9 @@ const ZonosCustomMessage = /*@__PURE__*/ proxyCustomElement(class ZonosCustomMes
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: 'b09b7025fb55c4323aaa24ccb7e410d1638bed8a', class: "zonos--elements", style: {
+        return (h(Host, { key: 'b917fa2e0b2293b3423ba8910cca667b62c3b7c0', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { class: "zonos--custom-message", spacing: "12px" }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '28d3e6d986ee9a2d56ddb173f1e1e5094d18634a', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '526de02e727a977f42e5547fc1ba0c91d682e72f', class: "zonos--flex-message" }, h("zonos-icon", { key: '0e2360d11bff3c94c3ba722a0a2b4767f04232fc', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'fa8c7e5042f1d622053ccd86bb52b51304ffc83e', innerHTML: messageWithLinks }))))));
     }
     static get style() { return ZonosCustomMessageStyle0; }
 }, [1, "zonos-custom-message", {

package/dist/components/zonos-dialog2.js CHANGED Viewed

@@ -57,7 +57,7 @@ const ZonosDialog = /*@__PURE__*/ proxyCustomElement(class ZonosDialog extends H
             document.body.style.overflow = 'auto';
         }
         const borderStyle = getBorderRadius(this.borderStyle);
-        return (h(Host, { key: 'f0aee4766d2c62f3f4feff18c99dba62ea97ca06', class: classes([
+        return (h(Host, { key: 'b2f500bb70769f6d14d7e4002e5b11fe854e3bd1', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -68,10 +68,10 @@ const ZonosDialog = /*@__PURE__*/ proxyCustomElement(class ZonosDialog extends H
                 '--font-family': zonosStoreFontFamily(),
                 '--height': this.height || 'initial',
                 '--width': this.width,
-            } }, h("div", { key: '42e8afd7ddc94ab9ec4951f4221e32729256694e', class: "zonos--backdrop" }), h("div", { key: '035c21c65ae5cabc12b41b6ad1684fa4dbc5b92e', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: 'b9a3299c9fb920f9af5783506b0489122b2eae11', class: "zonos--dialog" }, this.isLoading && (h("div", { class: "zonos--loading" }, h("zonos-spinner", { size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { class: "zonos--header" }, this.headerText && (h("h3", { class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), h("div", { key: 'f5e5a75782ca6acd4a2c004756b800f3c2558129', class: classes([
+            } }, h("div", { key: '9715c4765caee524a8030b2baa9352e44d0eeec0', class: "zonos--backdrop" }), h("div", { key: '05357a1ab95c995a35602517555f33e14c712bcc', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: '6acbd0635fcfb95910c20db9d1803a3c2685f4ac', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '5a94b2d158ffdd5c1d5b4b6e2d1cca60ff31fb10', class: "zonos--loading" }, h("zonos-spinner", { key: '80fe57fea64e1ac4a5eb286fe19c327230748837', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '773b53526fc24469e41e927d50a0aadbc8470a4a', class: "zonos--header" }, this.headerText && (h("h3", { key: '9e9a754fdc82900b720ac5289b83d0217eb89517', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '4525da6839849fd972f9b470e280f176803921ed', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), h("div", { key: '1c9ff5924f0fa9cdb7753fbcf0c2dc51171535b0', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '3fe4ec47852e99f1dc5b6a7a84a8b918594b8b7f' })), h("slot", { key: '5515f4109274b178249c05c6e6c91fdc30ce528a', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '96b0c127f550413a5108a6f87a8397a0c6e01e64' })), h("slot", { key: 'a5c64424aadb3a56682de39b497ecc0eafdf3de7', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get style() { return ZonosDialogStyle0; }

package/dist/components/zonos-hello-dialog-footer2.js CHANGED Viewed

@@ -36,9 +36,9 @@ const ZonosHelloDialogFooter = /*@__PURE__*/ proxyCustomElement(class ZonosHello
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
         const footerTheme = primaryColor && isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
-        return (h(Host, { key: 'ae185b9859f64fea077e093af2decc170f24170b', class: "zonos--elements" }, h("div", { key: 'c472973505ab6cde075af193df735d0524fc35a0', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
+        return (h(Host, { key: '046b97e6ed7c35e5e9a244d0ffc3b59dfd206a8a', class: "zonos--elements" }, h("div", { key: '9134e27c1ec407b7661b6b92cd37cd17333e0f15', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
                 '--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-            } }, h("a", { key: '95cb8c09a3a3f566365f0044d6fcdcf6a82facee', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e11df129f087f9de259c2f24bd294f8d0a881e0d', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: 'df26ef41d24395a2db6d8e3c9dc83a62e0e707ef', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '9b1797c3fdd17044fecb6ae4526d3c053d1ab59a', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'eac17e7e84dc2a80abfcbaed3753512e6358f8db', buttonColor: "gray-1200", icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: '670c4627ff0297e2a4869a00e19032b3289396d7', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'b67dd84bc4a4a245a0f2117e5b063df659f12ef9', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: '823af21d0e96c52eed9cb9b6b13faf875bba13c8', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'edd4b9d15b9e2f5051bd5e3e524fcd0d93e66543', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'f350f61d47eb93d7ac8ebc5c8faddc932262f990', buttonColor: "gray-1200", icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     static get style() { return ZonosHelloDialogFooterStyle0; }
 }, [1, "zonos-hello-dialog-footer", {

package/dist/components/zonos-hello-dialog2.js CHANGED Viewed

@@ -200,17 +200,17 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'ccabd686943b009ed6bb9c0ec64a6a4e7cc917f5', class: "zonos--elements" }, h("div", { key: '6bfbae15f5b43413fc76d21b94d0d56a2ce48f4d', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'f300db080cf0634c72aae93aceae288ce67c500c', class: "zonos--elements" }, h("div", { key: 'e61bbf7022be71909ab56267721026f95b9fc2fc', "aria-hidden": "true", 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',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", null, h("div", { class: "zonos--hello-dialog-content" }, h("zonos-button", { 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", { spacing: 24 }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { type: "boldSubheader" }, welcomeMessage), h("zonos-text", { innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '909e251587e2650dbdc1afe5b19e9b3a55f72a18' }, h("div", { key: 'a4a79886507449ba688c87474d064528cae3779b', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '1e7a3e74f3f5ab94a70983a067cc08d596d9c5be', 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: '1c981178390c120427d61f68a05808a95f8da72a', spacing: 24 }, h("zonos-country-flag", { key: '095e060cf50ee4525ea501e682735370c0c03cfa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '1db18e95118922462526c7092accf42639bd4fdd', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'f494d050c90922328f3e8ea3bd05e1cf9e6d239c', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'b31645d57a3c5f25eb59b61482d4e383e3cb962c', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '1e8f0a656074cd830715d19685c2a3c9daced9be', 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)))));
-        }), h("zonos-card", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)), additionalInformation && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", null, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'fd2c574714b2e0dafacb4f9390c81b7b6003c7d3', spacing: "12px" }, h("zonos-v-stack", { key: '41a9864f58ddc28f1767113f517a7a9cf3a0be6d', spacing: 12 }, h("div", { key: 'ced705bcf185987815a898a173d08c571017a052', class: "zonos--flex-message" }, h("zonos-icon", { key: '4724edca926eec5e050c711dcb96c6b914985695', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '6c6d3b36897fd141ca83fbf008dae9f24ac56e40' }, dutyDeMinimisMessage)), h("div", { key: 'abe17715558f2ee3ded882eb2c5c1466904bfc8e', class: "zonos--flex-message" }, h("zonos-icon", { key: 'e8371f1e89a5b21947bfdcf73e6294bd6de49946', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: '952485295cfec2d7ad1b61523bb05378bae08e34' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: 'abc0e4c7ddecbe85dd8f4b8adab15073b1b6a2db', class: "zonos--flex-message" }, h("zonos-icon", { key: '973ea223a40648ca8cac99bd0c839dd324894f1c', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'c6460eefa388097ed27e29d3a91055afbf8a5261' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'daabdaf6f1f59e6e2ef3ad7516af60eb50a34633', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '88608070d3a34b3742eeac74cb836b98ddb171eb' }, h("zonos-country-select", { key: '91acd80a1549277528927512e9d299282a0e3d26', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '5b70e70778b8e863d1f256406f884179a01d9de2' }, h("zonos-language-select", { key: 'ba74dfc5baa25694dec9273c08644db8cd312dc1', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {