@zonos/elements 1.3.118 → 1.3.120

package/dist/cjs/{CheckoutConfig-f2622b6b.js → CheckoutConfig-222be92b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const urlParams = new URLSearchParams(window.location.search);

package/dist/cjs/{cart-b3f6a451.js → cart-ae361111.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-e12d459c.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
 
@@ -10022,6 +10022,7 @@ const stripeStoreConfirmPayment = async () => {
         void trackConversionEvent('checkout_paymentInfoCompleted', {
             paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
         });
+        handleFetch.log('Payment intent confirmed', 'info', { error, paymentIntent });
         if (error) {
             if (error.type === 'card_error' || error.type === 'validation_error') {
                 throw new Error(error.message);
@@ -10633,6 +10634,11 @@ const cartStorePreviousStep = () => {
         //  set shipping step to done
         cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
     }
+    else if (cartStore.step === 'finish') {
+        cartStore.step = 'payment';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }) });
+    }
 };
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {

package/dist/cjs/{handleFetch-aa729c61.js → handleFetch-bd39d5cc.js}

@@ -219,7 +219,10 @@ const handleRequest = async ({ basePathType, options, path, }) => {
     const url = baseUrl + path;
     // adding random encoded token to the url so that the request will be cached differently for each store
     const modifiedUrl = new URL(url);
-    modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
+    const encodeDomain = window.Zonos.cartId
+        ? `${window.location.hostname}-${window.Zonos.cartId}`
+        : window.location.hostname;
+    modifiedUrl.searchParams.set('zToken', encodeString(encodeDomain));
     try {
         response = await fetch(modifiedUrl.toString(), options);
     }

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-aa729c61.js');
-const CheckoutConfig = require('./CheckoutConfig-f2622b6b.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
+const CheckoutConfig = require('./CheckoutConfig-222be92b.js');
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.118.js.zonos.com";
+    const cdnUrl = "https://v1.3.120.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -281,10 +281,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.118.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.118";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.118";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.118";
+const ZONOS_URL = "https://v1.3.120.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.120";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.120";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.120";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -299,7 +299,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1730762664594";
+Zonos.releaseDate = "1730830410393";
 Zonos.isLegacyCheckout = false;
 Zonos.showBaseForeign = typeof window !== 'undefined' &&
     window.location.search.includes('zonosShowBaseForeign');
@@ -309,7 +309,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.118"}`;
+Zonos.version = `v${"1.3.120"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-aab541fd.js → paypal-435e221c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-e12d459c.js');
-const cart = require('./cart-b3f6a451.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const cart = require('./cart-ae361111.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 
 /*!

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-aab541fd.js');
+const paypal = require('./paypal-435e221c.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
@@ -1452,6 +1452,12 @@ const ZonosCheckoutFinish = class {
                 this.notificationTitle = error
                     ? cart.translate('Payment failed')
                     : cart.translate("You're all set!");
+                handleFetch.log('=== Payment intent retrieve status', 'info', {
+                    clientSecret,
+                    error,
+                    messages,
+                    status,
+                });
                 // Payment doesn't go through
                 if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
                     paypal.submitGtag('zonos-checkout-payment-fail');
@@ -1560,12 +1566,12 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = createCustomEvent.getIsTestMode();
-        return (index.h(index.Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'be6d82d3f5d2b75cb3ca7676d4e9dc96958b55f9', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, index.h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', 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: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, !this.isLoading && (index.h("div", { key: '1e9ae0e3e835e824d3269b76f38601f1f4a4462b', class: "zonos--finish-details" }, index.h("div", { key: '54766c1ee7a8a81616ca1bf0e1da778250a21cec', 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: '310f5df77e5788f287d2815dde6d4a8af0b47370', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'b6725d31f0613d773e08fa451e74f32aa6708e6b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '057ce352ad5202e120aa470875d32fca75e22487', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '95acf45bb6433d04bf8fb5e36cd7a34b097b4bf9', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '0a7dc7709b0226cd9011ccbdff2820aecf3aa0f6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '21e38b16330e375e19eb2d70f442316e89daf56f', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
-const paypal = require('./paypal-aab541fd.js');
+const cart = require('./cart-ae361111.js');
+const paypal = require('./paypal-435e221c.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
-const CheckoutConfig = require('./CheckoutConfig-f2622b6b.js');
+const CheckoutConfig = require('./CheckoutConfig-222be92b.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -778,6 +778,7 @@ const ZonosCheckout = class {
         }
         catch (err) {
             handleFetch.logError(err);
+            paypal.submitGtag('zonos-checkout-payment-fail');
             cart.stripeStore.hasPaymentError = true;
             // should request inventory refund if there's an error during payment
             if (cart.stripeStore.shouldInventoryRefund) {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-aa729c61.js');
+require('./handleFetch-bd39d5cc.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-aa729c61.js');
+require('./handleFetch-bd39d5cc.js');
 require('./getBorderRadius-61ed5601.js');
 
 /**

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./handleFetch-aa729c61.js');
+require('./handleFetch-bd39d5cc.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-b3f6a451.js');
+const cart = require('./cart-ae361111.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-aa729c61.js');
+require('./handleFetch-bd39d5cc.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-b3f6a451.js');
-const handleFetch = require('./handleFetch-aa729c61.js');
-const paypal = require('./paypal-aab541fd.js');
+const cart = require('./cart-ae361111.js');
+const handleFetch = require('./handleFetch-bd39d5cc.js');
+const paypal = require('./paypal-435e221c.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -213,6 +213,12 @@ export class ZonosCheckoutFinish {
                 this.notificationTitle = error
                     ? translate('Payment failed')
                     : translate("You're all set!");
+                log('=== Payment intent retrieve status', 'info', {
+                    clientSecret,
+                    error,
+                    messages,
+                    status,
+                });
                 // Payment doesn't go through
                 if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
                     submitGtag('zonos-checkout-payment-fail');
@@ -321,12 +327,12 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'be6d82d3f5d2b75cb3ca7676d4e9dc96958b55f9', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', 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: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, !this.isLoading && (h("div", { key: '1e9ae0e3e835e824d3269b76f38601f1f4a4462b', class: "zonos--finish-details" }, h("div", { key: '54766c1ee7a8a81616ca1bf0e1da778250a21cec', 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: '310f5df77e5788f287d2815dde6d4a8af0b47370', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b6725d31f0613d773e08fa451e74f32aa6708e6b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '057ce352ad5202e120aa470875d32fca75e22487', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '95acf45bb6433d04bf8fb5e36cd7a34b097b4bf9', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '0a7dc7709b0226cd9011ccbdff2820aecf3aa0f6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '21e38b16330e375e19eb2d70f442316e89daf56f', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }

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

@@ -565,6 +565,7 @@ export class ZonosCheckout {
         }
         catch (err) {
             logError(err);
+            submitGtag('zonos-checkout-payment-fail');
             stripeStore.hasPaymentError = true;
             // should request inventory refund if there's an error during payment
             if (stripeStore.shouldInventoryRefund) {

package/dist/collection/components/store/checkout/cart.js

@@ -362,6 +362,11 @@ const cartStorePreviousStep = () => {
         //  set shipping step to done
         cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
     }
+    else if (cartStore.step === 'finish') {
+        cartStore.step = 'payment';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }) });
+    }
 };
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {

package/dist/collection/components/store/checkout/stripe.js

@@ -436,6 +436,7 @@ const stripeStoreConfirmPayment = async () => {
         void trackConversionEvent('checkout_paymentInfoCompleted', {
             paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
         });
+        log('Payment intent confirmed', 'info', { error, paymentIntent });
         if (error) {
             if (error.type === 'card_error' || error.type === 'validation_error') {
                 throw new Error(error.message);

package/dist/collection/components/utils/handleFetch.js

@@ -54,7 +54,10 @@ const handleRequest = async ({ basePathType, options, path, }) => {
     const url = baseUrl + path;
     // adding random encoded token to the url so that the request will be cached differently for each store
     const modifiedUrl = new URL(url);
-    modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
+    const encodeDomain = window.Zonos.cartId
+        ? `${window.location.hostname}-${window.Zonos.cartId}`
+        : window.location.hostname;
+    modifiedUrl.searchParams.set('zToken', encodeString(encodeDomain));
     try {
         response = await fetch(modifiedUrl.toString(), options);
     }

package/dist/esm/{CheckoutConfig-018263e2.js → CheckoutConfig-f3f1d468.js}

@@ -1,4 +1,4 @@
-import { h as handleFetch, l as log, a as logError } from './handleFetch-3dea7d46.js';
+import { h as handleFetch, l as log, a as logError } from './handleFetch-752697c2.js';
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const urlParams = new URLSearchParams(window.location.search);

package/dist/esm/{cart-fdaeeb8d.js → cart-b3faa2e6.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-6b5bd87c.js';
-import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-3dea7d46.js';
+import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-752697c2.js';
 import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
 import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
 
@@ -10020,6 +10020,7 @@ const stripeStoreConfirmPayment = async () => {
         void trackConversionEvent('checkout_paymentInfoCompleted', {
             paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
         });
+        log('Payment intent confirmed', 'info', { error, paymentIntent });
         if (error) {
             if (error.type === 'card_error' || error.type === 'validation_error') {
                 throw new Error(error.message);
@@ -10631,6 +10632,11 @@ const cartStorePreviousStep = () => {
         //  set shipping step to done
         cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
     }
+    else if (cartStore.step === 'finish') {
+        cartStore.step = 'payment';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }) });
+    }
 };
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {

package/dist/esm/{handleFetch-3dea7d46.js → handleFetch-752697c2.js}

@@ -217,7 +217,10 @@ const handleRequest = async ({ basePathType, options, path, }) => {
     const url = baseUrl + path;
     // adding random encoded token to the url so that the request will be cached differently for each store
     const modifiedUrl = new URL(url);
-    modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
+    const encodeDomain = window.Zonos.cartId
+        ? `${window.location.hostname}-${window.Zonos.cartId}`
+        : window.location.hostname;
+    modifiedUrl.searchParams.set('zToken', encodeString(encodeDomain));
     try {
         response = await fetch(modifiedUrl.toString(), options);
     }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { l as log, a as logError } from './handleFetch-3dea7d46.js';
-import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-018263e2.js';
-export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-018263e2.js';
+import { l as log, a as logError } from './handleFetch-752697c2.js';
+import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-f3f1d468.js';
+export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-f3f1d468.js';
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.118.js.zonos.com";
+    const cdnUrl = "https://v1.3.120.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -278,10 +278,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.118.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.118";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.118";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.118";
+const ZONOS_URL = "https://v1.3.120.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.120";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.120";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.120";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -296,7 +296,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1730762664594";
+Zonos.releaseDate = "1730830410393";
 Zonos.isLegacyCheckout = false;
 Zonos.showBaseForeign = typeof window !== 'undefined' &&
     window.location.search.includes('zonosShowBaseForeign');
@@ -306,7 +306,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.118"}`;
+Zonos.version = `v${"1.3.120"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-fb68deeb.js → paypal-d5955b3d.js}

@@ -1,6 +1,6 @@
 import { z as zonosStore, c as createStore } from './zonosStore-6b5bd87c.js';
-import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-fdaeeb8d.js';
-import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-3dea7d46.js';
+import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-b3faa2e6.js';
+import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-752697c2.js';
 import { t as tinycolor } from './isDarkColor-dc08fa26.js';
 
 /*!

package/dist/esm/zonos-address_7.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-fdaeeb8d.js';
+import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-b3faa2e6.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { a as logError, l as log } from './handleFetch-3dea7d46.js';
+import { a as logError, l as log } from './handleFetch-752697c2.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
 import { c as classes } from './classes-0d95c529.js';

package/dist/esm/zonos-cart-items_13.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
-import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-fdaeeb8d.js';
+import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-b3faa2e6.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-fb68deeb.js';
+import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-d5955b3d.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
 import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
 import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
-import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, b as allLogs } from './handleFetch-3dea7d46.js';
+import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, b as allLogs } from './handleFetch-752697c2.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import { i as isDarkColor, t as tinycolor } from './isDarkColor-dc08fa26.js';
@@ -1448,6 +1448,12 @@ const ZonosCheckoutFinish = class {
                 this.notificationTitle = error
                     ? translate('Payment failed')
                     : translate("You're all set!");
+                log('=== Payment intent retrieve status', 'info', {
+                    clientSecret,
+                    error,
+                    messages,
+                    status,
+                });
                 // Payment doesn't go through
                 if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
                     submitGtag('zonos-checkout-payment-fail');
@@ -1556,12 +1562,12 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'be6d82d3f5d2b75cb3ca7676d4e9dc96958b55f9', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', 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: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, !this.isLoading && (h("div", { key: '1e9ae0e3e835e824d3269b76f38601f1f4a4462b', class: "zonos--finish-details" }, h("div", { key: '54766c1ee7a8a81616ca1bf0e1da778250a21cec', 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: '310f5df77e5788f287d2815dde6d4a8af0b47370', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b6725d31f0613d773e08fa451e74f32aa6708e6b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '057ce352ad5202e120aa470875d32fca75e22487', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '95acf45bb6433d04bf8fb5e36cd7a34b097b4bf9', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '0a7dc7709b0226cd9011ccbdff2820aecf3aa0f6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '21e38b16330e375e19eb2d70f442316e89daf56f', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as cartStoreUpdateToErrorState, o as translate, p as getZCountryUrlParam, q as cartStoreSetCheckoutSession, r as stripeStorePrefetchLandedCost, u as cartStoreNextStep, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as localizationStoreOnUpdate } from './cart-fdaeeb8d.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-fb68deeb.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as cartStoreUpdateToErrorState, o as translate, p as getZCountryUrlParam, q as cartStoreSetCheckoutSession, r as stripeStorePrefetchLandedCost, u as cartStoreNextStep, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as localizationStoreOnUpdate } from './cart-b3faa2e6.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-d5955b3d.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-6b5bd87c.js';
-import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-3dea7d46.js';
+import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-752697c2.js';
 import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
 import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
-import { s as setupCartData, d as domesticRedirectedBtnSelector, c as checkoutHiddenBtnSelector } from './CheckoutConfig-018263e2.js';
+import { s as setupCartData, d as domesticRedirectedBtnSelector, c as checkoutHiddenBtnSelector } from './CheckoutConfig-f3f1d468.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
 
 /**
@@ -774,6 +774,7 @@ const ZonosCheckout = class {
         }
         catch (err) {
             logError(err);
+            submitGtag('zonos-checkout-payment-fail');
             stripeStore.hasPaymentError = true;
             // should request inventory refund if there's an error during payment
             if (stripeStore.shouldInventoryRefund) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { A as isValidSelector, j as stripeStore, B as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-fdaeeb8d.js';
+import { A as isValidSelector, j as stripeStore, B as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-b3faa2e6.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
-import { h as handleFetch, a as logError, l as log } from './handleFetch-3dea7d46.js';
+import { h as handleFetch, a as logError, l as log } from './handleFetch-752697c2.js';
 import './isDarkColor-dc08fa26.js';
 import './getBorderRadius-008516a4.js';