@zonos/elements 1.3.219 → 1.3.221

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: 'aa9addffbd4d082cd46259078b2d6b02bf79e0b2', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
+        return (index.h(index.Host, { key: 'd44e5db9b123906c2435285d23d0d05b6c15d8b3', 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: 'afc39851d100fee8868d1977e19e0cca59c493ac' }, this.inheritedAttributes, { class: classes.classes([
+            }) }, index.h("button", Object.assign({ key: 'a937efb3d014fd8f5501fcde7c3c2f0cb33439aa' }, 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: '2bedbc66b1e3aa14217ee9043cd8b49c60fe7e02', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '0f0cc196919a08927fc18a384a2722cc3020220f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: 'fec8347641037537c56399970f840c064d0363df', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (index.h("div", { key: '09292867f621fd3e04313494809e59254a353403', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '250912ac9cc2ba4d9d5db8fdc67fa6009d5ea7ac', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '0695250725aff37526e6ea4f94456a368b873c59', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return index.getElement(this); }

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a2b32e4.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
-const placeTestOrder = require('./placeTestOrder-8222fe95.js');
+const cart = require('./cart-9a9ae4b9.js');
+const translationStore = require('./translationStore-0c67178f.js');
+const placeTestOrder = require('./placeTestOrder-0dfff170.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const paypal = require('./paypal-e80871d0.js');
-const localization = require('./localization-b12edb2a.js');
+const paypal = require('./paypal-9ee374a0.js');
+const localization = require('./localization-0169b27d.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
@@ -841,9 +841,6 @@ const ZonosCheckoutPayment = class {
         if (!cart.stripeStore.stripeElements) {
             return null;
         }
-        if (!cart.stripeStore.clientSecret && !cart.cartStore.isStagingMode) {
-            return null;
-        }
         // start validate on typing after error banner is shown, and hide it if the form is complete
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
@@ -1025,17 +1022,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: 'bf2f6ea302aafa40c5b1a763b89bffc47389b7ac', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '1db73e8a63f5eef955430c64e6f86d941619b9f6', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: '043adfc8805b027604880284a99148c9ea06e67b', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: 'a580a08d71465c78699d40f7d65a423366262d6e', 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" }, translationStore.translate(tab.label))));
-        })), index.h("div", { key: '991d64c7d79e4e4207e395ec8a3b9b2096e51c6a', class: "zonos--tab-progress" }, index.h("div", { key: '22471019b9e920af6d35976dd71b0954cc785b62', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: 'f3285aaaeefbb16c79b656576dc49c73483fedd8', class: "zonos--tab-progress" }, index.h("div", { key: '74ee5173069a4269c35724a9121d9c343bd13950', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -1571,11 +1568,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '1259c56e28646e85893b129c22402e9d7cfe18f8', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: '4dd1bf92f89b6433673643621d4d2e91c32dc9c0', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '3cba2e86f4952f5d2a171017ad1f6eaa62aacc6a', class: "zonos--restState-image" }, index.h("img", { key: '8f656c89ef030c1eddec8cd95d6a15df889c6ed2', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: '1635b6b084c26f973405a863c898087f7805af4a', class: "zonos--restState-image" }, index.h("img", { key: '305262852c1bc4df2fae58e9d18fe9ef48108155', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '963cf06ac769d8b3bfeb7b36824cb1b6821b5498', class: "content" }, index.h("zonos-text", { key: 'dacc2d0c125d41e5a72c57a5b611789bb005fc46', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '32db4bc138b4cc6c5fab3fd6aa14b51c31ffaf80', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '28f933f06737ac076d2da9dcc1530f01ddb93575', class: "action" }, index.h("slot", { key: 'd974a157a01c4e2305255fc4032868e86af162b5' }))));
+            }, src: imageUrl })), index.h("div", { key: 'b25da09d4d56ab01b5bcb1d219337a94208e8272', class: "content" }, index.h("zonos-text", { key: '1d0bfb2cd2473df240fb6f54eb1329a7aa34009f', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '7dd2da6e10a7e07649534673f7a5b630e1e98a91', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '1ccb01b392f0bca4687a3a1b0fe7a55e6fac69a2', class: "action" }, index.h("slot", { key: 'f8200baab65872d4c4c28e53c791f6fc406199e5' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a2b32e4.js');
-const paypal = require('./paypal-e80871d0.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const cart = require('./cart-9a9ae4b9.js');
+const paypal = require('./paypal-9ee374a0.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-309fcebf.js');
 const handleFetch = require('./handleFetch-45f35cac.js');

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: '617e4c1a39bae3c5765ba05c6c7d3585c1822aea', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: 'c63b825021f8aaf17727e37072c3701e4a55b992', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: 'a4ef3763a3b2d802faacd4cc12dc84cfe9ad55a5' }, index.h("iframe", { key: 'f44ea760cb5c088241a737bd9b82ae0eac22f426', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'c01b886c941c6c50753d50cec244701c9854e589' }))));
+            } }, index.h("div", { key: 'bc51b1a1318b0934c752ae74dfeae8d5f43f1a63' }, index.h("iframe", { key: '0bb69f8aaa5c095bc90f2210fab3770491867754', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '64fdc09e82d28f57fd081578ebd2a3523760c7c7' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a2b32e4.js');
+const cart = require('./cart-9a9ae4b9.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-b12edb2a.js');
+require('./localization-0169b27d.js');
 require('./handleFetch-45f35cac.js');
 require('./VarianceTest-0cb1e118.js');
-require('./translationStore-20a6d8bf.js');
+require('./translationStore-0c67178f.js');
 require('./isDarkColor-428965f4.js');
 require('./getBorderRadius-1b5e33cf.js');
 
@@ -53,10 +53,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: 'e78dcb23a7c91df7f7a2533dc65412f27dd6e969', style: {
+        return (index.h(index.Host, { key: '92689fdc45c9e980d61f9b96c378ca52ed37a608', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: 'cd668b443c01aea20c589fd4ef30636fb4178d3b' })));
+            } }, index.h("slot", { key: 'b94e0bcd372d0194ba2a86b570914fe33af427cd' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -79,7 +79,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: 'e6a000d9ef38aa8ee1c08743830d0b2b0230b4f1', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: '4ffa2b8c03f0c8d3bd08521d950903cba9685109', 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,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a2b32e4.js');
-const paypal = require('./paypal-e80871d0.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const cart = require('./cart-9a9ae4b9.js');
+const paypal = require('./paypal-9ee374a0.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
+const handleFetch = require('./handleFetch-45f35cac.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-const handleFetch = require('./handleFetch-45f35cac.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-7e57fd90.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-7a9413e3.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-8222fe95.js');
+const placeTestOrder = require('./placeTestOrder-0dfff170.js');
 require('./isDarkColor-428965f4.js');
 require('./VarianceTest-0cb1e118.js');
 
@@ -22,7 +22,7 @@ const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" heigh
 
 const SuccessIcon = `<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
-const zonosCollectFinishCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;border-radius:var(--zonos--border-radius, 10px);gap:24px;margin-top:24px;background-color:var(--zonos-elements-gray-50);padding:48px}:host .zonos--finish-details{max-width:640px;min-width:300px;line-height:24px;width:0 auto;margin:auto}:host zonos-button{width:100%}:host .loading-wrapper{min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .zonos--finish-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto;margin-top:48px;max-width:300px}:host .zonos--subtitle{text-align:center}:host .zonos--order-number{background-color:var(--zonos-elements-gray-0);border:1px solid var(--zonos-elements-gray-200);color:var(--zonos-elements-gray-800);border-radius:var(--zonos-elements-radius-6);padding:4px 8px}";
+const zonosCollectFinishCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;border-radius:var(--zonos--border-radius, 10px);gap:24px;margin-top:24px;background-color:var(--zonos-elements-gray-50);padding:48px}:host .zonos--finish-details{max-width:640px;min-width:300px;line-height:24px;width:0 auto;margin:auto}:host zonos-button{width:100%}:host .loading-wrapper{min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .zonos--finish-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto;margin-top:48px;max-width:300px}:host .zonos--button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto}:host .zonos--subtitle{text-align:center}:host .zonos--order-number{background-color:var(--zonos-elements-gray-0);border:1px solid var(--zonos-elements-gray-200);color:var(--zonos-elements-gray-800);border-radius:var(--zonos-elements-radius-6);padding:4px 8px}";
 const ZonosCollectFinishStyle0 = zonosCollectFinishCss;
 
 /**
@@ -92,26 +92,9 @@ const ZonosCollectFinish = class {
             handleFetch.log(`=== Polling order (${attempts} attemps)`, 'info');
             if (
             // Order found, in legacy checkout facade and still haven't found the legacy order number
-            order &&
-                attempts >= maxRetries) {
+            order) {
                 handleFetch.log('=== CollectOrder info found', 'info');
-                if (order && !foundLegacyOrderNumber) {
-                    // We pushed this one through without the legacy order number, so we should log this
-                    void handleFetch.sendErrorLog({
-                        endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
-                        errors: [
-                            `Collect order found but legacy order number doesn't exist after ${maxRetries} attempts`,
-                        ],
-                        metadata: {
-                            allLogs: handleFetch.allLogs,
-                            checkoutSessionId: localization.storageStore.checkoutSessionId || '',
-                            orderId: order.id,
-                            storeId: zonosStore.zonosStore.storeId,
-                        },
-                    });
-                    return;
-                }
-                else if (attempts > 10) {
+                if (attempts > 10) {
                     // Log out all the logs if we have tried more than 10 times
                     void handleFetch.sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
@@ -249,6 +232,21 @@ const ZonosCollectFinish = class {
             paypal.paypalStoreReset();
             localization.storageStore.checkoutSessionId = null;
         };
+        this.getReceiptUrl = ({ cartId }) => {
+            const hostUrl = new URL(`${window.location.origin}/receipt`);
+            hostUrl.searchParams.set('referenceId', cartId);
+            // is test mode
+            const isTestMode = handleFetch.getIsTestMode();
+            if (isTestMode) {
+                hostUrl.searchParams.set('zonosTestMode', '1');
+            }
+            // Carry over the zonosQaUrl if it exists
+            const zonosQaUrl = new URLSearchParams(window.location.search).get('zonosQaUrl');
+            if (zonosQaUrl) {
+                hostUrl.searchParams.set('zonosQaUrl', zonosQaUrl);
+            }
+            return hostUrl.toString();
+        };
     }
     componentDidLoad() {
         if (this.overrideNotification) {
@@ -270,11 +268,14 @@ const ZonosCollectFinish = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c8310458ed1264e1f799c5e89dbb5e98229b2a08', class: "zonos--checkout-finish zonos--elements", style: {
+        const cartId = window.Zonos.cartId;
+        return (index.h(index.Host, { key: 'e145b7396302157ccb515c54f99e50faa8ba45e6', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'df8c6b30dc371111c192a24263afa79814d429fb', class: "zonos--finish-details" }, index.h("div", { key: 'c799b8f13474a996d5603636cc8730657508d2ac', 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: '9365caeb15712f54ae9777b9e6acf67e572f7e43', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '3cca628ac3b7ae3e819296299d0c3f0c8531ddbb', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '52136526f5b90feaa68a526c099fdd95e24ea23e', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))))))));
+            } }, !this.isLoading && (index.h("div", { key: 'b9df4788f27c935ba7fc47e7c930cd162c8fbebe', class: "zonos--finish-details" }, index.h("div", { key: 'a510c995880c8698dc98390d0504b70333551c86', 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: '8f84f87bf2365b85acffefe16e8b10cd9227a6e6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '0e3f3f71cae6262d6394ad2c5a6d656509b484d5', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'c769f2ada1e6b421e373aeb4393560a21d6fcffc', 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: '9972858fadd4d2d9c4f00e54921002ea04a5cc51', class: "zonos--button-container" }, index.h("zonos-button", { key: 'fe931a552fc1c43b29a1966736379c3c1d0536f6', onClick: () => {
+                window.open(this.getReceiptUrl({ cartId }), '_blank');
+            }, size: "lg", variant: "primary" }, translationStore.translate('View receipt')))))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -335,15 +336,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: 'f8415c3fa7cf1e02b956ee91d5c2b8c92aba83f0', class: classes.classes([
+        return (index.h(index.Host, { key: '9509e7325ad0153d2f5c9ba3b5689fdb3ad6313e', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'ba5a7bd33565ec92bbde5135da011e833e1b5f54', class: "zonos--collect-footer" }, index.h("div", { key: 'ba2523ad59a5308317c2127f597116bf13a5bf5c', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '01cc5e41f2c00fb797f67a7e5187cc614974b381', 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" }, languageLabel), index.h("div", { key: '577572370a3364384054451a935bbcfe29681932', class: classes.classes([
+            ]) }, index.h("div", { key: '250716798bf30901678b16e1ac159810f1d7a6ad', class: "zonos--collect-footer" }, index.h("div", { key: 'ab61803d4b5348b8978e7dfcb16a5733cca5dd29', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '6c5dcd25d5ef73b2098269d840e291343d30cb81', 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" }, languageLabel), index.h("div", { key: 'd1a367cd19b36f1a0f49ccfe78e750218b50a03e', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'ab7ad7f5ac46b8b718ed658e003ea9c54fc0e509', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '13a5458f90a1f8899ba772a2dd8d4c9ed3b93bbe', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: 'aa0e23159a9a2ed22c7809dcf55a4be24114f8a4', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '33cb521cfc71be6f909d1457b792d515b80f1e04', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '75dc6b0a319d1dd017f0e108975b7cfabe4d30fb', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '8a8628f4258ea36b86df16b8ed0139c13e04a67e', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'a24bc9f48cd16e8acd668fe23ad3b9427dd1b4ba', class: "dot" }), index.h("a", { key: '32d1c85120322d79fac8ed449cceeea39e065bba', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'bb3f04f0ebe79e03d1d7a70978acafa7ce7069cd', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: '02f446b8f4e3dc875f78d5ac2f0b9aa6dd071f1c', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'b713a78cbd3d3f131c6c473bb1d979899d40b13b', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '97eab5909d556f13fa2acc0628d583d49f13d3a2', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: 'a6488e084f153305eed8d6f65341d7ab00297adb', textColor: colorDesktop }, "Powered by"), index.h("a", { key: 'c63a6e1064dbd733add1cc3b1df1456484e2f103', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '081cae2c34e58478a8c20f0f9a9f20dc0b47c9b7', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: '0862a11838e62f425d38066230b01f445999d751', class: "dot" }), index.h("a", { key: 'b13f3af014b5d970e45f88cbb0ef669a0f9aa2ac', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'a675218a36da83427c2ce517a15b1ed5ea5910d6', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -647,7 +648,7 @@ const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, })
     return content;
 };
 
-const zonosCollectReviewCss = ":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{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay::after{content:\"\";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}";
+const zonosCollectReviewCss = ":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{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay zonos-text{-ms-flex-negative:0;flex-shrink:0}:host .zonos--total-pay::after{content:\"\";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}";
 const ZonosCollectReviewStyle0 = zonosCollectReviewCss;
 
 const ZonosCollectReview = class {
@@ -684,13 +685,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '0ad612b9bd517bde855d648cd49c853f0e76c584', class: classes.classes([
+        return (index.h(index.Host, { key: '6432c5dd5afd628e33ba26385ecfecb470f1757e', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'e7f6ba00c7129d537cabd37ed0583e4385bd3e4b', class: "zonos--title" }, index.h("zonos-text", { key: 'eda6c8358bde6ecf2b200878b0c3cb52d71d3abe', textColor: titleTextColor, type: 'semiBoldLabel' }, translationStore.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, index.h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, translationStore.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '7247a4bc5d030c3fa605946a6acb9c9698055633', class: "zonos--total-pay" }, renderFallback({
+        }))), index.h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, placeTestOrder.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: false,
@@ -713,8 +714,8 @@ const ZonosCollectSubtotal = class {
         this.storeUnsubscribeList = [];
         this.subtotals = {};
         this.initSubtotalData = () => {
-            var _a, _b;
-            const cartLandedCostSubtotal = (_b = (_a = cart.cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.landedCost) === null || _b === void 0 ? void 0 : _b.amountSubtotals;
+            var _a;
+            const cartLandedCostSubtotal = (_a = cart.cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.subtotals;
             if (!cartLandedCostSubtotal) {
                 return;
             }
@@ -756,7 +757,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: '802f3c4e95ac387e1635fda8c60650baa6c2a921', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '5fb1bc3eea8cb032df0073797a03f29aad0c6a4a', class: "zonos--collect-table" }, !!this.subtotals[translationStore.translate('Duties')] && (index.h("tr", { key: 'f0c9c76e23a98f2638132530bf162f17d1c4d369', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: '3563ad4d3ebe19d70701dd6d846ce93f81fb620b', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'a181f357c9ed0a51fd2edf6a321718e859a001b6', type: "semiBoldLabel" }, translationStore.translate('Duties'))), index.h("td", { key: '1e35333b4f2768f52084f1ed8044b20b8ef6dcdd', class: "zonos--column" }), index.h("td", { key: 'd810adf7cb68dbe4abd7a50a3f136b1c8de6927c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (index.h(index.Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[translationStore.translate('Duties')] && (index.h("tr", { key: 'a60fa4f1f1afacef0144b86c054f44572576f7af', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'aeaf798e26bbd482196d7208eb05657a1d15dad8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '835d817709ae3b7e2d888d618e0856fb2e637e4d', type: "semiBoldLabel" }, translationStore.translate('Duties'))), index.h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), index.h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: this.subtotals[translationStore.translate('Duties')] || 0,
                 isForeign: true,
@@ -764,7 +765,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translationStore.translate('Taxes')] && (index.h("tr", { key: 'b6bf34665036c13663685f5d88f030663478d013', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '6595bd3da49f934a560b215774a977db6ee054f4', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b707928fc729029e601b03b1a07d00782bc805be', type: "semiBoldLabel" }, translationStore.translate('Taxes'))), index.h("td", { key: '198d8a22daaac2b96a86ff831b40cefb8d6be057', class: "zonos--column" }), index.h("td", { key: '6f673d2bd36b3cc17d83732c37c21080358961b5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translationStore.translate('Taxes')] && (index.h("tr", { key: '055bb237dafaea8de18b127641c8fd7e1ece563b', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '1e73b140c2c9090ccfb91ce4efca483e8fb56e9e', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'a3375ecd77460c78c7c5f59bf7b9b8612cd53e41', type: "semiBoldLabel" }, translationStore.translate('Taxes'))), index.h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), index.h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: this.subtotals[translationStore.translate('Taxes')] || 0,
                 isForeign: true,
@@ -772,7 +773,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translationStore.translate('Fees')] && (index.h("tr", { key: 'b3392d88def450ba48cf35a7209a3f987ba2513a', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: 'b37890202522d65bb307bf7490cafb9686ed0d83', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '1248245b912e6a0f7b5236c2fae13f4d33b84805', type: "semiBoldLabel" }, translationStore.translate('Fees'))), index.h("td", { key: '47e9ad0b21ad389f1eb029ef7f8f805388f529b0', class: "zonos--column" }), index.h("td", { key: '6fd116a562463aa95a21f6f1635d9b33d8b9c577', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translationStore.translate('Fees')] && (index.h("tr", { key: '8157aba5c6a23680b0bc681adc127747f01a2973', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '8266654f9e65003f297222bb935013a8b9b3b430', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '8399000a5f61e4737764b68b89799b409dce6034', type: "semiBoldLabel" }, translationStore.translate('Fees'))), index.h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), index.h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: this.subtotals[translationStore.translate('Fees')] || 0,
                 isForeign: true,
@@ -780,7 +781,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '76c57539723bd54d09a45a8d0051240ecb39db03', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'b26e8493902267d9ab81907b976af59d961a792a', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '20110aaeccafea4372d91e79062ec5344353e4bc', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: 'a6463d8923e162864002121e63decb286b3a0fc8', class: "zonos--column" }), index.h("td", { key: '49b504de5994357d849e38c0156c5192cdad07db', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'c76f8e4fba2ea9025b009ae400b5b89d30b14997', type: "label" }, translationStore.translate('Subtotal'))), index.h("td", { key: '6568a8e64b3e1b426bb8fdf4aff9354bb1ac4b18', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), index.h("tr", { key: 'a293d1b9342251f7326c1ac68e2bab83eae2ed80', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'c136b1b807f32dc21c131326d70500d2e2c64efe', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '59747101f1a9ef7c8fad60e90ea5b8c31015438c', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '96d201ba6f3e571adac265127229c94cdc96be2a', class: "zonos--column" }), index.h("td", { key: 'f2f4cb751e35fc0ebaa803659f26a2314d8bf639', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b4f89ea1e523af8a5aead4ef007a6f0dc7e7f441', type: "label" }, translationStore.translate('Subtotal'))), index.h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (index.h("zonos-text", { type: "label" }, placeTestOrder.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -788,7 +789,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: 'ff9ffa08886829765a5c5c5120fdf450dab78d70', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '1d3169797facacf6824badd69996a8d4671fa21f', class: "zonos--column" }), index.h("td", { key: '559350e976dae25212dab5dc3bd4a3c27ddb50e3', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '926be9acc7b9bc06755319a2af594a76ddc0ab2e', type: "semiBoldLabel" }, translationStore.translate('Customs fees total'))), index.h("td", { key: '22d88d0f09b37aaf521b6e535b31fdcb00b18faa', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), index.h("tr", { key: 'f0072cdd200e8483421265af39a90fb655fb2ef0', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '88a007048d33c919a6c5f87cf7cd071f83e7448b', class: "zonos--column" }), index.h("td", { key: '24bba9e9b81ff443dd5ca4832c3169e3605a93b8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '594d4e96bec3a2153f6622c6842970ebee5bb463', type: "semiBoldLabel" }, translationStore.translate('Customs fees total'))), index.h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a2b32e4.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-7e57fd90.js');
-const paypal = require('./paypal-e80871d0.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const cart = require('./cart-9a9ae4b9.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-7a9413e3.js');
+const paypal = require('./paypal-9ee374a0.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-309fcebf.js');
 const handleFetch = require('./handleFetch-45f35cac.js');

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

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

package/dist/cjs/zonos-confirm-dialog_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
@@ -129,13 +129,13 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius.getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = zonosStore.getZonosStoreTheme(zonosStore.zonosStore.appearance.theme);
-        return (index.h(index.Host, { key: 'db5aa58306b17fe38ca876d5602779fe5611d7e2', class: classes.classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (index.h(index.Host, { key: 'c9eabf497f7e23ae201e6310e5ecb9f0d7068294', class: classes.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': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '58b0efe6933c8e333ccfd885adc275dbc5a094de', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: 'ced1b81db49b1a50d772a037b7cd071be61e27eb', class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: '9fc184e5f575e8a7480ab4905f343330ad9b8822', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, index.h("div", { key: 'a9a525bfe764bf93e8725d9a00c069455de72ed6', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: '072ab68e501618b640ffce6c6e8e96096966e09d', class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: '3ab415f1cbc2bc36af01d67b279e732480de8685', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, index.h("div", { key: '965bd556625eedbb0dafc10db8f444cfe4c3ba01', class: "wrapper" }, index.h("div", { key: '1709fff88c6d3cd08b5144c33db1a5399104291b', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '6daa8cb3f9fcd60d97484c6b4a49a520c8803ded', class: "content" }, index.h("div", { key: '6dbe0c7487614aaacd471c883258a75a07b3cfde', class: "title" }, index.h("zonos-text", { key: 'ca32852be94af7c099f15c629663ad560fcc88ea', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '41956c52c59eefe0ca4fb31d37a7aa4de0f032cc', class: "subtitle" }, index.h("zonos-text", { key: 'ddae90c765fb5b5999b1d5c8e0642ba12a54d369', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: 'e390a8bb1b3e5ec38ae86a71ab8ad1394c89af72', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '85b0a4a9d5906f7efabde7b0642f575ad35b37cf', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translationStore.translate('Cancel'))), index.h("zonos-button", { key: '5b832e2490acb87a99ec31ae4c1a534f765a3b92', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, index.h("div", { key: 'a1d99558318371c0e5ee95a9578a6de31a6fc27a', class: "wrapper" }, index.h("div", { key: '3fd7fbc90c430a3e1496e5b0347947c1929aa6ed', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '5584080e0f0a5a756b0cc2ac761e0e18c864afcd', class: "content" }, index.h("div", { key: '4a2070c137636193d05ded090fea26f05aada887', class: "title" }, index.h("zonos-text", { key: 'ab4c773f4af1271f5615a28f6a6193460330f16b', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '05a445dc37e754c99ea6727ae2bf861d42d5c2c4', class: "subtitle" }, index.h("zonos-text", { key: 'a7563f9fd3b405653487542e1b7a1f6aeab01893', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: '812e9e43fdb6d10ed62da8138e344b0243ca5c34', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '07d7dc9d1a4bca9cb1ee420a4fed82e9fc513bd9', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translationStore.translate('Cancel'))), index.h("zonos-button", { key: 'b607a5244dc39869b6d40cd361d9dee4686858a7', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -159,7 +159,7 @@ const ZonosLoadingOverlay = class {
         this.size = 40;
     }
     render() {
-        return (index.h(index.Host, { key: 'da6d878d0f96774f287dafd3538c09fdf45eb314', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '607ee229bf8494fab6ec453d5f664e7a1084bb5c', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: 'f3021c39258f61d5767889ea9f83f1097d7f5688', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (index.h(index.Host, { key: '1eb7313add29219032d8301abaf55ace726a3309', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: 'df9960e78817a9a98006fed7e87c5441f220f496', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: '32795fe2c626add5d2f53032ea9b5b8d528bef38', size: this.size, spinnerColor: this.spinnerColor }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a2b32e4.js');
-const localization = require('./localization-b12edb2a.js');
+const cart = require('./cart-9a9ae4b9.js');
+const localization = require('./localization-0169b27d.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
-require('./translationStore-20a6d8bf.js');
+require('./translationStore-0c67178f.js');
 require('./isDarkColor-428965f4.js');
 require('./getBorderRadius-1b5e33cf.js');
 require('./VarianceTest-0cb1e118.js');
@@ -690,7 +690,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'bfc37564859305654a77081919eaaed52387ab40', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'ca4c02bf0aa73d19ea58cdf6a76c8424276b69cd', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-b12edb2a.js');
+const localization = require('./localization-0169b27d.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-45f35cac.js');
 require('./VarianceTest-0cb1e118.js');
-require('./translationStore-20a6d8bf.js');
+require('./translationStore-0c67178f.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
@@ -1859,13 +1859,13 @@ const ZonosCountrySelect = class {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (index.h(index.Host, { key: '26efaff6ae3360dc9a362aede455688a2000d411', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '87e346925730bb4ce7a5a0da35bbffe9fa209e79', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '5935d836049a5bbd539b8a547ac18bd99719b40d', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '8fb631ab82e83f1e52c7b1724a3125832e63858d', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'c7a492780bcdba265a57e2b71d7a4e58b6e4075b', handleOnClose: () => this.handleOnClose(), label: translationStore.translate('Select a country') }, index.h("input", { key: '31048a054eedaae432a1960b9a8563314c4c2a04', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translationStore.translate('Search countries'), ref: el => {
+            } }, index.h("div", { key: '557543582175b50bcd5e9e0e9362ecc85f0b0ec0', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '3e03b4624abfc1b2239560a62dd33659c30c7d26', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '9664de32cbfb119eb0b3658b71f31039f4d0e064', handleOnClose: () => this.handleOnClose(), label: translationStore.translate('Select a country') }, index.h("input", { key: 'c5f28d334194471298bacc218f36dd7d56f57c1e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translationStore.translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), index.h("div", { key: 'fef8c16dddf9b9d89e5a6367bf17aeb80286d371', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: '53fe2d70dee8724d5c653a852fa124d8687b481c', class: "no-country", textColor: "gray-800" }, translationStore.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: '826ee8d9a6efba02e02de28e9bce79ad5ef00df5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
+            }, type: "text", value: this.inputValue }))), index.h("div", { key: '9f623511c7a1576961e527071c10672f3b800359', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: '3c37b29f38ce48ea953df2faf0ab9e349a8e538c', class: "no-country", textColor: "gray-800" }, translationStore.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: 'ebab93c3379e93fcbde6cd634174f981c06bff42', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
                 const country = filteredCountries[index$1];
                 if (!country) {
                     return null;
@@ -1894,9 +1894,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
-        return (index.h(index.Host, { key: '952cc3c91fdc1be6653b1e7f9263e3a47903eb27', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '77dcb275cd99e2c1618a58e35d7b6aba07cff289', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, this.message && (index.h("zonos-card", { key: '16e893a807ff3443006a91ce9c20816a944e2372', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '58a4fc0eb021c4858b3abd319a73490d38849d99', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'c3658bf90139835d37091e4004a0e99c85018401', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '2a746fd3975699615d82ffcda4b4c446f7d0f32a', innerHTML: messageWithLinks }))))));
+            } }, this.message && (index.h("zonos-card", { key: '61f205819558dd9eb5c9181b8510da6b5304f3e5', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: 'adc9891709eade8a8f8baf7cc3a840a0340dc834', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'f94f9d8e2717c36a12a5bd4bd3b1eb98b4c1d6a8', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: 'e1defbb16081a5873f98f6f251e6acf57ea5ec25', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;
@@ -1953,9 +1953,9 @@ const ZonosHelloDialogFooter = class {
         const language = (_b = ILanguage.languages.find(x => x.code === localization.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.isDarkColor(primaryColor) ? 'white' : 'black';
-        return (index.h(index.Host, { key: '21a5da873ec477a41368ba151889ad04e9997028', class: "zonos--elements" }, index.h("div", { key: '15a7d7745bee574246493d7f9a4703c7ca730bdb', class: "zonos--hello-dialog-footer", style: {
+        return (index.h(index.Host, { key: 'ff7ca3834fbd8febed2ad016add7832c84b3d067', class: "zonos--elements" }, index.h("div", { key: 'f3c28cb5afe06a98789e61ed233317402eb7deca', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, index.h("a", { key: 'fd16129719c2c2a06dad220f0101c9d39ac31e7a', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7ecf7916f58b2c388f416b51ed2817a63ab3c818', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), index.h("div", { key: 'be2e62811ce920460f761664a994dc51c316b004', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'b2baf4e43efcc7b6debc55b2143b4458c6e8c4f9', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '35b952303ace56938ffb1e7e6c488e5f9d0cb535', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localization.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localization.localizationStore.selectedCountryCode)))));
+            } }, index.h("a", { key: 'e229fcdcc64734e9ed762f5324c7c35ae88a8e17', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7eb45e7359e7c5d411801d29f06d7c700633c7f3', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), index.h("div", { key: '9dba0c118f8d7cac5c9aaae36d8270f2a8cb8360', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'd40f08f0e1437290ed4fbbd6ad4dd6e61878804c', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '6312ac59bc58142aee85702b3f4538949255cbb9', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localization.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localization.localizationStore.selectedCountryCode)))));
     }
     get ele() { return index.getElement(this); }
 };
@@ -2064,10 +2064,10 @@ const ZonosVirtualScroll = class {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (index.h(index.Host, { key: '6e464de75f6a11c2f27c2c82de83c65c646e5410', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: 'fcc5248ef103f4465a5e07c57b171afe4eba34b1', class: classes.classes(['scroller']), style: {
+        return (index.h(index.Host, { key: '931ec0dfcbb239d4e3f6f127acfffd22b4b9316f', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: '65b5823473b15304317e7a3ec51efd807b3215fa', class: classes.classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), index.h("div", { key: 'd9b0a63008592bc3337bfa713edac71b8d12d82e', class: classes.classes(['item-container']), style: {
+            } }), index.h("div", { key: 'ac8fae50951a3a03ff76ebcef744d739c03bbad8', class: classes.classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }