@zonos/elements 1.3.45 → 1.3.47

package/dist/esm/{cart-9f40efd7.js → cart-3aae6236.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-8fc9ceb2.js';
-import { a as logError, l as log } from './logError-c456c092.js';
+import { l as log, a as logError } from './logError-c456c092.js';
 import { i as isDarkColor } from './isDarkColor-3119e351.js';
 import { g as getBorderRadius } from './getBorderRadius-3ba98361.js';
 
@@ -7171,6 +7171,84 @@ const translate = (...[key, replacement]) => {
     return ((_b = translationStore.translatedChunks[key]) === null || _b === void 0 ? void 0 : _b.value) || key;
 };
 
+const fallbackApiType = ['vercel', 'cloudflare'];
+const MAIN_BASE_API_TYPE = fallbackApiType[0];
+const fallbackApiList = {
+    cloudflare: "https://route.elements.zonos.com",
+    vercel: "https://v1.route.js.zonos.com",
+};
+const MAIN_BASE_API = fallbackApiList[MAIN_BASE_API_TYPE];
+/**
+ * Next available fallback api type
+ */
+const getNextFallbackApiType = (currentApiType = MAIN_BASE_API_TYPE) => {
+    const currentIndex = fallbackApiType.indexOf(currentApiType);
+    const nextFallbackApiType = fallbackApiType[currentIndex + 1];
+    if (!nextFallbackApiType) {
+        return null;
+    }
+    return nextFallbackApiType;
+};
+
+const jsonParse = (_data) => {
+    if (typeof _data === 'string') {
+        try {
+            // eslint-disable-next-line no-restricted-syntax
+            const json = JSON.parse(_data);
+            return json;
+        }
+        catch (_error) {
+            return null;
+        }
+    }
+    return null;
+};
+
+/**
+ * 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
+const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseErrorReporting, }) => {
+    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);
+        const currentTime = new Date().getTime();
+        if (currentTime - releaseTime > postReleaseReportingDuration) {
+            return;
+        }
+    }
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
+    const errorObject = {
+        endpoint,
+        errors,
+        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
+                ? userAgentData
+                : window.navigator.userAgent }, metadata),
+    };
+    try {
+        // use native fetch because in handleFetch also calls sendErrorLog and it will possibly cause circular dependencies issue
+        void fetch(`${MAIN_BASE_API}/api/zonos-elements/log-error`, {
+            body: JSON.stringify(errorObject),
+            method: 'POST',
+        });
+    }
+    catch (_err) {
+        const nextFallbackApi = getNextFallbackApiType();
+        if (!nextFallbackApi) {
+            return;
+        }
+        // request to the fallback API if the first one fails
+        void fetch(`${fallbackApiList[nextFallbackApi]}/api/zonos-elements/log-error`, {
+            body: JSON.stringify(errorObject),
+            method: 'POST',
+        });
+    }
+};
+
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -7198,14 +7276,36 @@ const getResponseBody = async ({ response, shouldLog = true, shouldThrow = false
         return null;
     }
 };
-const handleRequest = async (url, options) => {
+const encodeString = (text) => {
+    try {
+        // encode the string, remove the "=" at the end of the encoded string
+        const encodedString = btoa(text).replace(/=/g, '');
+        return encodedString;
+    }
+    catch (error) {
+        // return the reverse string if the encoding failed
+        return text
+            .replace(/[^A-Za-z0-9]/g, '')
+            .split('')
+            .reverse()
+            .join('');
+    }
+};
+const handleRequest = async ({ basePathType, options, path, }) => {
     let response;
+    // fallback to the main base API if the passed in base path is not available
+    const baseUrl = fallbackApiList[basePathType] || MAIN_BASE_API_TYPE;
+    const url = baseUrl + path;
+    // adding random encoded token to the url so that the request will be cached differently for each store
+    const modifiedUrl = new URL(url);
+    modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
     try {
-        response = await fetch(url, options);
+        response = await fetch(modifiedUrl.toString(), options);
     }
     catch (e) {
         if (e instanceof Error) {
             return {
+                baseUrl,
                 errors: [{ message: e.message, type: 'unknown' }],
                 json: null,
                 response: null,
@@ -7214,6 +7314,7 @@ const handleRequest = async (url, options) => {
         }
         const message = 'Fail to fetch';
         return {
+            baseUrl,
             errors: [{ message, type: 'unknown' }],
             json: null,
             response: null,
@@ -7229,6 +7330,7 @@ const handleRequest = async (url, options) => {
     if (response.ok) {
         const data = await getResponseBody({ response });
         return {
+            baseUrl,
             errors: [],
             json: data,
             response,
@@ -7243,6 +7345,7 @@ const handleRequest = async (url, options) => {
         });
         const message = JSON.stringify(data);
         return {
+            baseUrl,
             errors: [{ message, type: status }],
             json: null,
             response,
@@ -7252,6 +7355,7 @@ const handleRequest = async (url, options) => {
     catch (e) {
         const message = 'Unknown error';
         return {
+            baseUrl,
             errors: [{ message: `${status}: ${message}`, type: status }],
             json: null,
             response: null,
@@ -7259,38 +7363,72 @@ const handleRequest = async (url, options) => {
         };
     }
 };
-function encodeString(text) {
-    try {
-        // encode the string, remove the "=" at the end of the encoded string
-        const encodedString = btoa(text).replace(/=/g, '');
-        return encodedString;
+const handleRequestWithFallback = async ({ basePathType, options, path, }) => {
+    var _a, _b;
+    const _c = await handleRequest({
+        basePathType,
+        options,
+        path,
+    }), { errors, response } = _c, rest = __rest(_c, ["errors", "response"]);
+    const nextFallbackApiType = getNextFallbackApiType(basePathType);
+    const unknownError = errors.find(({ type }) => type === 'unknown');
+    const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404;
+    const shouldCallFallback = 
+    // If next fallback is available, and the error is unknown (fail to fetch) or 404
+    nextFallbackApiType && isUnknownError;
+    // Should log the error if it's unknown error
+    if (isUnknownError) {
+        void sendErrorLog({
+            endpoint: fallbackApiList[basePathType] + path,
+            errors: errors.map(({ message }) => message),
+            metadata: {
+                currentBasePath: basePathType,
+                nextFallbackApiType,
+                requestHeaders: options === null || options === void 0 ? void 0 : options.headers,
+                requestPayload: jsonParse((_a = options === null || options === void 0 ? void 0 : options.body) === null || _a === void 0 ? void 0 : _a.toString()) || ((_b = options === null || options === void 0 ? void 0 : options.body) === null || _b === void 0 ? void 0 : _b.toString()),
+                status: response === null || response === void 0 ? void 0 : response.status,
+                statusText: response === null || response === void 0 ? void 0 : response.statusText,
+            },
+            // When the error is unknown, error reporting should be enabled for period of time after release, so we can monitor the error. We should always report error for the last fallback API fails
+            shouldPostReleaseErrorReporting: !!nextFallbackApiType,
+        });
     }
-    catch (error) {
-        // return the reverse string if the encoding failed
-        return text
-            .replace(/[^A-Za-z0-9]/g, '')
-            .split('')
-            .reverse()
-            .join('');
+    if (shouldCallFallback) {
+        log(`=== "${path}" failed to fetch, trying next fallback ${nextFallbackApiType}`);
+        return handleRequestWithFallback({
+            basePathType: nextFallbackApiType,
+            options,
+            path,
+        });
     }
-}
-const handleFetch = async (url, _opts) => {
+    // No more fallbacks, just return the result
+    return Object.assign({ errors, response }, rest);
+};
+/**
+ * Fetch request and will request to fallback API when the first one fails
+ * @param path Path name of the request (e.g. /api/something/com).
+ * @param _opts fetch options
+ */
+const handleFetch = async (path, _opts) => {
     const opts = __rest(_opts || {}, []);
     const body = opts.body ? JSON.stringify(opts.body) : undefined;
     const method = opts.method || 'GET';
-    // adding random encoded token to the url so that the request will be cached differently for each store
-    const modifiedUrl = new URL(url);
-    modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
     // headers content type
     const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Is-BigCommerce': window.Zonos.isBigCommerce.toString(), 'Zonos-Referer': window.location.hostname, 'Zonos-Version': window.Zonos.version, credentialtoken: window.Zonos.zonosApiKey || 'Empty credential token from zonos-elements' }, opts.headers);
     const options = Object.assign(Object.assign({}, opts), { body: method === 'GET' ? undefined : body, headers,
         method });
-    return handleRequest(modifiedUrl.toString(), options);
+    // This is for testing fallback API, set fallback API type to start with
+    const useFallbackApi = new URLSearchParams(window.location.search).get('useFallbackApi');
+    return handleRequestWithFallback({
+        basePathType: useFallbackApi || MAIN_BASE_API_TYPE,
+        options,
+        path,
+    });
 };
 
 const getCountries = async () => {
     try {
-        const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/get-countries`, {
+        const { errors, json } = await handleFetch('/api/zonos-elements/get-countries', {
             method: 'GET',
         });
         if (errors.length || !json) {
@@ -7308,7 +7446,7 @@ const getCountryLandedCost = async (countryCode) => {
     if (!countryCode) {
         return null;
     }
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/country-landed-cost/${countryCode}`;
+    const url = `/api/zonos-elements/country-landed-cost/${countryCode}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -7337,8 +7475,12 @@ const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCu
     if (sourceCurrency === targetCurrency && !isGuaranteed) {
         return defaultUsExchangeRate;
     }
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}`;
-    const { errors, json } = await handleFetch(url);
+    const searchParams = new URLSearchParams();
+    searchParams.set('sourceCurrency', sourceCurrency);
+    searchParams.set('targetCurrency', targetCurrency);
+    searchParams.set('isGuaranteed', String(isGuaranteed));
+    searchParams.set('country', country || '');
+    const { errors, json } = await handleFetch(`/api/zonos-elements/exchange-rates?${searchParams.toString()}`);
     if (errors.length || !json) {
         logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return defaultUsExchangeRate;
@@ -7358,8 +7500,7 @@ const getInclusivePricing = async (countryCode) => {
     if (!countryCode) {
         return null;
     }
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/inclusive-prices/${countryCode}`;
-    const { errors, json } = await handleFetch(url);
+    const { errors, json } = await handleFetch(`/api/zonos-elements/inclusive-prices/${countryCode}`);
     if (errors.length || !json) {
         logError(`Error fetching country inclusive price setting: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return null;
@@ -7369,8 +7510,13 @@ const getInclusivePricing = async (countryCode) => {
 
 const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     var _a;
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
-    const { errors, json } = await handleFetch(url);
+    const searchParams = new URLSearchParams();
+    searchParams.set('countryCode', countryCode);
+    searchParams.set('storeId', storeId.toString());
+    if (localeTo) {
+        searchParams.set('localeTo', localeTo);
+    }
+    const { errors, json } = await handleFetch(`/api/zonos-elements/locale-messages?${searchParams.toString()}`);
     if (errors.length || !json) {
         logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
         return [];
@@ -7390,14 +7536,11 @@ const getLocalization = async () => {
         // load and use country from session storage when zCountry query param is not present
         const countryLoadedSession = window.sessionStorage.getItem('zonos--country');
         const zCountry = getZCountryUrlParam(currentUrl.searchParams) || countryLoadedSession;
-        const localizationUrl = new URL(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/localization`);
+        const searchParams = new URLSearchParams();
         if (zCountry) {
-            localizationUrl.searchParams.set('zCountry', zCountry);
+            searchParams.set('zCountry', zCountry);
         }
-        const fetchUrl = localizationUrl.href;
-        const { errors, json } = await handleFetch(fetchUrl, {
-            method: 'GET',
-        });
+        const { errors, json } = await handleFetch(`/api/zonos-elements/localization?${searchParams.toString()}`);
         if (errors.length || !json) {
             return { country: null, locale: null };
         }
@@ -7413,8 +7556,7 @@ const getLocalization = async () => {
 
 const getShippingZones = async () => {
     var _a, _b;
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/shipping-zones`;
-    const { errors, json } = await handleFetch(url);
+    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}`);
         return null;
@@ -7821,7 +7963,7 @@ const updateCheckoutSessionLanguage = async () => {
     if (!cartStore.checkoutSessionId) {
         return null;
     }
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/update-checkout-session-metadata`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
         body: {
             id: cartStore.checkoutSessionId,
             metadata: [
@@ -7933,13 +8075,13 @@ const triggerBuildLandedCost = async (buildLandedCost) => {
         checkoutSessionId: data.checkoutSessionId,
         contact: data.contact,
         shippingAddress: data.shippingAddress,
-        zonosApiRoute: "https://v1.route.js.zonos.com",
+        zonosApiRoute: MAIN_BASE_API,
     });
     if (!landedCost || ((_a = landedCost.errors) === null || _a === void 0 ? void 0 : _a.length)) {
         throw new Error(`Failed to build landed cost: ${((_c = (_b = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message) || 'Unknown error'}`);
     }
     // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/validate-landed-cost`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/validate-landed-cost', {
         body: landedCost,
         headers: {
             'Content-Type': 'application/json',
@@ -7961,8 +8103,7 @@ const calculateLandedCost = async (abortController) => {
         return json;
     }
     // request to get landed cost info
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/calculate-landed-cost`;
-    const { errors, json } = await handleFetch(url, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/calculate-landed-cost', {
         body: prepCalculateLandedCost(),
         method: 'POST',
         signal: abortController === null || abortController === void 0 ? void 0 : abortController.signal,
@@ -8076,20 +8217,6 @@ const buildTranslateRequestBody = ({ addressInvalidCharactersList, billingAddres
     };
 };
 
-const jsonParse = (_data) => {
-    if (typeof _data === 'string') {
-        try {
-            // eslint-disable-next-line no-restricted-syntax
-            const json = JSON.parse(_data);
-            return json;
-        }
-        catch (_error) {
-            return null;
-        }
-    }
-    return null;
-};
-
 const addressRuleStyle = ({ theme, }) => {
     const defaultStyle = {
         '.AccordionItem': {
@@ -8493,13 +8620,11 @@ const stripeStoreInitCheckoutSession = async () => {
         return false;
     }
     stripeStore.isFetchingSession = true;
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/create-checkout-session`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/create-checkout-session', {
         body: {
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
-            metadata: [
-                { key: 'language', value: localizationStore.selectedLocale },
-            ],
+            metadata: [{ key: 'language', value: localizationStore.selectedLocale }],
             presentmentCountryCode: localizationStore.selectedCountryCode || null,
         },
         method: 'POST',
@@ -8524,7 +8649,7 @@ const stripeStoreInitCheckoutSession = async () => {
 const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
     // No need to set loading state here because this function will be called under the hood to update
     // landed cost id for the section.
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/update-checkout-session`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session', {
         body: {
             currency,
             id,
@@ -8623,8 +8748,7 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
     if (!isAddressOutdated) {
         return;
     }
-    const routeUrl = "https://v1.route.js.zonos.com";
-    const { errors, json } = await handleFetch(`${routeUrl}/api/zonos-elements/validate-address`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/validate-address', {
         body: requestBody,
         method: 'POST',
     });
@@ -8982,4 +9106,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { getZCountryUrlParam as A, setZCountryUrlParam as B, currencyDisplay as C, currencyConvertAndFormat as D, currencyConvert as E, currencyFormat as F, cartStoreHasOneEligibleItem as G, stripeStoreRetrievePayment as H, stripeStoreMessageBasedOnStatus as I, stripeStoreTranslateAddressToLatin as J, cartStoreUpdateSelectedShippingOption as K, cartStoreGetShippingTransitInfo as L, localizationStoreUpdateSelectedLocale as M, 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, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreHandleInventoryCheck as q, stripeStoreConfirmPayment as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreReset as u, localizationStoreOnUpdate as v, handleFetch as w, jsonParse as x, isValidSelector as y, initLocalizationStore as z };
+export { initLocalizationStore as A, getZCountryUrlParam as B, setZCountryUrlParam as C, currencyDisplay as D, currencyConvertAndFormat as E, currencyConvert as F, currencyFormat as G, cartStoreHasOneEligibleItem as H, stripeStoreRetrievePayment as I, stripeStoreMessageBasedOnStatus as J, stripeStoreTranslateAddressToLatin as K, cartStoreUpdateSelectedShippingOption as L, cartStoreGetShippingTransitInfo as M, localizationStoreUpdateSelectedLocale as N, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, sendErrorLog as c, stripeStoreSaveDomesticShippingSession as d, cartStore as e, cartStoreUpdateItems as f, cartStoreReset as g, cartStoreResetTabItems as h, initStripeElements as i, cartStoreClearCheckoutInterval as j, stripeStore as k, localizationStore as l, stripeStoreInitCheckoutSession as m, cartStoreStartCheckoutInterval as n, cartStoreUpdateToErrorState 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, handleFetch as x, jsonParse as y, isValidSelector as z };

package/dist/esm/{sendErrorLog-aea606c0.js → createCustomEvent-ccb20b48.js}

@@ -1,4 +1,4 @@
-import { w as handleFetch, d as cartStore, l as localizationStore } from './cart-9f40efd7.js';
+import { x as handleFetch, e as cartStore, l as localizationStore } from './cart-3aae6236.js';
 import { z as zonosStore } from './zonosStore-8fc9ceb2.js';
 
 const trackConversionEvent = async (eventName, metadata) => {
@@ -13,7 +13,6 @@ const trackConversionEvent = async (eventName, metadata) => {
         !window.Zonos.zonosConversionTest) {
         return;
     }
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/track-conversion-event`;
     const countryCode = localizationStore.selectedCountryCode;
     const organizationId = zonosStore.organizationId;
     const checkoutSessionId = cartStore.checkoutSessionId;
@@ -28,7 +27,7 @@ const trackConversionEvent = async (eventName, metadata) => {
         metadata,
         organizationId,
     };
-    await handleFetch(url, {
+    await handleFetch('/api/zonos-elements/track-conversion-event', {
         body,
         method: 'POST',
     });
@@ -46,22 +45,4 @@ const createCustomEvent = (eventName, detail) => {
     });
 };
 
-const sendErrorLog = async ({ endpoint, errors, metadata }) => {
-    const userAgentData = 'userAgentData' in window.navigator
-        ? // userAgentData is not yet supported in all browsers
-            window.navigator.userAgentData
-        : null;
-    const errorObject = {
-        endpoint,
-        errors,
-        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
-                ? userAgentData
-                : window.navigator.userAgent }, metadata),
-    };
-    void handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {
-        body: errorObject,
-        method: 'POST',
-    });
-};
-
-export { createCustomEvent as c, getIsTestMode as g, sendErrorLog as s, trackConversionEvent as t };
+export { createCustomEvent as c, getIsTestMode as g, trackConversionEvent as t };

package/dist/esm/index.js

@@ -90,13 +90,17 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.45.js.zonos.com";
+    const cdnUrl = "https://v1.3.47.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.')) {
+    if (!qaUrl &&
+        (cdnUrl.includes('test.') ||
+            // Vercel git domain
+            cdnUrl.includes('test-'))) {
         return cdnUrl;
     }
     // when local demo app is running, it needs to use the local dev script unless the qaUrl is set
-    if (!qaUrl && window.location.hostname === 'dev.demo.elements.zonos.com') {
+    if (!qaUrl &&
+        ['dev.demo.elements.zonos.com'].includes(window.location.hostname)) {
         return 'https://dev.elements.zonos.com';
     }
     if (!qaUrl) {
@@ -260,10 +264,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.45.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.45";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.45";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.45";
+const ZONOS_URL = "https://v1.3.47.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.47";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.47";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.47";
 const MAIN_LOAD_CDN_TYPE = 'jsdelivr';
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
@@ -279,12 +283,13 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
+Zonos.releaseDate = "1726091038924";
 /**
  * By default, the package will load from npm
  */
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.45"}`;
+Zonos.version = `v${"1.3.47"}`;
 Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-f4bb6ce7.js → paypal-b1589e7b.js}

@@ -1,5 +1,5 @@
 import { z as zonosStore, c as createStore } from './zonosStore-8fc9ceb2.js';
-import { w as handleFetch, d as cartStore, q as stripeStoreHandleInventoryCheck, t as translate, p as cartStoreNextStep, h as cartStoreClearCheckoutInterval, x as jsonParse } from './cart-9f40efd7.js';
+import { x as handleFetch, e as cartStore, r as stripeStoreHandleInventoryCheck, t as translate, q as cartStoreNextStep, j as cartStoreClearCheckoutInterval, y as jsonParse } from './cart-3aae6236.js';
 import { t as tinycolor } from './isDarkColor-3119e351.js';
 import { l as log, a as logError } from './logError-c456c092.js';
 
@@ -207,7 +207,7 @@ function validateArguments(options, PromisePonyfill) {
 }
 
 const paypalCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/capture-paypal-order`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/capture-paypal-order', {
         body: { checkoutSessionId, paypalMockResponse },
         method: 'POST',
     });
@@ -215,7 +215,7 @@ const paypalCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) =>
 };
 
 const paypalCreateOrder = async ({ checkoutSessionId, }) => {
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/create-paypal-order`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/create-paypal-order', {
         body: { checkoutSessionId },
         method: 'POST',
     });

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { j as stripeStore, l as localizationStore, t as translate } from './cart-9f40efd7.js';
+import { k as stripeStore, l as localizationStore, t as translate } from './cart-3aae6236.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { a as logError } from './logError-c456c092.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';

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

@@ -1,9 +1,9 @@
 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, F as currencyFormat, G as cartStoreHasOneEligibleItem, t as translate, w as handleFetch, u as stripeStoreReset, j as stripeStore, H as stripeStoreRetrievePayment, I as stripeStoreMessageBasedOnStatus, l as localizationStore, J as stripeStoreTranslateAddressToLatin, K as cartStoreUpdateSelectedShippingOption, L as cartStoreGetShippingTransitInfo } from './cart-9f40efd7.js';
+import { e as cartStore, G as currencyFormat, H as cartStoreHasOneEligibleItem, t as translate, x as handleFetch, v as stripeStoreReset, c as sendErrorLog, k as stripeStore, I as stripeStoreRetrievePayment, J as stripeStoreMessageBasedOnStatus, l as localizationStore, K as stripeStoreTranslateAddressToLatin, L as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo } from './cart-3aae6236.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-f4bb6ce7.js';
+import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-b1589e7b.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-8fc9ceb2.js';
-import { t as trackConversionEvent, s as sendErrorLog, c as createCustomEvent, g as getIsTestMode } from './sendErrorLog-aea606c0.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-ccb20b48.js';
 import { g as getBorderRadius } from './getBorderRadius-3ba98361.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
@@ -186,18 +186,25 @@ const ZonosCheckoutFinish = class {
         this.closeClick = createEvent(this, "closeClick", 7);
         this.pullOrder = async () => {
             var _a, _b;
-            const baseUrl = "https://v1.route.js.zonos.com";
             const checkoutSessionId = cartStore.checkoutSessionId;
-            const { errors, json } = await handleFetch(`${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`);
+            const searchParams = new URLSearchParams();
+            searchParams.set('checkoutSessionId', checkoutSessionId || '');
+            const { baseUrl, errors, json } = await handleFetch(`/api/zonos-elements/get-order?${searchParams.toString()}`);
             if (errors.length || !(json === null || json === void 0 ? void 0 : json.id)) {
-                return null;
+                return {
+                    baseUrl,
+                    order: null,
+                };
             }
             // onOrderSuccess callback may be provided on Zonos.init
             await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, {
                 zonosApiRoute: baseUrl,
                 zonosOrder: json,
             }));
-            return json;
+            return {
+                baseUrl,
+                order: json,
+            };
         };
         this.redirectToUrl = (url) => {
             // reset store and checkout session id before redirecting
@@ -229,7 +236,7 @@ const ZonosCheckoutFinish = class {
         };
         // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
         this.getPullOrder = async (attempts = 0) => {
-            const order = await this.pullOrder();
+            const { baseUrl, order } = await this.pullOrder();
             if (order) {
                 void trackConversionEvent('checkout_orderCompleted');
                 this.order = order;
@@ -243,7 +250,6 @@ const ZonosCheckoutFinish = class {
             else {
                 // Set loading to false to display generic success page and log error
                 this.isLoading = false;
-                const baseUrl = "https://v1.route.js.zonos.com";
                 const checkoutSessionId = cartStore.checkoutSessionId;
                 void sendErrorLog({
                     endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`,
@@ -370,11 +376,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: '71ea4ffa740678dbf06df3f57e57af94003c69ea', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'ac24d728b66f975dc5f4abcc0e019577b92b5265', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: '1b500d956617e8b0433f663b362d25f72e27603d', class: "loading-wrapper" }, h("zonos-spinner", { key: '67c21ba7fdae6128720879e8050ed152af1e853e' }))), !this.isLoading && (h("div", { key: 'a4b6285e823df38c00e98bb42ac052e7f5922891', class: "zonos--finish-details" }, h("div", { key: '5697641c3b15cdab543ecc01d7cc458c73318efc', 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: '3742cd2c3cf15d0ef60c07492543ba018102b115', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: 'b592d6ea5ae5f23573c4c98c36d86c495f6d1425', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'e57a9c1669ea8efee9754932f195dc335e7f0175', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '9b20f5c8d9c737abbd2dc78f263369535d3902bb', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '09c14dae4d409c9655c1563fa968dc7afb5f9eb7', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'f9b55a1c7b7302cff212e06e1c6049ffeb3a6270', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'c7b0588f5f179bc971f7e5f998a172bca3feedc4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: '5e445cb54f5a22f59823d502d6d20679568ccad9', class: "loading-wrapper" }, h("zonos-spinner", { key: 'c96e41437570caa001f3f5b8841a02d3896c2142' }))), !this.isLoading && (h("div", { key: '4a3f1cd814fa7d0bee7193d9ae3a39d170826944', class: "zonos--finish-details" }, h("div", { key: 'abc20383d6ddcfbe1833e8e846d629dcbabc83f9', 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: 'ea5344bba3f55d026bf6f25a624f5bf94045f581', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '7622b546b79aefb379b70c1505b20a5c9926fc4d', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '5748732fc28167b733ed917645db52b88522238f', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'd83ebfc701253978240eeccf685f4ea03ce1e25a', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '5c08c8322043cde4c7ad687cc53d6b4ad9f94233', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '8e69a15a544893304d143071e1321c6a4cd455c3', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '132b343fef61cea8063dca9afc55e708226fa166', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };