@zonos/elements 1.3.264 → 1.3.266

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

@@ -211,13 +211,13 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius.getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: '0e8c9eaa41b5769793e8b598e675f74e76061a7d', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
+        return (index.h(index.Host, { key: '8172735394435d60f27ff0b55d3bcd57c7327487', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, index.h("button", Object.assign({ key: '5de21db7f0fb00f327ffb9d9da450269e8493b43' }, this.inheritedAttributes, { class: classes.classes([
+            }) }, index.h("button", Object.assign({ key: 'c0afe56a3a2740aab6ed98311d6ea5d8a40fc390' }, this.inheritedAttributes, { class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -232,7 +232,7 @@ const ZonosButton = class {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (index.h("div", { key: 'ff288d4a7ab7fc79e7e66328e413034e653ddc13', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '14f473f5f16407c020ae6163e5ccba00b6b8ea76', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '3fdd8e722cf4cb730f3227fe0562011af106da28', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (index.h("div", { key: '042ee0a9b02356aaf5b9332121e810782a3efff3', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '2973bb0afdddcfffd1d17bf423776dace52d9f7f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '45c56c5839daf9bff44b424f2de43f02d37ca7cc', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return index.getElement(this); }

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

@@ -6,10 +6,10 @@ const index = require('./index-b1f95d96.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
-const cart = require('./cart-d4486651.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const localization = require('./localization-4b17c530.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-52c4a4d4.js');
+const paypal = require('./paypal-3bb55914.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-e317bb06.js');
 require('./isContrastColor-a02c4889.js');
@@ -39,16 +39,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (index.h(index.Host, { key: '04b66449d19c5862587b5ef4b2f7cb32524b03bd', style: {
+        return (index.h(index.Host, { key: 'ae124207be3fbddbd445d74cdf31085401a09c67', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '218a1def4d384b3bf589e87ca657168de2cea3e5', class: classes.classes(['styled-card']), style: {
+            } }, index.h("div", { key: '43fe2ffcb7caa0754c93f6d94898156f5169139b', class: classes.classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (index.h("header", { key: 'bc5f2eaa90786860e20e40987df70e0cc9c527bb', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '90be1e3b9cd28f5a7aacf79c65c56e14a37bc019', type: "subheader" }, this.label), index.h("h-stack", { key: 'c25845c181e02eadca3cacb2d73c7173ba0a1a50', spacing: 8 }, this.actions))), index.h("slot", { key: '1e875f0fc6d86ae7cc5bdcdc0fc509bdcc1e1862' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '8fdca089c61d02ca14946dc3aaa8cb62c2feae99', class: "card-footer", style: {
+            } }, this.label && (index.h("header", { key: '6839065e2e630a841d6ecd7f03b19a93a988e49a', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '498435bbbb60cc6d1d13a304aad321107bd6feaf', type: "subheader" }, this.label), index.h("h-stack", { key: '4de3f042a72b16be374209b393cb174fc7d1b670', spacing: 8 }, this.actions))), index.h("slot", { key: 'add9dac3d8b9a50c0caa37d245f632c6a5e64d7f' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'e83f37ed24b44d9b7316579ee28ea51a3da119d8', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: '801f46a84cbb1185185ee35f51bf211f09d5aaee' }, this.footerContent), index.h("h-stack", { key: 'c995fab1c343973cf5da3079b99baa8b11af2903', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '685721d5f7f51c99438f4ddf23cf75122db3223c' }, this.footerContent), index.h("h-stack", { key: '61a44c918aea4994c10b16045564b45135296852', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;

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

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-d4486651.js');
-const localization = require('./localization-06cc0379.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-2ebeff09.js');
+const cart = require('./cart-efc42379.js');
+const localization = require('./localization-4b17c530.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-e0436f1c.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
-const hasInclusivePrice = require('./hasInclusivePrice-40358cb1.js');
-const paypal = require('./paypal-52c4a4d4.js');
+const hasInclusivePrice = require('./hasInclusivePrice-400be1b2.js');
+const paypal = require('./paypal-3bb55914.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-7c88197a.js');
+const placeTestOrder = require('./placeTestOrder-313cbd78.js');
 const isDarkColor = require('./isDarkColor-e317bb06.js');
-const getContrastColor = require('./getContrastColor-68058615.js');
+const getContrastColor = require('./getContrastColor-ce80dbe7.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a9a97194.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -40,7 +40,7 @@ const ZonosCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: '52911cfab4b2da9d65c840cd692e638c9dc732c5', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '428a62423a7fcf0721f420c9fdceac4bd928a6eb', class: "zonos--cart-table" }, index.h("tbody", { key: '41a438eeb79635ba00a241fa9771b9c33c7fe7ff' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '0533f9858716c5084f2f7d454038918dcea3f1d0', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '9819698277a5c597528364d19b7c5c7c3161fdd7', class: "zonos--cart-table" }, index.h("tbody", { key: '59493dfb49143a56f2addaf0c9eb1e8ce014dc1f' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;
@@ -148,7 +148,73 @@ const ZonosCartRestrictedItems = class {
 };
 ZonosCartRestrictedItems.style = ZonosCartRestrictedItemsStyle0;
 
-const zonosCartSubtotalCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:20px 8px;vertical-align:top}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--cart-subtotal-title,:host .zonos--cart-subtotal-price,:host .zonos--cart-promo-code-col{border-bottom:1px solid var(--zonos-elements-gray-200)}:host .zonos--cart-duty-tax-price{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;gap:5px}:host .zonos--cart-subtotal-price{text-align:right}:host .zonos--cart-subtotal-price zonos-text{white-space:nowrap}:host .zonos--cart-subtotal-price zonos-text,:host .zonos--cart-pay-total zonos-text{white-space:nowrap}:host .zonos--cart-promo-code-input-wrapper{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}:host .zonos--cart-promo-code-input{-ms-flex:1;flex:1}";
+// Markdown URL allows a single level of balanced `(...)` (e.g.
+// `https://example.com/foo_(v2)`); anything deeper is rare in real-world URLs
+// and we'd rather not write a recursive grammar. Bare URLs match greedily up
+// to whitespace and rely on `BARE_URL_TRAILING_PUNCT` to peel off sentence
+// punctuation.
+const LINK_REGEX = /\[([^\]]+)\]\((https?:\/\/(?:[^\s()]|\([^\s()]*\))+)\)|(https?:\/\/[^\s]+)/g;
+// Trailing characters that look like sentence punctuation rather than part of
+// a URL. Stripped from bare URL matches so `Visit https://example.com.` keeps
+// the period out of the link. `)` is intentionally excluded — Wikipedia-style
+// URLs (e.g. `https://example.com/foo_(v2)`) embed balanced parens, and we
+// don't want to break those.
+const BARE_URL_TRAILING_PUNCT = /[.,;:!?\]}"']+$/;
+/**
+ * Parse a string into an ordered list of plain-text and link segments.
+ *
+ * Supports Markdown-style links `[text](url)` and bare `https?://` URLs.
+ * Anything else is returned as a plain text segment so callers can render it
+ * as text (never `innerHTML`) — this is what keeps merchant-provided strings
+ * safe from HTML injection in [[customMessage]] banners.
+ *
+ * @example
+ * parseLinkedText('Visit [docs](https://example.com)')
+ * // [
+ * //   { type: 'text', value: 'Visit ' },
+ * //   { type: 'link', href: 'https://example.com', text: 'docs' },
+ * // ]
+ */
+const parseLinkedText = (input) => {
+    var _a, _b;
+    const segments = [];
+    // Reset the shared regex state in case a previous call left a lastIndex.
+    LINK_REGEX.lastIndex = 0;
+    let lastIndex = 0;
+    let match;
+    while ((match = LINK_REGEX.exec(input)) !== null) {
+        if (match.index > lastIndex) {
+            segments.push({
+                type: 'text',
+                value: input.slice(lastIndex, match.index),
+            });
+        }
+        const [, mdText, mdUrl, plainUrl] = match;
+        // One of the alternations matched: either a markdown link (mdText + mdUrl)
+        // or a bare URL (plainUrl). Use the URL as both href and display text for
+        // bare URLs.
+        if (mdUrl && mdText) {
+            segments.push({ href: mdUrl, text: mdText, type: 'link' });
+        }
+        else if (plainUrl) {
+            const trailing = (_b = (_a = plainUrl.match(BARE_URL_TRAILING_PUNCT)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
+            const url = trailing
+                ? plainUrl.slice(0, plainUrl.length - trailing.length)
+                : plainUrl;
+            segments.push({ href: url, text: url, type: 'link' });
+            if (trailing) {
+                segments.push({ type: 'text', value: trailing });
+            }
+        }
+        lastIndex = LINK_REGEX.lastIndex;
+    }
+    if (lastIndex < input.length) {
+        segments.push({ type: 'text', value: input.slice(lastIndex) });
+    }
+    return segments;
+};
+
+const zonosCartSubtotalCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:20px 8px;vertical-align:top}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--cart-subtotal-title,:host .zonos--cart-subtotal-price,:host .zonos--cart-promo-code-col{border-bottom:1px solid var(--zonos-elements-gray-200)}:host .zonos--cart-duty-tax-price{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;gap:5px}:host .zonos--cart-subtotal-price{text-align:right}:host .zonos--cart-subtotal-price zonos-text{white-space:nowrap}:host .zonos--cart-subtotal-price zonos-text,:host .zonos--cart-pay-total zonos-text{white-space:nowrap}:host .zonos--cart-promo-code-input-wrapper{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}:host .zonos--cart-promo-code-input{-ms-flex:1;flex:1}:host .zonos--cart-custom-message .zonos--column:last-child{padding:0 8px;width:auto;text-align:left}:host .zonos--cart-custom-message zonos-banner{padding:12px;border-radius:var(--zonos-elements-radius-6)}";
 const ZonosCartSubtotalStyle0 = zonosCartSubtotalCss;
 
 const ZonosCartSubtotal = class {
@@ -177,6 +243,19 @@ const ZonosCartSubtotal = class {
             }
             return null;
         };
+        /**
+         * Render a single merchant-provided message line. Segments come from
+         * [[parseLinkedText]] and are emitted as VNodes (never `innerHTML`) so
+         * untrusted strings can't inject HTML.
+         */
+        this.renderMessageLine = (line) => parseLinkedText(line).map(segment => segment.type === 'link' ? (index.h("zonos-link", { href: segment.href, rel: "noopener noreferrer", target: "_blank" }, segment.text)) : (segment.value));
+        this.renderCustomMessage = () => {
+            const messageLines = cart.cartStore.customMessage.filter(line => !!line.trim());
+            if (!messageLines.length) {
+                return null;
+            }
+            return (index.h("tr", { class: "zonos--row zonos--cart-custom-message" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column", colSpan: 2 }, index.h("zonos-banner", { intent: "info" }, index.h("zonos-text", { type: "boldLabel" }, messageLines.map((line, idx) => (index.h(index.Fragment, null, idx > 0 && index.h("br", null), this.renderMessageLine(line)))))))));
+        };
         this.getCartSubtotalSubtitle = () => {
             const inclusivePriceType = this.getInclusivePriceType();
             if (inclusivePriceType === 'DUTY_AND_FEE') {
@@ -306,7 +385,7 @@ const ZonosCartSubtotal = class {
         }))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Order total'))), index.h("td", { class: "zonos--column zonos--cart-total-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
             amount: total,
             isForeign: true,
-        })))))));
+        })))), this.renderCustomMessage())));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -884,11 +963,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: '97291e81aef62884ec0519d93dcc7ff184b2913d', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '3df50a75327f2dd1d7eea538aed0501c96504f2d', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (index.h("div", { key: '40569271fb67acb22a4a0fa3c0fc8e1c0c641061', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '8b431c7751e5e32fe97f4244151ece7de3c6d9bc', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: '0f5c89c285acf8c4f79e058c69cde9011df7e1a2', class: "zonos--finish-details" }, index.h("div", { key: '7491b15a90941476338ec6b1738312ffd4ebd2c0', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '87e0d022014596b02d813ee510917b7ec9b55e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '456bd678d5ba6f5b74da34f906bbe9f4bed870ac', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'ebde02a73e71ad88d7d68629f2cd8a34d961aa63',
+            } }, this.isImmediateRedirecting && (index.h("div", { key: '6031b9b4d5847bb46a201ccf7f6b1cd036b3e3df', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'e816086c5efdfe8c1b40ce0bad935ef829a8f88d', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: 'c787a355834af35a53f09f51f97c6796fa25c345', class: "zonos--finish-details" }, index.h("div", { key: 'a2a4bd3caee1cbffd514dcd69927a0f8a4e20af1', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '894069f110eab9cb02fe4dfa814d7c285dadf7cb', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '95bee491e9ac903a594569c911a81c63ebfab691', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'cf10c1bdfe95c5a13a2714fc7d64042fa7ef49ac',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -900,9 +979,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '2b86a3d9fb705ad080af532e645fd26aa844a14a', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'cc9da3752636dbf9ecd3446fb787074cb1fa725b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: '83a9dc9fb81baaf9e223dfa9fe0fc0fc4c106635', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'edf8057b0430e3e4bb8fd675554659781e1724ae', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '3c40eee58d8a2ad5951dfdfc7c8d485052b6ba73', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: 'f61fedefbfcf3650377bfd2e1a86d7feb4129b12', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'fa794be3da7f480bc3682a2e932ee1f876ac5bb2', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '5bbff8ed5b5c585dd1a4ca8e2d206d48fb080f39', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -964,10 +1043,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (index.h(index.Host, { key: '608a64c8e871bc0544cb80b719c9e11d441e2909', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '37e6da358ce729c118128d9fae97efed127d83b9', class: "zonos--checkout-footer" }, index.h("div", { key: 'd42eb447dd73073debd6c0d48b766ce31f995b32', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '3a61cc1647aa2e74d0e1fd5534ae9ff66446ba7a', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '28bfc7ed3b75c9724e951177914f2d874fff27fe', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'b082108bcc0b5dded10136056fa1426bb6adda8e', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'ddccc795078e5eb55b25cbe5d5a6bf502579cded', class: classes.classes([
+        return (index.h(index.Host, { key: 'ec472ed419e634f96630332398ff6e814dcd0391', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'd29154eb86046ddd440460343b3b115d3e23c87d', class: "zonos--checkout-footer" }, index.h("div", { key: 'b0bb0fed3cc0b228fb1a80c6b27a3aaa84081b95', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'd6ef4aa2d32a04a5d27c8085471a85970a24dbed', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '6e7d935c324465ad501a28388d71ad73fba9c74f', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: '5041eee50cd91210e6c1d4257f66b63e76ce9e4a', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '87b4b4b6fe789592d61dd7e69944b433c0bc0cf2', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'c38f3ebb835b15cbfbe624507c0addb8622f65e6', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'b4862df1b1f4a27071ad4291891b968d016c7024', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'ac15fc57811b44fbe9d6c032f02660bb41bd40f9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'dc954edc4349a90c41b54348516c6922fe6c5e56', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: 'f8d5136948a871718cbd73f982b229c8ea46bbf8', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '2e3542d9d2ddd78ba855858b93ccdeca47269962', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '240abfbd5b86c5d0068cb20305ab3bb39abf22b5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7d5fe50373919e4bc22da89b00915e607eb1b9df', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
+            ]) }, index.h("zonos-language-select", { key: 'de8bd0ba1085564c2fe40c2d261e74ec9f67da90', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '7c3954550c4512b2d83fbafe05b57a44f0501991', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '7bf2b74683ee81e8aa5ed5c0175ba22b8e8b5d6e', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'c39c00e77f47dbc1d47f69003cdb5c5f17c7a4e4', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: '567940865a03b6dce5273d70fb85860c042f9068', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: 'e3a0727029aa676e68c2a9a174c64188f7ab029e', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '5a7f20a70efee92be700365818004f86827cc373', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'c4a61b660e474064c35626744cad44e598206179', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1275,17 +1354,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: '425c77b4ab1b9a29ada76644a60c2c6f54fa2e28', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '2bc73268f4413887abe526ab1ac01471627e9fbc', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: 'd8e13a57521242f597c8b8adf7c6f304b3a9d3ce', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: 'fb812b9d4e6ba72f26b4f31ccf8444500a72f277', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
-        })), index.h("div", { key: '9461341c83a92c810a3cf02f3828610732eecfe2', class: "zonos--tab-progress" }, index.h("div", { key: '142824930f5a8a6ef4fdafc7b39d9a96aa518cff', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '0dcaeb8d709f06df00b965c7aa081294a060120e', class: "zonos--tab-progress" }, index.h("div", { key: '8faef8257c4a0244e1ee5f3ac5752904ecd63d96', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -1998,11 +2077,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '70b8901469cba98007780b2dc6cceaa61f96d8ac', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: 'c8ad36ee240e6c623cfd950a9cd2eebc89e1d264', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '7903d837e37c843a55aee6211cc2071add4f5a05', class: "zonos--restState-image" }, index.h("img", { key: 'dee0733ab529b004f53d1d69a29a07d7a44a3eea', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: 'c1f45b4dfc584bd492f36cd678699aec372d0b41', class: "zonos--restState-image" }, index.h("img", { key: 'dbbcbfcdfb849c8f31c17eba4f99d2fbf1f9f05d', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '612e7d71d5e6bd2e0c37d7c6595b35ea5ca416dd', class: "content" }, index.h("zonos-text", { key: 'c28379a4b4546afa6b323986c092c9538aa66b65', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '309e2e9c5086d0c84ccbe6c695d657d9f8e16da0', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '7fb9586682d221a311598ee8d294c6daede33e96', class: "action" }, index.h("slot", { key: '87959654a7a3c9c621d633a492627d53ff561fd4' }))));
+            }, src: imageUrl })), index.h("div", { key: 'a3f92d7c4b7c3d6b27b310024b60659903901300', class: "content" }, index.h("zonos-text", { key: 'c3f6af9cc17b95f988d848e18e3afbdb711c5ddd', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '656d089910ca5aa79b762d6c36b9b14ef093b706', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'e44d6b8bdf04cc1bc31a3ed427260c08ab05781b', class: "action" }, index.h("slot", { key: '662fcf9da75d402dbfdd4ec8135c5112c5cc7527' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -72,14 +72,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'b72500a3ead1362eebf6cd90fc60fddbade0bccf', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: '68ce8866560fc44b0f0ccdc2c62ce6f12662b732', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, index.h("label", { key: '3a5104fa8f2b3874108f27732df0aee9d4bebbd6', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: 'aea12725ffa80d01c7fe1753d637f6e94e1d0fad', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, index.h("label", { key: '296bc060857897219204b2f7c92f14fe95d9a4e0', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: '0995da201de091b958f8a7e0aa8e160d3806c9df', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '807f1b1b8acf88793abe74d329c8ffd81a450d9b', class: "checkmark-container" }, index.h("svg", { key: '18bec57b0554f70704f5c53e57a5929a48165f44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd98ba6681c05d63e242518b332b7d3292e19d39e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'f540e55464dd67bf513cf6a77b078c7492945b50', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '9ea1f4c9e4eecf9ac151d10318fcdec7e3a242e2', class: "checkmark-container" }, index.h("svg", { key: '56a08834db133070b05d00c95017ed2e35a27d7f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c137dbb9448ca58d7080b48f7e8e0ca0ce534ef9', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'bdff3daf6e88591d3af0567c74569608e6dabb4e', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-d4486651.js');
-const paypal = require('./paypal-52c4a4d4.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const paypal = require('./paypal-3bb55914.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -1802,6 +1802,9 @@ const ZonosCheckout = class {
         // if createCartId is provided, use it to build cart. Merchant will provide create a cart from their server side and give the cart id to us.
         if (typeof zonosStore.zonosStore.checkoutSettings.createCartId === 'function') {
             VarianceTest.log('"createCartId" is provided, start building cart');
+            // Reset before awaiting the merchant callback so a stale banner from a
+            // previous open is not visible while the network call is in flight.
+            cart.cartStore.customMessage = [];
             const cartIdResult = await zonosStore.zonosStore.checkoutSettings.createCartId();
             let cartId;
             if (typeof cartIdResult === 'object') {
@@ -1811,6 +1814,12 @@ const ZonosCheckout = class {
                 this.useShippingDataFromCreateCartId(cartIdResult.shippingData);
                 cart.cartStore.customerAuthenticationToken =
                     cartIdResult.customerAuthenticationToken || null;
+                // Normalize against misbehaving merchant callbacks: only accept an
+                // array of strings, drop everything else so a bad value can't crash
+                // the renderer (`.filter(...)` would throw on non-arrays).
+                cart.cartStore.customMessage = Array.isArray(cartIdResult.customMessage)
+                    ? cartIdResult.customMessage.filter((line) => typeof line === 'string')
+                    : [];
             }
             else {
                 cartId = cartIdResult;

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

@@ -57,10 +57,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: '3e88dfbb76bc891e26c8b25729719b3bdc7e4087', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: '4266c0d5399bbcecf4725cfda02ee88fb3b74843', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '3304ccae3cf01ee2100f10e0e4751bb1ea709d00' }, index.h("iframe", { key: 'c7af721e790b0b7cea8a5345403d485c8ed0dae4', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'be37b54db2a486750777edf71ff1001e4589f80a' }))));
+            } }, index.h("div", { key: 'ca2fb1d9b821402ff26e171f678083d60b401a22' }, index.h("iframe", { key: 'ba726164295930bba21d115b732a7bd2edad18e0', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '1454a6f84d2e90be4b79868c99dfefdb21baf9d9' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-d4486651.js');
+const cart = require('./cart-efc42379.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-06cc0379.js');
+require('./localization-4b17c530.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-e317bb06.js');
@@ -25,7 +25,7 @@ const ZonosCollectCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: 'ccad7b37a4f0d00d679dfdecb98fa15c2600aea2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '0464336c854621f6f2b31b2fa6ce93daa152e607', class: "zonos--cart-table" }, index.h("tbody", { key: 'a32edcb6ed81d0117fb96f93c9e4fea5d1971abe' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '085e4b2fd45b68d916f268719cb52009cc06f8a2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '23338d49319259769cd139ff9c329f3a9c6a059a', class: "zonos--cart-table" }, index.h("tbody", { key: '9a8ba11598f20b78a0ea199ccdf7254db461a0ac' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             return (index.h("tr", { class: "zonos--collect-cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: item.name, onError: () => {
@@ -52,10 +52,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '6d17afddd6bee4215f1ca29e6d1876ead04b1cf4', style: {
+        return (index.h(index.Host, { key: '721c4dd7d467879b21078725e6343b7ee8d76675', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: '1588eca69137d187ce946df8004a5192187e963b' })));
+            } }, index.h("slot", { key: '1e4dc26d7e61893d04bc6255abf2834b4545b335' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -78,7 +78,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: '06888cfea3918480152b8f1af660148882747195', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: '22a28005143f47dd80eaec233e7d9937d7e72507', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-d4486651.js');
-const paypal = require('./paypal-52c4a4d4.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const paypal = require('./paypal-3bb55914.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-f56566ef.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-630fcf87.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-2ebeff09.js');
-const placeTestOrder = require('./placeTestOrder-7c88197a.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-e0436f1c.js');
+const placeTestOrder = require('./placeTestOrder-313cbd78.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-e317bb06.js');
 require('./isContrastColor-a02c4889.js');
@@ -272,11 +272,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: 'ebc550d41d82330609ce842578fb9414397f11d2', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '3de21586bf8e0f31e698e2b1a51d3344aae94af1', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'e63176b8eb34a1c9bac491cc653c1108e085e77e', class: "zonos--finish-details" }, index.h("div", { key: 'abad1b8c765417e3d1cb4eb5f97c2713bc780517', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '00924614cb5e3553bd572008a7e13ecd7c516272', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'e39986d7d0f739a7ea221546f3f06aa5327ef824', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'b4894f5156a213413e58484fe465905e1c5e48d4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: '8770f7a408b8b9862a2ef5ac4fa02a6caae6183a', class: "zonos--button-container" }, index.h("zonos-button", { key: '3bebe519d938bccb40c65c668fa58088cfeff47f', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: '66f93432802d63e1fab59de19c1fd930cfddacbe', class: "zonos--finish-details" }, index.h("div", { key: '0857460a375bff54492dd7fe64baddf2af1e966a', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '008c4971516d110e1c2d0a348b09fa6ca0a0b1a6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '3e86105dbdae6cb696b0c4be81d9fcc30576ae4b', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'b372ae467ccb62b5c03aba28635135c350473986', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'bbf5885fe6e52135e3a2d7a82f0e85fd26e6aa74', class: "zonos--button-container" }, index.h("zonos-button", { key: '74dd846361072721bb3c511d675f7e42b7c063e9', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -341,15 +341,15 @@ const ZonosCollectFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = 'gray-1000';
-        return (index.h(index.Host, { key: '2650da0d6942ec1389d65316d4f387b205eb3d23', class: classes.classes([
+        return (index.h(index.Host, { key: '5ec7e478c6b2b4fc21634ed70261dce3b095a8a0', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '711017e883a7c88de6a8c4d2761d969045fa7511', class: "zonos--collect-footer" }, index.h("div", { key: '3eb3e89a254e3dba1cbd0a4dca0e257f0f7a64f7', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '2615195358247954888d47aa01b873c2e1ff738d', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '90d0c4ca757c3825865cf82b9991a13d2972254d', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '6badf11c60712883ee1ed037a8ddb955a7675d53', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'e8b45be9f457a57482da8ed95193ca2c36525525', class: classes.classes([
+            ]) }, index.h("div", { key: 'c16c9d6e73dbfbd416137c6bf697cbb92d2bf706', class: "zonos--collect-footer" }, index.h("div", { key: '7df1dde2ef014d5f1b7093e034d0ccf0e795ac61', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: 'fcbc9ddc94b68e353b2f8f064c99abf1cc2900a9', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'bf58b98ed61dbc6c6cba358c34f40a15301c8c9a', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '2cda7ba7b226accb3f42281a0dc94d8227330193', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '963404ac73580e236740343fec11447b9ee22ca4', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'a0a9bc9fca4df158e615ae387a5be2598a7b9f36', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '8e4743edc609ac041cb283a2a4864efcbda0a86e', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: 'd1119f22e17b80d015198c2803657c0280939ec7', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '4faac90e9cb3469ffeb743155345232de8e3730a', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '63b6ad613f96d8bd6f88b931c0c3833d08744479', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '09d6e961e27583a37b319be89fd0f80dbb9e96bd', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'b78088f8ab0cdc6b8dba6f1e0012e4c96407dd92', class: "dot" }), index.h("a", { key: '5ada46bc9f2fa3b52e235b3ec0231423e15fb5f5', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'b22d50bd1aaf5fddf8e1795f68b85c0e4f0125e8', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: '8b41a062040737a68d3c9b00839fa65b412cf7c4', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '16c4a6476916227d6310c48fb4d0cc732ba8fd52', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '220c6d0bb23e3d43f3a21ed2cf94f4eff016e8f5', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '6c6e2cab741612e4e75a2840dc36571e49aad40d', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '60aa25c0951f8307974c4a892fddbb0626cc76d2', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7f913799ae95ee9ed30aea2e6144d36c89ebd7f8', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'd74339c34ecebcbdeb60e08f8de4b83d07a93a71', class: "dot" }), index.h("a", { key: '8e9917e5ef37bedc593774bd7e0cab85fb7a99b4', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '2cc37adc0b69dfbb7ea7ee6b6727ad173c2cae6e', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -683,13 +683,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '9b00168e63cbd687c01583577eefe9f5e9958996', class: classes.classes([
+        return (index.h(index.Host, { key: 'e80b802a45d3d6395ead284a218ed1053d2e05a7', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '5d29409d7c09ce620b32d6f4512bbd280817cfa8', class: "zonos--title" }, index.h("zonos-text", { key: 'b06ea84a112b06f1aba656060c85680cada09808', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: 'febeea7c348a5279ddf97bdd48e3d28fa07d6f22', class: "zonos--title" }, index.h("zonos-text", { key: '1ed640de9e3e6d87064a727ecca208368e1a1e81', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '7d96f27c70d54f69862816be87bf1c084a91ecb9', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '0a61b9f3a8ba33e83b50b8c53edfa3b784d47051', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -755,7 +755,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: 'dbdf16aeb070857018db4456e06b8c74cc135d78', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '90e8278e1f518f5531813c3cf0b032707fe42eb8', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '3c63319c6be8719069eb7d80eda2546dcc76f273', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: '942aa283152bbf69439e7a864156c2f4a71f66dd', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'db7ee74968f1b452e93a9e1d46de833e2513f582', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: 'dfae6f70ace82c38bdce41de0b4f900c790fa9ae', class: "zonos--column" }), index.h("td", { key: '943c6781ad1909d6c5c315f705fcb08547a92660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: '6df77785504d4076a3b675a9ef62171105fa22b5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '5a0917d3828ff18b5ad67d6e168e67b5646a6425', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: 'b51069b800459d0aa64cebb98c0bae99d05bde8a', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'b7bd45e0256a852ec363ffed7022d95079a8282c', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '47db47e87c83c4e5361e363d8c48cbef675a1eb7', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: 'd3b083c586c04fdca1a9410992cba6350050fd75', class: "zonos--column" }), index.h("td", { key: '6aedc27105ffe3a15744482025e3c711de22709a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Duties')] || 0,
                 isForeign: true,
@@ -763,7 +763,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'e87cf556d84fa66789f2410b77e049229eb54732', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '5941322ab31a1227a6944a05b25b27f387e184e7', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '729fd97147df76283b5d97a30015e2af84a4fbb6', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: 'a51514811435edae33c37f6062b0323ef2acfd05', class: "zonos--column" }), index.h("td", { key: 'a091d24821800034b1629813e05b40854951908d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'ee934191b6d95c2bdebf40c5a8d6e9a8dcc4716b', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'd9966df4b307915d69e99ddca307afb3b1dac57d', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '0b074f206a3746e9428a1f7f4df95a7035770535', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '4cd818d7d7db3bbb1b044f09420f3c0de9c2654f', class: "zonos--column" }), index.h("td", { key: '885a3b0d243f9687af99018c94e6f7990ab94ae4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Taxes')] || 0,
                 isForeign: true,
@@ -771,7 +771,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '1ee4eae6bc0ea9be2d3b98733a3d51034db3b2c3', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '6548ee27908c32e7c39f4f16a7c6f202df256e28', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b911ffc5f29252efba3989e494eca1c5ec0fbd54', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'f01086495ba4e1864f63de5fdd212de922e335c6', class: "zonos--column" }), index.h("td", { key: 'f2e628f5fb0087cebc5b135194325127357828e2', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '840cdf461bd3cb0780c517be7900a4db7522da6d', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '57edb0642163a4fb580c538334f77fba2f15efe1', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'daa9e1ab156a2a5b26aec744014c2501948872e8', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '90cc11dda267840a4d4559aed5cfa5d61e13a986', class: "zonos--column" }), index.h("td", { key: '3716f79ab7323f5d6ebca7ece57bfd7b78f62b20', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Fees')] || 0,
                 isForeign: true,
@@ -779,7 +779,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '1b3c7371aa2b395c310e1bbfbda5071fc76bc523', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'ffcab1bd04d14fbc8c57d6731f2243945d889b9f', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: 'c674e6737e1888c3ef4dfa9a2cc06ec595ddc74f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: 'c79170263853ebba9168b566ed0985af9e7f7bec', class: "zonos--column" }), index.h("td", { key: '05bff80d6dd83b047ec4f40dedbb42dcef822a34', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '61e4f56cd4da5187bb64c746920b04655ed4624a', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'a1701fa2c16e87cdba274349b7c5f9f0b90093ea', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '2ac89b5b3f76c2991b88ce163ca571380d91ae8b', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'fc073ec87ac579ad5af8fb2dd08fe47112e21717', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '87c32f3ee0ffb3c347c495ec853ebf92b6a08a0f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '664d161448aec51324f0d177d20fa0ef765a17bb', class: "zonos--column" }), index.h("td", { key: 'c14949595986be080c502ad175529883f2c789cc', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'cf141dd8e58e73b981cdb5f51c111d83099222ae', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '3cba5203e563ec1f4c591d6c42cf7b9a7c8c2045', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -787,7 +787,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: '83b981afc2f2ddfa5a21ee28fea2e00ec3aef4e8', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '041fdf582712439e15521ab290f6475106d890cc', class: "zonos--column" }), index.h("td", { key: '82734ce4831e6255d8d6fe6aa73e8c132ba65d1d', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'd7b1771c43d5176226d1e503ec9308da5806fa52', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '5bebbeaaa0ed0c112e73e4e6283d1364b9ae4f64', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: '14065db117fef4acbb0f459a624fee28ea127205', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '0bc154f6d48ddb0bdc829233a66f0e486ed9df4f', class: "zonos--column" }), index.h("td", { key: '1f2997cebc3250152b1ecd207066ffc44af7f124', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'd50cc0977380fc1bf858fbe26201d919000a74b5', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '2fcd30a868708f5abea04230c1407fff62fb011d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-d4486651.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-f56566ef.js');
-const paypal = require('./paypal-52c4a4d4.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-630fcf87.js');
+const paypal = require('./paypal-3bb55914.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');