@zonos/elements 1.3.64 → 1.3.66

package/dist/cjs/{cart-285b3c4a.js → cart-8a585d9b.js}

@@ -8719,6 +8719,7 @@ const { onChange, reset, state: cartStore, } = zonosStore.createStore(() => ({
     dutiesTaxFees: 0,
     error: null,
     exchangeRate: null,
+    externalConfirmationPageURL: null,
     inventoryCheckErrorMessage: null,
     isSelectedShippingAboveDeminimis: false,
     isSelectedShippingGuarantee: false,
@@ -8848,8 +8849,15 @@ const cartStoreHasOneEligibleItem = () => {
     return !!checkItems.find(item => !item.isRestricted);
 };
 const cartStoreSetCheckoutSession = (checkoutSession) => {
+    var _a, _b, _c;
     cartStore.checkoutSession = checkoutSession;
     cartStore.checkoutSessionId = checkoutSession.id;
+    // Check if there is a redirect URL in the metadata to override
+    const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
+    if (externalConfirmationPageURL) {
+        handleFetch.log(`Found externalConfirmationPageURL: ${externalConfirmationPageURL}`);
+        cartStore.externalConfirmationPageURL = externalConfirmationPageURL;
+    }
 };
 const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
     if (landedCostId && cartStore.selectedLandedCost) {

package/dist/cjs/{createCustomEvent-0fff9307.js → createCustomEvent-1ad96183.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 

package/dist/cjs/index.cjs.js

@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.64.js.zonos.com";
+    const cdnUrl = "https://v1.3.66.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.64.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.64";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.64";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.64";
+const ZONOS_URL = "https://v1.3.66.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.66";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.66";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.66";
 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 = "1727903724659";
+Zonos.releaseDate = "1727992102494";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
@@ -307,7 +307,7 @@ Zonos.isLegacyCheckout = false;
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.64"}`;
+Zonos.version = `v${"1.3.66"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-2788afc2.js → paypal-81274880.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-285b3c4a.js');
-const paypal = require('./paypal-2788afc2.js');
-const createCustomEvent = require('./createCustomEvent-0fff9307.js');
+const cart = require('./cart-8a585d9b.js');
+const paypal = require('./paypal-81274880.js');
+const createCustomEvent = require('./createCustomEvent-1ad96183.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
@@ -248,17 +248,27 @@ const ZonosCheckoutFinish = class {
             window.location.href = url;
         };
         this.handleSuccessBehavior = () => {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e;
             const { successBehavior } = zonosStore.zonosStore.checkoutSettings;
+            const legacyOrderNumber = ((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value) || null;
+            if (cart.cartStore.externalConfirmationPageURL) {
+                const redirectUrl = cart.cartStore.externalConfirmationPageURL;
+                const queryParams = new URLSearchParams();
+                if ((_d = this.order) === null || _d === void 0 ? void 0 : _d.id) {
+                    queryParams.set('zOrderNumber', this.order.id);
+                }
+                if (legacyOrderNumber) {
+                    queryParams.set('orderId', legacyOrderNumber);
+                }
+                const queryString = queryParams.toString();
+                this.redirectToUrl(queryString ? `${redirectUrl}?${queryString}` : redirectUrl);
+            }
             switch (successBehavior) {
                 case 'REDIRECT_TO_SUCCESS_PAGE': {
                     const settingsRedirectUrl = zonosStore.zonosStore.checkoutSettings.successRedirectUrl;
-                    // Check if there is a redirect URL in the metadata to override
-                    const externalConfirmationPageURL = ((_c = (_b = (_a = cart.cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
-                    const legacyOrderNumber = ((_f = (_e = (_d = this.order) === null || _d === void 0 ? void 0 : _d.references) === null || _e === void 0 ? void 0 : _e.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _f === void 0 ? void 0 : _f.value) || null;
-                    const redirectUrl = externalConfirmationPageURL || settingsRedirectUrl;
+                    const redirectUrl = settingsRedirectUrl;
                     const queryParams = new URLSearchParams();
-                    if ((_g = this.order) === null || _g === void 0 ? void 0 : _g.id) {
+                    if ((_e = this.order) === null || _e === void 0 ? void 0 : _e.id) {
                         queryParams.set('zOrderNumber', this.order.id);
                     }
                     if (legacyOrderNumber) {
@@ -423,11 +433,11 @@ const ZonosCheckoutFinish = class {
         var _a, _b;
         const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
         const isTestMode = createCustomEvent.getIsTestMode();
-        return (index.h(index.Host, { key: 'c4516e186c9e53dd77dc3d234e1097de60c79bf4', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'fabd14b9a81a86771e54be97d957783b7348f1d1', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (index.h("div", { key: '447860b5e8b9e0bf4a7e54f18657e48591656a44', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '46e23a9bac3cd0cdfaeed1f128534840a6d433e9' }))), !this.isLoading && (index.h("div", { key: '89ff3b56daaf911ed92345a93a239dd6c637e161', class: "zonos--finish-details" }, index.h("div", { key: '3058258e0943fcd31994ec464c1fd1fcfa81c37f', 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: 'dad828b8db671c10bab96ff0f985522ca6fdfdc3', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (index.h("div", { key: '1f350e2dcb3fba41d7ae43751f3b8d07c1a60885', class: "zonos--order-number" }, "Order #", orderId)), index.h("zonos-text", { key: '2df836a8ab4d33bd04edf610f3a602f6adbe8089', textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '47117ffcc7d31f7759163a019cfa16c12957e8c3', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '1f85d25faa6c5cdd42642be5eff90145b0a905a8', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '205d38eb92bf9d65f06bb8ef16697e3cf6e3b2e7', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '10d4ec2ba6c4cd96d70beb0ef254f633005cdfb4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (index.h("div", { key: '540c20d55e11a942e69326c970d402bc3c6c080b', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'db6f50490b64099c5224f741f726c352739557d4' }))), !this.isLoading && (index.h("div", { key: '33720a72e039b16f6b8983472868a57e96fdca11', class: "zonos--finish-details" }, index.h("div", { key: 'de92dd2f629e63001438a46da6c331b46349d9e7', 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: '98c1b679814b67bf75a4594c749e7596a2c03d17', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (index.h("div", { key: '82bf5d17c9d93919b7a2c8b02564f99471cbdc37', class: "zonos--order-number" }, "Order #", orderId)), index.h("zonos-text", { key: '93006790ec06f8b9e3ab6e86c41627d9e10de0a0', textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '09ac3086c6c0252589d1ca92cb09f8af7fb3e1aa', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '5ed5f468a66d30556bb4e5191dfda7c1294ac541', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'c9616613528a299618e99b09d70c236f59f90e14', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'c9cf9f5a5d59f5df8c076488c538efd6d3e63674', 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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
-const paypal = require('./paypal-2788afc2.js');
+const cart = require('./cart-8a585d9b.js');
+const paypal = require('./paypal-81274880.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-0fff9307.js');
+const createCustomEvent = require('./createCustomEvent-1ad96183.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const classes = require('./classes-b7918f56.js');
@@ -80,14 +80,14 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
         }
         const shipToCountryElement = document.querySelector('select[name="shippingAddress.countryCode"]');
         // make sure the continue button is available
-        const shippingCountinueBtnEle = document.querySelector('#checkout-shipping-continue');
-        if (!shipToCountryElement || !shippingCountinueBtnEle) {
+        const shippingContinueBtnEle = document.querySelector('#checkout-shipping-continue');
+        if (!shipToCountryElement || !shippingContinueBtnEle) {
             // do nothing if shipping country and the continue button is not found
             return;
         }
         // disconnect the observer after we found the shipping continue button
         observer.disconnect();
-        shippingCountinueBtnEle.addEventListener('click', async (e) => {
+        shippingContinueBtnEle.addEventListener('click', async (e) => {
             var _a, _b;
             const shippingCountry = shipToCountryElement.value;
             if (!shippingCountry) {
@@ -166,7 +166,7 @@ const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
 </svg>
 `;
 
-const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";
+const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:250px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";
 const ZonosCheckoutStyle0 = zonosCheckoutCss;
 
 // 90 minutes
@@ -700,7 +700,7 @@ const ZonosCheckout = class {
             const logo = this.preview
                 ? `${logoUrl}?timestamp=${Date.now()}`
                 : logoUrl;
-            return (index.h("div", { class: "zonos--logo" }, logo && (index.h("img", { alt: `${zonosStore.zonosStore.organizationName} logo`, src: logo, width: 100 }))));
+            return (index.h("div", { class: "zonos--logo" }, logo && (index.h("img", { alt: `${zonosStore.zonosStore.organizationName} logo`, src: logo }))));
         };
         const isTestMode = createCustomEvent.getIsTestMode();
         const renderTopHeader = () => {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 require('./isDarkColor-5efc8367.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-661a8225.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-661a8225.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-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-285b3c4a.js');
+const cart = require('./cart-8a585d9b.js');
 const handleFetch = require('./handleFetch-661a8225.js');
-const paypal = require('./paypal-2788afc2.js');
+const paypal = require('./paypal-81274880.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -48,17 +48,27 @@ export class ZonosCheckoutFinish {
             window.location.href = url;
         };
         this.handleSuccessBehavior = () => {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e;
             const { successBehavior } = zonosStore.checkoutSettings;
+            const legacyOrderNumber = ((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value) || null;
+            if (cartStore.externalConfirmationPageURL) {
+                const redirectUrl = cartStore.externalConfirmationPageURL;
+                const queryParams = new URLSearchParams();
+                if ((_d = this.order) === null || _d === void 0 ? void 0 : _d.id) {
+                    queryParams.set('zOrderNumber', this.order.id);
+                }
+                if (legacyOrderNumber) {
+                    queryParams.set('orderId', legacyOrderNumber);
+                }
+                const queryString = queryParams.toString();
+                this.redirectToUrl(queryString ? `${redirectUrl}?${queryString}` : redirectUrl);
+            }
             switch (successBehavior) {
                 case 'REDIRECT_TO_SUCCESS_PAGE': {
                     const settingsRedirectUrl = zonosStore.checkoutSettings.successRedirectUrl;
-                    // Check if there is a redirect URL in the metadata to override
-                    const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
-                    const legacyOrderNumber = ((_f = (_e = (_d = this.order) === null || _d === void 0 ? void 0 : _d.references) === null || _e === void 0 ? void 0 : _e.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _f === void 0 ? void 0 : _f.value) || null;
-                    const redirectUrl = externalConfirmationPageURL || settingsRedirectUrl;
+                    const redirectUrl = settingsRedirectUrl;
                     const queryParams = new URLSearchParams();
-                    if ((_g = this.order) === null || _g === void 0 ? void 0 : _g.id) {
+                    if ((_e = this.order) === null || _e === void 0 ? void 0 : _e.id) {
                         queryParams.set('zOrderNumber', this.order.id);
                     }
                     if (legacyOrderNumber) {
@@ -223,11 +233,11 @@ export class ZonosCheckoutFinish {
         var _a, _b;
         const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'c4516e186c9e53dd77dc3d234e1097de60c79bf4', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'fabd14b9a81a86771e54be97d957783b7348f1d1', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: '447860b5e8b9e0bf4a7e54f18657e48591656a44', class: "loading-wrapper" }, h("zonos-spinner", { key: '46e23a9bac3cd0cdfaeed1f128534840a6d433e9' }))), !this.isLoading && (h("div", { key: '89ff3b56daaf911ed92345a93a239dd6c637e161', class: "zonos--finish-details" }, h("div", { key: '3058258e0943fcd31994ec464c1fd1fcfa81c37f', 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: 'dad828b8db671c10bab96ff0f985522ca6fdfdc3', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '1f350e2dcb3fba41d7ae43751f3b8d07c1a60885', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '2df836a8ab4d33bd04edf610f3a602f6adbe8089', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '47117ffcc7d31f7759163a019cfa16c12957e8c3', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '1f85d25faa6c5cdd42642be5eff90145b0a905a8', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '205d38eb92bf9d65f06bb8ef16697e3cf6e3b2e7', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '10d4ec2ba6c4cd96d70beb0ef254f633005cdfb4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: '540c20d55e11a942e69326c970d402bc3c6c080b', class: "loading-wrapper" }, h("zonos-spinner", { key: 'db6f50490b64099c5224f741f726c352739557d4' }))), !this.isLoading && (h("div", { key: '33720a72e039b16f6b8983472868a57e96fdca11', class: "zonos--finish-details" }, h("div", { key: 'de92dd2f629e63001438a46da6c331b46349d9e7', 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: '98c1b679814b67bf75a4594c749e7596a2c03d17', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '82bf5d17c9d93919b7a2c8b02564f99471cbdc37', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '93006790ec06f8b9e3ab6e86c41627d9e10de0a0', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '09ac3086c6c0252589d1ca92cb09f8af7fb3e1aa', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '5ed5f468a66d30556bb4e5191dfda7c1294ac541', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'c9616613528a299618e99b09d70c236f59f90e14', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'c9cf9f5a5d59f5df8c076488c538efd6d3e63674', 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.css

@@ -136,6 +136,7 @@
 :host .zonos--logo {
   display: flex;
   align-items: center;
+  max-width: 250px;
 }
 :host .zonos--checkout-default-message {
   margin-left: 76px;

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

@@ -556,7 +556,7 @@ export class ZonosCheckout {
             const logo = this.preview
                 ? `${logoUrl}?timestamp=${Date.now()}`
                 : logoUrl;
-            return (h("div", { class: "zonos--logo" }, logo && (h("img", { alt: `${zonosStore.organizationName} logo`, src: logo, width: 100 }))));
+            return (h("div", { class: "zonos--logo" }, logo && (h("img", { alt: `${zonosStore.organizationName} logo`, src: logo }))));
         };
         const isTestMode = getIsTestMode();
         const renderTopHeader = () => {

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

@@ -18,6 +18,7 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     dutiesTaxFees: 0,
     error: null,
     exchangeRate: null,
+    externalConfirmationPageURL: null,
     inventoryCheckErrorMessage: null,
     isSelectedShippingAboveDeminimis: false,
     isSelectedShippingGuarantee: false,
@@ -147,8 +148,15 @@ const cartStoreHasOneEligibleItem = () => {
     return !!checkItems.find(item => !item.isRestricted);
 };
 const cartStoreSetCheckoutSession = (checkoutSession) => {
+    var _a, _b, _c;
     cartStore.checkoutSession = checkoutSession;
     cartStore.checkoutSessionId = checkoutSession.id;
+    // Check if there is a redirect URL in the metadata to override
+    const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
+    if (externalConfirmationPageURL) {
+        log(`Found externalConfirmationPageURL: ${externalConfirmationPageURL}`);
+        cartStore.externalConfirmationPageURL = externalConfirmationPageURL;
+    }
 };
 const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
     if (landedCostId && cartStore.selectedLandedCost) {

package/dist/collection/components/utils/checkout/watchBigcommerceDomesticCheckout.js

@@ -29,14 +29,14 @@ export const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector
         }
         const shipToCountryElement = document.querySelector('select[name="shippingAddress.countryCode"]');
         // make sure the continue button is available
-        const shippingCountinueBtnEle = document.querySelector('#checkout-shipping-continue');
-        if (!shipToCountryElement || !shippingCountinueBtnEle) {
+        const shippingContinueBtnEle = document.querySelector('#checkout-shipping-continue');
+        if (!shipToCountryElement || !shippingContinueBtnEle) {
             // do nothing if shipping country and the continue button is not found
             return;
         }
         // disconnect the observer after we found the shipping continue button
         observer.disconnect();
-        shippingCountinueBtnEle.addEventListener('click', async (e) => {
+        shippingContinueBtnEle.addEventListener('click', async (e) => {
             var _a, _b;
             const shippingCountry = shipToCountryElement.value;
             if (!shippingCountry) {

package/dist/esm/{cart-7faa064c.js → cart-53bd48de.js}

@@ -8717,6 +8717,7 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     dutiesTaxFees: 0,
     error: null,
     exchangeRate: null,
+    externalConfirmationPageURL: null,
     inventoryCheckErrorMessage: null,
     isSelectedShippingAboveDeminimis: false,
     isSelectedShippingGuarantee: false,
@@ -8846,8 +8847,15 @@ const cartStoreHasOneEligibleItem = () => {
     return !!checkItems.find(item => !item.isRestricted);
 };
 const cartStoreSetCheckoutSession = (checkoutSession) => {
+    var _a, _b, _c;
     cartStore.checkoutSession = checkoutSession;
     cartStore.checkoutSessionId = checkoutSession.id;
+    // Check if there is a redirect URL in the metadata to override
+    const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
+    if (externalConfirmationPageURL) {
+        log(`Found externalConfirmationPageURL: ${externalConfirmationPageURL}`);
+        cartStore.externalConfirmationPageURL = externalConfirmationPageURL;
+    }
 };
 const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
     if (landedCostId && cartStore.selectedLandedCost) {

package/dist/esm/{createCustomEvent-4a02c0ac.js → createCustomEvent-0376082a.js}

@@ -1,4 +1,4 @@
-import { d as cartStore, l as localizationStore } from './cart-7faa064c.js';
+import { d as cartStore, l as localizationStore } from './cart-53bd48de.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
 import { h as handleFetch } from './handleFetch-80ecfb91.js';
 

package/dist/esm/index.js

@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.64.js.zonos.com";
+    const cdnUrl = "https://v1.3.66.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.64.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.64";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.64";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.64";
+const ZONOS_URL = "https://v1.3.66.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.66";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.66";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.66";
 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 = "1727903724659";
+Zonos.releaseDate = "1727992102494";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
@@ -304,7 +304,7 @@ Zonos.isLegacyCheckout = false;
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.64"}`;
+Zonos.version = `v${"1.3.66"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-82c6849e.js → paypal-09ebeb63.js}

@@ -1,5 +1,5 @@
 import { z as zonosStore, c as createStore } from './zonosStore-0dc7a947.js';
-import { d as cartStore, r as stripeStoreHandleInventoryCheck, t as translate, q as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-7faa064c.js';
+import { d as cartStore, r as stripeStoreHandleInventoryCheck, t as translate, q as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-53bd48de.js';
 import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-80ecfb91.js';
 import { t as tinycolor } from './isDarkColor-b3afa948.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { j as stripeStore, l as localizationStore, t as translate } from './cart-7faa064c.js';
+import { j as stripeStore, l as localizationStore, t as translate } from './cart-53bd48de.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { a as logError } from './handleFetch-80ecfb91.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getAssetPath, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
 import { d as zonosStoreFontFamily, z as zonosStore, g as getZonosStoreTheme } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
-import { d as cartStore, E as currencyFormat, F as cartStoreHasOneEligibleItem, t as translate, v as stripeStoreReset, j as stripeStore, G as stripeStoreRetrievePayment, H as stripeStoreMessageBasedOnStatus, l as localizationStore, I as stripeStoreTranslateAddressToLatin, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo } from './cart-7faa064c.js';
-import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-82c6849e.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-4a02c0ac.js';
+import { d as cartStore, E as currencyFormat, F as cartStoreHasOneEligibleItem, t as translate, v as stripeStoreReset, j as stripeStore, G as stripeStoreRetrievePayment, H as stripeStoreMessageBasedOnStatus, l as localizationStore, I as stripeStoreTranslateAddressToLatin, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo } from './cart-53bd48de.js';
+import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-09ebeb63.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-0376082a.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 import { h as handleFetch, s as sendErrorLog } from './handleFetch-80ecfb91.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
@@ -244,17 +244,27 @@ const ZonosCheckoutFinish = class {
             window.location.href = url;
         };
         this.handleSuccessBehavior = () => {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e;
             const { successBehavior } = zonosStore.checkoutSettings;
+            const legacyOrderNumber = ((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value) || null;
+            if (cartStore.externalConfirmationPageURL) {
+                const redirectUrl = cartStore.externalConfirmationPageURL;
+                const queryParams = new URLSearchParams();
+                if ((_d = this.order) === null || _d === void 0 ? void 0 : _d.id) {
+                    queryParams.set('zOrderNumber', this.order.id);
+                }
+                if (legacyOrderNumber) {
+                    queryParams.set('orderId', legacyOrderNumber);
+                }
+                const queryString = queryParams.toString();
+                this.redirectToUrl(queryString ? `${redirectUrl}?${queryString}` : redirectUrl);
+            }
             switch (successBehavior) {
                 case 'REDIRECT_TO_SUCCESS_PAGE': {
                     const settingsRedirectUrl = zonosStore.checkoutSettings.successRedirectUrl;
-                    // Check if there is a redirect URL in the metadata to override
-                    const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
-                    const legacyOrderNumber = ((_f = (_e = (_d = this.order) === null || _d === void 0 ? void 0 : _d.references) === null || _e === void 0 ? void 0 : _e.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _f === void 0 ? void 0 : _f.value) || null;
-                    const redirectUrl = externalConfirmationPageURL || settingsRedirectUrl;
+                    const redirectUrl = settingsRedirectUrl;
                     const queryParams = new URLSearchParams();
-                    if ((_g = this.order) === null || _g === void 0 ? void 0 : _g.id) {
+                    if ((_e = this.order) === null || _e === void 0 ? void 0 : _e.id) {
                         queryParams.set('zOrderNumber', this.order.id);
                     }
                     if (legacyOrderNumber) {
@@ -419,11 +429,11 @@ const ZonosCheckoutFinish = class {
         var _a, _b;
         const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'c4516e186c9e53dd77dc3d234e1097de60c79bf4', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'fabd14b9a81a86771e54be97d957783b7348f1d1', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: '447860b5e8b9e0bf4a7e54f18657e48591656a44', class: "loading-wrapper" }, h("zonos-spinner", { key: '46e23a9bac3cd0cdfaeed1f128534840a6d433e9' }))), !this.isLoading && (h("div", { key: '89ff3b56daaf911ed92345a93a239dd6c637e161', class: "zonos--finish-details" }, h("div", { key: '3058258e0943fcd31994ec464c1fd1fcfa81c37f', 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: 'dad828b8db671c10bab96ff0f985522ca6fdfdc3', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '1f350e2dcb3fba41d7ae43751f3b8d07c1a60885', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '2df836a8ab4d33bd04edf610f3a602f6adbe8089', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '47117ffcc7d31f7759163a019cfa16c12957e8c3', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '1f85d25faa6c5cdd42642be5eff90145b0a905a8', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '205d38eb92bf9d65f06bb8ef16697e3cf6e3b2e7', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '10d4ec2ba6c4cd96d70beb0ef254f633005cdfb4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: '540c20d55e11a942e69326c970d402bc3c6c080b', class: "loading-wrapper" }, h("zonos-spinner", { key: 'db6f50490b64099c5224f741f726c352739557d4' }))), !this.isLoading && (h("div", { key: '33720a72e039b16f6b8983472868a57e96fdca11', class: "zonos--finish-details" }, h("div", { key: 'de92dd2f629e63001438a46da6c331b46349d9e7', 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: '98c1b679814b67bf75a4594c749e7596a2c03d17', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '82bf5d17c9d93919b7a2c8b02564f99471cbdc37', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '93006790ec06f8b9e3ab6e86c41627d9e10de0a0', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '09ac3086c6c0252589d1ca92cb09f8af7fb3e1aa', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '5ed5f468a66d30556bb4e5191dfda7c1294ac541', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'c9616613528a299618e99b09d70c236f59f90e14', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'c9cf9f5a5d59f5df8c076488c538efd6d3e63674', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };