@zonos/elements 1.3.91 → 1.3.93

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

@@ -15,6 +15,7 @@ import { watchBigcommerceDomesticCheckout } from "../../utils/checkout/watchBigc
 import { classes } from "../../utils/classes";
 import { createCustomEvent } from "../../utils/createCustomEvent";
 import { getBorderRadius } from "../../utils/getBorderRadius";
+import { getZCountryUrlParam } from "../../utils/hello/getZCountryUrlParam";
 import { isDarkColor } from "../../utils/isDarkColor";
 import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
@@ -23,7 +24,7 @@ import { mergeConfig } from "../../utils/mergeConfig";
 import { submitGtag } from "../../utils/submitGtag";
 import { setupCartData } from "../../../scripts/cart/_setupCartData";
 import { checkoutHiddenBtnSelector, domesticRedirectedBtnSelector, } from "../../../types/checkout/CheckoutConfig";
-/** These assets neet to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
+/** These assets need to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import MessageIcon from "./assets/MessageIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
@@ -226,12 +227,6 @@ export class ZonosCheckout {
                 catch (err) {
                     // stop loading
                     stripeStore.isFetchingSession = false;
-                    cartStoreUpdateToErrorState({
-                        messages: [
-                            translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
-                        ],
-                        title: translate('Error creating Checkout'),
-                    });
                     // We want to log the error anytime we fail to create a checkout session
                     void sendErrorLog({
                         endpoint: 'Error creating Checkout',
@@ -243,6 +238,12 @@ export class ZonosCheckout {
                             storeBaseUrl: (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl,
                         },
                     });
+                    cartStoreUpdateToErrorState({
+                        messages: [
+                            translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                        ],
+                        title: translate('Error creating Checkout'),
+                    });
                 }
             }, {
                 // Trigger this event before any other event
@@ -281,40 +282,50 @@ export class ZonosCheckout {
      */
     useLegacyQueryParams() {
         const urlParams = new URLSearchParams(window.location.search);
-        const legacyShippingInfo = {
-            country: 
-            // fallback to selected country code if country is not provided
-            urlParams.get('country') || localizationStore.selectedCountryCode,
-            customerAddress1: urlParams.get('customerAddress1'),
-            customerAddress2: urlParams.get('customerAddress2'),
-            customerCity: urlParams.get('customerCity'),
-            customerEmail: urlParams.get('customerEmail'),
-            customerName: urlParams.get('customerName'),
-            customerPhone: urlParams.get('customerPhone'),
-            customerState: urlParams.get('customerState'),
-            customerZip: urlParams.get('customerZip'),
+        log('legacy urlParams', 'info', Object.fromEntries(urlParams.entries()));
+        const getParam = (param) => {
+            const value = urlParams.get(param);
+            if (!value || value === 'undefined') {
+                return null;
+            }
+            return value;
         };
+        const country = 
+        // fallback to selected country code if country is not provided
+        getZCountryUrlParam(urlParams) || localizationStore.selectedCountryCode;
+        const city = getParam('customerCity');
+        const email = getParam('customerEmail') || '';
+        const line1 = getParam('customerAddress1');
+        const line2 = getParam('customerAddress2') || '';
+        const name = getParam('customerName');
+        const phone = getParam('customerPhone');
+        const postal_code = getParam('customerZip') || '';
+        const state = getParam('customerState') || '';
         // if one of the value is null, no need to preset the default address
-        if (!legacyShippingInfo.customerAddress1 ||
-            !legacyShippingInfo.customerCity ||
-            !legacyShippingInfo.customerName ||
-            !legacyShippingInfo.customerPhone ||
-            !legacyShippingInfo.country) {
-            log('Missing some query params so it can not be prefilled', 'info', legacyShippingInfo);
+        if (!line1 || !city || !name || !phone || !country) {
+            log('Missing required query params so it can not be prefilled', 'info', [
+                !line1 && 'line1',
+                !city && 'city',
+                !name && 'name',
+                !phone && 'phone',
+                !country && 'country',
+            ]
+                .filter(Boolean)
+                .join(', '));
             return;
         }
         this.defaultAddress = {
             address: {
-                city: legacyShippingInfo.customerCity,
-                country: legacyShippingInfo.country,
-                line1: legacyShippingInfo.customerAddress1,
-                line2: legacyShippingInfo.customerAddress2 || '',
-                postal_code: legacyShippingInfo.customerZip || '',
-                state: legacyShippingInfo.customerState || '',
+                city,
+                country,
+                line1,
+                line2,
+                postal_code,
+                state,
             },
-            email: legacyShippingInfo.customerEmail || '',
-            name: legacyShippingInfo.customerName,
-            phone: legacyShippingInfo.customerPhone,
+            email,
+            name,
+            phone,
         };
     }
     /**

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

@@ -197,13 +197,18 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
         presentmentCountryCode: localizationStore.selectedCountryCode,
     });
     if (errors.length > 0 || !json) {
-        // do nothing if we can't get checkout session
         logError('Error occurs when updating checkout session.');
         if (shouldInitSessionOnFailure) {
             log('Initiating checkout session on failure', 'info');
             const success = await stripeStoreInitCheckoutSession();
             log(`stripeStoreInitCheckoutSession: ${success}`);
             if (!success) {
+                cartStoreUpdateToErrorState({
+                    messages: [
+                        translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                    ],
+                    title: translate('Error creating Checkout'),
+                });
                 return false;
             }
             return true;

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

@@ -411,8 +411,12 @@ const stripeStoreConfirmPayment = async () => {
 const stripeStoreInitCheckoutSession = async () => {
     var _a, _b;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
-    if (!total || !localizationStore.targetCurrency) {
-        logError('Failed to create checkout session - invalid total or currency');
+    if (!localizationStore.targetCurrency) {
+        logError(`Failed to create checkout session - missing localizationStore.targetCurrency`);
+        return false;
+    }
+    if (!total) {
+        logError(`Failed to create checkout session - missing total amount of items`);
         return false;
     }
     stripeStore.isFetchingSession = true;

package/dist/collection/components/utils/hello/getZCountryUrlParam.js

@@ -1,7 +1,19 @@
+const validateCountryCode = (countryCode) => {
+    // Check that the country is two characters and is upper case
+    if (countryCode && /^[A-Z]{2}$/.test(countryCode)) {
+        return countryCode;
+    }
+    return null;
+};
 export const getZCountryUrlParam = (urlParams) => {
     const urlSearchParams = new URLSearchParams(urlParams || window.location.search);
-    const zCountry = urlSearchParams.get('zCountry');
+    const getCountryParam = (param) => {
+        const country = urlSearchParams.get(param);
+        // Check that the country is two characters and is upper case
+        return validateCountryCode(country);
+    };
+    const zCountry = getCountryParam('zCountry');
     // Fallback to legacy 'country'
-    const fallback = urlSearchParams.get('country');
+    const fallback = getCountryParam('country');
     return zCountry || fallback;
 };

package/dist/collection/components/utils/logging/log.js

@@ -53,7 +53,7 @@ export const log = (message, type, ..._additionalInfo) => {
         loggingIframe.style.visibility = 'hidden';
         document.body.appendChild(loggingIframe);
     }
-    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
+    // use the logging iframe's console to log just in case the console is disabled (overridden) by the site owner
     const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
     switch (type) {
         case 'warn':

package/dist/esm/{CheckoutConfig-c0ec120d.js → CheckoutConfig-c54d23b8.js}

@@ -1,4 +1,4 @@
-import { h as handleFetch, l as log, a as logError } from './handleFetch-0133265e.js';
+import { h as handleFetch, l as log, a as logError } from './handleFetch-ce924688.js';
 
 const getTempCartById = async (cartId) => {
     const { errors, json } = await handleFetch('/api/zonos-elements/get-temp-cart', {

package/dist/esm/{cart-66d67627.js → cart-ef2e2eec.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-0dc7a947.js';
-import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-0133265e.js';
+import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-ce924688.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 
@@ -8109,11 +8109,23 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     return json.locale_countryCodesPage;
 };
 
+const validateCountryCode = (countryCode) => {
+    // Check that the country is two characters and is upper case
+    if (countryCode && /^[A-Z]{2}$/.test(countryCode)) {
+        return countryCode;
+    }
+    return null;
+};
 const getZCountryUrlParam = (urlParams) => {
     const urlSearchParams = new URLSearchParams(urlParams || window.location.search);
-    const zCountry = urlSearchParams.get('zCountry');
+    const getCountryParam = (param) => {
+        const country = urlSearchParams.get(param);
+        // Check that the country is two characters and is upper case
+        return validateCountryCode(country);
+    };
+    const zCountry = getCountryParam('zCountry');
     // Fallback to legacy 'country'
-    const fallback = urlSearchParams.get('country');
+    const fallback = getCountryParam('country');
     return zCountry || fallback;
 };
 
@@ -9472,8 +9484,12 @@ const stripeStoreConfirmPayment = async () => {
 const stripeStoreInitCheckoutSession = async () => {
     var _a, _b;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
-    if (!total || !localizationStore.targetCurrency) {
-        logError('Failed to create checkout session - invalid total or currency');
+    if (!localizationStore.targetCurrency) {
+        logError(`Failed to create checkout session - missing localizationStore.targetCurrency`);
+        return false;
+    }
+    if (!total) {
+        logError(`Failed to create checkout session - missing total amount of items`);
         return false;
     }
     stripeStore.isFetchingSession = true;
@@ -9851,13 +9867,18 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
         presentmentCountryCode: localizationStore.selectedCountryCode,
     });
     if (errors.length > 0 || !json) {
-        // do nothing if we can't get checkout session
         logError('Error occurs when updating checkout session.');
         if (shouldInitSessionOnFailure) {
             log('Initiating checkout session on failure', 'info');
             const success = await stripeStoreInitCheckoutSession();
             log(`stripeStoreInitCheckoutSession: ${success}`);
             if (!success) {
+                cartStoreUpdateToErrorState({
+                    messages: [
+                        translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                    ],
+                    title: translate('Error creating Checkout'),
+                });
                 return false;
             }
             return true;
@@ -10028,4 +10049,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, currencyConvert as D, currencyFormat as E, cartStoreHasOneEligibleItem as F, stripeStoreApplyPromoCode as G, stripeStoreRemovePromoCode as H, stripeStoreRetrievePayment as I, stripeStoreMessageBasedOnStatus as J, stripeStoreResetPromoCode as K, stripeStoreTranslateAddressToLatin as L, cartStoreUpdateSelectedShippingOption as M, cartStoreGetShippingTransitInfo as N, sortServiceLevelOptionsByAmount as O, getFallbackDefaultCountryCode as P, localizationStoreUpdateSelectedLocale as Q, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, cartStoreSetCheckoutSession as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreHandleInventoryCheck as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreConfirmPayment as u, stripeStoreReset as v, localizationStoreOnUpdate as w, isValidSelector as x, initLocalizationStore as y, getZCountryUrlParam as z };
+export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, currencyConvert as D, currencyFormat as E, cartStoreHasOneEligibleItem as F, stripeStoreApplyPromoCode as G, stripeStoreRemovePromoCode as H, stripeStoreRetrievePayment as I, stripeStoreMessageBasedOnStatus as J, stripeStoreResetPromoCode as K, stripeStoreTranslateAddressToLatin as L, cartStoreUpdateSelectedShippingOption as M, cartStoreGetShippingTransitInfo as N, sortServiceLevelOptionsByAmount as O, getFallbackDefaultCountryCode as P, localizationStoreUpdateSelectedLocale as Q, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, getZCountryUrlParam as o, cartStoreSetCheckoutSession as p, stripeStorePrefetchLandedCost as q, cartStoreNextStep as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreHandleInventoryCheck as u, stripeStoreConfirmPayment as v, stripeStoreReset as w, localizationStoreOnUpdate as x, isValidSelector as y, initLocalizationStore as z };

package/dist/esm/{createCustomEvent-34725327.js → createCustomEvent-73760da0.js}

@@ -1,6 +1,6 @@
-import { d as cartStore, l as localizationStore } from './cart-66d67627.js';
+import { d as cartStore, l as localizationStore } from './cart-ef2e2eec.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
-import { h as handleFetch } from './handleFetch-0133265e.js';
+import { h as handleFetch } from './handleFetch-ce924688.js';
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;

package/dist/esm/{handleFetch-0133265e.js → handleFetch-ce924688.js}

@@ -53,7 +53,7 @@ const log = (message, type, ..._additionalInfo) => {
         loggingIframe.style.visibility = 'hidden';
         document.body.appendChild(loggingIframe);
     }
-    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
+    // use the logging iframe's console to log just in case the console is disabled (overridden) by the site owner
     const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
     switch (type) {
         case 'warn':

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { l as log, a as logError } from './handleFetch-0133265e.js';
-import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-c0ec120d.js';
-export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-c0ec120d.js';
+import { l as log, a as logError } from './handleFetch-ce924688.js';
+import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-c54d23b8.js';
+export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-c54d23b8.js';
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.91.js.zonos.com";
+    const cdnUrl = "https://v1.3.93.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.91.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.91";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.91";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.91";
+const ZONOS_URL = "https://v1.3.93.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.93";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.93";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.93";
 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 = "1728930718892";
+Zonos.releaseDate = "1729003957102";
 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.91"}`;
+Zonos.version = `v${"1.3.93"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-da9e020f.js → paypal-cce03d02.js}

@@ -1,6 +1,6 @@
 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-66d67627.js';
-import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-0133265e.js';
+import { d as cartStore, u as stripeStoreHandleInventoryCheck, t as translate, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-ef2e2eec.js';
+import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-ce924688.js';
 import { t as tinycolor } from './isDarkColor-b3afa948.js';
 
 /*!

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { j as stripeStore, P as getFallbackDefaultCountryCode, l as localizationStore, t as translate } from './cart-66d67627.js';
+import { j as stripeStore, P as getFallbackDefaultCountryCode, l as localizationStore, t as translate } from './cart-ef2e2eec.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { a as logError, l as log } from './handleFetch-0133265e.js';
+import { a as logError, l as log } from './handleFetch-ce924688.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
-import { d as cartStore, t as translate, E as currencyFormat, F as cartStoreHasOneEligibleItem, G as stripeStoreApplyPromoCode, H as stripeStoreRemovePromoCode, v as stripeStoreReset, j as stripeStore, I as stripeStoreRetrievePayment, J as stripeStoreMessageBasedOnStatus, K as stripeStoreResetPromoCode, l as localizationStore, L as stripeStoreTranslateAddressToLatin, M as cartStoreUpdateSelectedShippingOption, N as cartStoreGetShippingTransitInfo, O as sortServiceLevelOptionsByAmount } from './cart-66d67627.js';
+import { d as cartStore, t as translate, E as currencyFormat, F as cartStoreHasOneEligibleItem, G as stripeStoreApplyPromoCode, H as stripeStoreRemovePromoCode, w as stripeStoreReset, j as stripeStore, I as stripeStoreRetrievePayment, J as stripeStoreMessageBasedOnStatus, K as stripeStoreResetPromoCode, l as localizationStore, L as stripeStoreTranslateAddressToLatin, M as cartStoreUpdateSelectedShippingOption, N as cartStoreGetShippingTransitInfo, O as sortServiceLevelOptionsByAmount } from './cart-ef2e2eec.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, a as paypalStore, b as paypalStoreReset, i as isContrastColor } from './paypal-da9e020f.js';
+import { s as submitGtag, a as paypalStore, b as paypalStoreReset, i as isContrastColor } from './paypal-cce03d02.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-34725327.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-73760da0.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
-import { h as handleFetch, s as sendErrorLog } from './handleFetch-0133265e.js';
+import { h as handleFetch, s as sendErrorLog } from './handleFetch-ce924688.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import { i as isDarkColor, t as tinycolor } from './isDarkColor-b3afa948.js';
@@ -1286,10 +1286,13 @@ const ZonosCheckoutFinish = class {
         this.getPullOrder = async (attempts = 0) => {
             var _a, _b;
             const { baseUrl, order } = await this.pullOrder();
-            const legacyOrderNumberExist = !!((_b = (_a = order === null || order === void 0 ? void 0 : 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);
-            // legacy customers are still using the old order number so we need to wait for legacy order number to attach to dgs order before redirecting
-            if ((order && attempts >= 5) || legacyOrderNumberExist) {
-                if (!legacyOrderNumberExist) {
+            const { isLegacyCheckout } = window.Zonos;
+            const foundLegacyOrderNumber = !!((_b = (_a = order === null || order === void 0 ? void 0 : 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);
+            if ((order && !isLegacyCheckout) ||
+                (!order && attempts >= 5) ||
+                foundLegacyOrderNumber) {
+                if (isLegacyCheckout && !foundLegacyOrderNumber) {
+                    // We pushed this one through without the legacy order number, so we should log this
                     const checkoutSessionId = cartStore.checkoutSessionId;
                     void sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order === null || order === void 0 ? void 0 : order.id}`,
@@ -1306,7 +1309,7 @@ const ZonosCheckoutFinish = class {
                 this.order = order;
                 this.handleSuccessBehavior();
             }
-            else if ((!order || !legacyOrderNumberExist) && attempts < 5) {
+            else if ((!order || !foundLegacyOrderNumber) && attempts < 5) {
                 // Wait for 1 second before the next attempt
                 await new Promise(resolve => setTimeout(resolve, 1000));
                 await this.getPullOrder(attempts + 1);
@@ -1442,11 +1445,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: 'b39124e58c4b12acbd7b29290808248298239e9c', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '87ced5680c0d1bab551332541d74e8e32fd7ed43', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: 'e63389c86a1bb0c405e7ae3c852fc1c966320f50', class: "loading-wrapper" }, h("zonos-spinner", { key: '0caff7b42ab138ad47f4683ea9641b2fef75f714' }))), !this.isLoading && (h("div", { key: 'e305f1c720418a22a376807f17413fa97688af86', class: "zonos--finish-details" }, h("div", { key: 'dced8dc9e0a7ae68e4bfa6b00d841ba4eae9e1f3', 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: '343dade4f02efe9c9fdc4c8087b725f2d4e39177', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: 'aa715a39e3126d7cb108c447fb2eb586279fc768', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'ee58b57b784269145d286e59cc87eb4fb5499cf2', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'a6781fde72abf7b9939e136aa5fdbbdd513a7cf5', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '5fd0ea2aa8f48347d027c5c7df1eb892236e7bb0', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '7fdfb2af11a60f4b20b3ba083dcca1f0ac90ff56', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'd627533d236a8d9cdaadce90d550984e25b64554', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: '8063a0e619af1958afc99e4a9aa8bdfeb3f3f896', class: "loading-wrapper" }, h("zonos-spinner", { key: '28d4219090e3c9cb0c8a48fa369ace28f74aa938' }))), !this.isLoading && (h("div", { key: '094b79103e3a26e57c0d81a1153682649dce693e', class: "zonos--finish-details" }, h("div", { key: 'c3a6fe214d5ac5cd58ec533c75e146e573b5da25', 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: 'c9e1b5c7ed5be8b6adbd00e5b3896e023271976e', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '8f32ef78f8e584e43988a12bc94f0d52c0348eba', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'b9aebf9fdfc17d141367deb110440272fed7a6d9', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '25fb15e1e2fb08e2911c787060215f8e1d7c33c6', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'd39ae7b5a0889278e0f6a3594ad69dfa0de2159a', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '09e0dfa830577c1eec035f34342528a73bffe944', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'eedb6a440713fe5f14a05a747284a2703af1a639', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as cartStoreSetCheckoutSession, p as stripeStorePrefetchLandedCost, q as cartStoreNextStep, r as stripeStoreHandleInventoryCheck, u as stripeStoreConfirmPayment, v as stripeStoreReset, w as localizationStoreOnUpdate } from './cart-66d67627.js';
-import { s as submitGtag, p as paypalInitScript } from './paypal-da9e020f.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as getZCountryUrlParam, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreHandleInventoryCheck, v as stripeStoreConfirmPayment, w as stripeStoreReset, x as localizationStoreOnUpdate } from './cart-ef2e2eec.js';
+import { s as submitGtag, p as paypalInitScript } from './paypal-cce03d02.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-0dc7a947.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-34725327.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-73760da0.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { l as log, a as logError, s as sendErrorLog, b as allLogs } from './handleFetch-0133265e.js';
+import { l as log, a as logError, s as sendErrorLog, b as allLogs } from './handleFetch-ce924688.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';
-import { s as setupCartData, d as domesticRedirectedBtnSelector, c as checkoutHiddenBtnSelector } from './CheckoutConfig-c0ec120d.js';
+import { s as setupCartData, d as domesticRedirectedBtnSelector, c as checkoutHiddenBtnSelector } from './CheckoutConfig-c54d23b8.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
 
 /**
@@ -376,12 +376,6 @@ const ZonosCheckout = class {
                 catch (err) {
                     // stop loading
                     stripeStore.isFetchingSession = false;
-                    cartStoreUpdateToErrorState({
-                        messages: [
-                            translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
-                        ],
-                        title: translate('Error creating Checkout'),
-                    });
                     // We want to log the error anytime we fail to create a checkout session
                     void sendErrorLog({
                         endpoint: 'Error creating Checkout',
@@ -393,6 +387,12 @@ const ZonosCheckout = class {
                             storeBaseUrl: (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl,
                         },
                     });
+                    cartStoreUpdateToErrorState({
+                        messages: [
+                            translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+                        ],
+                        title: translate('Error creating Checkout'),
+                    });
                 }
             }, {
                 // Trigger this event before any other event
@@ -431,40 +431,50 @@ const ZonosCheckout = class {
      */
     useLegacyQueryParams() {
         const urlParams = new URLSearchParams(window.location.search);
-        const legacyShippingInfo = {
-            country: 
-            // fallback to selected country code if country is not provided
-            urlParams.get('country') || localizationStore.selectedCountryCode,
-            customerAddress1: urlParams.get('customerAddress1'),
-            customerAddress2: urlParams.get('customerAddress2'),
-            customerCity: urlParams.get('customerCity'),
-            customerEmail: urlParams.get('customerEmail'),
-            customerName: urlParams.get('customerName'),
-            customerPhone: urlParams.get('customerPhone'),
-            customerState: urlParams.get('customerState'),
-            customerZip: urlParams.get('customerZip'),
+        log('legacy urlParams', 'info', Object.fromEntries(urlParams.entries()));
+        const getParam = (param) => {
+            const value = urlParams.get(param);
+            if (!value || value === 'undefined') {
+                return null;
+            }
+            return value;
         };
+        const country = 
+        // fallback to selected country code if country is not provided
+        getZCountryUrlParam(urlParams) || localizationStore.selectedCountryCode;
+        const city = getParam('customerCity');
+        const email = getParam('customerEmail') || '';
+        const line1 = getParam('customerAddress1');
+        const line2 = getParam('customerAddress2') || '';
+        const name = getParam('customerName');
+        const phone = getParam('customerPhone');
+        const postal_code = getParam('customerZip') || '';
+        const state = getParam('customerState') || '';
         // if one of the value is null, no need to preset the default address
-        if (!legacyShippingInfo.customerAddress1 ||
-            !legacyShippingInfo.customerCity ||
-            !legacyShippingInfo.customerName ||
-            !legacyShippingInfo.customerPhone ||
-            !legacyShippingInfo.country) {
-            log('Missing some query params so it can not be prefilled', 'info', legacyShippingInfo);
+        if (!line1 || !city || !name || !phone || !country) {
+            log('Missing required query params so it can not be prefilled', 'info', [
+                !line1 && 'line1',
+                !city && 'city',
+                !name && 'name',
+                !phone && 'phone',
+                !country && 'country',
+            ]
+                .filter(Boolean)
+                .join(', '));
             return;
         }
         this.defaultAddress = {
             address: {
-                city: legacyShippingInfo.customerCity,
-                country: legacyShippingInfo.country,
-                line1: legacyShippingInfo.customerAddress1,
-                line2: legacyShippingInfo.customerAddress2 || '',
-                postal_code: legacyShippingInfo.customerZip || '',
-                state: legacyShippingInfo.customerState || '',
+                city,
+                country,
+                line1,
+                line2,
+                postal_code,
+                state,
             },
-            email: legacyShippingInfo.customerEmail || '',
-            name: legacyShippingInfo.customerName,
-            phone: legacyShippingInfo.customerPhone,
+            email,
+            name,
+            phone,
         };
     }
     /**

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { x as isValidSelector, j as stripeStore, y as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-66d67627.js';
+import { y as isValidSelector, j as stripeStore, z as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-ef2e2eec.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
-import { h as handleFetch, a as logError, l as log } from './handleFetch-0133265e.js';
+import { h as handleFetch, a as logError, l as log } from './handleFetch-ce924688.js';
 import './isDarkColor-b3afa948.js';
 import './getBorderRadius-cff1e39b.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { l as localizationStore } from './cart-66d67627.js';
+import { l as localizationStore } from './cart-ef2e2eec.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
-import './handleFetch-0133265e.js';
+import './handleFetch-ce924688.js';
 import './isDarkColor-b3afa948.js';
 import './getBorderRadius-cff1e39b.js';
 

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './cart-66d67627.js';
+import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './cart-ef2e2eec.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import './handleFetch-0133265e.js';
+import './handleFetch-ce924688.js';
 import './getBorderRadius-cff1e39b.js';
 
 /**

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-86b8247e.js';
-import { t as translate, l as localizationStore, E as currencyFormat } from './cart-66d67627.js';
+import { t as translate, l as localizationStore, E as currencyFormat } from './cart-ef2e2eec.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
-import './handleFetch-0133265e.js';
+import './handleFetch-ce924688.js';
 import './isDarkColor-b3afa948.js';
 import './getBorderRadius-cff1e39b.js';