@zonos/elements 1.3.259 → 1.3.261

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

@@ -6,10 +6,10 @@ const index = require('./index-b1f95d96.js');
 const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-db55a464.js');
-const cart = require('./cart-c618fd5b.js');
-const localization = require('./localization-5994d4de.js');
+const cart = require('./cart-d08c87e2.js');
+const localization = require('./localization-a7fac4b4.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-091e089e.js');
+const paypal = require('./paypal-73a542cb.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-bfe6d1eb.js');
 require('./isContrastColor-6a17f408.js');
@@ -39,16 +39,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (index.h(index.Host, { key: '8832966776c626c783e771fb7f9a773d2539e07f', style: {
+        return (index.h(index.Host, { key: '000ef115565050082a6e73e1709e014c66b410b7', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '89c9af9275ca5b01f658081fefb7756bfcbf6d58', class: classes.classes(['styled-card']), style: {
+            } }, index.h("div", { key: 'c9391737f61c4e555643ead25e927376d4e949ba', class: classes.classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (index.h("header", { key: '3da688655c5a9af66397525d02224dbc431d00d0', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '8e9524d26e5a0a7e3149b4008efd02b5a7b9ebc6', type: "subheader" }, this.label), index.h("h-stack", { key: 'f7298bbb158686b03b2a09f5d6c089c0f4d144c4', spacing: 8 }, this.actions))), index.h("slot", { key: '24888347ff25ffd21b416da4f5aae493f8044638' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'b6792e7345b87e9407585ed4558c7327ea3eab36', class: "card-footer", style: {
+            } }, this.label && (index.h("header", { key: '9a23e108d3a53adf878bc50cb4c3927ebd8db4a6', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: 'ea6a44ecec753ff4ff588d2f47843cc242f55f98', type: "subheader" }, this.label), index.h("h-stack", { key: '7da7b584607867884466b311b1c9055c281e3326', spacing: 8 }, this.actions))), index.h("slot", { key: 'd3c458ee2288071bd72bbadc760fa9a0c6333219' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'b668c38a177fd5b0d7fe7988d18afe6f40e8082c', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: '70ccde8e9b1988db1ba477efea5b44e812a7514d' }, this.footerContent), index.h("h-stack", { key: '4e48425e9db7031d779da7061f0b2d92b27869a0', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '61b13afeac104d27d76f73c0f869104ce5295197' }, this.footerContent), index.h("h-stack", { key: '3cbdc1beb4e3b2129d9e71cb6c4ed94565a20ba9', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -261,7 +261,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '1fb61e01184d3a0b2dc079ae468e96175d9f6518', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '3860ff7fc2656ff045ce09c0de2e14aa7a22e194', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '3cabad9c095f2eeba8cfc464374ca9abfc2af5ee', class: "zonos--payment-component" }), index.h("div", { key: '9e2b13a0d8131a5513f99e2a6436ca3c5f03d7cf', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'd6aba7a614610a64012ef6636e19b345623141ec', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'edf8c9ee8d7a9ebf87922a49d9b7420efd80b226', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '3d0d7638a309fdf4dc1ab39bb463a0c35add911d', class: "zonos--payment-component" }), index.h("div", { key: 'a79f98f63bad2a7c5023eeb5bb28ae39997ada27', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -325,7 +325,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (index.h(index.Host, { key: '35387382aaa81e3f8e025e8f3503be41b86e2355', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '34fad15dee67d8b913071a59d35b1c2317d4d3a0', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: '5745cd59ad8b81a41f8015438afd036621695bbb', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: 'be5154e55384e2ecd42e2ec6b2be7712fb6ef31b', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c618fd5b.js');
-const localization = require('./localization-5994d4de.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-7876a1d4.js');
+const cart = require('./cart-d08c87e2.js');
+const localization = require('./localization-a7fac4b4.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-a374741a.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-1c517e55.js');
-const hasInclusivePrice = require('./hasInclusivePrice-58a9f15d.js');
-const paypal = require('./paypal-091e089e.js');
+const hasInclusivePrice = require('./hasInclusivePrice-c781c336.js');
+const paypal = require('./paypal-73a542cb.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-db55a464.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const submitGtag = require('./submitGtag-9ac5a42e.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-b07f8edb.js');
+const placeTestOrder = require('./placeTestOrder-aefd31e8.js');
 const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
 const getContrastColor = require('./getContrastColor-8ed1cb48.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
@@ -341,6 +341,13 @@ const ZonosCheckoutFinish = class {
          * Is waiting to redirect to a different page
          */
         this.isWaitingToRedirect = true;
+        /**
+         * True when we are about to immediately redirect to the merchant's
+         * successRedirectUrl (CLOSE_MODAL + successRedirectUrl). Used by the
+         * render method to keep the dialog in a loading state instead of briefly
+         * showing the success notification before navigation.
+         */
+        this.isImmediateRedirecting = false;
         this.pullOrder = async () => {
             var _a, _b;
             const checkoutSessionId = localization.storageStore.checkoutSessionId;
@@ -424,8 +431,9 @@ const ZonosCheckoutFinish = class {
             window.location.href = url;
         };
         this.isRedirectBehavior = () => {
-            const { successBehavior } = zonosStore.zonosStore.checkoutSettings;
+            const { successBehavior, successRedirectUrl } = zonosStore.zonosStore.checkoutSettings;
             return (successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
+                (successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
                 !!cart.cartStore.externalConfirmationPageURL);
         };
         /**
@@ -462,13 +470,71 @@ const ZonosCheckoutFinish = class {
                     `${redirectUrl}${hasQueryString ? '&' : '?'}${queryString}`
                 : redirectUrl);
         };
+        /**
+         * Immediately redirect to the merchant's successRedirectUrl with the
+         * zonosCheckoutSessionId query param, without polling for the order. Used
+         * by CLOSE_MODAL when a successRedirectUrl is provided, so the merchant
+         * can look up the order themselves using that query param. The
+         * `zonos` prefix avoids colliding with merchant query params.
+         */
+        this.redirectToCloseModalSuccessPage = () => {
+            const redirectUrl = zonosStore.zonosStore.checkoutSettings.successRedirectUrl;
+            const checkoutSessionId = localization.storageStore.checkoutSessionId;
+            this.isWaitingToRedirect = true;
+            if (!checkoutSessionId) {
+                this.redirectToUrl(redirectUrl);
+                return;
+            }
+            // Use the URL API so that an existing query string is preserved and a
+            // `#fragment` (if any) keeps `zonosCheckoutSessionId` in the query
+            // rather than appending it after the fragment marker.
+            try {
+                const url = new URL(redirectUrl);
+                url.searchParams.set('zonosCheckoutSessionId', checkoutSessionId);
+                this.redirectToUrl(url.toString());
+            }
+            catch (_a) {
+                // Fallback for relative URLs (which `new URL(...)` rejects without a
+                // base): split on `#` first so the fragment stays at the end.
+                const fragmentIndex = redirectUrl.indexOf('#');
+                const base = fragmentIndex === -1
+                    ? redirectUrl
+                    : redirectUrl.slice(0, fragmentIndex);
+                const fragment = fragmentIndex === -1 ? '' : redirectUrl.slice(fragmentIndex);
+                const separator = base.includes('?') ? '&' : '?';
+                const query = `zonosCheckoutSessionId=${encodeURIComponent(checkoutSessionId)}`;
+                this.redirectToUrl(`${base}${separator}${query}${fragment}`);
+            }
+        };
         this.handleSuccessBehavior = async () => {
             /**
              * Save placed order info so we can show order info if they try to place the order again
              */
             this.saveOrderIdForDuplicationIssue();
-            const { successBehavior } = zonosStore.zonosStore.checkoutSettings;
+            const { successBehavior, successRedirectUrl } = zonosStore.zonosStore.checkoutSettings;
             switch (true) {
+                // CLOSE_MODAL + successRedirectUrl: redirect immediately with
+                // `zonosCheckoutSessionId`, without polling for the order — merchants
+                // look up the order on their success page using the query param.
+                // `externalConfirmationPageURL` (set per-cart on legacy facade flows)
+                // continues to take precedence and falls through to the polling-based
+                // REDIRECT branch below.
+                case successBehavior === 'CLOSE_MODAL' &&
+                    !!successRedirectUrl &&
+                    !cart.cartStore.externalConfirmationPageURL:
+                    {
+                        // Keep the dialog in a steady loading state instead of briefly
+                        // flashing the success/finish screen — navigation happens
+                        // immediately, so flashing "Order complete!" for a few hundred ms
+                        // before the page changes is more confusing than a spinner. The
+                        // outer caller (`checkStripePaymentStatus` etc.) unconditionally
+                        // resets `isLoading` after this returns, so the render method keys
+                        // off `isImmediateRedirecting` instead.
+                        this.isWaitingToRedirect = true;
+                        this.isImmediateRedirecting = true;
+                        this.redirectToCloseModalSuccessPage();
+                        break;
+                    }
                 // If the merchant wants to redirect to a different page
                 case successBehavior === 'REDIRECT_TO_SUCCESS_PAGE':
                 case !!cart.cartStore.externalConfirmationPageURL: {
@@ -818,11 +884,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: 'c74f250bac797f8c000bac4892bc5ab56c0867bb', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '52582ef091037ac1fda75df03ae6b54ffaecb06b', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '5ee705381b0246f5035f512c9d19beba6dc33d4f', class: "zonos--finish-details" }, index.h("div", { key: '1d1a54d8f73535aaada32601c5e771c9fd381104', 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: '68c898ee87166d08bd52702ae8f9bfe51c393076', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '98b6eaff782fe34a8dbd258e4c7d0c81c3577bcc', 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: 'ccc5e7973b2e962e22ac56dcad6e33b048621036',
+            } }, this.isImmediateRedirecting && (index.h("div", { key: '3b0f1089e87e0a82539e9f3e25447b3b4f50cb8f', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'fa6f61d8b496b90af9c2a8feb1a89df0fb784827', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: '94cf155bd31b1806cc96f88ff504b870dfe4e661', class: "zonos--finish-details" }, index.h("div", { key: 'f103079e27fa441467e16fb0dc0ac2ba1a69ed64', 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: '8d85373cbaf7ab2e3372889f07e55e6546e13b72', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'cf120f43b009bfa2af326548b89d8139a2e0d954', 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: '10c9b15539d63c502dc8a8d6ccbd6f927dd24cc1',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -834,9 +900,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'cd30bc010f2a3e935d9b80e56389581a9150b021', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'b2fc437d0bd21d38ad09cdcdf8b5907b7604ed31', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: '458809f316ac5129efbc7fe90d1549c042d477af', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'dcf0c595cb119a731c34c1aff09960db8a1fb251', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '76d55870370b4906970b3e2109617ba2230eee7e', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: '6c1258c8d66d5127a14ae3ee5eb5477127a395aa', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'b3e0a8bf9eb0026595552563fd036a1894c726f8', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'c66ff9fb1998318eaa518c053998de662e53abff', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -896,10 +962,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: 'aa7fe5e0bb22626f590d93a6c8a52876523a2dfb', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '5fb0fc90649a06e324935484d0c5c1dba31d792c', class: "zonos--checkout-footer" }, index.h("div", { key: 'e34ac7fda1d9a13830276313e4a36a7840497d7e', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '775156c9f331715768b1bf9c36970d0c7da02fd2', 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" }, languageLabel), index.h("div", { key: 'e2cc31362529661507811b9f5aa68586b3bf9ea5', class: classes.classes([
+        return (index.h(index.Host, { key: '2200a14517d5d1dd81b68ecfb60ab6a691ebe581', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'bc77f1ea299fa151ba9d4628653d6a3800856e85', class: "zonos--checkout-footer" }, index.h("div", { key: 'e2e9f901e3546a48ba88aca9c0f422785d32f78d', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '60df35f860aa3c59bfa6f470adab3c882301c529', 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" }, languageLabel), index.h("div", { key: '3d4acf669d35fcbf4364fb56f7a18bb3a8f61e1b', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'ad43b0a6bb947a69ea970485ee8d9afb5c8d1adb', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'c652833a9ce05beb22b9530003863ac0e5e9f8ea', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'f2f8fb4ef070fe6a59a8b787e9e3e6237c2cc395', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '50b8962317bfc01bc7edbbe4c51f58476ca3c4ec', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: '7b4b70f7c0bd4ae5f385d6738f844a795261b9b9', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '8a4279a6584a376cb10e8da6b33d8006ac896d5b', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '523a822b1c5b80bcb1d5dde2a7d9fce5fe476d20', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '19753e93a7820765cf208916f53adebdcdf05cf9', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
+            ]) }, index.h("zonos-language-select", { key: '5b32a3d11a725c7af0c358acf9a15c6ec17201ac', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'f678c6d76ad122ccbd3e18e6fa9deacd9ec76b93', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '08cc72da5cbc00bd927828ae1df960a80604519c', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'df8d1727117c28c694c8450d5268895f67b23dff', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: 'c75b73f3bd573aa2bdd60b7fd05e6b06c8ee8d62', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: 'b57bf8ed2b6498f9cd64d7ab066625376642abda', textColor: colorDesktop }, "Powered by"), index.h("a", { key: 'cd12e10b1e4acd43fea371aad6d74ee8a89f1fbe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '06465fba84c0c05e330779f522fdcabed817d5de', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1204,17 +1270,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: '3c7b6b5ecce353611856c14c70eec992a8024b3b', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'f7ea289329f5f1e5fd1a5fdbd790b581de1666d3', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: '60e0e7895f1a5667c41baecba5533ecbafcfd11c', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: 'c071c27dee5b5ddf7b59cddd6de668b1bd72df2a', 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: 'fd6cbddf4abb19bedabc12b3c79c8dcb4a3bc938', class: "zonos--tab-progress" }, index.h("div", { key: '83d85b7bcdac39b41d6e126d764242bf1076374a', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '9c332b9053d57a05d8db19d179696a8261a1ac94', class: "zonos--tab-progress" }, index.h("div", { key: '3b303b4dd931e4a1d030ecc62cbbabd232354636', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -1924,11 +1990,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '2d9be86849c6ff2f039ca21676cbdf912538eb1d', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: 'c39228c5a45be0c27fc805859ba896f346f4c7bb', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'f538f05fe92eca4ee05daf72ee3387bea337c20c', class: "zonos--restState-image" }, index.h("img", { key: 'cc752b1ed3e9e656810c901df9f8b19462efc978', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: '466d38527c50fac57c85b29b6d501139a55c652c', class: "zonos--restState-image" }, index.h("img", { key: '233348dc1fe72c37ac3485dc4ae577b02d44d0cc', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '4729c415dbac98876fcd907437b8df21b925dec5', class: "content" }, index.h("zonos-text", { key: '39313c8c71d228cd1076e809146ad7ac3d877a9a', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '69813bd32ae3867ebebcc511655f2052b1175945', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '98b085930fd76e2ff095cc971ae4699041c1a550', class: "action" }, index.h("slot", { key: '188318643319081914ed30aad91de5f15b014953' }))));
+            }, src: imageUrl })), index.h("div", { key: '0ead09005b4a4e59fcbe5b673ef206d09c6f344f', class: "content" }, index.h("zonos-text", { key: '2f6d50f5562ab86918755b2d20aeab1ba170e0d1', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '9304b2421ac05dea5e8567666dc3fd5c279bf6dd', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '00323cff6ad4b67a5af980dcbfce5cb0c59150c4', class: "action" }, index.h("slot", { key: '256fc2f99f345d0302d6fa4467b22558723dae7b' }))));
     }
     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: 'c2a9023becafd6d19ad769d449383924c85c641f', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: 'a3db8981598a3703228e7c54bfd8350da718f744', 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: '352e8bda93f1ac9a7a55ba7038e922626c3a9594', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: '71d664f9d83345ad4c143f71209bdb0a2cb16745', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, index.h("label", { key: '6abc998d8a2338fd188e561ce38af6f351e87d93', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: 'a2b3bc99d562f0ddc3337093597d962a28fe7006', 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: 'c772c4e8dbbbef8035874616a0254fb4114a97c8', class: "checkmark-container" }, index.h("svg", { key: 'd497191975edeca268cc014431535f4befdd7b2c', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '15b26fdf72a058e81d4472d0c757a725c04e3f47', "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: '2d6015d16eda08dc39eff677f4858d2aed620891', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '4ff30adc1de3f679a62ac4bdc23c89c7fbd70862', class: "checkmark-container" }, index.h("svg", { key: 'c235768b91c19a2edf0d5ed1d416e6b58be4f9eb', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '67e8a36292f8f4fe226709acdd08579d2092b836', "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: '9fdd82641973e8870e55117992ca26f1e585c801', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -97,9 +97,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'e6be1b38ea1fd978a231a1c3dc85a92c1d86a24b', class: classes.classes(['zonos--elements zonos--toggle']), style: {
+        return (index.h(index.Host, { key: '220dcc3ef8685ea09db761d7a42a00a7309caa70', class: classes.classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'e9ccac29c3f653e3e9d81d336089d6aaea6bbf6c', class: "wrapper" }, this.options.map(option => {
+            } }, index.h("div", { key: 'fa54f818b15ff33d88dc08a1df370ca9be17ff71', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

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-c618fd5b.js');
-const paypal = require('./paypal-091e089e.js');
-const localization = require('./localization-5994d4de.js');
+const cart = require('./cart-d08c87e2.js');
+const paypal = require('./paypal-73a542cb.js');
+const localization = require('./localization-a7fac4b4.js');
 const zonosStore = require('./zonosStore-1c517e55.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -1722,9 +1722,11 @@ const ZonosCheckout = class {
         }
         // apply theme to stripe elements
         await this.applyStripeTheme();
+        const { successBehavior, successRedirectUrl } = zonosStore.zonosStore.checkoutSettings;
         this.isRedirectAfterOrder =
-            zonosStore.zonosStore.checkoutSettings.successBehavior ===
-                'REDIRECT_TO_SUCCESS_PAGE' || !!cart.cartStore.externalConfirmationPageURL;
+            successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
+                (successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
+                !!cart.cartStore.externalConfirmationPageURL;
         return true;
     }
     reloadCheckoutSession() {
@@ -1818,12 +1820,20 @@ const ZonosCheckout = class {
     attachCheckout() {
         const buttonAnchorSelector = zonosStore.zonosStore.checkoutSettings.placeOrderButtonSelector;
         const alwaysTriggerInternationalCheckoutSelector = zonosStore.zonosStore.checkoutSettings.alwaysTriggerInternationalCheckoutSelector;
+        // `_zonosBase` injects this hidden button on page load when Stripe
+        // redirects the shopper back with a `payment_intent_client_secret` query
+        // param. We must still attach (and auto-click) it even when the merchant
+        // is on a `buildCartDetail` only setup (no cartId / no place-order
+        // selector configured yet) — otherwise the redirect-back never reopens
+        // the checkout dialog to show the success/finish screen.
+        const hasRedirectHiddenButton = !!document.querySelector(`#${CheckoutConfig.checkoutHiddenBtnSelector}`);
         VarianceTest.log(`attach checkout ${buttonAnchorSelector}`);
         VarianceTest.log(`attach checkout to always trigger international checkout selector: ${alwaysTriggerInternationalCheckoutSelector}`);
         // allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
         if (!buttonAnchorSelector &&
             !alwaysTriggerInternationalCheckoutSelector &&
-            !window.Zonos.cartData) {
+            !window.Zonos.cartData &&
+            !hasRedirectHiddenButton) {
             // do nothing if button element is not found
             return;
         }

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: '2a96e5ed214d93d07057eb7958a26e8a7b286ce8', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: '4fb230dfc4aa850c90c8cfbaf59da8d5043a4a89', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: 'd2a039a3cde3c54bd560774d91cf36924311e251' }, index.h("iframe", { key: 'a2b1494c32fcd8a467e23ae6733fd341220a9020', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '5dd47c6e903a01824ed04a9512b847180e67f667' }))));
+            } }, index.h("div", { key: '766542489d4a47d87ac2a2e2b7d62ec99272386a' }, index.h("iframe", { key: 'd2e33a342c9001bf4be3a478a068e0713a88bac5', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '566b3f4a214fc43cb9642895a716dc69e95ff9ef' }))));
     }
     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-c618fd5b.js');
+const cart = require('./cart-d08c87e2.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-5994d4de.js');
+require('./localization-a7fac4b4.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-bfe6d1eb.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: '2f5507537492851b67a5204ab68ce2f938899f23', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: 'e648cda9d4c111ecde60291f420178e4e4230b50', class: "zonos--cart-table" }, index.h("tbody", { key: 'b266291e61d0df5c0ea3ae8240a3bfb6147edbb4' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: 'd92815bdd86b1bb911bd11eb9e69bfb6fc477061', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '23e36f132b3ad84cd9cd87c11e3d9149b5dd5e1d', class: "zonos--cart-table" }, index.h("tbody", { key: 'a49a23585c25c93a1b829c044e9641e7143ec212' }, 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: '443aa77bfbf4c0c84c33d0ef7652caec001968c3', style: {
+        return (index.h(index.Host, { key: '5f51e8415536589fe4300c5db75ea13e4419350b', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: '3366df34b9f0f3549e556cff1e47878c2f6cd124' })));
+            } }, index.h("slot", { key: 'b0cc8a581603ee78ec576346c5730f28ba5006e1' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -78,7 +78,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: '096e505180d901c1523567f89cdbcca7869a0895', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: '0b7adeb320e2f98d56158e4ec4d8933aa252ee8b', 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,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c618fd5b.js');
-const paypal = require('./paypal-091e089e.js');
-const localization = require('./localization-5994d4de.js');
+const cart = require('./cart-d08c87e2.js');
+const paypal = require('./paypal-73a542cb.js');
+const localization = require('./localization-a7fac4b4.js');
 const zonosStore = require('./zonosStore-1c517e55.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-db55a464.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const submitGtag = require('./submitGtag-9ac5a42e.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-93a5194a.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-9675485f.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-7876a1d4.js');
-const placeTestOrder = require('./placeTestOrder-b07f8edb.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-a374741a.js');
+const placeTestOrder = require('./placeTestOrder-aefd31e8.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-bfe6d1eb.js');
 require('./isContrastColor-6a17f408.js');
@@ -272,11 +272,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: 'c085862ecf1f50752634fb44f99b5cb5d82a9e24', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'ece5aa1dae1e8e7bb99c0904adeaf6541fbf3ea6', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '9b30b12c817c3422b355a2f544bbf2908f736c80', class: "zonos--finish-details" }, index.h("div", { key: '697fff3258a6e74d99500ec25f5d3923f8c7cfc2', 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: '8457c0c9b22c2fb6374b60e492099981026d2690', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '21ab18878abb37a2c37d873c494d71aee3d4ed71', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '389918dd57e6ce5744b7192baa3c06c6db3f70cd', 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: 'cca6b625a6bea62b788cf8dd6bb9e03e6505d81c', class: "zonos--button-container" }, index.h("zonos-button", { key: '0f45987515ae99045e5b449b5b1aaae11d70d9fb', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: 'd48c2384fb55b7b318143f933775c35e29abbe38', class: "zonos--finish-details" }, index.h("div", { key: '85e03a288ee29bc1f664d03b9c99a164acc51b92', 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: '7fcd228d5144d4f523d15870cdf18491278f0ee6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '219365d86b8aef904adffb1fab5e045db174a724', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '4b2b41bdf35eb2d79b32fa5f7538798e3fd028f5', 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: '52431496f81706a720406843309646b4fd9b2413', class: "zonos--button-container" }, index.h("zonos-button", { key: '4ccdbba8da9591c6207a472df29515fec8c0c56f', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -339,15 +339,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: '9509e7325ad0153d2f5c9ba3b5689fdb3ad6313e', class: classes.classes([
+        return (index.h(index.Host, { key: 'ca7bd600af1d83937719aa6d83324d61f60b4c79', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, 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([
+            ]) }, index.h("div", { key: 'a69e9229e009f9c754e2ad9cf068654d683036fa', class: "zonos--collect-footer" }, index.h("div", { key: '72e62b7191dd32f0ead5970cb62edcd469ef40ce', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '2f76f5c3009175bb1dd4cd90d91628e79a97770e', 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: '53f2b59da147de3637487cdc4b1cd6d440838b81', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, 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"))))));
+            ]) }, index.h("zonos-language-select", { key: 'bd0a83b6f180e5d4d0a368240599eb7934b8d06f', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '52620a619a47e52129207880adbfd8e6a88372c6', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '38c863a4b26b3e6768ed8acb57a32e398ba064ea', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '27402251e8d46578e3d9f1eb7a54afb5c553ea33', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '350ed904d6d3787a38229a4178c0ee82a2c87cac', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '3c65492b88a601459d0487e4c615208c8dcaa810', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'dc8f6479806466c45ac1c1ed8e32587190f14175', class: "dot" }), index.h("a", { key: 'bc4a48af6ea629273cdf9bd1cdca4981306a8eb9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '2e923eef08f6b6a9dd53190a1aa221666cab4210', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -681,13 +681,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '6432c5dd5afd628e33ba26385ecfecb470f1757e', class: classes.classes([
+        return (index.h(index.Host, { key: 'c8445ba13733af60fb88372eb2ae07fdc435364c', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, index.h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: '5589e61c35cbcdd885dc33cdb07999e55f5c4715', class: "zonos--title" }, index.h("zonos-text", { key: '783d38dcf9aabd64d94ab3356935aa5d6ffcdec0', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '4ce3c3391b6e2a47518cce212019137970dd99f7', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -753,7 +753,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[localization.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" }, localization.translate('Duties'))), index.h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), index.h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: 'ebd46815f83307682f5cbb8430bb64e66b9eadd1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '7a878d4bb5dce069060888f4d7e1fde0ef0e23cd', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '496a81ab73739fe285636aad504232b1faa2f8e1', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: '85334ee7319578f110a75f512f9d2e28f3eca79a', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'f877f57ad0d6853f7c49237e4da649b1bfc5206b', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '97588563d5bd85fd1692e1882fcace85b3036b8c', class: "zonos--column" }), index.h("td", { key: '2acb01b0b6d38861eb23b5910c20a57a52172a33', 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,
@@ -761,7 +761,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.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" }, localization.translate('Taxes'))), index.h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), index.h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: '36b004cc298b1d9c757b3090ce4610c6ea36b209', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'ceb1e460218ba71eb9c8db33a9cfe0e4affa00eb', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '147687aafbe073169862789a9ac0ac6da544e1ce', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '642c5ff03b7dea8e4f2bd378e3ca482d81169f46', class: "zonos--column" }), index.h("td", { key: '31776ea8d128ad9ce6c9e523ca8fa297baf4763d', 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,
@@ -769,7 +769,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.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" }, localization.translate('Fees'))), index.h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), index.h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: 'ee18eaf3af00321a0741b07565d8474bc692b2fa', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '0abdde651b432368fcd374ecb1c9119981dc2531', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '385973cd0c11a161cba2a8737f6dfba4c4749d77', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '4ae0c1da68e5ac48ce0be09ec1826867905f9e74', class: "zonos--column" }), index.h("td", { key: '80f232ffdb0a66f88753c2a07290ed6273b66747', 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,
@@ -777,7 +777,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), 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" }, localization.translate('Subtotal'))), index.h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '71677498d7c575e4227f45620b62f5ddadf06858', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: '5fc92ef7b46c8e5eb8ebb391015682f376785a26', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '253c6735bd30ef66c2fa1f82a44cebff3dacc189', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '0755b1c175973640e925520e747141e96446eea8', class: "zonos--column" }), index.h("td", { key: '19646da57bd222dbb2ada0c450eabf508833c069', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '57b3ff6e47ab14ab955abda316deb635fe70d3e9', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'c3ce8d85aa7a4d554ee271b0bc9ed248d97315b0', 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,
@@ -785,7 +785,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), 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" }, localization.translate('Customs fees total'))), index.h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: 'e21e986f76bb932645c54e75698db4c06024335e', class: "zonos--row zonos--collect-total" }, index.h("td", { key: 'b4cc8e32cd69c0b1ed000c582c058a1215c4e365', class: "zonos--column" }), index.h("td", { key: '1b55f78e8161cd9da263d3b58c053b9b04cca999', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '97de8710348f0a039375d02b075c1e91ef6ae621', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '58bf548786e07bb780c73433ae7a8582f2c2b059', 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-c618fd5b.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-93a5194a.js');
-const paypal = require('./paypal-091e089e.js');
-const localization = require('./localization-5994d4de.js');
+const cart = require('./cart-d08c87e2.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-9675485f.js');
+const paypal = require('./paypal-73a542cb.js');
+const localization = require('./localization-a7fac4b4.js');
 const zonosStore = require('./zonosStore-1c517e55.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.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: 'c15c75e21319fb4723d1062aa89c6e08cc2129b3' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: '1d369c76153c971ef62736d7e00a5a940284d346' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;