@zonos/elements 1.3.174 → 1.3.176

package/dist/cjs/CheckoutConfig-f1442a60.js

@@ -0,0 +1,35 @@
+'use strict';
+
+const baseRe = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/;
+const uuidRe = new RegExp(`^${baseRe.source}$`);
+const cartUuidRe = new RegExp(`^cart_${baseRe.source}$`);
+const tsidRe = /^[a-zA-Z0-9]{2,}$/;
+const cartTsidRe = /^cart_[a-zA-Z0-9]{2,}$/;
+const _getIsValidCartId = (cartId) => {
+    if (!cartId) {
+        return { isDgsCartId: false, isLegacyCartId: false };
+    }
+    if (cartId.includes('undefined')) {
+        return { isDgsCartId: false, isLegacyCartId: false };
+    }
+    if (cartTsidRe.test(cartId)) {
+        return { isDgsCartId: true, isLegacyCartId: false };
+    }
+    if (tsidRe.test(cartId)) {
+        return { isDgsCartId: false, isLegacyCartId: true };
+    }
+    if (cartUuidRe.test(cartId)) {
+        return { isDgsCartId: true, isLegacyCartId: false };
+    }
+    if (uuidRe.test(cartId)) {
+        return { isDgsCartId: false, isLegacyCartId: true };
+    }
+    return { isDgsCartId: false, isLegacyCartId: false };
+};
+
+const checkoutHiddenBtnSelector = 'zonos--checkout-hidden-button';
+const domesticRedirectedBtnSelector = 'zonos--domestic-redirected-checkout-button';
+
+exports._getIsValidCartId = _getIsValidCartId;
+exports.checkoutHiddenBtnSelector = checkoutHiddenBtnSelector;
+exports.domesticRedirectedBtnSelector = domesticRedirectedBtnSelector;

package/dist/cjs/{cart-93ed3002.js → cart-e648a65f.js}

@@ -9898,13 +9898,18 @@ const getLocalization = async () => {
 };
 
 const getShippingZones = async () => {
-    var _a, _b;
+    var _a, _b, _c;
+    if ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.shippingZones) {
+        return window.Zonos.cartSettings.shippingZones
+            .flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes)
+            .filter(Boolean);
+    }
     const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/shipping-zones');
     if (errors.length || !json) {
-        handleFetch.logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        handleFetch.logError(`Error fetching shipping zones: ${(_b = errors.find(Boolean)) === null || _b === void 0 ? void 0 : _b.message}`);
         return null;
     }
-    const shippingZones = (_b = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _b === void 0 ? void 0 : _b.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
+    const shippingZones = (_c = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _c === void 0 ? void 0 : _c.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
     return shippingZones || null;
 };
 
@@ -10694,8 +10699,9 @@ const trackConversionEvent = async (eventName, metadata) => {
     const isDevelopment = window.location.href.includes('zonos.com') ||
         !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.zonosQaUrl) ||
         !!((_b = window.Zonos) === null || _b === void 0 ? void 0 : _b.debug);
-    if (isDevelopment &&
-        // if found, it means we want to test the conversion event in development site
+    const isTest = handleFetch.getIsTestMode() || handleFetch.getIsStagingMode();
+    if ((isTest || isDevelopment) &&
+        // if found, it means we want to test the conversion event in development site, or test mode and staging mode
         !window.Zonos.zonosConversionTest) {
         return;
     }

package/dist/cjs/index.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const handleFetch = require('./handleFetch-969d05d8.js');
-const CheckoutConfig = require('./CheckoutConfig-fb59baa3.js');
+const CheckoutConfig = require('./CheckoutConfig-f1442a60.js');
 const TaxId = require('./TaxId-4632639d.js');
 
 /**
@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.174.js.zonos.com";
+    const cdnUrl = "https://v1.3.176.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.') ||
@@ -296,6 +296,58 @@ const getCartIdFromQueryParam = () => {
     return cartId;
 };
 
+const getCartInfoById = async ({ cartId, retries, }) => {
+    const isTestMode = handleFetch.getIsTestMode();
+    const { errors, json, zonosMode } = await handleFetch.handleFetch('/api/zonos-elements/get-cart', {
+        body: {
+            isTestMode,
+            tempCartUUID: cartId,
+        },
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    const failedResponse = !json || errors.length;
+    if (failedResponse && retries) {
+        handleFetch.log('[ZONOS - loadZonos] temp cart not ready, retrying in 1 second', 'info', {
+            retries,
+        });
+        // wait 1 second before retrying
+        await new Promise(resolve => setTimeout(resolve, 500));
+        return getCartInfoById({ cartId, retries: retries - 1 });
+    }
+    if (failedResponse) {
+        return null;
+    }
+    return Object.assign(Object.assign({}, json), { zonosMode });
+};
+
+const setupCartDataWithSettings = async (cartId) => {
+    const { isDgsCartId, isLegacyCartId } = CheckoutConfig._getIsValidCartId(cartId);
+    if (!isLegacyCartId && !isDgsCartId) {
+        handleFetch.logError('[ZONOS - loadZonos] invalid cart id');
+        return null;
+    }
+    const tempCartResult = await getCartInfoById({ cartId, retries: 5 });
+    handleFetch.log('[ZONOS - loadZonos] getting temp cart data', 'info', tempCartResult);
+    if (!tempCartResult) {
+        handleFetch.logError('[ZONOS - loadZonos] Error getting temp cart data, stop checkout process.');
+        return null;
+    }
+    window.Zonos.storeId = tempCartResult.cartData.storeId;
+    window.Zonos.zonosApiKey = tempCartResult.cartData.credentialToken;
+    window.Zonos.zonosMode = tempCartResult.zonosMode;
+    return {
+        cartData: tempCartResult.cartData,
+        settings: tempCartResult.settings,
+        storeFavicon: tempCartResult.storeFaviconUrl,
+        storeId: tempCartResult.cartData.storeId,
+        storeLogo: tempCartResult.storeLogoUrl,
+        zonosApiKey: tempCartResult.cartData.credentialToken,
+    };
+};
+
 var _a;
 /**
  * Get the load version and url based on the loadScriptSrc, if the domain that used to load `zonos.js` is in white listed domains, use currentLoadScriptUrl as the load url instead, if zonosQaUrl exists, it would also fall under the white listed domain
@@ -313,16 +365,17 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.174.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.174";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.174";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.174";
+const ZONOS_URL = "https://v1.3.176.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.176";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.176";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.176";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
 }
 _a = Zonos;
 Zonos.doneInit = false;
+Zonos.cartSettings = null;
 // if query 'zonosDebug=1' param from url, debug mode is on
 Zonos.debug = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
@@ -330,7 +383,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1742827810410";
+Zonos.releaseDate = "1743432435915";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -346,10 +399,11 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.174"}`;
+Zonos.version = `v${"1.3.176"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
+Zonos.zonosMode = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
 Zonos.loadTimeApiInfoList = [];
@@ -399,13 +453,14 @@ Zonos.init = async (params) => {
          */
         if (!_a.cartData && _a.cartId) {
             handleFetch.log('Initialize cart data');
-            const cartinfo = await CheckoutConfig.setupCartData(_a.cartId);
-            if (!cartinfo) {
+            const cartInfo = await setupCartDataWithSettings(_a.cartId);
+            if (!cartInfo) {
                 handleFetch.logError('Failed to get cart data');
                 return;
             }
-            _a.cartData = cartinfo.cartData;
-            _a.zonosApiKey = cartinfo.zonosApiKey;
+            _a.cartData = cartInfo.cartData;
+            _a.zonosApiKey = cartInfo.zonosApiKey;
+            _a.cartSettings = cartInfo.settings;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
         const testPublicCredential = await getWithTestPublicCredential();

package/dist/cjs/{paypal-8b49ef07.js → paypal-2390cfb2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-3812b318.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-8b49ef07.js');
+const paypal = require('./paypal-2390cfb2.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
-const paypal = require('./paypal-8b49ef07.js');
+const cart = require('./cart-e648a65f.js');
+const paypal = require('./paypal-2390cfb2.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const classes = require('./classes-b7918f56.js');
@@ -12,7 +12,7 @@ const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const styles = require('./styles-d1e64fb9.js');
-const CheckoutConfig = require('./CheckoutConfig-fb59baa3.js');
+const CheckoutConfig = require('./CheckoutConfig-f1442a60.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -250,6 +250,59 @@ const sendLoadNativeCheckoutLog = async ({ loadTime, }) => {
     });
 };
 
+const getTempCartById = async ({ cartId, retries, }) => {
+    const isTestMode = handleFetch.getIsTestMode();
+    const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/get-temp-cart', {
+        body: {
+            isTestMode,
+            options: {
+                noOnlineStoreSettings: true,
+            },
+            tempCartUUID: cartId,
+        },
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    const failedResponse = !json || errors.length;
+    if (failedResponse && retries) {
+        handleFetch.log('[ZONOS - loadZonos] temp cart not ready, retrying in 1 second', 'info', {
+            retries,
+        });
+        // wait 1 second before retrying
+        await new Promise(resolve => setTimeout(resolve, 500));
+        return getTempCartById({ cartId, retries: retries - 1 });
+    }
+    if (failedResponse) {
+        return null;
+    }
+    return json;
+};
+
+const setupCartData = async (cartId) => {
+    const { isDgsCartId, isLegacyCartId } = CheckoutConfig._getIsValidCartId(cartId);
+    if (!isLegacyCartId && !isDgsCartId) {
+        handleFetch.logError('[ZONOS - loadZonos] invalid cart id');
+        return null;
+    }
+    const tempCartResult = await getTempCartById({ cartId, retries: 5 });
+    handleFetch.log('[ZONOS - loadZonos] getting temp cart data', 'info', tempCartResult);
+    if (!tempCartResult) {
+        handleFetch.logError('[ZONOS - loadZonos] Error getting temp cart data, stop checkout process.');
+        return null;
+    }
+    window.Zonos.storeId = tempCartResult.cartData.storeId;
+    window.Zonos.zonosApiKey = tempCartResult.cartData.credentialToken;
+    return {
+        cartData: tempCartResult.cartData,
+        storeFavicon: tempCartResult.storeFaviconUrl,
+        storeId: tempCartResult.cartData.storeId,
+        storeLogo: tempCartResult.storeLogoUrl,
+        zonosApiKey: tempCartResult.cartData.credentialToken,
+    };
+};
+
 const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>
 </svg>
@@ -509,7 +562,7 @@ const ZonosCheckout = class {
                 cartId = cartIdResult;
             }
             window.Zonos.cartId = cartId;
-            const cartResult = await CheckoutConfig.setupCartData(cartId);
+            const cartResult = await setupCartData(cartId);
             const cartData = cartResult === null || cartResult === void 0 ? void 0 : cartResult.cartData;
             if (!cartData) {
                 handleFetch.logError('Failed to build cart, please try again.');

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

@@ -3,13 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 require('./isDarkColor-ec4a4e7d.js');
 require('./getBorderRadius-94ef609c.js');
 
 const getZonosSettings = async () => {
+    if (window.Zonos.cartSettings) {
+        return {
+            errors: [],
+            json: window.Zonos.cartSettings,
+            zonosMode: window.Zonos.zonosMode,
+        };
+    }
     const { errors, json, zonosMode } = await handleFetch.handleFetch('/api/zonos-elements/zonos-settings');
     if (errors.length) {
         handleFetch.logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-969d05d8.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-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-8b49ef07.js');
+const paypal = require('./paypal-2390cfb2.js');
 require('./isDarkColor-ec4a4e7d.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const zonosStore = require('./zonosStore-3812b318.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-2f90486e.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
@@ -430,7 +430,7 @@ const getProductsOnPage = () => {
     var _a, _b;
     const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.zonosStore.helloSettings;
     if (!productTitleElementSelector || !productDescriptionElementSelector) {
-        handleFetch.logError(`Hello could not check item restrictions - must provide title and description selectors.`);
+        handleFetch.log(`Hello could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
         cart.isValidSelector(productTitleElementSelector) &&
@@ -442,7 +442,7 @@ const getProductsOnPage = () => {
         [];
     if (titleNodes.length !== descriptionNodes.length) {
         // If the title and description selectors don't match, kill item restrictions altogether
-        handleFetch.logError('Hello could not check item restrictions - Title and description selectors do not match');
+        handleFetch.log('Hello could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
@@ -453,7 +453,7 @@ const getProductsOnPage = () => {
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
         // If the "add to cart" selectors don't match, log the error and continue
-        handleFetch.logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
+        handleFetch.log('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
     }
     const mergedElements = [];
     for (let i = 0; i < titleNodes.length; i++) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-93ed3002.js');
+const cart = require('./cart-e648a65f.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');

package/dist/collection/components/utils/api/getShippingZones.js

@@ -1,12 +1,17 @@
 import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const getShippingZones = async () => {
-    var _a, _b;
+    var _a, _b, _c;
+    if ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.shippingZones) {
+        return window.Zonos.cartSettings.shippingZones
+            .flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes)
+            .filter(Boolean);
+    }
     const { errors, json } = await handleFetch('/api/zonos-elements/shipping-zones');
     if (errors.length || !json) {
-        logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        logError(`Error fetching shipping zones: ${(_b = errors.find(Boolean)) === null || _b === void 0 ? void 0 : _b.message}`);
         return null;
     }
-    const shippingZones = (_b = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _b === void 0 ? void 0 : _b.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
+    const shippingZones = (_c = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _c === void 0 ? void 0 : _c.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
     return shippingZones || null;
 };

package/dist/collection/components/utils/api/getZonosSettings.js

@@ -1,6 +1,13 @@
 import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const getZonosSettings = async () => {
+    if (window.Zonos.cartSettings) {
+        return {
+            errors: [],
+            json: window.Zonos.cartSettings,
+            zonosMode: window.Zonos.zonosMode,
+        };
+    }
     const { errors, json, zonosMode } = await handleFetch('/api/zonos-elements/zonos-settings');
     if (errors.length) {
         logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);

package/dist/collection/components/utils/api/trackConversionEvent.js

@@ -1,14 +1,17 @@
 import { cartStore } from "../../store/checkout/cart";
 import { localizationStore } from "../../store/hello/localization";
 import { zonosStore } from "../../store/zonosStore";
+import { getIsStagingMode } from "../checkout/getIsStagingMode";
+import { getIsTestMode } from "../checkout/getIsTestMode";
 import { handleFetch } from "../handleFetch";
 export const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;
     const isDevelopment = window.location.href.includes('zonos.com') ||
         !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.zonosQaUrl) ||
         !!((_b = window.Zonos) === null || _b === void 0 ? void 0 : _b.debug);
-    if (isDevelopment &&
-        // if found, it means we want to test the conversion event in development site
+    const isTest = getIsTestMode() || getIsStagingMode();
+    if ((isTest || isDevelopment) &&
+        // if found, it means we want to test the conversion event in development site, or test mode and staging mode
         !window.Zonos.zonosConversionTest) {
         return;
     }

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

@@ -1,11 +1,11 @@
 import { zonosStore } from "../../store/zonosStore";
 import { isValidSelector } from "../isValidSelector";
-import { logError } from "../logging/logError";
+import { log } from "../logging/log";
 export const getProductsOnPage = () => {
     var _a, _b;
     const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.helloSettings;
     if (!productTitleElementSelector || !productDescriptionElementSelector) {
-        logError(`Hello could not check item restrictions - must provide title and description selectors.`);
+        log(`Hello could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
         isValidSelector(productTitleElementSelector) &&
@@ -17,7 +17,7 @@ export const getProductsOnPage = () => {
         [];
     if (titleNodes.length !== descriptionNodes.length) {
         // If the title and description selectors don't match, kill item restrictions altogether
-        logError('Hello could not check item restrictions - Title and description selectors do not match');
+        log('Hello could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
@@ -28,7 +28,7 @@ export const getProductsOnPage = () => {
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
         // If the "add to cart" selectors don't match, log the error and continue
-        logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
+        log('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
     }
     const mergedElements = [];
     for (let i = 0; i < titleNodes.length; i++) {

package/dist/collection/scripts/_getCartInfoById.js

@@ -0,0 +1,29 @@
+import { getIsTestMode } from "../components/utils/checkout/getIsTestMode";
+import { handleFetch } from "../components/utils/handleFetch";
+import { log } from "../components/utils/logging/log";
+export const getCartInfoById = async ({ cartId, retries, }) => {
+    const isTestMode = getIsTestMode();
+    const { errors, json, zonosMode } = await handleFetch('/api/zonos-elements/get-cart', {
+        body: {
+            isTestMode,
+            tempCartUUID: cartId,
+        },
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        method: 'POST',
+    });
+    const failedResponse = !json || errors.length;
+    if (failedResponse && retries) {
+        log('[ZONOS - loadZonos] temp cart not ready, retrying in 1 second', 'info', {
+            retries,
+        });
+        // wait 1 second before retrying
+        await new Promise(resolve => setTimeout(resolve, 500));
+        return getCartInfoById({ cartId, retries: retries - 1 });
+    }
+    if (failedResponse) {
+        return null;
+    }
+    return Object.assign(Object.assign({}, json), { zonosMode });
+};

package/dist/collection/scripts/_zonosBase.js

@@ -7,7 +7,7 @@ import { getWithTestPublicCredential } from "./_getWithTestPublicCredential";
 import { getZonosQaUrl } from "./_getZonosQaUrl";
 import { zonosLoadStripe } from "./_loadStripe";
 import { getCartIdFromQueryParam } from "./cart/_getCartIdFromParam";
-import { setupCartData } from "./cart/_setupCartData";
+import { setupCartDataWithSettings } from "./cart/_setupCartDataWithSettings";
 import { checkoutHiddenBtnSelector, } from "../types/checkout/CheckoutConfig";
 /**
  * Get the load version and url based on the loadScriptSrc, if the domain that used to load `zonos.js` is in white listed domains, use currentLoadScriptUrl as the load url instead, if zonosQaUrl exists, it would also fall under the white listed domain
@@ -35,6 +35,7 @@ export class Zonos {
 }
 _a = Zonos;
 Zonos.doneInit = false;
+Zonos.cartSettings = null;
 // if query 'zonosDebug=1' param from url, debug mode is on
 Zonos.debug = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
@@ -62,6 +63,7 @@ Zonos.version = `v${process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
+Zonos.zonosMode = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
 Zonos.loadTimeApiInfoList = [];
@@ -111,13 +113,14 @@ Zonos.init = async (params) => {
          */
         if (!_a.cartData && _a.cartId) {
             log('Initialize cart data');
-            const cartinfo = await setupCartData(_a.cartId);
-            if (!cartinfo) {
+            const cartInfo = await setupCartDataWithSettings(_a.cartId);
+            if (!cartInfo) {
                 logError('Failed to get cart data');
                 return;
             }
-            _a.cartData = cartinfo.cartData;
-            _a.zonosApiKey = cartinfo.zonosApiKey;
+            _a.cartData = cartInfo.cartData;
+            _a.zonosApiKey = cartInfo.zonosApiKey;
+            _a.cartSettings = cartInfo.settings;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
         const testPublicCredential = await getWithTestPublicCredential();

package/dist/collection/scripts/cart/_setupCartDataWithSettings.js

@@ -0,0 +1,28 @@
+import { log } from "../../components/utils/logging/log";
+import { logError } from "../../components/utils/logging/logError";
+import { getCartInfoById } from "../_getCartInfoBy";
+import { _getIsValidCartId } from "./_getIsValidCart";
+export const setupCartDataWithSettings = async (cartId) => {
+    const { isDgsCartId, isLegacyCartId } = _getIsValidCartId(cartId);
+    if (!isLegacyCartId && !isDgsCartId) {
+        logError('[ZONOS - loadZonos] invalid cart id');
+        return null;
+    }
+    const tempCartResult = await getCartInfoById({ cartId, retries: 5 });
+    log('[ZONOS - loadZonos] getting temp cart data', 'info', tempCartResult);
+    if (!tempCartResult) {
+        logError('[ZONOS - loadZonos] Error getting temp cart data, stop checkout process.');
+        return null;
+    }
+    window.Zonos.storeId = tempCartResult.cartData.storeId;
+    window.Zonos.zonosApiKey = tempCartResult.cartData.credentialToken;
+    window.Zonos.zonosMode = tempCartResult.zonosMode;
+    return {
+        cartData: tempCartResult.cartData,
+        settings: tempCartResult.settings,
+        storeFavicon: tempCartResult.storeFaviconUrl,
+        storeId: tempCartResult.cartData.storeId,
+        storeLogo: tempCartResult.storeLogoUrl,
+        zonosApiKey: tempCartResult.cartData.credentialToken,
+    };
+};