@zonos/elements 1.3.282 → 1.3.284

package/dist/cjs/zonos-button_3.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-ebc74b4d.js');
+const isDarkColor = require('./isDarkColor-a6e6fd5e.js');
 const styles = require('./styles-d1e64fb9.js');
 require('./VarianceTest-bec00ea8.js');
 
@@ -211,13 +211,13 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius.getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: '6e6b961c9215370bdbfce09715d1a16d878d2d85', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
+        return (index.h(index.Host, { key: 'df2bfe5807583d29166ccb7f5da28dcf5b41dcd3', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, index.h("button", Object.assign({ key: '3941358241e37fb19b2ace0fa0d892002c6967f0' }, this.inheritedAttributes, { class: classes.classes([
+            }) }, index.h("button", Object.assign({ key: '18c6ba3797948296d847a8deed8784ee34b93113' }, this.inheritedAttributes, { class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -232,7 +232,7 @@ const ZonosButton = class {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (index.h("div", { key: '769b699dd66e0e5f960efe018b0be7fed2a2ecd3', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: 'e7be35423da99ccc0bf9ba2269f030f0c2ea9223', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: 'cacea287ce83b46f57aae7753805d8bf4e580f82', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (index.h("div", { key: 'b468795b69f4e20f7d0ca2c915b95080a53092e4', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '368ea5d9cdb641140d78e55ac1874cbfd6b48db0', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '41ecf6db38ca534ed99fd8c2f6020bbfe99cddc9', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return index.getElement(this); }

package/dist/cjs/zonos-card_5.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
-const cart = require('./cart-dc31b242.js');
-const localization = require('./localization-491121ad.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
+const cart = require('./cart-94908542.js');
+const localization = require('./localization-fb2ece37.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-2a4c374c.js');
+const paypal = require('./paypal-45ca5301.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-require('./isDarkColor-ebc74b4d.js');
+require('./isDarkColor-a6e6fd5e.js');
 require('./TaxId-cd9d490e.js');
-require('./isContrastColor-ef24b7aa.js');
-require('./submitGtag-74762255.js');
+require('./isContrastColor-30f84a91.js');
+require('./submitGtag-8a25f001.js');
 
 const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;
@@ -40,16 +40,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (index.h(index.Host, { key: '2e397f11a2f497f2bafcf5f6a0f5922e66488845', style: {
+        return (index.h(index.Host, { key: 'afc0d2d9b79510aa9d85c89af3c01d5a5c767787', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '300923b5b9b7db94cad3e47060174245ea61b75e', class: classes.classes(['styled-card']), style: {
+            } }, index.h("div", { key: 'b68bbbb581f56db81f9b7819f6047c1ec48a956f', class: classes.classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (index.h("header", { key: '021cc3d1e0b79ab31c19212891d17fbaf5a5b77a', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '82f3d6ea4a52d822801d80b2a3c9cf35ed574464', type: "subheader" }, this.label), index.h("h-stack", { key: 'c272945368a1074513bcc06b7c306ca5c62ae8e9', spacing: 8 }, this.actions))), index.h("slot", { key: 'f1c1a3360eb8331e4f4ab69aec8c1dbd7dca2119' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '13f8e6d12545203c8a8a9ec5056e38df691eb907', class: "card-footer", style: {
+            } }, this.label && (index.h("header", { key: '27db75fa9c5ac5dbdfefd92656aa6d8e5b654349', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: 'f54d58eb5f010346d2fcf919baf69d5c799bdbc4', type: "subheader" }, this.label), index.h("h-stack", { key: 'a3cbee0ae5fc73bb9507d5e30ab6779f2ce46f55', spacing: 8 }, this.actions))), index.h("slot", { key: '6ce557ff8df6046d428b22b290c3d79ce6bf36ad' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '7cc44dfa05e46026444ac1db6755b30151937be0', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: 'aad83f26fe6816d98edd96ffc28c24b82085a5e9' }, this.footerContent), index.h("h-stack", { key: 'fd6bf6f1069f9e85d7b17fb944d26dd5fc7e0151', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '6c401d4fbc34346f160b239a7190eb170763c382' }, this.footerContent), index.h("h-stack", { key: 'e6cc5de886d04757374b380149fe5b78b0874cf2', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -262,7 +262,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '8ccf61c2c78fac6b3d981b18dedae1e32921eb14', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '5ae4d0452d284b793ac179254b1891c183d63f03', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '251e74ccefed8ee31135cc29cdd71497f7cb1a8a', class: "zonos--payment-component" }), index.h("div", { key: 'b32c007382c63482f3e7f9af7c60afaaf8b4dbb9', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'faf7791e4cbf6bf8c98fe0b2f368f408ef32b644', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'e6103d0e04f9905b90533bf94539aaae1d5aa604', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'b042060ff6fef2d7f20b20ec672b2696cb5f837c', class: "zonos--payment-component" }), index.h("div", { key: 'b6a220513bb964a057c70141dcec89059dbbb0c8', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -326,7 +326,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (index.h(index.Host, { key: 'd652adf83bc2620a8c21a7b2e6d8c0c419be8a1b', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: 'd6fdb79be6b31b5a2fb5ad6cc11c6001d4ac31e9', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: '2eb9e7f7acbe26f51c32ceb722f1e59832ac918a', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '47ad7f3dfdea67dd5e222e6bbba46ed4599680be', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/zonos-cart-items_12.cjs.entry.js

@@ -3,32 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-dc31b242.js');
-const localization = require('./localization-491121ad.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-ab39875a.js');
+const cart = require('./cart-94908542.js');
+const localization = require('./localization-fb2ece37.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-1b0cd5f2.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-57147de7.js');
 const classes = require('./classes-b7918f56.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
-const hasInclusivePrice = require('./hasInclusivePrice-d14b9d71.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
+const hasInclusivePrice = require('./hasInclusivePrice-d0cd2007.js');
 const isSameHostCheckoutLink = require('./isSameHostCheckoutLink-6148cabb.js');
-const paypal = require('./paypal-2a4c374c.js');
+const paypal = require('./paypal-45ca5301.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-a940a2e9.js');
-const isDarkColor = require('./isDarkColor-ebc74b4d.js');
-const getContrastColor = require('./getContrastColor-2fb235b8.js');
+const shouldShowLanguageSelect = require('./shouldShowLanguageSelect-82985128.js');
+const placeTestOrder = require('./placeTestOrder-302b6862.js');
+const isDarkColor = require('./isDarkColor-a6e6fd5e.js');
+const getContrastColor = require('./getContrastColor-956dfaf7.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-f595319d.js');
-const getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-7cd21100.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-de7b1466.js');
+const getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-124b3f20.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-7d19556c.js');
 const TaxId = require('./TaxId-cd9d490e.js');
-require('./isContrastColor-ef24b7aa.js');
-require('./submitGtag-74762255.js');
-require('./debounce-9a712c79.js');
+require('./isContrastColor-30f84a91.js');
+require('./submitGtag-8a25f001.js');
+require('./debounce-7ca3c878.js');
 require('./ShortAddressCode-bec338b0.js');
 
 const zonosCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}";
@@ -1115,13 +1115,16 @@ const ZonosCheckoutFooter = class {
     }
     render() {
         var _a;
-        const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
+        // label resolves against every language, not just the offered ones, so the current
+        // locale always renders even if the merchant later drops it from the selector
+        const languageLabel = (_a = localization.languages.find(x => x.code === localization.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-1000';
-        return (index.h(index.Host, { key: '3a463ea949a4c94be594297c2d7151e5dac16242', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '7e34187328438ad3d48748917740a8676cca4969', class: "zonos--checkout-footer" }, index.h("div", { key: '5570ef60246917331cc043c5b12933aa8032f009', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '37ffa31d7c49fede9d0938827fdc6533839cc7b0', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'bfce982c3285039125a37c3be266752fea03b4ce', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'd5c1a5e5a43df15a3fcfb8e7cf9635ce369de158', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '15ed2186739391725783bdef158d80d961e0ba92', class: classes.classes([
+        return (index.h(index.Host, { key: 'e233dc26d3869dd123a76a6a20ef7ef20be04ac9', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'c00938cd7e9a015227e022b7085e0544c8567fc8', class: "zonos--checkout-footer" }, index.h("div", { key: '822887a65cad7554ec8295187166da4d53406b83', class: "zonos--checkout-locale-wrapper" }, shouldShowLanguageSelect.shouldShowLanguageSelect() && (index.h(index.Fragment, { key: '1589f09bff0c417aed71f488b9799c3208c30b6b' }, index.h("zonos-button", { key: 'adb4467f16a158d3e6b6410fa0a6e81715d8b4a4', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '9dcd8064cb9d2bca25756d6e5d2e9d28d39bea04', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: '53d267dc3667e8f0af4dd91748a95311e67ae6bb', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '48b44da80d72aa1cf2c20bd2d1faa3935ac41c0a', class: classes.classes([
                 'zonos--checkout-footer-dialog',
-                this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '4857e62f7c7026a2ea5962e24bff0c3eb8528ec9', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '5b30864dae419059892700b83680ed7a00ac0f3c', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '26ef022e181d72ad959b17acd4ab0e8870edf48f', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, index.h("zonos-text", { key: 'b4c804c21a5a5fc6904aa969976c24b7c833bcdb', textColor: colorDesktop }, localization.translate('Privacy policy'))), index.h("div", { key: '142c042ef81891b74e18fe303a50be2a8363e0ce', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '90f54daa4476cbdb3b934f9d6127e1c9245df9a5', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: 'bc6ef3c56a9a3550898f96ae04eeb0444d56e10a', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '21ec5a15e996e2ff925593823ee583832bac4ab5', autoHeight: true, content: colorDesktop === 'gray-1000'
+                this.showLanguageDialog &&
+                    'zonos--checkout-footer-dialog-open',
+            ]) }, index.h("zonos-language-select", { key: '7cc39fa702bb6895556ac35815aea1a87237307b', handleOnClose: () => this.toggleLanguageDialog() }))))), index.h("div", { key: '7ea92dbdf7f70aeda580a8b06b111598e750e883', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '9463c3e591b4094e6516e55f127a193e58e63f75', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, index.h("zonos-text", { key: 'c09ac7de4a75b9667785eb3d023d838dcb70fded', textColor: colorDesktop }, localization.translate('Privacy policy'))), index.h("div", { key: 'a3b7bccb55163b3dc38a778530ed24afaec42498', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: 'da8f3fb699d42192e9dc120f250cbf4029132c0c', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: '674f38407c93fe38801dce5475fd635b22449a44', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'f414178d37e8dc46fa6bb900112d985e9c111841', autoHeight: true, content: colorDesktop === 'gray-1000'
                 ? ZonosIconLight
                 : ZonosIconDark, size: 108 })))))));
     }
@@ -1594,17 +1597,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: 'b6a80cfc838ca16ce76be381fcde573a0d6db0cc', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '90dd30f544a4af6c2ed60b28c55c887dfd91151c', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: '6002136139ac0349c9dca75fc4c24dc258599551', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: '6fbdfc5306c7f266e7ad80f0daefdfe2c747df54', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
-        })), index.h("div", { key: '5b834399f95b66f5ae076e721acb51f50c068551', class: "zonos--tab-progress" }, index.h("div", { key: '267bf0a5b8911eadcca75147d625201115b7de8b', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: 'd797a4c506f42893919ecb30d2ee6a6f64b85ad4', class: "zonos--tab-progress" }, index.h("div", { key: '4c2a229a89f8e3bad1b8385a4311d5796981c834', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -2388,11 +2391,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '709006622bdc4ba41d622c57562d98e90d6bfbbd', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: 'c59d087ef1e9d319835387dafd6044df02fbada4', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'ecd47662e89cdd64c19e56f33fff5ebe929609fd', class: "zonos--restState-image" }, index.h("img", { key: 'c11941895f62fb7cd2dfcb34d8b5409ecbe23a3a', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: '66c517e9e27d02039bb8d94084d27d7bdb63acbc', class: "zonos--restState-image" }, index.h("img", { key: 'c2591b221940f1526f57eefea0a1624826188465', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '40a66ae6959222fedcfd69de6f0236ac078903c3', class: "content" }, index.h("zonos-text", { key: 'ca7f67de9b084e16e1a5e5635a4917680fcbdfd6', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '9e6f22d9fb87b1462044a2395c32b03d9b4b59d3', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'f93aa94983a14e5a4bc03cd339c1d53954da0f30', class: "action" }, index.h("slot", { key: 'b893fc9c907a97f241d6b7148636b01381f26813' }))));
+            }, src: imageUrl })), index.h("div", { key: '12831552ca7bc7c5caed1b8337e302bd757ce066', class: "content" }, index.h("zonos-text", { key: '8d59853bd8670442b50dff2209bcadc66ceee908', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '9c0c37ca8b9b4b7db7567b962cfe2547e16c515b', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '29487c0cf698f4f593f7b93a923810edcec1c800', class: "action" }, index.h("slot", { key: 'fc0a95a5691a15ffa2d83a7b51713209fb6ec095' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/cjs/zonos-checkbox_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
-const isDarkColor = require('./isDarkColor-ebc74b4d.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
+const isDarkColor = require('./isDarkColor-a6e6fd5e.js');
 require('./VarianceTest-bec00ea8.js');
 
 const colorPrefixes = [
@@ -72,14 +72,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'e85da15e441564d911fc0cf3927d4bbfcd151570', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: 'fc12195af264aaca9a9738f594316d5357f8ebb1', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, index.h("label", { key: 'f0dd01f615792e9c2cd2051a8a3aa04d8f6f1f53', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: '503709370926204f7d4c7ac3e75853a832a73401', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, index.h("label", { key: '0db316fec272f3409d2525b4102e8bc6b51b5447', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: '6e72a3e543dc6a0faa300d94adb226167a6f1114', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '228d3d5cabdcd5633bd0fabea9997a787fdca0ae', class: "checkmark-container" }, index.h("svg", { key: '42ab50560eb8fde3dcb3d0d0325ba05c57c5e30f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '63f95aec780a449cb03896ee3a2d2e039355af18', "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 && (index.h("zonos-text", { key: 'fad4553fae51c0dffc77443c08439c8076a9dfbd', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '7703e044bb17535afaf7d1f559e6808e0f7a0777', class: "checkmark-container" }, index.h("svg", { key: 'd6a0c3349d79e0d209c69e098f0b410a7ac67f98', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e12f7a8f0ee87eb72ba9fd9d6f6dbca4e2757e14', "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 && (index.h("zonos-text", { key: 'dd53f7c4c37e21c745450476b69051ea65b03833', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -97,9 +97,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'e4177068eca8831790db346088acde5c24a1cb52', class: classes.classes(['zonos--elements zonos--toggle']), style: {
+        return (index.h(index.Host, { key: 'ad5de3fba6f9f7a5d0820f95c809c6fd9e6d4ca7', class: classes.classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '89c8561a03f2e9c11c858b406fd8dd5cbc92a9b7', class: "wrapper" }, this.options.map(option => {
+            } }, index.h("div", { key: 'd3d4321651c434734e86c470d6861241fcac361b', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-dc31b242.js');
-const paypal = require('./paypal-2a4c374c.js');
-const localization = require('./localization-491121ad.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const cart = require('./cart-94908542.js');
+const paypal = require('./paypal-45ca5301.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-f595319d.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-de7b1466.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
-const isDarkColor = require('./isDarkColor-ebc74b4d.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
+const isDarkColor = require('./isDarkColor-a6e6fd5e.js');
 const styles = require('./styles-d1e64fb9.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 require('./TaxId-cd9d490e.js');
-require('./isContrastColor-ef24b7aa.js');
-require('./submitGtag-74762255.js');
-require('./debounce-9a712c79.js');
+require('./isContrastColor-30f84a91.js');
+require('./submitGtag-8a25f001.js');
+require('./debounce-7ca3c878.js');
 
 /**
  * Check if store discount is enabled

package/dist/cjs/zonos-collapse.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 require('./VarianceTest-bec00ea8.js');
 
 const zonosCollapseCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
@@ -57,10 +57,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: '89b15e5cd4fc45b07cd185c076b239dddc7398f1', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: 'ccd63ae063383c197ef9e3de5fdea5bdfcc1951b', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '21f33e337c456f9706eb4ac05e97e80b1a79b56d' }, index.h("iframe", { key: '2a2dd65f575471f7a0c6bbb407d063103ace77ab', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '6e09930a27e8c5278eea633f0998d4441fc3599c' }))));
+            } }, index.h("div", { key: '49d68d13f7d3fab4104908ec06706ded803b32fa' }, index.h("iframe", { key: '55c8aa296b517b1c69849c0fa56f407b217ad713', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '81207ecc6e59c358edbe4a653064d29c27ac5500' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-dc31b242.js');
+const cart = require('./cart-94908542.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-57147de7.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-491121ad.js');
+require('./localization-fb2ece37.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./isDarkColor-ebc74b4d.js');
-require('./getBorderRadius-4da24d7c.js');
+require('./isDarkColor-a6e6fd5e.js');
+require('./getBorderRadius-97fd5e02.js');
 require('./TaxId-cd9d490e.js');
 
 const zonosCollectCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}";
@@ -26,7 +26,7 @@ const ZonosCollectCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: '1ce09299c7be0b28d85a5bf5b6d0cd1272b305a2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: 'a964c41a141ad4490e3213054d25dd688dca6d18', class: "zonos--cart-table" }, index.h("tbody", { key: 'dbc155d72b4de43839b0e2fc8b8704e5c885a5ec' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '5a60fed50f3e58629cb85103d9c0ba52a3b88aa0', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: 'b1c10fa45ebe5404354284d64abb6460242f1463', class: "zonos--cart-table" }, index.h("tbody", { key: '1306747328419b524058be1cb04b6c0098c9ea89' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             return (index.h("tr", { class: "zonos--collect-cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: item.name, onError: () => {
@@ -53,10 +53,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '029e16a802574614fb1d7cf1c7142425bf5a8dd2', style: {
+        return (index.h(index.Host, { key: '1b810737fd49ee23a1d9ce845049efa6782f5a16', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: '9894338cb38887b8757182f8ed2a4ce1bcff0eaf' })));
+            } }, index.h("slot", { key: '64b114c99ecd5d6b953e5ce77f7d2a820f32cd36' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -79,7 +79,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: 'b5450df7f385c16cc93b492ba8e3369f131db069', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: 'ba8efa50f345f97a2cf905068ff2d8d05557209e', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-463ab3d7.js');
-const cart = require('./cart-dc31b242.js');
-const paypal = require('./paypal-2a4c374c.js');
-const localization = require('./localization-491121ad.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const collect = require('./collect-0c05e2b4.js');
+const cart = require('./cart-94908542.js');
+const paypal = require('./paypal-45ca5301.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isCollectMobileTablet = require('./isCollectMobileTablet-884d4280.js');
 const classes = require('./classes-b7918f56.js');
-const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-ab39875a.js');
-const placeTestOrder = require('./placeTestOrder-a940a2e9.js');
+const shouldShowLanguageSelect = require('./shouldShowLanguageSelect-82985128.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-1b0cd5f2.js');
+const placeTestOrder = require('./placeTestOrder-302b6862.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./isDarkColor-ebc74b4d.js');
+require('./isDarkColor-a6e6fd5e.js');
 require('./TaxId-cd9d490e.js');
-require('./isContrastColor-ef24b7aa.js');
-require('./submitGtag-74762255.js');
+require('./isContrastColor-30f84a91.js');
+require('./submitGtag-8a25f001.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -380,11 +380,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: '79369b0b697b1ab4e4b320442452bcf1f942f57c', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'af26499a2062cf495d4c46a7763ed988a4da0669', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'd7685ab3248308469d186f96384f4c3d4b1994df', class: "zonos--finish-details" }, index.h("div", { key: '45e8b49c5bba2022a1033c4496ed6f910a66af55', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: 'ead6f0af19b569c0e38c0ed10a553d17487f7950', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '81007111e84420a27a390dd4e4146434b6fa371d', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '5b8343c8d75242d8beead8d75dd3826e139aaf02', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: '46d3f8184caefe2f5b143d9d7269a428b73dd7da', class: "zonos--button-container" }, index.h("zonos-button", { key: '9923fc08076ddd03053b0ef0ff77af6debee749c', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: '54fb28be3daee7dd1d63f1dcbdb9a84354fcdb6c', class: "zonos--finish-details" }, index.h("div", { key: '9c71e5dbd23e613e1038924f14c0465d94dbad07', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '3285f4bb8854d5bab6eef487d2b2ae3556794998', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '4cecd6f15ed26fe1e525c01a48e3961845e6f6d8', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'dd7c4011d4d7f92fcd19d53e945adf42f2b3f05e', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'a11bd49a754d32dd15dc34f2311f9706d459f07b', class: "zonos--button-container" }, index.h("zonos-button", { key: '305bcf958a1772cc123414285522e9e0f0b1a839', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -446,18 +446,20 @@ const ZonosCollectFooter = class {
     }
     render() {
         var _a;
-        const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
+        // label resolves against every language, not just the offered ones, so the current
+        // locale always renders even if the merchant later drops it from the selector
+        const languageLabel = (_a = localization.languages.find(x => x.code === localization.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 = 'gray-1000';
-        return (index.h(index.Host, { key: '8ab700c2f2b1a05379fd75e879c818e2adb8afd1', class: classes.classes([
+        return (index.h(index.Host, { key: '7733eba3e2253cc976484a9da290f66afd6ef93d', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'e4de4b99e01ecc9aec961067af0f295a64616f13', class: "zonos--collect-footer" }, index.h("div", { key: '154b2c963f4154174bb9ec74ce7fd9fbd50fba80', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '45bce389798236f0827e2a3adbc185cd93d08541', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '0cdf082f147e03893e50d882794a4330716c351d', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '4a32f8d8dd7e3bfc7117dbb9821ce76e9556cd26', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'da0241df9b3729f615690671a9470fa632d766f7', class: classes.classes([
+            ]) }, index.h("div", { key: '2c5a058034844d818010f4002704fa17e6fd9a46', class: "zonos--collect-footer" }, index.h("div", { key: 'bffe2afd93ca0531b7eea825a7fd69d68b7aa308', class: "zonos--collect-locale-wrapper" }, shouldShowLanguageSelect.shouldShowLanguageSelect() && (index.h(index.Fragment, { key: '5469f522ea7b4b3f25fd7c0a63e717c29e34a84c' }, index.h("zonos-button", { key: '1c88778482c2960cf2a5e55beeda3f3c7f21b950', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '451485445df5f34ca64a36dddd5007ce9f229173', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'a395943215ca541f3db4d3aa6e111c87930a6d08', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '46edba3f7fc8f9316b69626872e0cb478e72cbd4', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'a29977d98d3a4db1230c9fab41d4f84485aee2a7', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'cb7881f46838f5f6639e444f524292aec43df8d6', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '3d3d435a3607762a4004819670367d19d81f4607', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: 'e56373f0f1f7c97a8a47dcc29ddebcaa0b1e9b06', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '1dce741207bdd3c5f9f3a36486d361ba5b0b8683', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'bda31cd75b162b66acad3ab888b69e042e195f1e', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: '896509762127608a50bca02a01051c05ce17c172', class: "dot" }), index.h("a", { key: 'dcff1c02f80665e9b52527b9c8019af5cbf68bd3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'dab8c359011952955a64c20c3fe17977cf286848', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: 'e77a7197a218755149ee6b7f3e07a646bc95e930', handleOnClose: () => this.toggleLanguageDialog() }))))), index.h("div", { key: 'b18dcfe4f0806f3abb6b5855321381334e5206a7', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '5c6c376fe1174cec16e9b6c029172138bc8b180a', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '0899e6990f8f37cf2d604ef15ffd3db0571d5389', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '853891db2db1a4d1297597a9857772503e5b4d10', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'd8731023822bffdec3cfe821c67387df651de13a', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'ba5ae7870c1ed277142ceccf1d44276270b967d0', class: "dot" }), index.h("a", { key: '253dd9112d0626981473d0d0a3309cc577ea5b54', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'a5117f4e2194a4b5d1a5de1696763ca1e174b004', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -798,13 +800,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '3a3a7d5291db82d260d85446ce4ef97bbb8034d1', class: classes.classes([
+        return (index.h(index.Host, { key: '2ed81c7a0a16b9414fe1ce3799efa3b85679f982', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'cb74e4a870e73eadbbbba7590d765f97db8450ba', class: "zonos--title" }, index.h("zonos-text", { key: '1e4cdd77f6102369ac57a836d82431119001a053', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
+            ]) }, index.h("div", { key: 'fcf9fbc8dd807289bcd1c70406495b0c3396bfb8', class: "zonos--title" }, index.h("zonos-text", { key: '44cfb3b82b8e617687c212e108cacafb45713243', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '6c1a8207d2f148c155d50e7e2ff80c1153d86eec', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '5472a1ccc61b49ce8c9578a4c3f801386cab1e7d', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -870,7 +872,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: '873283e3bcbed910a71ec1a45c814a7ea05bcac5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '0df7eed4bd29a79e9065599859317fa2837803c3', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '8d7e641c65cae73a38f182b2775686816eeea853', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'cd85fe2eeebc447cb844be0e9ae2ca3acfbb988f', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '6bf01a7f93b0a097648b7284a5a32aa51311a588', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '981f35ab9dd6d7519a77465b6bd9fa53e21ddbe7', class: "zonos--column" }), index.h("td", { key: '5bc30957e829731d8d18bdbd468eff56abe1527e', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: 'f014c2ae733fe652d7d74349c0e12f93f46d71f5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '0bab186aa957c29f026151f5a112ff66bb42cb04', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '97c24d5f179f5b59bcb91bc156b1d3e15b811262', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'cba67296a6d17c0cd665981eb19ba95706f68843', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '6665f531a8656c4a1e0f9761d919c150587a36fb', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '20aeeee1fde0e63aaa168f32a5400ea82758a14c', class: "zonos--column" }), index.h("td", { key: '14994ca56e814f68fa3511098f5299a0942a295a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Duties')] || 0,
                 isForeign: true,
@@ -878,7 +880,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'aba01d5cd377a972c409971bfa6261101a2aca58', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'c016dafb4c6b92cfc715159249d4c0ed663fc301', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'afab7f0757f4f7e1941a81f2831bdbd4460ba3fa', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '0b6ee1a4a59db701e17caaad5c69da01156f7cff', class: "zonos--column" }), index.h("td", { key: 'a5c0ad551408a7c760048f6660fead6d71f9ba89', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'cbbe4ddf13aabca9ff86b21317b067191f4155b8', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '675a36a92e136f3afd1960616e842e152cba6256', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '8896868f1e7f545d5b92c148a0f9812936ac2a9a', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '8a4c29f6d2d513fd7da8be7b1ab695794f3a99ab', class: "zonos--column" }), index.h("td", { key: 'c15f7a872e59cce222a674acb55388dd18bfb74a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Taxes')] || 0,
                 isForeign: true,
@@ -886,7 +888,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '794f30fc44ea873b4e242e17b5d647f80bf7dd2b', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '0290e97bb88893eda374f62e93e9876900932182', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b789da8295e4069fd3a5f5b6dee0b0457fc31a51', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '38a80da4106ce87ad7dabf6de3b1b1eba710b71e', class: "zonos--column" }), index.h("td", { key: '0fbfa990caf302692dfe1e8c27ddaea51df99660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '4cf155874e4446b9ecab121cbaceba2328323359', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '3efcb4779f34f35a2398eb661f4b799b6b4480c7', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '41d30bb15d216663cd507f2c92d6639b5559708c', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'ef8259d337fb047d8979f5008d2d46f3fc76b007', class: "zonos--column" }), index.h("td", { key: 'e0430efffbe23880a776953ba6a05b0cea268df4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Fees')] || 0,
                 isForeign: true,
@@ -894,7 +896,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '5427b75fa3f55701713bc837c4e75fac31bd5c53', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'd543700b03631be1b95cc5cca39c9239abaf147c', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: 'ddf127c847f6261cb2658e164a58e01f5db47b90', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '1dcb250d978b55e5d999796cf39dcef885e0b145', class: "zonos--column" }), index.h("td", { key: '4299cfc2a589c61878c660e6cc60dc0a44162b2f', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '359d4e0dfec0717cc67d611a561f8e530e387863', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '07f45c0222553309ca503b1eef283b96156e19a5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '279ddddfc6e9fe88bc1f16aeaeb6464737ec212f', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'de88842e26eb39938b573fc2ac89915d9f6708ba', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '48ecfc5852f1cb25b7816503f3279a3cffc1a581', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '06e65acfd5dd213481f415dc2475d9353e18ee53', class: "zonos--column" }), index.h("td", { key: 'b5ae37799d471defdb983a9167b96aa5e176f78e', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '52afa80c7b0eeda13093c26ce031dab4e4a62ee8', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '840e0413b9c0d651ba7de6529d7c6581f165c047', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -902,7 +904,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: '0de126a7c6083b28ecd13a99828d3e9a37a04ba2', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '2b5be6f49d700c545b25a603d0a9caafa42e3a70', class: "zonos--column" }), index.h("td", { key: 'da833751a18f408b0d2d17cb9b812497e43360a8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b6cf2a310f40274d9633825471e16f429152a994', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: 'f93207f749dc584419b542a31dcae1a0c279f6e3', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: '62ffc4102084c920e8bde4527415ea93d8ae8292', class: "zonos--row zonos--collect-total" }, index.h("td", { key: 'ef199898aa67686f1c36d2d0c73d1695443e81a9', class: "zonos--column" }), index.h("td", { key: '1bd5949e640823841ac7425a46b519482b975c37', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '96d53a1ffd935ac98cd5560419cc7d5395945da4', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '008f69a34b557f2660426acccafe925f6b554293', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,