@zonos/elements 1.3.233 → 1.3.234

package/dist/esm/zonos-badge.entry.js

@@ -46,16 +46,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '5213d69a38c0e00d02d4c85d499ee5b5ca5a929c', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '2c6d37db80b369e4d287e2d7a6cb4db9b69fe6f6', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '178886813185320c971444c181a4fe0e8b57d7e3', class: classes([
+            } }, h("div", { key: 'f5f2f2530c11d8c46349024f044a7b042a12a10f', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: '6e75ee5fbbbe62b2d2c875a4866f33060dd9618b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'b6c1dcd8b29f1c99dc2cbd37d944ad8af3267713' })), this.dismissHandler && (h("zonos-icon", { key: '232d8056ee38962614267def07647c3f52246f0d', "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, h("zonos-text", { key: 'e031a216dc586d138b0d3c03781b8b362bcc25d2', textColor: `${this.badgeColor}-800` }, h("slot", { key: '9757275ea8350ae8578e255bb99940697021258e' })), this.dismissHandler && (h("zonos-icon", { key: '42a08f166b237af5c7c508c257dda46ee5c3d58a', "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/esm/{zonos-banner_2.entry.js → zonos-banner.entry.js}

@@ -1,7 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-0bbe9693.js';
 import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import './VarianceTest-572cecf5.js';
 
 const zonosBannerCss = ":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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";
@@ -70,42 +69,4 @@ const ZonosBanner = class {
 };
 ZonosBanner.style = ZonosBannerStyle0;
 
-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;
-
-const ZonosCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * The border radius of the card
-         * @default 6
-         */
-        this.borderRadius = 6;
-        /**
-         * The spacing to apply between elements in the card
-         */
-        this.spacing = '24px';
-    }
-    render() {
-        const backgroundColor = this.backgroundColor
-            ? `var(--zonos-elements-${this.backgroundColor})`
-            : 'transparent';
-        const borderRadius = getBorderRadius({
-            customRoundRadius: `${this.borderRadius}px`,
-            overrideBorderStyle: 'ROUNDED',
-        });
-        return (h(Host, { key: '9423d1472ed313f50c5f4ecc61251025ac6083ed', style: {
-                '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '7d2506d2fa9297dce93676bd09dd854a84f27db3', class: classes(['styled-card']), style: {
-                '--zonos--background-color': backgroundColor,
-                '--zonos--border-radius': borderRadius,
-                padding: this.spacing,
-            } }, this.label && (h("header", { key: '81e381540ecbd5c398e5cabf6626d701569e16e5', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '7929725b31dec41dbab855daa3bd7ae97fb00eb3', type: "subheader" }, this.label), h("h-stack", { key: 'c69fe767e575b3aaf824eb355d7bb35e395ba77a', spacing: 8 }, this.actions))), h("slot", { key: 'ada30bc1760b957a817e0982e46f3def97974297' }), (this.footerActions || this.footerContent) && (h("footer", { key: '854c3d583cb293f5c064af87e839641a5201c900', class: "card-footer", style: {
-                height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
-                padding: this.spacing,
-            } }, h("div", { key: '0a799500938f8d04a8551134b21fe18a05f93de0' }, this.footerContent), h("h-stack", { key: '927b51384452ab01b28da02c9a83256ab7dc6991', spacing: 8 }, this.footerActions))))));
-    }
-};
-ZonosCard.style = ZonosCardStyle0;
-
-export { ZonosBanner as zonos_banner, ZonosCard as zonos_card };
+export { ZonosBanner as zonos_banner };

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

@@ -207,13 +207,13 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'd44e5db9b123906c2435285d23d0d05b6c15d8b3', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '301c0140cae22157209423d34385103d9ea1cf29', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: 'a937efb3d014fd8f5501fcde7c3c2f0cb33439aa' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '2e3e75b8d0fd7c22c668972ad4a2f8bda363e159' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -228,7 +228,7 @@ const ZonosButton = class {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: '09292867f621fd3e04313494809e59254a353403', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '250912ac9cc2ba4d9d5db8fdc67fa6009d5ea7ac', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '0695250725aff37526e6ea4f94456a368b873c59', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: 'f1965c769d9d1a2a7f636b09be1384cf7cd6227a', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '5bbeb95041065e247ebc2f725f751e2fb5cd93c5', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'b32f5bd10dc79b258545efd92ed594a2906b3292', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return getElement(this); }

package/dist/esm/{zonos-empty-state-payment_4.entry.js → zonos-card_5.entry.js}

@@ -2,14 +2,51 @@ import { r as registerInstance, h, H as Host, a as getElement, c as createEvent
 import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
-import { c as stripeStore, t as trackConversionEvent } from './cart-14f305b3.js';
-import { s as storageStore } from './localization-c5029ffc.js';
+import { c as stripeStore, t as trackConversionEvent } from './cart-66aecbb3.js';
+import { s as storageStore } from './localization-04b05867.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-fded8844.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-56564874.js';
 import { l as log } from './VarianceTest-572cecf5.js';
-import './translationStore-690c4e04.js';
 import './isDarkColor-9ddd90cc.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;
+
+const ZonosCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The border radius of the card
+         * @default 6
+         */
+        this.borderRadius = 6;
+        /**
+         * The spacing to apply between elements in the card
+         */
+        this.spacing = '24px';
+    }
+    render() {
+        const backgroundColor = this.backgroundColor
+            ? `var(--zonos-elements-${this.backgroundColor})`
+            : 'transparent';
+        const borderRadius = getBorderRadius({
+            customRoundRadius: `${this.borderRadius}px`,
+            overrideBorderStyle: 'ROUNDED',
+        });
+        return (h(Host, { key: '8832966776c626c783e771fb7f9a773d2539e07f', style: {
+                '--zonos--font-family': zonosStoreFontFamily(),
+            } }, h("div", { key: '89c9af9275ca5b01f658081fefb7756bfcbf6d58', class: classes(['styled-card']), style: {
+                '--zonos--background-color': backgroundColor,
+                '--zonos--border-radius': borderRadius,
+                padding: this.spacing,
+            } }, this.label && (h("header", { key: '3da688655c5a9af66397525d02224dbc431d00d0', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '8e9524d26e5a0a7e3149b4008efd02b5a7b9ebc6', type: "subheader" }, this.label), h("h-stack", { key: 'f7298bbb158686b03b2a09f5d6c089c0f4d144c4', spacing: 8 }, this.actions))), h("slot", { key: '24888347ff25ffd21b416da4f5aae493f8044638' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'b6792e7345b87e9407585ed4558c7327ea3eab36', class: "card-footer", style: {
+                height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
+                padding: this.spacing,
+            } }, h("div", { key: '70ccde8e9b1988db1ba477efea5b44e812a7514d' }, this.footerContent), h("h-stack", { key: '4e48425e9db7031d779da7061f0b2d92b27869a0', spacing: 8 }, this.footerActions))))));
+    }
+};
+ZonosCard.style = ZonosCardStyle0;
+
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">
 <rect width="536" height="200" fill="url(#paint0_radial_3739_19124)"/>
@@ -216,7 +253,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 (h(Host, { key: 'ecf135f9da39d699a2287558a99310acd8e5fbd2', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '67048977556c556826c26120f2c0654885f30c57', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '7762163776ac5ee3f8bbc7c65e31b5dc833bb011', class: "zonos--payment-component" }), h("div", { key: '4f12427f8db85442e0b41dd5eb194f374c6f1d86', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '42a202e340dfa0f52920f7e351a116daec674a34', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '8424ae7cc51ea41832c2ae10d07a7e9e0c84c3c7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'ac7f96570bacc823541396f791ed9d4a122b94b0', class: "zonos--payment-component" }), h("div", { key: 'af0a99cd447eb881224814d024ddb64edf0fbeb2', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -280,10 +317,10 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (h(Host, { key: 'bcf11ef0ceab1d847c237ec26ec604440983c16f', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'ce5033f39b2e9644e30fc1e0e35f64e5d9b9730d', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '503c2a2f4d6dd0d6c10468f4bbe915610cf7008e', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'c1d2c15bf6f096c3666f9d4e8085c5fbe2c637a7', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
 };
 ZonosPaypalPayment.style = ZonosPaypalPaymentStyle0;
 
-export { ZonosEmptyStatePayment as zonos_empty_state_payment, ZonosNotification as zonos_notification, ZonosPayment as zonos_payment, ZonosPaypalPayment as zonos_paypal_payment };
+export { ZonosCard as zonos_card, ZonosEmptyStatePayment as zonos_empty_state_payment, ZonosNotification as zonos_notification, ZonosPayment as zonos_payment, ZonosPaypalPayment as zonos_paypal_payment };

package/dist/esm/{zonos-cart-items_13.entry.js → zonos-cart-items_12.entry.js}

@@ -1,22 +1,23 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host, F as Fragment, c as createEvent, a as getElement } from './index-0bbe9693.js';
-import { e as cartStore, E as cartStoreHasOneEligibleItem, F as stripeStoreApplyPromoCode, G as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, I as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, J as stripeStoreTranslateAddressToLatin, K as extractName, z as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, D as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-14f305b3.js';
-import { t as translate } from './translationStore-690c4e04.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-2250f719.js';
+import { e as cartStore, E as cartStoreHasOneEligibleItem, F as stripeStoreApplyPromoCode, G as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, I as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, J as stripeStoreTranslateAddressToLatin, K as extractName, z as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, D as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-66aecbb3.js';
+import { t as translate, l as localizationStore, s as storageStore, c as localizationStoreOnChange } from './localization-04b05867.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-cb808110.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { c as classes } from './classes-0d95c529.js';
-import { l as localizationStore, s as storageStore, c as localizationStoreOnChange } from './localization-c5029ffc.js';
 import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
-import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-0eda8ba9.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-fded8844.js';
+import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-2a1bf474.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-56564874.js';
 import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
+import { p as placeTestOrder } from './placeTestOrder-6b9eda9e.js';
 import { i as isDarkColor, t as tinycolor } from './isDarkColor-9ddd90cc.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
 import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-047a6cd4.js';
-import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
+import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
+import { s as shouldRenderTaxIdInput } from './shouldRenderTaxIdInput-d45ceeb4.js';
 import { e as euCountryCodes } from './TaxId-50d72254.js';
 import './debounce-c4785346.js';
 
@@ -1079,17 +1080,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '1db73e8a63f5eef955430c64e6f86d941619b9f6', class: "zonos--elements", style: {
+        return (h(Host, { key: '3c7b6b5ecce353611856c14c70eec992a8024b3b', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'a580a08d71465c78699d40f7d65a423366262d6e', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '60e0e7895f1a5667c41baecba5533ecbafcfd11c', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: 'f3285aaaeefbb16c79b656576dc49c73483fedd8', class: "zonos--tab-progress" }, h("div", { key: '74ee5173069a4269c35724a9121d9c343bd13950', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'fd6cbddf4abb19bedabc12b3c79c8dcb4a3bc938', class: "zonos--tab-progress" }, h("div", { key: '83d85b7bcdac39b41d6e126d764242bf1076374a', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return getElement(this); }
@@ -1716,23 +1717,6 @@ const ZonosCustomerInfo = class {
 };
 ZonosCustomerInfo.style = ZonosCustomerInfoStyle0;
 
-const zonosLinkCss = ":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{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-primary)}";
-const ZonosLinkStyle0 = zonosLinkCss;
-
-const ZonosLink = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * The href for the link
-         */
-        this.href = '';
-    }
-    render() {
-        return (h(Host, { key: '7c6ecf4d61e7dfb56491e58814478c906423473b', class: "zonos--elements" }, h("a", { key: '05bc59fb4940fa48d37a10cfe9df3c495d60785f', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '07b51a0a95cd5a7b392bb5efef96c8e4dd4bb9b3' }))));
-    }
-};
-ZonosLink.style = ZonosLinkStyle0;
-
 const zonosRestStateCss = ":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{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:20px}:host .zonos--restState-image{width:124px;height:124px;margin-bottom:15px}:host .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8px}";
 const ZonosRestStateStyle0 = zonosRestStateCss;
 
@@ -1750,11 +1734,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '4dd1bf92f89b6433673643621d4d2e91c32dc9c0', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '333c158c20af14bcfc310b7fae19cadb9ffaea01', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '1635b6b084c26f973405a863c898087f7805af4a', class: "zonos--restState-image" }, h("img", { key: '305262852c1bc4df2fae58e9d18fe9ef48108155', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '0076afaff9200094d45bd4321ea7b1d0a4954a81', class: "zonos--restState-image" }, h("img", { key: '4ef3b7ee4f62175e06da9a7d2453603ba6cf9fb8', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: 'b25da09d4d56ab01b5bcb1d219337a94208e8272', class: "content" }, h("zonos-text", { key: '1d0bfb2cd2473df240fb6f54eb1329a7aa34009f', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '7dd2da6e10a7e07649534673f7a5b630e1e98a91', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '1ccb01b392f0bca4687a3a1b0fe7a55e6fac69a2', class: "action" }, h("slot", { key: 'f8200baab65872d4c4c28e53c791f6fc406199e5' }))));
+            }, src: imageUrl })), h("div", { key: 'b5033ee1f4618732f14a9dd3c05d0271329083df', class: "content" }, h("zonos-text", { key: '2f21d52a7bb0b410590cb0768102155843e21038', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '48222ff00921961e770d20b817563d9a903a9e98', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'ac6c100c85bd166945d8394cf61ab6baaa19cb3f', class: "action" }, h("slot", { key: 'cec63c8cbac43d402333c7ab6aba0ac3bd9bab36' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -2081,4 +2065,4 @@ const ZonosShipping = class {
 };
 ZonosShipping.style = ZonosShippingStyle0;
 
-export { ZonosCartItems as zonos_cart_items, ZonosCartRestrictedItems as zonos_cart_restricted_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutFooter as zonos_checkout_footer, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCheckoutProgressTabs as zonos_checkout_progress_tabs, ZonosCurrencyToggle as zonos_currency_toggle, ZonosCustomerInfo as zonos_customer_info, ZonosLink as zonos_link, ZonosRestState as zonos_rest_state, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };
+export { ZonosCartItems as zonos_cart_items, ZonosCartRestrictedItems as zonos_cart_restricted_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutFooter as zonos_checkout_footer, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCheckoutProgressTabs as zonos_checkout_progress_tabs, ZonosCurrencyToggle as zonos_currency_toggle, ZonosCustomerInfo as zonos_customer_info, ZonosRestState as zonos_rest_state, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };

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

@@ -1,8 +1,7 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-0bbe9693.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as cartStoreOnChange } from './cart-14f305b3.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-fded8844.js';
-import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-c5029ffc.js';
-import { t as translate } from './translationStore-690c4e04.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as cartStoreOnChange } from './cart-66aecbb3.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-56564874.js';
+import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, t as translate, c as localizationStoreOnChange, d as currencyFormat } from './localization-04b05867.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-b434e436.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, l as logError, s as sendErrorLog, b as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';

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

@@ -53,10 +53,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: 'c63b825021f8aaf17727e37072c3701e4a55b992', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '2a96e5ed214d93d07057eb7958a26e8a7b286ce8', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'bc51b1a1318b0934c752ae74dfeae8d5f43f1a63' }, h("iframe", { key: '0bb69f8aaa5c095bc90f2210fab3770491867754', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '64fdc09e82d28f57fd081578ebd2a3523760c7c7' }))));
+            } }, h("div", { key: 'd2a039a3cde3c54bd560774d91cf36924311e251' }, h("iframe", { key: 'a2b1494c32fcd8a467e23ae6733fd341220a9020', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '5dd47c6e903a01824ed04a9512b847180e67f667' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,13 +1,12 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host } from './index-0bbe9693.js';
-import { e as cartStore } from './cart-14f305b3.js';
+import { e as cartStore } from './cart-66aecbb3.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-c5029ffc.js';
+import './localization-04b05867.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
-import './translationStore-690c4e04.js';
 import './isDarkColor-9ddd90cc.js';
 import './getBorderRadius-877f6389.js';
 
@@ -49,10 +48,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '92689fdc45c9e980d61f9b96c378ca52ed37a608', style: {
+        return (h(Host, { key: '8c80b04f02ebafcc0529bbc8a30fb71dae591a81', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: 'b94e0bcd372d0194ba2a86b570914fe33af427cd' })));
+            } }, h("slot", { key: '9840c220581a016349627a61efdf9a4dc3f68bc9' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -75,7 +74,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: '4ffa2b8c03f0c8d3bd08521d950903cba9685109', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: 'dc65462865ede6e9cb5a02f5c4f6bf43c550d0c7', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

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

@@ -1,17 +1,18 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-0bbe9693.js';
-import { c as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, y as stripeStoreReset, I as stripeStoreMessageBasedOnStatus, e as cartStore, r as cartStoreNextStep, z as cartStoreOnChange } from './cart-14f305b3.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-fded8844.js';
-import { s as storageStore, l as localizationStore } from './localization-c5029ffc.js';
-import { t as translate, b as translationStoreOnChange } from './translationStore-690c4e04.js';
+import { c as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, y as stripeStoreReset, I as stripeStoreMessageBasedOnStatus, e as cartStore, r as cartStoreNextStep, z as cartStoreOnChange } from './cart-66aecbb3.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-56564874.js';
+import { t as translate, s as storageStore, l as localizationStore, p as translationStoreOnChange } from './localization-04b05867.js';
 import { z as zonosStore } from './zonosStore-b434e436.js';
 import { h as handleFetch, s as sendErrorLog, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
-import { i as isCollectMobile, a as isCollectTablet, e as collectStore, r as renderFallback } from './renderFallback-dbf1e3ae.js';
+import { i as isCollectMobile, a as isCollectTablet, e as collectStore } from './isCollectMobileTablet-921002b0.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-2250f719.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-cb808110.js';
+import { p as placeTestOrder } from './placeTestOrder-6b9eda9e.js';
+import { r as renderFallback } from './renderFallback-3f010b48.js';
 import './isDarkColor-9ddd90cc.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>`;

package/dist/esm/zonos-collect.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-0bbe9693.js';
-import { c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, o as cartStoreUpdateToErrorState, f as cartStoreUpdateItems, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, u as stripeStoreUpdateCheckoutSessionBaseCurrency, w as stripeStoreConfirmPayment, B as stripeStoreOnChange, y as stripeStoreReset, g as cartStoreReset } from './cart-14f305b3.js';
-import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore, r as renderFallback } from './renderFallback-dbf1e3ae.js';
-import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-fded8844.js';
-import { s as storageStore, c as localizationStoreOnChange, d as currencyFormat, l as localizationStore } from './localization-c5029ffc.js';
-import { t as translate } from './translationStore-690c4e04.js';
+import { c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, o as cartStoreUpdateToErrorState, f as cartStoreUpdateItems, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, u as stripeStoreUpdateCheckoutSessionBaseCurrency, w as stripeStoreConfirmPayment, B as stripeStoreOnChange, y as stripeStoreReset, g as cartStoreReset } from './cart-66aecbb3.js';
+import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore } from './isCollectMobileTablet-921002b0.js';
+import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-56564874.js';
+import { s as storageStore, t as translate, c as localizationStoreOnChange, d as currencyFormat, l as localizationStore } from './localization-04b05867.js';
 import { z as zonosStore } from './zonosStore-b434e436.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, s as sendErrorLog, l as logError, g as getIsTestMode } from './handleFetch-a844cac1.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as log } from './VarianceTest-572cecf5.js';
+import { r as renderFallback } from './renderFallback-3f010b48.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './isDarkColor-9ddd90cc.js';
 import './getBorderRadius-877f6389.js';

package/dist/esm/zonos-component.entry.js

@@ -27,7 +27,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: 'ce1a6a656f02ba26460066561b08f449e9e042bc' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: 'a4ab64de2aa643b21c019857749b944a01d83ab8' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

package/dist/esm/zonos-controller.entry.js

@@ -1,11 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-0bbe9693.js';
-import { c as stripeStore } from './cart-14f305b3.js';
-import { e as getOverridenZCountry, i as isValidSelector, h as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-c5029ffc.js';
+import { c as stripeStore } from './cart-66aecbb3.js';
+import { e as getOverridenZCountry, i as isValidSelector, h as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-04b05867.js';
 import { z as zonosStore, e as zonosStoreInitSetting, f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
 import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 import { l as log } from './VarianceTest-572cecf5.js';
-import './translationStore-690c4e04.js';
 import './isDarkColor-9ddd90cc.js';
 import './getBorderRadius-877f6389.js';
 
@@ -35,7 +34,7 @@ const getZonosSettings = async () => {
     return { errors: [], json, zonosMode };
 };
 
-const injectCheckoutElement$1 = () => {
+const injectCheckoutElement$2 = () => {
     // append checkout component if doesn't exist
     const checkoutElement = document.querySelector('zonos-checkout');
     if (!checkoutElement) {
@@ -62,10 +61,10 @@ const initCheckout = (config) => {
         logError(`Selector alwaysTriggerInternationalCheckoutSelector "${config.alwaysTriggerInternationalCheckoutSelector}" is not a valid selector`);
         return;
     }
-    injectCheckoutElement$1();
+    injectCheckoutElement$2();
 };
 
-const injectCheckoutElement = () => {
+const injectCheckoutElement$1 = () => {
     // append checkout component if doesn't exist
     const collectElement = document.querySelector('zonos-collect');
     if (!collectElement) {
@@ -74,6 +73,22 @@ const injectCheckoutElement = () => {
     }
 };
 const initCollect = () => {
+    // allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
+    if (!window.Zonos.cartData) {
+        return;
+    }
+    injectCheckoutElement$1();
+};
+
+const injectCheckoutElement = () => {
+    // append checkout component if doesn't exist
+    const invoiceElement = document.querySelector('zonos-invoice');
+    if (!invoiceElement) {
+        const newInvoiceElement = document.createElement('zonos-invoice');
+        document.body.appendChild(newInvoiceElement);
+    }
+};
+const initInvoice = () => {
     // allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
     if (!window.Zonos.cartData) {
         return;
@@ -417,6 +432,18 @@ const ZonosController = class {
         void initCollect();
         log('init Collect element');
     }
+    /**
+     * Method to initialize Collect element
+     */
+    async initInvoiceElement(stripe) {
+        if (!stripe) {
+            log('Stripe is not loaded yet - cannot init Invoice element', 'warn');
+            return;
+        }
+        stripeStore.stripe = stripe;
+        void initInvoice();
+        log('init Invoice element');
+    }
     /**
      * Init zonos notification
      */
@@ -489,7 +516,9 @@ const ZonosController = class {
             return;
         }
         // Skip injecting custom HTML for legacy checkout and collect
-        if (!window.Zonos.isLegacyCheckout || window.Zonos.isCollect) {
+        if (!window.Zonos.isLegacyCheckout ||
+            window.Zonos.isCollect ||
+            window.Zonos.isInvoice) {
             log('=== Skip injecting custom HTML for hosted checkout', 'info');
             return;
         }
@@ -538,7 +567,7 @@ const ZonosController = class {
             // Don't allow to override subscription status
             subscriptionStatus: undefined
         });
-        if (window.Zonos.isCollect) {
+        if (window.Zonos.isCollect || window.Zonos.isInvoice) {
             return Object.assign(Object.assign({}, this.config), { checkoutSettings: baseCheckoutConfig, helloSettings: Object.assign(Object.assign({}, this.config.helloSettings), {
                     // No need to show hello for collect
                     visibilityStatus: 'DISABLED'
@@ -616,7 +645,7 @@ const ZonosController = class {
                 log('Checkout failed to load -- missing publishable key', 'warn');
                 return;
             }
-            if (window.Zonos.isCollect) {
+            if (window.Zonos.isCollect || window.Zonos.isInvoice) {
                 // send publishable key out to load stripe
                 this.stripeInitEvent.emit({
                     publishableKey: publishableKey.token,
@@ -694,7 +723,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'c3c33e5e4422b4b05f68fc876a23eb30c9b0f11d', class: "zonos--elements" });
+        return h(Host, { key: '8ac43cd7dc03d654f554022653f3e852876b954b', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

package/dist/esm/zonos-country-flag.entry.js

@@ -1,10 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-0bbe9693.js';
-import { l as localizationStore } from './localization-c5029ffc.js';
+import { l as localizationStore } from './localization-04b05867.js';
 import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
-import './translationStore-690c4e04.js';
 
 const zonosCountryFlagCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;