@zonos/elements 1.3.283 → 1.3.285

package/dist/cjs/zonos-badge.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');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 
@@ -50,16 +50,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c8d29084d1a10f985bcb52409881fff004a73118', class: classes.classes(['zonos--elements zonos--badge']), style: {
+        return (index.h(index.Host, { key: '95c8a620e803b4ea84d7789ff746d1edc1252389', class: classes.classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '28cd3711c8e8d6b362c56589553401707456fdc6', class: classes.classes([
+            } }, index.h("div", { key: '000fb2efaa9cffa4635e89e700013bcc1f9fd63c', class: classes.classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: '9dcb72621037e37fc11d5cabe915f6dad9798c2a', textColor: `${this.badgeColor}-800` }, index.h("slot", { key: '7599b4c4689100dc637a3842287a93a42b4edd41' })), this.dismissHandler && (index.h("zonos-icon", { key: '861156179b8c8a8d8db1b4ee72717581d2eb7222', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, index.h("zonos-text", { key: '8c84abeb697dd20f6c1acbd2f512a5bac2c45883', textColor: `${this.badgeColor}-800` }, index.h("slot", { key: 'b5bc9ed235747f2986fd7a1c94cbede4b8ffc715' })), this.dismissHandler && (index.h("zonos-icon", { key: '629b306370ba2fab2e43b625fce19e44be2a91a7', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;

package/dist/cjs/zonos-banner.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');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

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-a1c00090.js');
-const localization = require('./localization-783849c8.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-e1548f40.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-a1c00090.js');
-const localization = require('./localization-783849c8.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-c942fcba.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-e7b57e02.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
+const hasInclusivePrice = require('./hasInclusivePrice-d0cd2007.js');
 const isSameHostCheckoutLink = require('./isSameHostCheckoutLink-6148cabb.js');
-const paypal = require('./paypal-e1548f40.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-d99b1fe2.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-a6c4f625.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-a1c00090.js');
-const paypal = require('./paypal-e1548f40.js');
-const localization = require('./localization-783849c8.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-a1c00090.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-783849c8.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,
             }) }));