@zonos/elements 1.3.165 → 1.3.167

package/dist/cjs/index.cjs.js

@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.165.js.zonos.com";
+    const cdnUrl = "https://v1.3.167.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.') ||
@@ -313,10 +313,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.165.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.165";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.165";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.165";
+const ZONOS_URL = "https://v1.3.167.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.167";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.167";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.167";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -330,7 +330,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1740583818267";
+Zonos.releaseDate = "1741302018777";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -346,7 +346,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.165"}`;
+Zonos.version = `v${"1.3.167"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

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

@@ -1328,8 +1328,29 @@ const ZonosCheckoutFinish = class {
         this.shouldRenderCloseButtonForRedirectBehavior = () => {
             return this.isRedirectBehavior() || this.notificationType === 'error';
         };
+        this.redirectToMerchantSuccessPage = () => {
+            var _a, _b, _c, _d;
+            const settingsRedirectUrl = cart.cartStore.externalConfirmationPageURL ||
+                zonosStore.zonosStore.checkoutSettings.successRedirectUrl;
+            const redirectUrl = settingsRedirectUrl;
+            const queryParams = new URLSearchParams();
+            const orderId = (_a = this.order) === null || _a === void 0 ? void 0 : _a.id;
+            const legacyOrderNumber = ((_d = (_c = (_b = this.order) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _d === void 0 ? void 0 : _d.value) || null;
+            if (orderId) {
+                queryParams.set('zOrderNumber', orderId);
+            }
+            if (legacyOrderNumber) {
+                queryParams.set('orderId', legacyOrderNumber);
+            }
+            const queryString = queryParams.toString();
+            const hasQueryString = redirectUrl.includes('?');
+            this.isWaitingToRedirect = true;
+            this.redirectToUrl(queryString
+                ? // Some url already has query string, so we need to append the query string with '&' instead of '?'
+                    `${redirectUrl}${hasQueryString ? '&' : '?'}${queryString}`
+                : redirectUrl);
+        };
         this.handleSuccessBehavior = async () => {
-            var _a, _b;
             /**
              * Save placed order info so we can show order info if they try to place the order again
              */
@@ -1339,9 +1360,6 @@ const ZonosCheckoutFinish = class {
                 // If the merchant wants to redirect to a different page
                 case successBehavior === 'REDIRECT_TO_SUCCESS_PAGE':
                 case !!cart.cartStore.externalConfirmationPageURL: {
-                    const settingsRedirectUrl = cart.cartStore.externalConfirmationPageURL ||
-                        zonosStore.zonosStore.checkoutSettings.successRedirectUrl;
-                    const redirectUrl = settingsRedirectUrl;
                     // use different default notification message if we are redirecting to a different page
                     this.notificationTitle = cart.translate('Order complete!');
                     this.notificationMessages = [
@@ -1364,20 +1382,7 @@ const ZonosCheckoutFinish = class {
                         return;
                     }
                     this.isWaitingToRedirect = false;
-                    const legacyOrderNumber = ((_b = (_a = this.order.references) === null || _a === void 0 ? void 0 : _a.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _b === void 0 ? void 0 : _b.value) || null;
-                    const queryParams = new URLSearchParams();
-                    if (this.order.id) {
-                        queryParams.set('zOrderNumber', this.order.id);
-                    }
-                    if (legacyOrderNumber) {
-                        queryParams.set('orderId', legacyOrderNumber);
-                    }
-                    const queryString = queryParams.toString();
-                    const hasQueryString = redirectUrl.includes('?');
-                    this.redirectToUrl(queryString
-                        ? // Some url already has query string, so we need to append the query string with '&' instead of '?'
-                            `${redirectUrl}${hasQueryString ? '&' : '?'}${queryString}`
-                        : redirectUrl);
+                    this.redirectToMerchantSuccessPage();
                     break;
                 }
                 case successBehavior === 'CLOSE_MODAL':
@@ -1627,17 +1632,25 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: '83b2f5f6f12dff3ed43382c27d1ed438ba22170f', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'afcb0314658af4d53e7d453415dd73fb01a8f162', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'caba612654a4895ba6ef43781ca21688c17e32ea', class: "zonos--finish-details" }, index.h("div", { key: 'd18c28b4993f28a2d509b2a9178fed7edfe5de3d', 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: 'af4f9f2178e83d8079950ad44a6b228976e761bc', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'cc4934a9c86c02d00d381b1d8e3a457ebf4759e3', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'c0f448d9f8fc30d5757714a041b440c48ed8a972',
+            } }, !this.isLoading && (index.h("div", { key: '99b7b6c9dd0e0545d770e4d9ed54207f5c13fdfd', class: "zonos--finish-details" }, index.h("div", { key: '11d249514d0eef2f8419e66b1070a20e745b84fd', 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: 'c8f52780e8ea76b5951aa4ad3dfc87c19acbfd1d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '459d7c1a9bd6fd77cfda25e9500a89061874b58f', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: '4e34926ba96975ceff18016eb6bcad1906f1c773',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
-                this.notificationType !== 'error', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '7cd94a0b56dbe608a4c3c9d12c9f9a4fc06c5ec3', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+                this.notificationType !== 'error', onClick: () => {
+                var _a;
+                // Trigger the redirect action if order is ready when user clicks the close button
+                if ((_a = this.order) === null || _a === void 0 ? void 0 : _a.id) {
+                    this.redirectToMerchantSuccessPage();
+                    return;
+                }
+                this.closeClickHandler();
+            }, size: "md", variant: "primary" }, cart.translate('Close'))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '836907a2a325d615d897e5292f086bf9111226ae', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: 'ce7b437229ae19b2a2da2521f8603271ff35af96', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '9ebb42bb862ffdf8c96c8e8d38174e149ced4d26', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '6f9257ad1b3002a373b45ab498271825aea07a00', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: 'ea1b4dd65f89d3eaec6391b6e440ae8ca20d5bdb', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '350ee6b7fe58ff5e7a1584989e2df13ce5d243c6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'd3578cef9a3f6cc69fff48ee412f7010d526c284', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1761,8 +1774,11 @@ const ZonosCheckoutPayment = class {
          * handler for continue button click
          */
         this.continueClickHandler = async ({ currencyCode, }) => {
+            var _a;
             if (!this.handleValidate()) {
                 this.showErrorBanner = true;
+                // Attempt to submit the form so the missing input error will be shown in Stripe
+                void ((_a = cart.stripeStore.stripeElements) === null || _a === void 0 ? void 0 : _a.submit());
                 setTimeout(() => {
                     var _a;
                     (_a = this.ele.querySelector('zonos-banner')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
@@ -1776,8 +1792,27 @@ const ZonosCheckoutPayment = class {
             paypal.submitGtag('zonos-checkout-payment-info');
             this.continueClicked.emit();
         };
-        this.copyCardToClipboard = (cardNumber) => {
-            void navigator.clipboard.writeText(cardNumber);
+        this.copyCardToClipboard = async (cardNumber) => {
+            try {
+                await navigator.clipboard.writeText(cardNumber);
+            }
+            catch (_a) {
+                // Copy happens in the iframe and it's not allowed to copy to the clipboard
+                const hiddenTextarea = document.createElement('textarea');
+                hiddenTextarea.style.position = 'fixed';
+                hiddenTextarea.style.left = '-1000px';
+                hiddenTextarea.style.top = '-1000px';
+                hiddenTextarea.style.width = '1px';
+                hiddenTextarea.style.height = '1px';
+                hiddenTextarea.value = cardNumber;
+                hiddenTextarea.id = 'zonos-copy-card-number';
+                document.body.appendChild(hiddenTextarea);
+                hiddenTextarea.select();
+                // Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
+                // eslint-disable-next-line deprecation/deprecation
+                document.execCommand('copy');
+                document.body.removeChild(hiddenTextarea);
+            }
             window.Zonos.showNotification({
                 message: cart.translate('Card number copied to clipboard'),
                 timeout: 4000,

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

@@ -591,7 +591,8 @@ const ZonosCheckout = class {
         this.placedOrderInfo = null;
         // Redirect to the vendor store url if this is legacy checkout
         if (this.isLegacyCheckout) {
-            const storeBaseUrl = (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl;
+            const storeBaseUrl = ((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl) ||
+                zonosStore.zonosStore.onlineStoreSettings.url;
             if (!storeBaseUrl) {
                 return;
             }
@@ -697,7 +698,8 @@ const ZonosCheckout = class {
                             cartId: window.Zonos.cartId,
                             checkoutSessionBody: cart.getCheckoutSessionBody(),
                             href: window.location.href,
-                            storeBaseUrl: (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl,
+                            storeBaseUrl: ((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl) ||
+                                zonosStore.zonosStore.onlineStoreSettings.url,
                         },
                     });
                     cart.cartStoreUpdateToErrorState({
@@ -1068,7 +1070,8 @@ const ZonosCheckout = class {
         cart.cartStoreReset();
         // redirect to vendor store url if this is legacy checkout.
         if (window.Zonos.isLegacyCheckout && window.Zonos.cartData) {
-            const storeBaseUrl = window.Zonos.cartData.storeBaseUrl;
+            const storeBaseUrl = window.Zonos.cartData.storeBaseUrl ||
+                zonosStore.zonosStore.onlineStoreSettings.url;
             if (window.parent) {
                 window.parent.location.href = storeBaseUrl;
             }

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

@@ -307,7 +307,8 @@ const ZonosController = class {
                         successBehavior: shouldOverrideSuccessBehavior
                             ? 'ZONOS_SUCCESS_PAGE'
                             : this.config.checkoutSettings.successBehavior, successRedirectUrl: shouldOverrideSuccessBehavior
-                            ? (_e = window.Zonos.cartData) === null || _e === void 0 ? void 0 : _e.storeBaseUrl
+                            ? ((_e = window.Zonos.cartData) === null || _e === void 0 ? void 0 : _e.storeBaseUrl) ||
+                                (json === null || json === void 0 ? void 0 : json.onlineStoreSettings.url)
                             : this.config.checkoutSettings.successRedirectUrl
                     }) : undefined });
             // load default setting if failed to load user settings
@@ -399,7 +400,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'd5d6c9e8984b321893b92612620a16f3f43d81fa', class: "zonos--elements" });
+        return index.h(index.Host, { key: '14d142f73eae70c229b638ef298e20c9c7c5713d', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

package/dist/collection/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-update-dialog.js

@@ -429,7 +429,7 @@ export class ZonosAddressUpdateDialog {
                     "references": {
                         "SubmitEventData": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-update-dialog.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-update-dialog.tsx",
                             "id": "src/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-update-dialog.tsx::SubmitEventData"
                         }
                     }

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

@@ -73,8 +73,29 @@ export class ZonosCheckoutFinish {
         this.shouldRenderCloseButtonForRedirectBehavior = () => {
             return this.isRedirectBehavior() || this.notificationType === 'error';
         };
+        this.redirectToMerchantSuccessPage = () => {
+            var _a, _b, _c, _d;
+            const settingsRedirectUrl = cartStore.externalConfirmationPageURL ||
+                zonosStore.checkoutSettings.successRedirectUrl;
+            const redirectUrl = settingsRedirectUrl;
+            const queryParams = new URLSearchParams();
+            const orderId = (_a = this.order) === null || _a === void 0 ? void 0 : _a.id;
+            const legacyOrderNumber = ((_d = (_c = (_b = this.order) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _d === void 0 ? void 0 : _d.value) || null;
+            if (orderId) {
+                queryParams.set('zOrderNumber', orderId);
+            }
+            if (legacyOrderNumber) {
+                queryParams.set('orderId', legacyOrderNumber);
+            }
+            const queryString = queryParams.toString();
+            const hasQueryString = redirectUrl.includes('?');
+            this.isWaitingToRedirect = true;
+            this.redirectToUrl(queryString
+                ? // Some url already has query string, so we need to append the query string with '&' instead of '?'
+                    `${redirectUrl}${hasQueryString ? '&' : '?'}${queryString}`
+                : redirectUrl);
+        };
         this.handleSuccessBehavior = async () => {
-            var _a, _b;
             /**
              * Save placed order info so we can show order info if they try to place the order again
              */
@@ -84,9 +105,6 @@ export class ZonosCheckoutFinish {
                 // If the merchant wants to redirect to a different page
                 case successBehavior === 'REDIRECT_TO_SUCCESS_PAGE':
                 case !!cartStore.externalConfirmationPageURL: {
-                    const settingsRedirectUrl = cartStore.externalConfirmationPageURL ||
-                        zonosStore.checkoutSettings.successRedirectUrl;
-                    const redirectUrl = settingsRedirectUrl;
                     // use different default notification message if we are redirecting to a different page
                     this.notificationTitle = translate('Order complete!');
                     this.notificationMessages = [
@@ -109,20 +127,7 @@ export class ZonosCheckoutFinish {
                         return;
                     }
                     this.isWaitingToRedirect = false;
-                    const legacyOrderNumber = ((_b = (_a = this.order.references) === null || _a === void 0 ? void 0 : _a.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _b === void 0 ? void 0 : _b.value) || null;
-                    const queryParams = new URLSearchParams();
-                    if (this.order.id) {
-                        queryParams.set('zOrderNumber', this.order.id);
-                    }
-                    if (legacyOrderNumber) {
-                        queryParams.set('orderId', legacyOrderNumber);
-                    }
-                    const queryString = queryParams.toString();
-                    const hasQueryString = redirectUrl.includes('?');
-                    this.redirectToUrl(queryString
-                        ? // Some url already has query string, so we need to append the query string with '&' instead of '?'
-                            `${redirectUrl}${hasQueryString ? '&' : '?'}${queryString}`
-                        : redirectUrl);
+                    this.redirectToMerchantSuccessPage();
                     break;
                 }
                 case successBehavior === 'CLOSE_MODAL':
@@ -372,17 +377,25 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '83b2f5f6f12dff3ed43382c27d1ed438ba22170f', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'afcb0314658af4d53e7d453415dd73fb01a8f162', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'caba612654a4895ba6ef43781ca21688c17e32ea', class: "zonos--finish-details" }, h("div", { key: 'd18c28b4993f28a2d509b2a9178fed7edfe5de3d', 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: 'af4f9f2178e83d8079950ad44a6b228976e761bc', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'cc4934a9c86c02d00d381b1d8e3a457ebf4759e3', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'c0f448d9f8fc30d5757714a041b440c48ed8a972',
+            } }, !this.isLoading && (h("div", { key: '99b7b6c9dd0e0545d770e4d9ed54207f5c13fdfd', class: "zonos--finish-details" }, h("div", { key: '11d249514d0eef2f8419e66b1070a20e745b84fd', 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: 'c8f52780e8ea76b5951aa4ad3dfc87c19acbfd1d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '459d7c1a9bd6fd77cfda25e9500a89061874b58f', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '4e34926ba96975ceff18016eb6bcad1906f1c773',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
-                this.notificationType !== 'error', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '7cd94a0b56dbe608a4c3c9d12c9f9a4fc06c5ec3', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+                this.notificationType !== 'error', onClick: () => {
+                var _a;
+                // Trigger the redirect action if order is ready when user clicks the close button
+                if ((_a = this.order) === null || _a === void 0 ? void 0 : _a.id) {
+                    this.redirectToMerchantSuccessPage();
+                    return;
+                }
+                this.closeClickHandler();
+            }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '836907a2a325d615d897e5292f086bf9111226ae', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: 'ce7b437229ae19b2a2da2521f8603271ff35af96', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '9ebb42bb862ffdf8c96c8e8d38174e149ced4d26', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '6f9257ad1b3002a373b45ab498271825aea07a00', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: 'ea1b4dd65f89d3eaec6391b6e440ae8ca20d5bdb', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '350ee6b7fe58ff5e7a1584989e2df13ce5d243c6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'd3578cef9a3f6cc69fff48ee412f7010d526c284', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

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

@@ -25,8 +25,11 @@ export class ZonosCheckoutPayment {
          * handler for continue button click
          */
         this.continueClickHandler = async ({ currencyCode, }) => {
+            var _a;
             if (!this.handleValidate()) {
                 this.showErrorBanner = true;
+                // Attempt to submit the form so the missing input error will be shown in Stripe
+                void ((_a = stripeStore.stripeElements) === null || _a === void 0 ? void 0 : _a.submit());
                 setTimeout(() => {
                     var _a;
                     (_a = this.ele.querySelector('zonos-banner')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
@@ -40,8 +43,27 @@ export class ZonosCheckoutPayment {
             submitGtag('zonos-checkout-payment-info');
             this.continueClicked.emit();
         };
-        this.copyCardToClipboard = (cardNumber) => {
-            void navigator.clipboard.writeText(cardNumber);
+        this.copyCardToClipboard = async (cardNumber) => {
+            try {
+                await navigator.clipboard.writeText(cardNumber);
+            }
+            catch (_a) {
+                // Copy happens in the iframe and it's not allowed to copy to the clipboard
+                const hiddenTextarea = document.createElement('textarea');
+                hiddenTextarea.style.position = 'fixed';
+                hiddenTextarea.style.left = '-1000px';
+                hiddenTextarea.style.top = '-1000px';
+                hiddenTextarea.style.width = '1px';
+                hiddenTextarea.style.height = '1px';
+                hiddenTextarea.value = cardNumber;
+                hiddenTextarea.id = 'zonos-copy-card-number';
+                document.body.appendChild(hiddenTextarea);
+                hiddenTextarea.select();
+                // Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
+                // eslint-disable-next-line deprecation/deprecation
+                document.execCommand('copy');
+                document.body.removeChild(hiddenTextarea);
+            }
             window.Zonos.showNotification({
                 message: translate('Card number copied to clipboard'),
                 timeout: 4000,

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

@@ -382,7 +382,8 @@ export class ZonosCheckout {
         this.placedOrderInfo = null;
         // Redirect to the vendor store url if this is legacy checkout
         if (this.isLegacyCheckout) {
-            const storeBaseUrl = (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl;
+            const storeBaseUrl = ((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl) ||
+                zonosStore.onlineStoreSettings.url;
             if (!storeBaseUrl) {
                 return;
             }
@@ -488,7 +489,8 @@ export class ZonosCheckout {
                             cartId: window.Zonos.cartId,
                             checkoutSessionBody: getCheckoutSessionBody(),
                             href: window.location.href,
-                            storeBaseUrl: (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl,
+                            storeBaseUrl: ((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl) ||
+                                zonosStore.onlineStoreSettings.url,
                         },
                     });
                     cartStoreUpdateToErrorState({
@@ -859,7 +861,8 @@ export class ZonosCheckout {
         cartStoreReset();
         // redirect to vendor store url if this is legacy checkout.
         if (window.Zonos.isLegacyCheckout && window.Zonos.cartData) {
-            const storeBaseUrl = window.Zonos.cartData.storeBaseUrl;
+            const storeBaseUrl = window.Zonos.cartData.storeBaseUrl ||
+                zonosStore.onlineStoreSettings.url;
             if (window.parent) {
                 window.parent.location.href = storeBaseUrl;
             }

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

@@ -101,7 +101,7 @@ export class ZonosBanner {
                     "references": {
                         "BannerIntent": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/common/zonos-banner/zonos-banner.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-banner/zonos-banner.tsx",
                             "id": "src/components/common/zonos-banner/zonos-banner.tsx::BannerIntent"
                         }
                     }

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

@@ -93,7 +93,7 @@ export class ZonosNotification {
                         },
                         "NotificationInit": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/common/zonos-notification/zonos-notification.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-notification/zonos-notification.tsx",
                             "id": "src/components/common/zonos-notification/zonos-notification.tsx::NotificationInit"
                         },
                         "NotificationItem": {

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js

@@ -61,7 +61,7 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ShippingRichRadioItem": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx",
                             "id": "src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx::ShippingRichRadioItem"
                         }
                     }
@@ -159,7 +159,7 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ShippingRichRadioItem": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx",
                             "id": "src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx::ShippingRichRadioItem"
                         }
                     }
@@ -196,7 +196,7 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ShippingRichRadioItem": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx",
                             "id": "src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx::ShippingRichRadioItem"
                         }
                     }

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

@@ -59,7 +59,7 @@ export class ZonosSpinner {
                     "references": {
                         "SpinnerColor": {
                             "location": "local",
-                            "path": "/home/runner/work/zonos-elements/zonos-elements/src/components/common/zonos-spinner/zonos-spinner.tsx",
+                            "path": "/home/runner/work/fe-3-zonos-elements/fe-3-zonos-elements/src/components/common/zonos-spinner/zonos-spinner.tsx",
                             "id": "src/components/common/zonos-spinner/zonos-spinner.tsx::SpinnerColor"
                         }
                     }

package/dist/collection/components/main/zonos-controller.js

@@ -156,7 +156,8 @@ export class ZonosController {
                         successBehavior: shouldOverrideSuccessBehavior
                             ? 'ZONOS_SUCCESS_PAGE'
                             : this.config.checkoutSettings.successBehavior, successRedirectUrl: shouldOverrideSuccessBehavior
-                            ? (_e = window.Zonos.cartData) === null || _e === void 0 ? void 0 : _e.storeBaseUrl
+                            ? ((_e = window.Zonos.cartData) === null || _e === void 0 ? void 0 : _e.storeBaseUrl) ||
+                                (json === null || json === void 0 ? void 0 : json.onlineStoreSettings.url)
                             : this.config.checkoutSettings.successRedirectUrl
                     }) : undefined });
             // load default setting if failed to load user settings
@@ -248,7 +249,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'd5d6c9e8984b321893b92612620a16f3f43d81fa', class: "zonos--elements" });
+        return h(Host, { key: '14d142f73eae70c229b638ef298e20c9c7c5713d', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/index.js

@@ -126,7 +126,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.165.js.zonos.com";
+    const cdnUrl = "https://v1.3.167.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.') ||
@@ -310,10 +310,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.165.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.165";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.165";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.165";
+const ZONOS_URL = "https://v1.3.167.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.167";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.167";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.167";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -327,7 +327,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1740583818267";
+Zonos.releaseDate = "1741302018777";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -343,7 +343,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.165"}`;
+Zonos.version = `v${"1.3.167"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;