@zonos/elements 1.3.137 → 1.3.139

package/dist/esm/zonos-cart-items_13.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
-import { e as cartStore, I as currencyFormat, q as translate, J as cartStoreHasOneEligibleItem, K as stripeStoreApplyPromoCode, L as stripeStoreRemovePromoCode, A as stripeStoreReset, f as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, M as stripeStoreResetPromoCode, N as stripeStoreMessageBasedOnStatus, l as localizationStore, O as stripeStoreTranslateAddressToLatin, P as cartStoreUpdateSelectedShippingOption, Q as cartStoreGetShippingTransitInfo, R as sortServiceLevelOptionsByAmount } from './cart-c15cb7dd.js';
+import { e as cartStore, I as currencyFormat, q as translate, J as cartStoreHasOneEligibleItem, K as stripeStoreApplyPromoCode, L as stripeStoreRemovePromoCode, f as stripeStore, A as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, M as stripeStoreResetPromoCode, N as stripeStoreMessageBasedOnStatus, l as localizationStore, O as stripeStoreTranslateAddressToLatin, P as cartStoreUpdateSelectedShippingOption, Q as cartStoreGetShippingTransitInfo, R as sortServiceLevelOptionsByAmount } from './cart-e5fb3abe.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-de439a93.js';
+import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-9636651e.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
 import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
@@ -1205,11 +1205,26 @@ const ZonosCartSubtotal = class {
             return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cartStore.selectedShippingOption.displayName), cartStore.selectedShippingOptionTransitTime && (h("zonos-text", { class: "zonos--caption", type: "caption" }, cartStore.selectedShippingOptionTransitTime))));
         };
         const renderLandedCost = () => {
+            var _a;
+            // Domestic US doesn't have duty applied, just taxes and fees
+            if (((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country) === 'US') {
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes and fees'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null ||
+                    cartStore.dutiesTaxesFeesEstimate !== null
+                    ? renderCheckoutCurrency({
+                        amount: cartStore.dutiesTaxesFees ||
+                            cartStore.dutiesTaxesFeesEstimate ||
+                            0,
+                        isForeign: true,
+                    })
+                    : '-'))));
+            }
             if (cartStore.landedCostMethod === 'DAP') {
                 return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate !== null
-                    ? `${translate('Estimated')} ${renderCheckoutCurrency({
-                        amount: cartStore.dutiesTaxesFeesEstimate,
-                        isForeign: true,
+                    ? `${translate('Estimated [amount]', {
+                        amount: renderCheckoutCurrency({
+                            amount: cartStore.dutiesTaxesFeesEstimate,
+                            isForeign: true,
+                        }),
                     })}`
                     : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))));
             }
@@ -1814,17 +1829,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '9470ce01401994f374045f8017403c532032a018', class: "zonos--elements", style: {
+        return (h(Host, { key: '058b0f0300f5c836ae7eda80b41800402f1c35f0', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '0008a7049833c6a149c236b692bb9bdfb30e2fb9', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '46c1a753f2529d2d1bf2ca6a53c5b7c91c973da1', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-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: 'ebc812e43e69a0e30814ad87697cd189cec773bf', class: "zonos--tab-progress" }, h("div", { key: '8a526bd9f0def3558e8652d408b001fbd0f1b332', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '1e298a465e94737039c8861285db1c171103f9a3', class: "zonos--tab-progress" }, h("div", { key: '849cda2eec874b8e25d9788ceb3e61df8ed420a8', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return getElement(this); }
@@ -1926,13 +1941,13 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: 'b53eb5a4ba60e5ca33e5b9295d8ce19425008b8d', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '3d4920dacf3c4b1ae796b10a3d68dc875cbe4267', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '46c0992f489fb28fad0d66096ec2b1510211610e', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '090956fa755d30988a24ca394b0347dff88863ac', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '57d5f2426877eed074c8f28a5435f0c26eb39d3d', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'e2b1358dedfb3e5a3dc42099330be1d3bb6845e5', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'e0fdc195773d12de322c3edd1487a7b096fd9e78', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '07997854cef00b029c58734f75c428450042c15c', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '9989ec7f2b2485643cb0f06a4e36bc988b545a20', class: "wrapper" }, h("div", { key: '2f94abade0676cd863477c3b2030c0c04a746fbe', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '8826ac1a2ee3f54d2ae4b093f95137d42391221e', class: "content" }, h("div", { key: '02666146c0099cdc2828e22fcbb33baaf06c9a0f', class: "title" }, h("zonos-text", { key: '858617e7f7a56cbded100e3b27e359968bccd782', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '5a897b7ff97ac9aa0b9118dc8b3aef3a12bf06fd', class: "subtitle" }, h("zonos-text", { key: '0bf9a781fa402b7c2c76005b896e25edf566f033', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '25bbcb0b33dc39bd892293f41100754b387d3128', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '23cd44b20343f21c71e0167d0fddb1d2440a6245', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '4ca070aca6b34a7d6841fd034177bc557eadd7f8', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '5844b414871db63311bff5c76db62f1afba1bb92', class: "wrapper" }, h("div", { key: '7a1f69ff157d9c40bbe93c9c80759227862af136', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'd3fc11932d0d94b798c7512dd70621fe96a5e8fd', class: "content" }, h("div", { key: 'd00c5488036fb8462ec69d4f8001c01de0b96449', class: "title" }, h("zonos-text", { key: '8966faf396a003fb8c065f6f46cd984878bc1274', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '022ae94eb5a02e8fc41c1616294d4e6d5a647358', class: "subtitle" }, h("zonos-text", { key: 'e3dbd4b9e7d650ec7b5bca30e33f7e7864d952fb', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'dd82a80b61ca3104d336f3204fac71a8ae1d3c54', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '9eed92ab86f1154dac6dfb0aad8a313322b753c9', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '6697bcca1fe4ac376c6a1b8b968d76cd17117242', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -2203,11 +2218,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: 'f7c1a1268bff06d00acbc20d0fc0b2a16d01398c', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'a06221e04e00bf733a37d00fdff2643714208eca', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '0b66ca94e47e24b49af7e92ba5b34f70a9fe7f6b', class: "zonos--restState-image" }, h("img", { key: '22cfd5958bd55f5ebe0373f8afc2c332b66ed57b', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: 'c889f042cb289876f3e6e002a5527a239ad69791', class: "zonos--restState-image" }, h("img", { key: '21b30e32ac86bd0f5e9f9dded3bcd4f3295c9637', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '90f11551b07b4cc3597b336b932e9968aac9cb78', class: "content" }, h("zonos-text", { key: '23195baa5b5850adf26c948b1f65aec5a267ab88', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '333cb489d5e0df33062f8c64976c77f6130e36c6', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'a1b7b14e0ca75914f4586bce93a93df767bc54e9', class: "action" }, h("slot", { key: '0edd004d97fc997147526ef56b581971eb1309f4' }))));
+            }, src: imageUrl })), h("div", { key: 'a28cfe4511fb4aa0f0c79b2e6cfaa78b6cbdb2a8', class: "content" }, h("zonos-text", { key: '20aa2a10a7617c96f99a6f653a5c1a8a0de85dbe', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '595b823c2e9c3270f510388b4ccbf544581453a9', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '56a2514a6d170849ed87d1ab680e582a0f6e4b24', class: "action" }, h("slot", { key: 'b0e8f4dd2ff05929f4ffe7461e5dbe9aa4b5bfc5' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -2344,8 +2359,11 @@ const ZonosShipping = class {
             });
         };
         this.getLandedCostMethodLabelSuffix = (method) => {
-            switch (method) {
-                case 'DAP':
+            var _a;
+            switch (true) {
+                // DAP description for non-US countries only
+                case method === 'DAP' &&
+                    ((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country) !== 'US':
                     return translate(` (Duties due at door)`);
                 default:
                     return '';
@@ -2455,13 +2473,23 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: '2a2502057e42ab9599273aa20fecad1e4a624616', class: "zonos--shipping zonos--elements" }, h("div", { key: 'b8e2c23a7092c1bce11497b9e0829fe966a10e0e', class: "zonos--group" }, h("zonos-text", { key: '5ce02ba2ba39c878262e0d3a0f1ac98b6759296d', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: '8309265ef50d333aca63e32f41d0ca09a73777f7', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '55ccd680f24867269ec806e0a2e20c3edb4c70ea', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
-            !!this.serviceLevelsDAP.length && (h("button", { class: classes([
-                'zonos--shipping-options-collapse-trigger',
-                this.collapsedDAPOptions && 'collapsed',
-            ]), onClick: () => {
-                this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '83a39e45d68dc4267efbf5392e3b18b75fd9cfe9', class: "zonos--group-btn" }, h("zonos-button", { key: '8872a09e5562f4165f10137cd549da1180c8d37c', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+        const renderServiceLevels = () => {
+            var _a;
+            // Render all service levels for US since domestic shipping doesn't have DDP/DAP
+            if (((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country) === 'US') {
+                return (h("zonos-shipping-rich-radio", { items: this.serviceLevelsAll, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }));
+            }
+            return (h(Fragment, null, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+                !!this.serviceLevelsDAP.length && (h("button", { class: classes([
+                    'zonos--shipping-options-collapse-trigger',
+                    this.collapsedDAPOptions && 'collapsed',
+                ]), onClick: () => {
+                    this.collapsedDAPOptions = !this.collapsedDAPOptions;
+                } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
+        };
+        return (h(Host, { class: "zonos--shipping zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: cartStore.customQuotingError
+                ? cartStore.customQuotingError
+                : translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, renderServiceLevels())), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Go to payment'))))));
     }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as cartStoreStartCheckoutInterval, t as trackConversionEvent, o as getCheckoutSessionBody, p as cartStoreUpdateToErrorState, q as translate, r as getZCountryUrlParam, u as cartStoreSetCheckoutSession, v as stripeStorePrefetchLandedCost, w as cartStoreNextStep, x as stripeStoreHandleInventoryCheck, y as stripeStoreConfirmPayment, z as stripeStoreHandleInventoryRefund, A as stripeStoreReset, B as localizationStoreOnUpdate } from './cart-c15cb7dd.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-de439a93.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as cartStoreStartCheckoutInterval, t as trackConversionEvent, o as getCheckoutSessionBody, p as cartStoreUpdateToErrorState, q as translate, r as getZCountryUrlParam, u as cartStoreSetCheckoutSession, v as stripeStorePrefetchLandedCost, w as cartStoreNextStep, x as stripeStoreHandleInventoryCheck, y as stripeStoreConfirmPayment, z as stripeStoreHandleInventoryRefund, A as stripeStoreReset, B as localizationStoreOnUpdate } from './cart-e5fb3abe.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-9636651e.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c493c4fe.js';
 import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-22cb914b.js';
 import { g as getIsTestMode, c as createCustomEvent } from './createCustomEvent-31a792d3.js';

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

@@ -46,10 +46,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '441ae4124bc658957136dae338ab1b22a72f7458', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: 'f27608bd02d0800dda8273909aa3041311dda3eb', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'a2771dd846a0e3b5e476d7c8a555539da292a6d6' }, h("iframe", { key: 'a4a140435d6bac406c144a01b9cb6702e8e60474', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '4c91a4473d3ea25b7dfd4c54a2dbdbeca4439d12' }))));
+            } }, h("div", { key: '7901ab34757169767c99b46523e8cc353874a606' }, h("iframe", { key: '1d1e735c535df07e209878f6d66089ab30b943a3', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '213bb5f472be8dfcd026207d706f8a0a3227f5cb' }))));
     }
     get el() { return getElement(this); }
 };

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { C as isValidSelector, f as stripeStore, D as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-c15cb7dd.js';
+import { C as isValidSelector, f as stripeStore, D as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-e5fb3abe.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-22cb914b.js';
 import './isDarkColor-c6924924.js';
@@ -353,7 +353,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '465ac6979654a38581aef4bdde509c5e57f34a74', class: "zonos--elements" });
+        return h(Host, { key: '7cdde4733b47d96c6539a6bd9c78f150de8a6eb4', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { l as localizationStore } from './cart-c15cb7dd.js';
+import { l as localizationStore } from './cart-e5fb3abe.js';
 import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-22cb914b.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { a as localizationStoreUpdateSelectedCountryCode, q as translate, l as localizationStore } from './cart-c15cb7dd.js';
+import { a as localizationStoreUpdateSelectedCountryCode, q as translate, l as localizationStore } from './cart-e5fb3abe.js';
 import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-c6924924.js';
@@ -1833,9 +1833,9 @@ const ZonosCountrySelect = class {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: 'ba350a068e05a5f98aba19702aa1fb485cbd7672', class: "zonos--elements", style: {
+        return (h(Host, { key: '25c360767efe1c48edde5401a6c0929ceb7bd47c', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e997a8d0fa0d25c5f3eb3f5a8bc5cdb154fd788f', class: "zonos--country-select" }, h("zonos-v-stack", { key: '332297ccdf0ea81bdfaee93f448d4dc02fb9f960', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '66e86a39b9c309f63d509c8320e333c5b139ec94', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '64b67b4b797b6df43a40830b41d33271de437abc', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), value: this.inputValue }))), h("div", { key: '10d2f74f30e782e867bb555957c74b52ec651889', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '875e8b15495df5fafe3b02dd11ab1b5f4b9650e3', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'aff0ae431a5350996cffa1188ed5d9338a8ca840', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            } }, h("div", { key: 'ee63b18e0504ffe1d6a6a50fdfea00e8cf808211', class: "zonos--country-select" }, h("zonos-v-stack", { key: '448a30acc483e5b945435a5650c222180a3159d4', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'f4ed039f14059db21ad325372f300e742191588c', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '40f772868810c96b27dfa8bab56a01d5c9385599', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), value: this.inputValue }))), h("div", { key: 'f752f5426257f0538041597e2a76f92c6754835f', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'febbe41e09b452430e1a03d33732c9cc3710701b', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'afec99a75a3a0cd3450a539154670508aed8c57e', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;
@@ -1858,9 +1858,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '11d2b3542e2637730acd686cb6f1bc53eb388a9a', class: "zonos--elements", style: {
+        return (h(Host, { key: '9707f415aa509f2a6fbb4f3b190d964d29d6ccd6', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: 'a0596fc233b89fba65df031575144b82dbb9a2c5', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'eab51ba2e971e8d52abdd72e90d90ad251c034ad', class: "zonos--flex-message" }, h("zonos-icon", { key: '7f0f05190f5453399ab151ecc7bcdabf3e105709', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '3b750eebd76d5f41874525ffc53ba3ca87244253', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '49b45d654775da75a127775864fdaa4057ad76e0', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'ab666eccf3651d7172ce6de34e6a8c2024d7eb8d', class: "zonos--flex-message" }, h("zonos-icon", { key: '41dae8c063389efa2e319885ef0ee8e03d173d1c', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'c9d9463656c010a9b28568ae61cf0cb09dcda38b', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;
@@ -1893,9 +1893,9 @@ const ZonosHelloDialogFooter = class {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: '3ec3d830c3818a9f3661eefe7da50520919e7800', class: "zonos--elements" }, h("div", { key: 'c52ee06e602c33012d37e3a3bae67ec470acecae', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: '458b65efb2fc1e6cf5f7c5588601add4af010de6', class: "zonos--elements" }, h("div", { key: 'ee8eb8cf4a3e0a5583f5fb15842a86adb443e421', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: '62b4898ad2704b97ad9845371434b34cef8d4041', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '97d1b95deded6d04d83b6f5728b82d8292a69b10', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: '1397ed4aa265a546dea81b492c9db676b2b7c506', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '6fb04fd6b8c1be8c555fac00850e77a66d8f5f42', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'e1cc202d6266137f4d289922031738cce0759a41', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: 'fa6ab85dae56620a30275dd25c10011bf129545e', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '413b1d69091e5bf4ba639ea66e4930acc0636074', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: 'be2881c022690d5a6bcb9c38a50287a427f4fc32', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '79480397f8c59a435b1f9a4604441500991741a3', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'c23ae8fa589d754ca93680006d6a45af2b440db6', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     get ele() { return getElement(this); }
 };
@@ -1957,12 +1957,12 @@ const ZonosVirtualScroll = class {
                 } }, this.renderItem(i)));
             accHeight += itemHeight;
         }
-        return (h(Host, { key: '1aa49d98976b0856f960a6fc67ee7d04e1dd5317' }, h("div", { key: 'ede653037499e0b925e1cab13a632f8a6da6b9f4',
+        return (h(Host, { key: 'c09f341c0436d53ad245f0dc4ed54d5ead9a0e39' }, h("div", { key: 'e7f9cbb0dd33d0fab1bffd01672e9f5a3bc11f04',
             // to capture scroll action
             class: "scroller", style: {
                 height: `${this.totalHeight}px`,
                 width: `${W}px`,
-            } }), h("div", { key: 'da2fb9c529a96b9f31c3604235e3a6913a145743',
+            } }), h("div", { key: '93071acbc731dda4e9a1f453aa76526cd1639191',
             // to display items
             class: "item-container", ref: el => (this.container = el), style: {
                 height: `${this.totalHeight}px`,

package/dist/esm/zonos-hello-dialog.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-86b8247e.js';
-import { q as translate, l as localizationStore, I as currencyFormat } from './cart-c15cb7dd.js';
+import { q as translate, l as localizationStore, I as currencyFormat } from './cart-e5fb3abe.js';
 import { z as zonosStore } from './zonosStore-c493c4fe.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
@@ -268,18 +268,18 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '7ff123654399aee05fd295c108e01d924a8964e5', class: "zonos--elements" }, h("div", { key: '316720cc18d1b9fbbf86cbfcde1f25106b1197e8', class: classes([
+        return (h(Host, { key: '25f0055cadd0b38a8374cdb0c981124d569ae9df', class: "zonos--elements" }, h("div", { key: '7c04c71c7926d0bc64499f9c124464087d19570d', class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '29a0018c2c8eb7fdde938e432ea783517d364ea8' }, h("div", { key: 'a882452996503ddb4feb3e431eaf9cc14dc2ff34', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '2c656e792daa59c0ce5770d71a779de270a8adc8', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '1dd3473645c5581fee41da086a478b6eb6f3104e', spacing: 24 }, h("zonos-country-flag", { key: '57bdcb6b5e2044b65868a53e91220b7eea5c389e', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '8f01898edbd5c30771a2c8d12e0919f6b41cc96c', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '75728fcc40efe82ff58e767b3c3c9f60f96f37b2', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'b82ebf2adacbb72637064b04957846ee79f10bd5', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '7a0ae96961883e1a55248d4163da3bed2e76d077', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'b4ad9c5eb5893ecd553b1bed056810bd8d69c3ca' }, h("div", { key: 'bd442c14e751180b3dded8d415662eb456b5b5fd', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '2d0f6d48e91c1897ca6ab442e8bff7efefd76920', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: 'eb19103741ccbced87f11d800a8c9439f692fcfd', spacing: 24 }, h("zonos-country-flag", { key: '50f7375b30576d69bb751de6b6ba6565f34e83aa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '4e5eb35029bbafa1343d4b7b911dadfa77074be0', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'fc62525f1442ddb2ad98b8b4f5a4e874586ffa55', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'b85a16aacba64bdc477102d87e76071312395128', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '9cff07928aeadaccdb5d9c906125f603281d3bb1', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { key: 'd6a1f8270f3b6c69febc04224e6a0fa7ada5e07a', spacing: "12px" }, h("zonos-v-stack", { key: '209eac48b847c3ac4c7e8eb9df35c95416d89536', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'e9444ec1c3c3616712faeba92734b4275d373da1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'a612e3daa6de5e5f73422ed8ebed8b3a682c3c46' }, h("zonos-country-select", { key: 'b45c18d7feaf95e74da6e0540ea28325a24d287b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'e50779d3c0e3c83587ae445e9ded8e108f893e31' }, h("zonos-language-select", { key: 'b502cef6095a0e9a57b3c81fa354ca3614060878', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'e3a98411ec2be35dfbe3e9a2a5945851697da7ad', spacing: "12px" }, h("zonos-v-stack", { key: '09cd2bbbb94e819a272f3ef415bb9ace37111f04', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '443975bc6a4355f49cde5513aa494f700e1eee98', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'a55ed373839ed80b449b9f6271ea19cf15124843' }, h("zonos-country-select", { key: 'e8fa0c5c6f36ebe67b84f692ad10a9a84305eba5', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '7bd9d8836c876049d190aaa1bbf3ddea04139090' }, h("zonos-language-select", { key: '15002ebf92828cd52881f30ddb639f704d074462', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c493c4fe.js';
-import { l as localizationStore, C as isValidSelector, q as translate, r as getZCountryUrlParam, E as setZCountryUrlParam, F as currencyDisplay, G as currencyConvertAndFormat, H as currencyConvert, I as currencyFormat } from './cart-c15cb7dd.js';
+import { l as localizationStore, C as isValidSelector, q as translate, r as getZCountryUrlParam, E as setZCountryUrlParam, F as currencyDisplay, G as currencyConvertAndFormat, H as currencyConvert, I as currencyFormat } from './cart-e5fb3abe.js';
 import { c as classes } from './classes-0d95c529.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-22cb914b.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';

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

@@ -23,17 +23,17 @@ const ZonosInput = class {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: '70d14250b09b4c2e8e865c00d10015f6d0f9a8da', class: classes([
+        return (h(Host, { key: '87c0f3819db82f5b731ec02f1dda30888131989a', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '1a7020e339f23c1aba8004b613ac4252a51e0686', class: classes([
+            } }, h("div", { key: '0eb35699b27eb262797a599441877b5600d989f0', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '6a4ffdb5c8f2d0058bc7ebde5427a749cedd62d1', class: classes([
+            ]) }, h("input", { key: '75973f2c81e28a0007b047375ead0c5e6f055a14', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -41,7 +41,7 @@ const ZonosInput = class {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '62408e5b16c51f9ccb88066e384391fc7c96f0ec', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '23ee9731bfef0417522714dc48a97949eecad145', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/zonos-language-select_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { T as localizationStoreUpdateSelectedLocale, q as translate, l as localizationStore } from './cart-c15cb7dd.js';
+import { T as localizationStoreUpdateSelectedLocale, q as translate, l as localizationStore } from './cart-e5fb3abe.js';
 import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './handleFetch-22cb914b.js';
@@ -27,9 +27,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: '38bd8435fdeb1a017b9ed7253d599b99f370a0b6', class: "zonos--elements", style: {
+        return (h(Host, { key: 'cc711dba7371852eab6e20994389ae3b95bb3be7', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c7cffeecf5da28e323f60a5b4e3b292cfbe900bc', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '331f76a0a0a57cbd9dbd282ba854956c183a75dd', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '15743243ddbfb50dd533cf91254d6e41db7597a5', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, h("div", { key: '47135e2b7363a3179139a7b8e23cb22435ce3299', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '3bf830e585fa6478f560c57dfa978721af47ad19', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'f693b231755087ec849f5a759b2dc43e2695b24f', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
@@ -46,9 +46,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: '82ed89ddf7915df04bad887c887edb2cdd116ff8', class: "zonos--elements", style: {
+        return (h(Host, { key: '15035421483b079dde47eeb3ddcb4dcc6edffae4', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '6c91fb64db203a773f2fb375059173f2e0a4b7db', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'b26a23574556b119e27bf5fb0cb5308709b0eb73', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '3347503084cae69ccfca1fe5a503174e2acecc3c', type: "boldLabel" }, this.label), h("zonos-button", { key: '66e91d6c0a46407cc88c4d269d880eaa27b650db', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '2db7470d4893918939dd54d2f2e994f49517def9' }))));
+            } }, h("zonos-v-stack", { key: 'bf1bbdb1bb8a62841616893d8e9005002772adc4', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'a2593795816ceb851489c386231a1b90e6dd6261', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'e91d4a54ac0deb073c30272c5e9626168fea52b7', type: "boldLabel" }, this.label), h("zonos-button", { key: 'e8fdf75686b33e9958f64925ddf95fb5c89d74bb', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: 'ede6d09a4f6900419bf16df0ca8a2b79882bf266' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;

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

@@ -12,7 +12,7 @@ const ZonosLink = class {
         this.linkTitle = undefined;
     }
     render() {
-        return (h(Host, { key: '9c08d2689b011f162ef47271bd50e9e1fc2d177f', class: "zonos--elements" }, h("a", { key: 'ad0a8003308783081a7070bb9f06cd2387bb3a78', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'd54f21f0f36196b9b5a0bf7f63a989e9dd1c411e' }))));
+        return (h(Host, { key: '41f0a757a334338631250764599ac99e28c41ed2', class: "zonos--elements" }, h("a", { key: 'b6e84f40141e8de85d005c05426f885f242ffc53', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'dd5ed33f163d7958fb7806992e003d2279ee1f5b' }))));
     }
 };
 ZonosLink.style = ZonosLinkStyle0;

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

@@ -15,11 +15,11 @@ const ZonosLogo = class {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: 'ef19703a0588e4010e50c2e4bef5abe9eb48efc7', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: '00a2d8c27b70f329813b6a3c1547c82b2e7cf725', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: 'b14760baccb072ab399d11432fbc4c3c9c8ee876', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'e994199d3178a1198a1f0a1b132fae75bef47ce7', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, d as getElement, c as createEvent
 import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
-import { f as stripeStore } from './cart-c15cb7dd.js';
+import { f as stripeStore } from './cart-e5fb3abe.js';
 import { a as logError, l as log } from './handleFetch-22cb914b.js';
-import { d as paypalStoreInitButtons } from './paypal-de439a93.js';
+import { d as paypalStoreInitButtons } from './paypal-9636651e.js';
 import './isDarkColor-c6924924.js';
 
 const zonosNotificationCss = ":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-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
@@ -107,7 +107,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: '8688b2ce3087fb2265b1b84229a3af6f6cba39e6', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '7b6bc40043d7d14e55faa7e60b85cdc60d56d00a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '39df45805f365e761f0001c075f94e0bdf99fabb', class: "zonos--payment-component" }), h("div", { key: 'a9e7d56ba2b0050926121e3ab8a61cbace9a6a14', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'ee5ea97f737cce6dd2ad3d90797545e38a979820', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '5473d3bce1d842cba3a3e2c156fc31a70ee6b7f6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '087268368f53116ce125b337eb2f99bf4cc7fa94', class: "zonos--payment-component" }), h("div", { key: '5987aa638084ac3635c522d3067b451b8a96a6e7', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -161,7 +161,7 @@ const ZonosPaypalPayment = class {
         void this.loadPaypal();
     }
     render() {
-        return (h(Host, { key: '6bfc962de500edbb105b7eb899711e48def78167', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '92d1b1c416f5e233c54e50d47129be375ef0a68b', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '00f9e39b2a69f5da6799301b76571fe31ad2b3db', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '4977e93ec49ab8deca29c69072ea5fa0fc1c145b', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
 };

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

@@ -13,9 +13,9 @@ const ZonosToggle = class {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '4b224821c94249757cbd19e27a75af29c9fbab25', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: '318787cdd63c418c3ff8c3090a56485c7746a225', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e8a3a44ccfebef2f06d94938c19aaf640d844d9e', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: 'f91f378b5f3b0114ccec5972fb93fd17093bb016', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

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

@@ -12,10 +12,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '091516a0a68f8b4ab2580a8118900c34b39e931c', class: "zonos--elements" }, h("div", { key: '77769b18201f87d601d5bdb860a4bc8c84bb4e90', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '139c1de415b94e12b8d575e3662cba9faf56cb2f' }), h("div", { key: '60c38adf74e9b776001844c2205ac87a4562b525', class: classes([
+        return (h(Host, { key: '7ddbd67ee8737db3bb449e4b0e3bb7aa201750e8', class: "zonos--elements" }, h("div", { key: 'd1389e596398fef4610e2682a06f9025bb3cb755', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '33cb09297417473b1c609258007dcdb600aba5ab' }), h("div", { key: 'dd02d87b040708d7998a3a5ca7be217c37a35625', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: 'bb87c44ee7831c24b47c43b17d2b04c79112e900', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '5d114d284a15a1661e926bfe5fae9251513c7370', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: '8252086536ddf4e91547c5c9c26042bfe5e2d7b2', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'b795a982ba2ea7f0388aa578168021cf32ef5f95', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

package/dist/esm/zonos-v-stack.entry.js

@@ -11,9 +11,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '99d265d6cc1c8f746217f3f42d21b8d7d5ba70b6', style: {
+        return (h(Host, { key: '4d2a0ea6c3c427e04bb9bca7ac0d035bd2c7143e', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'f935f28aebb85434e71afcc52b7dc4463df8eb4a', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '53f2a34378fcd8b291446bf8293e89307bc15d1f' }))));
+            } }, h("div", { key: '6ea72ff37210b0d719fd15506bd78810658d59ac', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'fa0abf999f3737852cb181b7678a89ce6b52a471' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;