@zonos/elements 1.3.138 → 1.3.140

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -1,6 +1,6 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
-import { paypalInitScript, paypalStoreHasPaypalEnabled, } from "../../store/checkout/paypal";
+import { paypalInitScript, paypalStore, paypalStoreHasPaypalEnabled, } from "../../store/checkout/paypal";
 import { getCheckoutSessionBody, initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, } from "../../store/checkout/stripe";
 import { localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
@@ -690,6 +690,8 @@ export class ZonosCheckout {
         window.location.reload();
     }
     async handleStripePaymentContinue() {
+        // reset paypal error message
+        paypalStore.paypalErrorMessage = null;
         // reset error state
         stripeStore.hasPaymentError = false;
         this.submitLoading = true;
@@ -945,7 +947,7 @@ export class ZonosCheckout {
                 : translate('It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?', {
                     date: this.formatDate(((_c = this.placedOrderInfo) === null || _c === void 0 ? void 0 : _c.time) || null),
                     time: this.formatTime(((_d = this.placedOrderInfo) === null || _d === void 0 ? void 0 : _d.time) || null),
-                }), dialogTitle: translate('Are you sure?'), dialogWidth: 450, onCancelClicked: () => {
+                }), dialogTitle: translate('Are you sure?'), dialogWidth: 530, onCancelClicked: () => {
                 this.handleCancelOrderDuplication();
             },
             // Mark user selected confirm to close the dialog

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js

@@ -1,5 +1,6 @@
-import { h, Host, } from "@stencil/core";
+import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreGetShippingTransitInfo, cartStoreUpdateSelectedShippingOption, } from "../../../store/checkout/cart";
+import { stripeStore } from "../../../store/checkout/stripe";
 import { translate } from "../../../store/translationStore";
 import { trackConversionEvent } from "../../../utils/api/trackConversionEvent";
 import { renderCheckoutCurrency } from "../../../utils/checkout/renderCheckoutCurrency";
@@ -58,8 +59,11 @@ export class ZonosShipping {
             });
         };
         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 '';
@@ -169,15 +173,23 @@ export class ZonosShipping {
         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: cartStore.customQuotingError
+        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" }, 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: 'e4edb741bd79d0d5b14385d52a6d110016f9de9e', class: "zonos--group-btn" }, h("zonos-button", { key: '6e747d6e499bf322f959af36ff6b784f7fb9a92b', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+                : 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/collection/components/common/zonos-badge/zonos-badge.js

@@ -15,16 +15,16 @@ export class ZonosBadge {
         this.dismissHandler = undefined;
     }
     render() {
-        return (h(Host, { key: 'ece8d31a527ef8fbd014669176c293798948c377', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: 'd8a6a11f10c36a272ecdb52c54919f9ad45e1a9a', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'ae8c2e468abcf3c9aac336ccc28da4166ebd87f3', class: classes([
+            } }, h("div", { key: 'c7573446a478f9b9e45a4787593ba9ecaf595fdc', 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: 'a1e710722e04c5ca32bc9c2731815da7de450ee0', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'c3a277e50a1619899e76934e2f994c82dae5ddee' })), this.dismissHandler && (h("zonos-icon", { key: 'ee9fe774fdd59d94082bed6eb38d9f96ce33c67c', "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: '578f7cf2f27be3306fc7c776dc82a7a324a8b3ca', textColor: `${this.badgeColor}-800` }, h("slot", { key: '0b59f674e40454dcf07bea704f38c9df7d68cb43' })), this.dismissHandler && (h("zonos-icon", { key: 'ff4e2ee7511940df9ec27830e406502d7acf5209', "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); } })))));
     }
     static get is() { return "zonos-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-button/zonos-button.js

@@ -121,12 +121,12 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '8228acc5ae59602336dc70227b3cc8c54e7455ed', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '434195b28ed289d47b9c5eb14b754245a8500a99', 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(),
-            }) }, h("button", { key: '0875fde30fd6d60a49a4850fd5d55450549664a7', class: classes([
+            }) }, h("button", { key: 'f3891cd7f75b7c02c5c21af6b9c38e59d8d13865', class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -141,7 +141,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }, this.loading && (h("div", { key: '15f53929fe9d1bcc49c5b36a29a8c15d8673321f', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '56c605d60ad2046a5075ab48712d7e0faeb83bc2', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '1fd882d57cd362e8ccc79e8c21498d290062d31d', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }, this.loading && (h("div", { key: '66ac0c980f09f1aa0237c906517658c618efc36d', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '7b53b4ead46663e437c2d7d7eedcccd65f2122db', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '16cda705df713167e678e3427c584450268eac72', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get is() { return "zonos-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-card/zonos-card.js

@@ -22,16 +22,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '28c01fb7c6cb96ddeae955f2dd8a7820a921f84a', style: {
+        return (h(Host, { key: 'd1a2b02f3d33492fc76bd88cf92e68bf1603cbd0', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '6b23cbc03edf841f8243d766083265f9da9a207a', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '0c9acee7938dc95d1f6267dff6fa399bd8a65b95', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '1b5d4007d73c1351bd92c8d39ccc3db37718dfdf', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '0fcbf910bd3ff5b37e35ca57202f2aded644c21f', type: "subheader" }, this.label), h("h-stack", { key: '64104e8d79e35adc420a6fa57204d70e8d84606d', spacing: 8 }, this.actions))), h("slot", { key: '64e7072f30efb2c60ac754512a03648125e1388c' }), (this.footerActions || this.footerContent) && (h("footer", { key: '7ab89016f8dbb8f5af65b28e2095163e8f908c86', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '2559a7fd78c4c4a97ce466e0eefbc4db8409c97f', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '287e0e64461cb5206a653711346fd8eb62524a00', type: "subheader" }, this.label), h("h-stack", { key: '9ac80b9c555a93232bbcdd0e1769a4b78ded2fa8', spacing: 8 }, this.actions))), h("slot", { key: '3342bd7f5d2af58740c49d353f311ce1c4101f13' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'dee65ea527dfac5821ece452426e2d33f127e356', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: 'd04e37cf5af9dd0e560f687837e0f2a56bd120ed' }, this.footerContent), h("h-stack", { key: '234c78bb23f4124809c86df4c78fb4f5f6832884', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '13a23726ada09eb39783ea261b760cbe83587f5b' }, this.footerContent), h("h-stack", { key: '1389bcbce376431f3008669e9f55a69b0a177d85', spacing: 8 }, this.footerActions))))));
     }
     static get is() { return "zonos-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js

@@ -36,14 +36,14 @@ export class ZonosCheckbox {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'a5ac0531735ec33f61886845af2ca061dc08ddd3', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: '7a2972128b04d5dffe09f60b5292d90f7201066a', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: 'a43282ec66f0bf45aadea3be194f37dfb71bcae3', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: '1249ee568cd5b503bf40ccfbabd698ad8079f1cb', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, h("label", { key: 'b18d0f091b783555b4b3a1fc2b5d5cb1c62a9d41', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'f3b86525ef7988d6df87f9147f5aa22b447c1303', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '65b6fb17e7ebb7160ce891d3f86a8ca0453a2f87', class: "checkmark-container" }, h("svg", { key: '9e58246871517832dfae28a92d9c4177e09eb095', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c11830908d0dbfc929b77025b42a930f243cc587', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: 'af6464b76512b252b0adf24d04b17884f7af60f4', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '2007c2fbc4d8437f75b9a3d7a4e65d394922abf4', class: "checkmark-container" }, h("svg", { key: '481b9272c99cf464d8d88ab24a8dba35de921abf', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab7690fba113135175248c8926907312dfe478d5', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '99689099e7469f2ff928619daa2fcee0ce35a418', size: this.fontSize }, this.label)))));
     }
     static get is() { return "zonos-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -5,6 +5,7 @@ import { zonosStore } from "../../store/zonosStore";
 import { classes } from "../../utils/classes";
 import { getContrastColor } from "../../utils/getContrastColor";
 import { isColorVariable } from "../../utils/isColorVariable";
+import { resetToSelectedTab } from "../../utils/resetToSelectedTab";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import TabCheckmark from "./assets/TabCheckmark.svg";
 export class ZonosCheckoutProgressTabs {
@@ -47,6 +48,12 @@ export class ZonosCheckoutProgressTabs {
     async setTabSelected(tabValue) {
         if (this.isTabClickable(tabValue)) {
             cartStore.step = tabValue;
+            // reset tabItems state until the selected step
+            const newTabItems = resetToSelectedTab({
+                selectedTab: tabValue,
+                tabList: cartStore.tabItems,
+            });
+            cartStore.tabItems = newTabItems;
         }
     }
     render() {
@@ -64,17 +71,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '9470ce01401994f374045f8017403c532032a018', class: "zonos--elements", style: {
+        return (h(Host, { key: '592fe18f902f828c4dcdcab28221617ba63ea358', 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: 'd173893ab0da684a189127ab511db90ba3a0985c', 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" }))));
+                ]), 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: '1e8dbcee0cc21837b030760250755fe5292bd261', class: "zonos--tab-progress" }, h("div", { key: 'a9250c1ca7b7a40f5b6d0bbbeca24f657471cda1', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-collapse/zonos-collapse.js

@@ -42,10 +42,10 @@ export class ZonosCollapse {
             // 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' }))));
     }
     static get is() { return "zonos-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -83,13 +83,13 @@ export class ZonosConfirmDialog {
         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 is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-country-select/zonos-country-select.js

@@ -44,9 +44,9 @@ export class ZonosCountrySelect {
             ? 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;

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

@@ -8,9 +8,9 @@ export class ZonosCustomMessage {
     }
     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 }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '506cffe43252a55397dc49ff230311ab38b7f049', class: classes([
+        return (h(Host, { key: 'a9932187bccf8e7fa505c7e07175d03541d66852', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -64,10 +64,10 @@ export class ZonosDialog {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '42944e3338f04feca7cbc928bb12ebeba555c6a5', class: "zonos--backdrop" }), h("div", { key: 'b4e17568fbee4cbe15f745bf49efaab8d1be8b6e', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '255c11f4c3dc5d2f28703b35a774f1d63078f0b0', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '48f1d08a3d2bbeb765be73f2c65dd566dbceebe4', class: "zonos--loading" }, h("zonos-spinner", { key: 'e0250720aefea8b5ac13000cd61a980e0e09e42f', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'bccb4783b92d4b90ab67faacbc6f888af3f52aa5', class: "zonos--header" }, this.headerText && (h("h3", { key: '79c0da7d43317142d177a03629cb3916d9f7923f', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'c835b4a928867c66aed65e0204503553cfe410eb', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '2c9612b655676ac82fb6a7cec268dd12ad0bd8f0', class: classes([
+            } }, h("div", { key: '0298cf365a50e3544656a6d27ae59e922b9e3aed', class: "zonos--backdrop" }), h("div", { key: '9fce580a07147d51f17c898a22204c3d9ce6ac7b', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'b168439cd985cc5c0166a653db206688504cf7dd', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'e0b6215f3c7bc939721669069bc294e08558d8b5', class: "zonos--loading" }, h("zonos-spinner", { key: '687bcd6d2695933de828484c34aff1230bf71d49', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '04a57a4add896e3d96faca8b77321bba5f00b889', class: "zonos--header" }, this.headerText && (h("h3", { key: 'd084cb3aedcb7e5bb8fd82012b57f441d7dce4a2', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '7b73bd57b8651fd3f3ebd29e3c252bd83d9375ee', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '7af04c281b6410b87bfe53913e74fa215f6de24b', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '035123e25049b21951bcfd0a765dd1eca0c50c99' })), h("slot", { key: '3b40b61cb3a234348689f33ce2376d58fbc2f0e7', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '8c6ce4437d2bc98f9eccea0280cee31794883b77' })), h("slot", { key: '11f97e705b3cc1bad11c037ede940d2f392d67e7', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-input/zonos-input.js

@@ -17,17 +17,17 @@ export class ZonosInput {
         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',
@@ -35,7 +35,7 @@ export class ZonosInput {
             ]), 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 }))));
     }
     static get is() { return "zonos-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,9 +16,9 @@ export class ZonosLanguageSelect {
     }
     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 })))))))));
     }
     static get is() { return "zonos-language-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-link/zonos-link.js

@@ -7,7 +7,7 @@ export class ZonosLink {
         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' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -10,11 +10,11 @@ export class ZonosLogo {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: '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 is() { return "zonos-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -14,11 +14,11 @@ export class ZonosRestState {
     }
     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 is() { return "zonos-rest-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js

@@ -8,9 +8,9 @@ export class ZonosSelectDialogHeader {
         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' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -7,9 +7,9 @@ export class ZonosToggle {
         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/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -7,10 +7,10 @@ export class ZonosTooltip {
         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)))));
     }
     static get is() { return "zonos-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -7,9 +7,9 @@ export class VStack {
         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' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js

@@ -56,12 +56,12 @@ export class ZonosVirtualScroll {
                 } }, 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/collection/components/component-template/zonos-component/zonos-component.js

@@ -10,7 +10,7 @@ export class ZonosComponent {
         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());
     }
     static get is() { return "zonos-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello/zonos-hello.js

@@ -343,7 +343,7 @@ export class ZonosHello {
     }
     render() {
         var _a, _b;
-        const isExcludedUrl = (_a = zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => new RegExp(pattern).test(window.location.href));
+        const isExcludedUrl = (_a = zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => pattern && new RegExp(pattern).test(window.location.href));
         if (isExcludedUrl) {
             log('Hello is excluded on this url', 'warn');
             return null;

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js

@@ -18,9 +18,9 @@ export class ZonosHelloDialogFooter {
         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)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -232,18 +232,18 @@ export class ZonosHelloDialog {
         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 is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }