@zonos/elements 1.3.259 → 1.3.261

package/dist/cjs/zonos-stripe-input.cjs.entry.js

@@ -77,7 +77,7 @@ const ZonosStripeInput = class {
             ? zonosStore.zonosStore.appearance.theme === 'DARK'
             : primaryColor && isDarkColor.isDarkColor(primaryColor);
         const fontSize = zonosStore.zonosStore.appearance.fontSizeInputValue || 16;
-        return (index.h(index.Host, { key: 'c97d6030d8c9c3ca051a9eb0dce85676245abeeb', class: classes.classes([
+        return (index.h(index.Host, { key: '90f2916175c8512bf24c235885dba82c8a82bc6d', class: classes.classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 (this.isError || !!this.error) && 'has-error',
@@ -86,10 +86,10 @@ const ZonosStripeInput = class {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, index.h("div", { key: '2517b55aa12ed4dd4772be3dbd48edf28e393697', class: classes.classes([
+            } }, index.h("div", { key: '95a6eeecfb1c8935ab5289b10a6d4330ba69d780', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", Object.assign({ key: '7853f3eafc7a926f88b21abfa8f59995b5c35cf3' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
+            ]) }, index.h("input", Object.assign({ key: 'ebafe0cd341d3717914d1731c67aa961df1ed25b' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
@@ -99,7 +99,7 @@ const ZonosStripeInput = class {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '56c6339f420fd38d0c850a6ad10f2349bfe99d21', class: "zonos--floated-label" }, index.h("label", { key: '7cdd19ca39f09d105786a751fbd3434779c8958b', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '784a4aca2d02d59c7a59e8579c88cdaba24f64af', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '4f9a9d698d64a16b20a9d2392c975f7ef7cefb43', class: "zonos--floated-label" }, index.h("label", { key: '8e90d3a8721703ca616dee5c8238ff01fcc7b631', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '2fdbfa01afa0baa58a900d7303a82fac78483af9', textColor: "red-600", type: "caption" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,10 +22,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: '4cadca2c888b6729447e216785957ab580d29831', class: "zonos--elements" }, index.h("div", { key: '0d5045faa3a01d8fc5fb5c56328bfa68eb4ffab2', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: 'a2610a5b6405067eb50d6ad11385544fd740399a' }), index.h("div", { key: 'd319ec9d87d7b4b395d0256b3ecfdb3043927d00', class: classes.classes([
+        return (index.h(index.Host, { key: '3014faf5b26490a23b7735087dd69b05f785a2eb', class: "zonos--elements" }, index.h("div", { key: 'b7117e69a0f6f4ec28a7ccaf898567aeb886b418', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: 'bf995bf9de4497d32fd825e6a1382dc5eeb768e6' }), index.h("div", { key: '15c134b8aeed57ec2ad313c4316b2f5aa2c98dd0', class: classes.classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, index.h("zonos-text", { key: '769dbf51121fd82d870824d22a15e0f8ba0c4c5f', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: 'e80b2eab8f30e542ecbc87aac24a256fcd0c8cc0', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, index.h("zonos-text", { key: '6d6a135a75e9cfa8f4c921755da4bd476dddf83e', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: 'b166deb4b050d9a18699e1e3858449215d141726', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

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

@@ -20,9 +20,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: 'fc34e62d3d9712120d2356f1bdc8ad42b26d122a', style: {
+        return (index.h(index.Host, { key: 'ddc85068e0fb28356f75caef81829f2820326701', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'd246b49b618860f01c3f1b8c439c1be361ca656f', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '043fde36321157373196c9120a774c78a0fc46ce' }))));
+            } }, index.h("div", { key: '6fd038cf714612f64aa2164ebac11ad0cd8acc77', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'e6519671bd7ac4742306d2d702d15c25d9c69af7' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

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

@@ -40,6 +40,13 @@ export class ZonosCheckoutFinish {
          * 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 = storageStore.checkoutSessionId;
@@ -123,8 +130,9 @@ export class ZonosCheckoutFinish {
             window.location.href = url;
         };
         this.isRedirectBehavior = () => {
-            const { successBehavior } = zonosStore.checkoutSettings;
+            const { successBehavior, successRedirectUrl } = zonosStore.checkoutSettings;
             return (successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
+                (successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
                 !!cartStore.externalConfirmationPageURL);
         };
         /**
@@ -161,13 +169,71 @@ export class ZonosCheckoutFinish {
                     `${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.checkoutSettings.successRedirectUrl;
+            const checkoutSessionId = 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.checkoutSettings;
+            const { successBehavior, successRedirectUrl } = 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 &&
+                    !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 !!cartStore.externalConfirmationPageURL: {
@@ -517,11 +583,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'c74f250bac797f8c000bac4892bc5ab56c0867bb', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '52582ef091037ac1fda75df03ae6b54ffaecb06b', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '5ee705381b0246f5035f512c9d19beba6dc33d4f', class: "zonos--finish-details" }, h("div", { key: '1d1a54d8f73535aaada32601c5e771c9fd381104', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '68c898ee87166d08bd52702ae8f9bfe51c393076', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '98b6eaff782fe34a8dbd258e4c7d0c81c3577bcc', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'ccc5e7973b2e962e22ac56dcad6e33b048621036',
+            } }, this.isImmediateRedirecting && (h("div", { key: '3b0f1089e87e0a82539e9f3e25447b3b4f50cb8f', class: "loading-wrapper" }, h("zonos-spinner", { key: 'fa6f61d8b496b90af9c2a8feb1a89df0fb784827', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: '94cf155bd31b1806cc96f88ff504b870dfe4e661', class: "zonos--finish-details" }, h("div", { key: 'f103079e27fa441467e16fb0dc0ac2ba1a69ed64', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '8d85373cbaf7ab2e3372889f07e55e6546e13b72', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'cf120f43b009bfa2af326548b89d8139a2e0d954', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '10c9b15539d63c502dc8a8d6ccbd6f927dd24cc1',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -533,9 +599,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'cd30bc010f2a3e935d9b80e56389581a9150b021', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'b2fc437d0bd21d38ad09cdcdf8b5907b7604ed31', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: '458809f316ac5129efbc7fe90d1549c042d477af', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'dcf0c595cb119a731c34c1aff09960db8a1fb251', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '76d55870370b4906970b3e2109617ba2230eee7e', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: '6c1258c8d66d5127a14ae3ee5eb5477127a395aa', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'b3e0a8bf9eb0026595552563fd036a1894c726f8', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'c66ff9fb1998318eaa518c053998de662e53abff', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -635,7 +701,8 @@ export class ZonosCheckoutFinish {
             "notificationMessages": {},
             "notificationActionText": {},
             "order": {},
-            "isWaitingToRedirect": {}
+            "isWaitingToRedirect": {},
+            "isImmediateRedirecting": {}
         };
     }
     static get events() {

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

@@ -35,10 +35,10 @@ export class ZonosCheckoutFooter {
         const languageLabel = (_a = languages.find(x => x.code === 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 (h(Host, { key: 'aa7fe5e0bb22626f590d93a6c8a52876523a2dfb', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '5fb0fc90649a06e324935484d0c5c1dba31d792c', class: "zonos--checkout-footer" }, h("div", { key: 'e34ac7fda1d9a13830276313e4a36a7840497d7e', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '775156c9f331715768b1bf9c36970d0c7da02fd2', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'e2cc31362529661507811b9f5aa68586b3bf9ea5', class: classes([
+        return (h(Host, { key: '2200a14517d5d1dd81b68ecfb60ab6a691ebe581', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'bc77f1ea299fa151ba9d4628653d6a3800856e85', class: "zonos--checkout-footer" }, h("div", { key: 'e2e9f901e3546a48ba88aca9c0f422785d32f78d', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '60df35f860aa3c59bfa6f470adab3c882301c529', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '3d4acf669d35fcbf4364fb56f7a18bb3a8f61e1b', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'ad43b0a6bb947a69ea970485ee8d9afb5c8d1adb', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'c652833a9ce05beb22b9530003863ac0e5e9f8ea', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'f2f8fb4ef070fe6a59a8b787e9e3e6237c2cc395', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '50b8962317bfc01bc7edbbe4c51f58476ca3c4ec', textColor: colorDesktop }, "Privacy policy")), h("div", { key: '7b4b70f7c0bd4ae5f385d6738f844a795261b9b9', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '8a4279a6584a376cb10e8da6b33d8006ac896d5b', textColor: colorDesktop }, "Powered by"), h("a", { key: '523a822b1c5b80bcb1d5dde2a7d9fce5fe476d20', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '19753e93a7820765cf208916f53adebdcdf05cf9', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
+            ]) }, h("zonos-language-select", { key: '5b32a3d11a725c7af0c358acf9a15c6ec17201ac', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'f678c6d76ad122ccbd3e18e6fa9deacd9ec76b93', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '08cc72da5cbc00bd927828ae1df960a80604519c', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'df8d1727117c28c694c8450d5268895f67b23dff', textColor: colorDesktop }, "Privacy policy")), h("div", { key: 'c75b73f3bd573aa2bdd60b7fd05e6b06c8ee8d62', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: 'b57bf8ed2b6498f9cd64d7ab066625376642abda', textColor: colorDesktop }, "Powered by"), h("a", { key: 'cd12e10b1e4acd43fea371aad6d74ee8a89f1fbe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '06465fba84c0c05e330779f522fdcabed817d5de', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     static get is() { return "zonos-checkout-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -595,9 +595,11 @@ export class ZonosCheckout {
         }
         // apply theme to stripe elements
         await this.applyStripeTheme();
+        const { successBehavior, successRedirectUrl } = zonosStore.checkoutSettings;
         this.isRedirectAfterOrder =
-            zonosStore.checkoutSettings.successBehavior ===
-                'REDIRECT_TO_SUCCESS_PAGE' || !!cartStore.externalConfirmationPageURL;
+            successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
+                (successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
+                !!cartStore.externalConfirmationPageURL;
         return true;
     }
     reloadCheckoutSession() {
@@ -691,12 +693,20 @@ export class ZonosCheckout {
     attachCheckout() {
         const buttonAnchorSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
         const alwaysTriggerInternationalCheckoutSelector = 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(`#${checkoutHiddenBtnSelector}`);
         log(`attach checkout ${buttonAnchorSelector}`);
         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/collection/components/checkout/zonos-collect/zonos-collect-cart-items/zonos-collect-cart-items.js

@@ -8,7 +8,7 @@ export class ZonosCollectCartItems {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '2f5507537492851b67a5204ab68ce2f938899f23', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: 'e648cda9d4c111ecde60291f420178e4e4230b50', class: "zonos--cart-table" }, h("tbody", { key: 'b266291e61d0df5c0ea3ae8240a3bfb6147edbb4' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: 'd92815bdd86b1bb911bd11eb9e69bfb6fc477061', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '23e36f132b3ad84cd9cd87c11e3d9149b5dd5e1d', class: "zonos--cart-table" }, h("tbody", { key: 'a49a23585c25c93a1b829c044e9641e7143ec212' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {

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

@@ -260,11 +260,11 @@ export class ZonosCollectFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: 'c085862ecf1f50752634fb44f99b5cb5d82a9e24', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'ece5aa1dae1e8e7bb99c0904adeaf6541fbf3ea6', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '9b30b12c817c3422b355a2f544bbf2908f736c80', class: "zonos--finish-details" }, h("div", { key: '697fff3258a6e74d99500ec25f5d3923f8c7cfc2', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '8457c0c9b22c2fb6374b60e492099981026d2690', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '21ab18878abb37a2c37d873c494d71aee3d4ed71', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '389918dd57e6ce5744b7192baa3c06c6db3f70cd', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'cca6b625a6bea62b788cf8dd6bb9e03e6505d81c', class: "zonos--button-container" }, h("zonos-button", { key: '0f45987515ae99045e5b449b5b1aaae11d70d9fb', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'd48c2384fb55b7b318143f933775c35e29abbe38', class: "zonos--finish-details" }, h("div", { key: '85e03a288ee29bc1f664d03b9c99a164acc51b92', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '7fcd228d5144d4f523d15870cdf18491278f0ee6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '219365d86b8aef904adffb1fab5e045db174a724', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '4b2b41bdf35eb2d79b32fa5f7538798e3fd028f5', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '52431496f81706a720406843309646b4fd9b2413', class: "zonos--button-container" }, h("zonos-button", { key: '4ccdbba8da9591c6207a472df29515fec8c0c56f', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

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

@@ -44,15 +44,15 @@ export class ZonosCollectFooter {
         const languageLabel = (_a = languages.find(x => x.code === 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 (h(Host, { key: '9509e7325ad0153d2f5c9ba3b5689fdb3ad6313e', class: classes([
+        return (h(Host, { key: 'ca7bd600af1d83937719aa6d83324d61f60b4c79', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '250716798bf30901678b16e1ac159810f1d7a6ad', class: "zonos--collect-footer" }, h("div", { key: 'ab61803d4b5348b8978e7dfcb16a5733cca5dd29', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '6c5dcd25d5ef73b2098269d840e291343d30cb81', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'd1a367cd19b36f1a0f49ccfe78e750218b50a03e', class: classes([
+            ]) }, h("div", { key: 'a69e9229e009f9c754e2ad9cf068654d683036fa', class: "zonos--collect-footer" }, h("div", { key: '72e62b7191dd32f0ead5970cb62edcd469ef40ce', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '2f76f5c3009175bb1dd4cd90d91628e79a97770e', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '53f2b59da147de3637487cdc4b1cd6d440838b81', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '02f446b8f4e3dc875f78d5ac2f0b9aa6dd071f1c', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'b713a78cbd3d3f131c6c473bb1d979899d40b13b', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '97eab5909d556f13fa2acc0628d583d49f13d3a2', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: 'a6488e084f153305eed8d6f65341d7ab00297adb', textColor: colorDesktop }, "Powered by"), h("a", { key: 'c63a6e1064dbd733add1cc3b1df1456484e2f103', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '081cae2c34e58478a8c20f0f9a9f20dc0b47c9b7', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '0862a11838e62f425d38066230b01f445999d751', class: "dot" }), h("a", { key: 'b13f3af014b5d970e45f88cbb0ef669a0f9aa2ac', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'a675218a36da83427c2ce517a15b1ed5ea5910d6', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: 'bd0a83b6f180e5d4d0a368240599eb7934b8d06f', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '52620a619a47e52129207880adbfd8e6a88372c6', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '38c863a4b26b3e6768ed8acb57a32e398ba064ea', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '27402251e8d46578e3d9f1eb7a54afb5c553ea33', textColor: colorDesktop }, "Powered by"), h("a", { key: '350ed904d6d3787a38229a4178c0ee82a2c87cac', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '3c65492b88a601459d0487e4c615208c8dcaa810', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'dc8f6479806466c45ac1c1ed8e32587190f14175', class: "dot" }), h("a", { key: 'bc4a48af6ea629273cdf9bd1cdca4981306a8eb9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '2e923eef08f6b6a9dd53190a1aa221666cab4210', textColor: colorDesktop }, "Privacy policy"))))));
     }
     static get is() { return "zonos-collect-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,13 +39,13 @@ export class ZonosCollectReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '6432c5dd5afd628e33ba26385ecfecb470f1757e', class: classes([
+        return (h(Host, { key: 'c8445ba13733af60fb88372eb2ae07fdc435364c', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: '5589e61c35cbcdd885dc33cdb07999e55f5c4715', class: "zonos--title" }, h("zonos-text", { key: '783d38dcf9aabd64d94ab3356935aa5d6ffcdec0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: '4ce3c3391b6e2a47518cce212019137970dd99f7', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -52,7 +52,7 @@ export class ZonosCollectSubtotal {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'a60fa4f1f1afacef0144b86c054f44572576f7af', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'aeaf798e26bbd482196d7208eb05657a1d15dad8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '835d817709ae3b7e2d888d618e0856fb2e637e4d', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'ebd46815f83307682f5cbb8430bb64e66b9eadd1', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '7a878d4bb5dce069060888f4d7e1fde0ef0e23cd', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '496a81ab73739fe285636aad504232b1faa2f8e1', class: "zonos--row zonos--collect-duty" }, h("td", { key: '85334ee7319578f110a75f512f9d2e28f3eca79a', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'f877f57ad0d6853f7c49237e4da649b1bfc5206b', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '97588563d5bd85fd1692e1882fcace85b3036b8c', class: "zonos--column" }), h("td", { key: '2acb01b0b6d38861eb23b5910c20a57a52172a33', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Duties')] || 0,
                 isForeign: true,
@@ -60,7 +60,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '055bb237dafaea8de18b127641c8fd7e1ece563b', class: "zonos--row zonos--collect-tax" }, h("td", { key: '1e73b140c2c9090ccfb91ce4efca483e8fb56e9e', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'a3375ecd77460c78c7c5f59bf7b9b8612cd53e41', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '36b004cc298b1d9c757b3090ce4610c6ea36b209', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'ceb1e460218ba71eb9c8db33a9cfe0e4affa00eb', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '147687aafbe073169862789a9ac0ac6da544e1ce', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '642c5ff03b7dea8e4f2bd378e3ca482d81169f46', class: "zonos--column" }), h("td", { key: '31776ea8d128ad9ce6c9e523ca8fa297baf4763d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Taxes')] || 0,
                 isForeign: true,
@@ -68,7 +68,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '8157aba5c6a23680b0bc681adc127747f01a2973', class: "zonos--row zonos--collect-fee" }, h("td", { key: '8266654f9e65003f297222bb935013a8b9b3b430', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '8399000a5f61e4737764b68b89799b409dce6034', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: 'ee18eaf3af00321a0741b07565d8474bc692b2fa', class: "zonos--row zonos--collect-fee" }, h("td", { key: '0abdde651b432368fcd374ecb1c9119981dc2531', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '385973cd0c11a161cba2a8737f6dfba4c4749d77', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '4ae0c1da68e5ac48ce0be09ec1826867905f9e74', class: "zonos--column" }), h("td", { key: '80f232ffdb0a66f88753c2a07290ed6273b66747', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Fees')] || 0,
                 isForeign: true,
@@ -76,7 +76,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), h("tr", { key: 'a293d1b9342251f7326c1ac68e2bab83eae2ed80', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'c136b1b807f32dc21c131326d70500d2e2c64efe', class: "zonos--column", colSpan: 3 })), h("tr", { key: '59747101f1a9ef7c8fad60e90ea5b8c31015438c', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '96d201ba6f3e571adac265127229c94cdc96be2a', class: "zonos--column" }), h("td", { key: 'f2f4cb751e35fc0ebaa803659f26a2314d8bf639', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b4f89ea1e523af8a5aead4ef007a6f0dc7e7f441', type: "label" }, translate('Subtotal'))), h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: '71677498d7c575e4227f45620b62f5ddadf06858', class: "zonos--row zonos--collect-spacing" }, h("td", { key: '5fc92ef7b46c8e5eb8ebb391015682f376785a26', class: "zonos--column", colSpan: 3 })), h("tr", { key: '253c6735bd30ef66c2fa1f82a44cebff3dacc189', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '0755b1c175973640e925520e747141e96446eea8', class: "zonos--column" }), h("td", { key: '19646da57bd222dbb2ada0c450eabf508833c069', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '57b3ff6e47ab14ab955abda316deb635fe70d3e9', type: "label" }, translate('Subtotal'))), h("td", { key: 'c3ce8d85aa7a4d554ee271b0bc9ed248d97315b0', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -84,7 +84,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), h("tr", { key: 'f0072cdd200e8483421265af39a90fb655fb2ef0', class: "zonos--row zonos--collect-total" }, h("td", { key: '88a007048d33c919a6c5f87cf7cd071f83e7448b', class: "zonos--column" }), h("td", { key: '24bba9e9b81ff443dd5ca4832c3169e3605a93b8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '594d4e96bec3a2153f6622c6842970ebee5bb463', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: 'e21e986f76bb932645c54e75698db4c06024335e', class: "zonos--row zonos--collect-total" }, h("td", { key: 'b4cc8e32cd69c0b1ed000c582c058a1215c4e365', class: "zonos--column" }), h("td", { key: '1b55f78e8161cd9da263d3b58c053b9b04cca999', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '97de8710348f0a039375d02b075c1e91ef6ae621', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '58bf548786e07bb780c73433ae7a8582f2c2b059', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.js

@@ -18,10 +18,10 @@ export class ZonosInvoiceCartItems {
     }
     render() {
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '33a10486833e881dd8405984cfc59611b064bef5', class: classes([
+        return (h(Host, { key: '421e05194d1b310d585764ebcbad662e55fa5f76', class: classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'c6c3a6017050cc385bc5944e83ca8db1f2564884', class: "zonos--cart-table" }, h("tbody", { key: '6a232dbdf2e6e6c58b65d6360c9190d720c7dc1f' }, nonRestrictedItems.map(item => {
+            ]) }, h("table", { key: 'bf2c3ddcf823d4aebf3f0c8a96b74c2d1c6978af', class: "zonos--cart-table" }, h("tbody", { key: 'dbe7aab9d195e7ca9a50f4c29c7acffc69dd9cce' }, nonRestrictedItems.map(item => {
             var _a, _b, _c, _d;
             const invoiceId = (_b = (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.find(metadata => metadata.key === 'invoiceId' || metadata.key === 'INVOICE_ID')) === null || _b === void 0 ? void 0 : _b.value;
             const invoiceCreatedAt = (_d = (_c = item.attributes) === null || _c === void 0 ? void 0 : _c.find(metadata => metadata.key === 'invoiceCreatedAt')) === null || _d === void 0 ? void 0 : _d.value;

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

@@ -260,11 +260,11 @@ export class ZonosInvoiceFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: '5d2fc87bc549fa2cb6d622e664043bbfe55f8b0e', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '4b4f83358419134c8455c4407f91adf8c1ff37ca', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '1268de9e5be1edc4cbe2e7e2f1d2590b168d8c7b', class: "zonos--finish-details" }, h("div", { key: 'ce63ee565c176ea5687fc1c0f721932e26b93ebd', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'a073858eac699426dc5947b85d3b3665868f164e', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'a96c40f5cc977de82585f7827d6bc6aef55ba873', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'd97bc54085b9fe69eb05b44042deae25c379ee3a', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '488c3442e40fedf65caedbd3e098bd8b95976aab', class: "zonos--button-container" }, h("zonos-button", { key: '9a01b9cca0e3747548d386345015ecea80dc29d3', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'fab4606540bf759d9241432f58580b10f1c12b03', class: "zonos--finish-details" }, h("div", { key: 'b619eee9fda1e183b4d761f3576ae28cee2a9619', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '30fa51dba81331c9aa7ff4f64c274982d36d8a23', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'f10389b65e7910c7b3bd1e0d576afde74bc28e27', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '5033c51a90cdbccb8b0a333f7b63f3383b70c264', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '83350cb42d4165ec874a8b18dc29e851ca4ae4c8', class: "zonos--button-container" }, h("zonos-button", { key: 'fa05f016f520f65660270c906b7a5940b808cb4b', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

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

@@ -45,15 +45,15 @@ export class ZonosInvoiceFooter {
         const languageLabel = (_a = languages.find(x => x.code === 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 (h(Host, { key: 'c84163fd8ab0bc0f2c791028b6896379a4ae6a27', class: classes([
+        return (h(Host, { key: 'a48dfe3c11d200e085864ed513cfb647c9ef3b5c', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '099a3be332fa52c5e7551bdd2a618041c4a6eb22', class: "zonos--invoice-footer" }, h("div", { key: 'ab727f45f3a67bcdd51eb29b392462f15eb5fedd', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: '3d8431c78d54e0fe630677d0dd4ae2c975a208fa', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '2920b4105b6209c4177fc91651dc5d9397d6abf2', class: classes([
+            ]) }, h("div", { key: 'de1f450a548eabe7bb1da9c9f2e23837a55827fc', class: "zonos--invoice-footer" }, h("div", { key: 'b30d47a885beaca3ec0dbdeff8e8facae994ef88', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'a0bece32119cbc5eddd8f99298ba7274f286cb6f', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '7ceb0c79d25f640bf23ac37a22c6c37292538d8f', class: classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '705e1a4243dc7ebc73c522a82f93c3d833240a95', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '49c2d0ae1f587079b48f12d62d10eb422991255e', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '58a4da788527ddf4abd759b5e305e747aa96d540', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '45bf1af64ec0f0a2e11e8d23361b71f4b4189881', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '1dd7224f3e126bcabe60a42c9529ab65c64f0063', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7dc21ce09b72bf37efd30e2c17b6d8b9328e8c3d', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'a0d053e6745733cd61868c109628a1835f4fe3ed', class: "dot" }), h("a", { key: 'fd467e88aa2ed10b707f88ed0d1a5af80af35539', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '35db684368ff8abc05c2c7fab22500270b0b7e21', textColor: colorDesktop }, translate('Privacy policy')))))));
+            ]) }, h("zonos-language-select", { key: '5c2d4164f38caecc7f3f99b98d1d504ee292b6bd', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'c255dabaf4a129b1d9074af3e7512a86859c4d81', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: 'bc16e675a824ad6730e823226bdb872ad04d5b2e', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '6292e7f1fce3325c7d264a946e1d8a6a4ec768c4', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '526f598cdb342f7816d78f7d1b24923d79be72fe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8f96ac507a2250df8234dc9d0075dcac433b9630', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'd3fa74852d4bc1e679af3fe141a885f833d3aaef', class: "dot" }), h("a", { key: '30b4825365c55a31a1140ababfe3d2c88faa3b04', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '42cbae5d1a6350844947210493f3945ee2085cd9', textColor: colorDesktop }, translate('Privacy policy')))))));
     }
     static get is() { return "zonos-invoice-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,13 +39,13 @@ export class ZonosInvoiceReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '60da23c47f39a94478f1eb83e003b788aab3b98c', class: classes([
+        return (h(Host, { key: 'dba979c1f8bb9f4ac5207eb2bc97296523c62fc1', class: classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '70bbb1973ec1c7197da666ba30be6dc6a20bd386', class: "zonos--title" }, h("zonos-text", { key: '35ffffa411ccde7c702b5d5ac3f11d7a8d62916f', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: 'd9bbd435775f58d3934b9cc5d8658acf781d5090', class: "zonos--title" }, h("zonos-text", { key: '103859ee74d37fadd854d59cc852d71b8e23fe11', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: 'c965e47314d1c3178b1dd2e54e835c0b91966a81', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'fcc9ade2fc63e53307659134a1763909ad66cc30', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -12,10 +12,10 @@ export class ZonosInvoiceSubtotal {
         this.isMobile = false;
     }
     render() {
-        return (h(Host, { key: '99eaf74026ee26cc11ab78adf57f1b7eb55309d3', class: classes([
+        return (h(Host, { key: '1c1ba16d9549f0ff1478984176d6b999d5aa1753', class: classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'a3f9a029a979fd4afeaee02c55a49c4e6547e483', class: "zonos--invoice-table" }, h("tr", { key: 'bf8594623c4eb7492899647fbe3bc4fa0a8b1973', class: "zonos--row zonos--invoice-total" }, h("td", { key: 'b967b527461161244479ff8ac5ae40bdbd7f2b38', class: "zonos--column" }), h("td", { key: '4af6f40176c19c0aad1109a8be722a2b41fc66e9', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '0b01c51ddabd61c0abaf8214e05db2fe6a650941', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '00109c0948f0110c478643461a0a70a7cc2441ba', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
+            ]) }, h("table", { key: 'd1b72fcae100c896cf7d6e6a289d8165d2c75233', class: "zonos--invoice-table" }, h("tr", { key: 'c9ff3b5ff7385c60717d213dfe1e5059f1bf09e0', class: "zonos--row zonos--invoice-total" }, h("td", { key: 'cf14352c2f3cffacdfb78343c7fbf512222c79d4', class: "zonos--column" }), h("td", { key: '403d772e36bc819fac28487b779e3a9ae4858f73', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: 'bf8ced53263ba7e8a6093712bb97fd7a2e35c634', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: 'e3832e0ccad66787e1023a073de9b8e9b732cb4e', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -37,16 +37,16 @@ export class ZonosBadge {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '2c6d37db80b369e4d287e2d7a6cb4db9b69fe6f6', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: 'dabf6b5d9c4585f9fe62b69655c3043c5d51eb6e', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'f5f2f2530c11d8c46349024f044a7b042a12a10f', class: classes([
+            } }, h("div", { key: '4603e1dbcb6760ae1a18d008cbffc9acc8b1b444', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: 'e031a216dc586d138b0d3c03781b8b362bcc25d2', textColor: `${this.badgeColor}-800` }, h("slot", { key: '9757275ea8350ae8578e255bb99940697021258e' })), this.dismissHandler && (h("zonos-icon", { key: '42a08f166b237af5c7c508c257dda46ee5c3d58a', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, h("zonos-text", { key: '5d70287727ff5681be1d2f4f0faf32ba39899b4b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e3ea93273daccab2b37f8240b29041e485d8bcef' })), this.dismissHandler && (h("zonos-icon", { key: '5c09bc191f5ae6f9fe18da4ed15c9f60bab58b03', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
     static get is() { return "zonos-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -184,13 +184,13 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '301c0140cae22157209423d34385103d9ea1cf29', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'b816d7ac8f86b6256d017de9a7049c008cbfd973', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: '2e3e75b8d0fd7c22c668972ad4a2f8bda363e159' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: 'ddc1bba069df9e03db22fdfb77fe1118e84d0744' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -205,7 +205,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: 'f1965c769d9d1a2a7f636b09be1384cf7cd6227a', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '5bbeb95041065e247ebc2f725f751e2fb5cd93c5', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'b32f5bd10dc79b258545efd92ed594a2906b3292', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: '98c12cd886ada57ae8f571f6a5e1914024198dd5', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '22dee22121fabe21d7c6f02b8b48e83b8c1894a7', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '27cbe56b4c77dd5678a2e6685fc05694ab36cab1', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get is() { return "zonos-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,16 +23,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '8832966776c626c783e771fb7f9a773d2539e07f', style: {
+        return (h(Host, { key: '000ef115565050082a6e73e1709e014c66b410b7', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '89c9af9275ca5b01f658081fefb7756bfcbf6d58', class: classes(['styled-card']), style: {
+            } }, h("div", { key: 'c9391737f61c4e555643ead25e927376d4e949ba', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '3da688655c5a9af66397525d02224dbc431d00d0', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '8e9524d26e5a0a7e3149b4008efd02b5a7b9ebc6', type: "subheader" }, this.label), h("h-stack", { key: 'f7298bbb158686b03b2a09f5d6c089c0f4d144c4', spacing: 8 }, this.actions))), h("slot", { key: '24888347ff25ffd21b416da4f5aae493f8044638' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'b6792e7345b87e9407585ed4558c7327ea3eab36', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '9a23e108d3a53adf878bc50cb4c3927ebd8db4a6', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'ea6a44ecec753ff4ff588d2f47843cc242f55f98', type: "subheader" }, this.label), h("h-stack", { key: '7da7b584607867884466b311b1c9055c281e3326', spacing: 8 }, this.actions))), h("slot", { key: 'd3c458ee2288071bd72bbadc760fa9a0c6333219' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'b668c38a177fd5b0d7fe7988d18afe6f40e8082c', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '70ccde8e9b1988db1ba477efea5b44e812a7514d' }, this.footerContent), h("h-stack", { key: '4e48425e9db7031d779da7061f0b2d92b27869a0', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '61b13afeac104d27d76f73c0f869104ce5295197' }, this.footerContent), h("h-stack", { key: '3cbdc1beb4e3b2129d9e71cb6c4ed94565a20ba9', spacing: 8 }, this.footerActions))))));
     }
     static get is() { return "zonos-card"; }
     static get encapsulation() { return "shadow"; }