@zonos/elements 1.3.79 → 1.3.81

package/dist/cjs/{CheckoutConfig-2fef694e.js → CheckoutConfig-850071ae.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 
 const getTempCartById = async (cartId) => {
     const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/get-temp-cart', {

package/dist/cjs/{cart-977c9d4c.js → cart-97e693e4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a4395972.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
 
@@ -8035,7 +8035,7 @@ const initLocalizationStore = async () => {
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
     // update selected country code in store
-    void localizationStoreUpdateSelectedCountryCode(country);
+    localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
@@ -8050,10 +8050,9 @@ const initLocalizationStore = async () => {
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
         // update selected country code in store
-        void localizationStoreUpdateSelectedCountryCode('US');
+        localizationStoreUpdateSelectedCountryCode('US');
     }
     localizationStore.localizationLoaded = true;
-    void getCustomMessages();
 };
 const updateCheckoutSessionLanguage = async () => {
     if (!cartStore.checkoutSessionId) {
@@ -8847,7 +8846,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        handleFetch.logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
+        handleFetch.logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;

package/dist/cjs/{createCustomEvent-2b19361e.js → createCustomEvent-777b3fa7.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;

package/dist/cjs/{handleFetch-661a8225.js → handleFetch-45e76490.js}

@@ -1,7 +1,32 @@
 'use strict';
 
-const log = (message, type, ...additionalInfo) => {
+const startTime = performance.now();
+const allLogs = [];
+const prepInfo = (info) => {
+    if (typeof info === 'string') {
+        return info;
+    }
+    try {
+        const infoToJson = JSON.stringify(info);
+        return infoToJson;
+    }
+    catch (e1) {
+        if (info && typeof info.toString === 'function') {
+            const infoToString = info.toString();
+            return infoToString;
+        }
+        return 'Unable to stringify info';
+    }
+};
+const log = (message, type, ..._additionalInfo) => {
     var _a, _b;
+    const time = performance.now() - startTime;
+    const elapsedTime = 
+    // format the time to seconds if over 1 second
+    time > 1000 ? `${(time / 1000).toFixed(2)}s` : `${time.toFixed(2)}ms`;
+    const additionalInfo = [`(${elapsedTime})`, ..._additionalInfo];
+    const preppedInfo = additionalInfo.map(prepInfo).join(' ');
+    allLogs.push([type, message, preppedInfo].filter(Boolean).join(' '));
     const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
         !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
     // if debug is false, do not log
@@ -93,6 +118,7 @@ const jsonParse = (_data) => {
  */
 const postReleaseReportingDuration = 1 * 3600 * 1000; // 1 hour
 const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseErrorReporting, }) => {
+    log('sendErrorLog', 'warn', endpoint, metadata, errors);
     if (shouldPostReleaseErrorReporting) {
         // We only want to report errors that happened if current time is less than 2 hours after release time
         const releaseTime = Number(window.Zonos.releaseDate);
@@ -312,6 +338,7 @@ const handleFetch = async (path, _opts) => {
         method });
     // This is for testing fallback API, set fallback API type to start with
     const useFallbackApi = new URLSearchParams(window.location.search).get('useFallbackApi');
+    log(path, 'info');
     return handleRequestWithFallback({
         basePathType: useFallbackApi || MAIN_BASE_API_TYPE,
         options,
@@ -319,6 +346,7 @@ const handleFetch = async (path, _opts) => {
     });
 };
 
+exports.allLogs = allLogs;
 exports.fallbackApiList = fallbackApiList;
 exports.handleFetch = handleFetch;
 exports.jsonParse = jsonParse;

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-661a8225.js');
-const CheckoutConfig = require('./CheckoutConfig-2fef694e.js');
+const handleFetch = require('./handleFetch-45e76490.js');
+const CheckoutConfig = require('./CheckoutConfig-850071ae.js');
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.79.js.zonos.com";
+    const cdnUrl = "https://v1.3.81.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.') ||
@@ -119,7 +119,7 @@ const getZonosQaUrl = () => {
     }
     const suffixDomain = 'preview.js.zonos.com';
     const fullUrl = `https://${qaUrl}.${suffixDomain}`;
-    handleFetch.log(`[ZONOS-WARNING] using '${fullUrl}' for loading script`, 'warn');
+    handleFetch.log(`[ZONOS-WARNING] using '${fullUrl}' for loading elements script`, 'warn');
     // request to the url and check if the request has an error
     void fetch(fullUrl)
         .then(() => {
@@ -281,10 +281,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.79.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.79";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.79";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.79";
+const ZONOS_URL = "https://v1.3.81.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.81";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.81";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.81";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -299,7 +299,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1728594533601";
+Zonos.releaseDate = "1728674078511";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
@@ -307,7 +307,7 @@ Zonos.isLegacyCheckout = false;
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.79"}`;
+Zonos.version = `v${"1.3.81"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-3008c89e.js → paypal-16029169.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-977c9d4c.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const cart = require('./cart-97e693e4.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 
 /*!

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-977c9d4c.js');
-const paypal = require('./paypal-3008c89e.js');
-const createCustomEvent = require('./createCustomEvent-2b19361e.js');
+const cart = require('./cart-97e693e4.js');
+const paypal = require('./paypal-16029169.js');
+const createCustomEvent = require('./createCustomEvent-777b3fa7.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
-const paypal = require('./paypal-3008c89e.js');
+const cart = require('./cart-97e693e4.js');
+const paypal = require('./paypal-16029169.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-2b19361e.js');
+const createCustomEvent = require('./createCustomEvent-777b3fa7.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
-const CheckoutConfig = require('./CheckoutConfig-2fef694e.js');
+const CheckoutConfig = require('./CheckoutConfig-850071ae.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -353,6 +353,7 @@ const ZonosCheckout = class {
                 button,
             });
             button.addEventListener('click', async (e) => {
+                var _a;
                 if (!isShippableCountry() || isDisabledCountry()) {
                     return;
                 }
@@ -385,6 +386,17 @@ const ZonosCheckout = class {
                         ],
                         title: cart.translate('Error creating Checkout'),
                     });
+                    // We want to log the error anytime we fail to create a checkout session
+                    void handleFetch.sendErrorLog({
+                        endpoint: 'Error creating Checkout',
+                        errors: [err instanceof Error ? err.toString() : 'Unknown error'],
+                        metadata: {
+                            allLogs: handleFetch.allLogs,
+                            cartId: window.Zonos.cartId,
+                            href: window.location.href,
+                            storeBaseUrl: (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl,
+                        },
+                    });
                 }
             }, {
                 // Trigger this event before any other event

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-661a8225.js');
+require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-661a8225.js');
+require('./handleFetch-45e76490.js');
 require('./getBorderRadius-5a64574c.js');
 
 /**

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./handleFetch-661a8225.js');
+require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-661a8225.js');
+const handleFetch = require('./handleFetch-45e76490.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-977c9d4c.js');
+const cart = require('./cart-97e693e4.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-661a8225.js');
+require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-977c9d4c.js');
-const handleFetch = require('./handleFetch-661a8225.js');
-const paypal = require('./paypal-3008c89e.js');
+const cart = require('./cart-97e693e4.js');
+const handleFetch = require('./handleFetch-45e76490.js');
+const paypal = require('./paypal-16029169.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -16,8 +16,9 @@ import { classes } from "../../utils/classes";
 import { createCustomEvent } from "../../utils/createCustomEvent";
 import { getBorderRadius } from "../../utils/getBorderRadius";
 import { isDarkColor } from "../../utils/isDarkColor";
-import { log } from "../../utils/logging/log";
+import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
+import { sendErrorLog } from "../../utils/logging/sendErrorLog";
 import { mergeConfig } from "../../utils/mergeConfig";
 import { submitGtag } from "../../utils/submitGtag";
 import { setupCartData } from "../../../scripts/cart/_setupCartData";
@@ -196,6 +197,7 @@ export class ZonosCheckout {
                 button,
             });
             button.addEventListener('click', async (e) => {
+                var _a;
                 if (!isShippableCountry() || isDisabledCountry()) {
                     return;
                 }
@@ -228,6 +230,17 @@ export class ZonosCheckout {
                         ],
                         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',
+                        errors: [err instanceof Error ? err.toString() : 'Unknown error'],
+                        metadata: {
+                            allLogs,
+                            cartId: window.Zonos.cartId,
+                            href: window.location.href,
+                            storeBaseUrl: (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl,
+                        },
+                    });
                 }
             }, {
                 // Trigger this event before any other event

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

@@ -372,7 +372,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
+        logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;

package/dist/collection/components/store/hello/localization.js

@@ -191,7 +191,7 @@ const initLocalizationStore = async () => {
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
     // update selected country code in store
-    void localizationStoreUpdateSelectedCountryCode(country);
+    localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
@@ -206,10 +206,9 @@ const initLocalizationStore = async () => {
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
         // update selected country code in store
-        void localizationStoreUpdateSelectedCountryCode('US');
+        localizationStoreUpdateSelectedCountryCode('US');
     }
     localizationStore.localizationLoaded = true;
-    void getCustomMessages();
 };
 const updateCheckoutSessionLanguage = async () => {
     if (!cartStore.checkoutSessionId) {

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

@@ -180,6 +180,7 @@ export const handleFetch = async (path, _opts) => {
         method });
     // This is for testing fallback API, set fallback API type to start with
     const useFallbackApi = new URLSearchParams(window.location.search).get('useFallbackApi');
+    log(path, 'info');
     return handleRequestWithFallback({
         basePathType: useFallbackApi || MAIN_BASE_API_TYPE,
         options,

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

@@ -1,5 +1,30 @@
-export const log = (message, type, ...additionalInfo) => {
+const startTime = performance.now();
+export const allLogs = [];
+const prepInfo = (info) => {
+    if (typeof info === 'string') {
+        return info;
+    }
+    try {
+        const infoToJson = JSON.stringify(info);
+        return infoToJson;
+    }
+    catch (e1) {
+        if (info && typeof info.toString === 'function') {
+            const infoToString = info.toString();
+            return infoToString;
+        }
+        return 'Unable to stringify info';
+    }
+};
+export const log = (message, type, ..._additionalInfo) => {
     var _a, _b;
+    const time = performance.now() - startTime;
+    const elapsedTime = 
+    // format the time to seconds if over 1 second
+    time > 1000 ? `${(time / 1000).toFixed(2)}s` : `${time.toFixed(2)}ms`;
+    const additionalInfo = [`(${elapsedTime})`, ..._additionalInfo];
+    const preppedInfo = additionalInfo.map(prepInfo).join(' ');
+    allLogs.push([type, message, preppedInfo].filter(Boolean).join(' '));
     const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
         !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
     // if debug is false, do not log

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

@@ -1,10 +1,12 @@
 import { fallbackApiList, getNextFallbackApiType, MAIN_BASE_API, } from "../getNextFallbackApi";
+import { log } from "./log";
 /**
  * This is the time in milliseconds after release time that we will start sending error logs to the new API
  * @default 1 hour
  */
 const postReleaseReportingDuration = 1 * 3600 * 1000; // 1 hour
 export const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseErrorReporting, }) => {
+    log('sendErrorLog', 'warn', endpoint, metadata, errors);
     if (shouldPostReleaseErrorReporting) {
         // We only want to report errors that happened if current time is less than 2 hours after release time
         const releaseTime = Number(window.Zonos.releaseDate);

package/dist/collection/scripts/_extractZonosQaUrl.js

@@ -24,3 +24,19 @@ export const extractZonosQaUrl = (url) => {
     }
     return zonosQaUrl;
 };
+export const extractZonosQaUrlApi = (url) => {
+    if (!url) {
+        return null;
+    }
+    // get params from url
+    const param = new URL(url).searchParams;
+    const zonosQaUrl = param.get('zonosQaUrlApi');
+    if (!zonosQaUrl) {
+        return null;
+    }
+    const hasInvalidCharacters = /[^a-zA-Z0-9-_]+/.test(zonosQaUrl);
+    if (!!hasInvalidCharacters) {
+        return null;
+    }
+    return zonosQaUrl;
+};

package/dist/collection/scripts/_getZonosQaUrl.js

@@ -1,5 +1,5 @@
 import { log } from "../components/utils/logging/log";
-import { extractZonosQaUrl } from "./_extractZonosQaUrl";
+import { extractZonosQaUrl, extractZonosQaUrlApi, } from "./_extractZonosQaUrl";
 /**
  * Get the Zonos QA URL and return it. Will remove `zonosQaUrl` from the url query if it doesn't exists.
  */
@@ -36,7 +36,7 @@ export const getZonosQaUrl = () => {
     }
     const suffixDomain = 'preview.js.zonos.com';
     const fullUrl = `https://${qaUrl}.${suffixDomain}`;
-    log(`[ZONOS-WARNING] using '${fullUrl}' for loading script`, 'warn');
+    log(`[ZONOS-WARNING] using '${fullUrl}' for loading elements script`, 'warn');
     // request to the url and check if the request has an error
     void fetch(fullUrl)
         .then(() => {
@@ -65,7 +65,9 @@ export const getZonosQaUrl = () => {
  * Get the Zonos QA URL and return it. Will remove `zonosQaUrl` from the url query if it doesn't exists.
  */
 export const getZonosQaUrlApi = () => {
-    const qaUrl = extractZonosQaUrl(window.location.href);
+    const _qaUrlApi = extractZonosQaUrlApi(window.location.href);
+    const _qaUrl = extractZonosQaUrl(window.location.href);
+    const qaUrl = _qaUrlApi || _qaUrl;
     // when local demo app is running, it needs to use the local dev script unless the qaUrl is set
     if (!qaUrl &&
         ['dev.demo.elements.zonos.com'].includes(window.location.hostname)) {
@@ -78,5 +80,12 @@ export const getZonosQaUrlApi = () => {
     if (qaUrl === 'dev-elements') {
         return 'https://dev.demo.elements.zonos.com';
     }
-    return null;
+    // Only do this if `zonosQaUrlApi` is set, don't use zonosQaUrl
+    if (!_qaUrlApi) {
+        return null;
+    }
+    const suffixDomain = 'route.js.zonos.com';
+    const fullUrl = `https://${_qaUrlApi}.${suffixDomain}`;
+    log(`[ZONOS-WARNING] using '${fullUrl}' for serverless API`, 'warn');
+    return fullUrl;
 };

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

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

package/dist/esm/{cart-414322dc.js → cart-9bf6dece.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-80ecfb91.js';
+import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-0133265e.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 
@@ -8033,7 +8033,7 @@ const initLocalizationStore = async () => {
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
     // update selected country code in store
-    void localizationStoreUpdateSelectedCountryCode(country);
+    localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
@@ -8048,10 +8048,9 @@ const initLocalizationStore = async () => {
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
         // update selected country code in store
-        void localizationStoreUpdateSelectedCountryCode('US');
+        localizationStoreUpdateSelectedCountryCode('US');
     }
     localizationStore.localizationLoaded = true;
-    void getCustomMessages();
 };
 const updateCheckoutSessionLanguage = async () => {
     if (!cartStore.checkoutSessionId) {
@@ -8845,7 +8844,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
+        logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;

package/dist/esm/{createCustomEvent-fcd6d294.js → createCustomEvent-a18e45a2.js}

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