@zonos/elements 1.3.45 → 1.3.46

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
-const paypal = require('./paypal-1a1882c4.js');
+const cart = require('./cart-7a79bccc.js');
+const paypal = require('./paypal-eb07e9f5.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
-const sendErrorLog = require('./sendErrorLog-a966a8c1.js');
+const createCustomEvent = require('./createCustomEvent-2fe80338.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const logError = require('./logError-4e2f2020.js');
 const classes = require('./classes-b7918f56.js');
@@ -169,7 +169,7 @@ const isShippableCountry = (showLog = true) => {
     }
     // if localization is loaded and the localization is not a shippable country, keep the original click event
     if (!cart.localizationStore.isShippableCountry) {
-        document.dispatchEvent(sendErrorLog.createCustomEvent('legacyCheckoutError', 'Unable to initiate checkout process in a country where shipping is not available'));
+        document.dispatchEvent(createCustomEvent.createCustomEvent('legacyCheckoutError', 'Unable to initiate checkout process in a country where shipping is not available'));
         if (showLog) {
             logError.log(`Checkout: not shippable country`);
         }
@@ -247,7 +247,7 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
             };
             if (Object.values(shippingAddress).some(value => value === undefined || value === null)) {
                 logError.logError('One or more shipping address field is missing', Object.entries(shippingAddress));
-                void sendErrorLog.sendErrorLog({
+                void cart.sendErrorLog({
                     endpoint: 'No endpoint, domestic checkout form missing fields',
                     errors: [
                         'Bigcommerce: One or more shipping address field is missing in the domestic checkout form',
@@ -460,7 +460,7 @@ const ZonosCheckout = class {
                         sessionTimeout: CHECKOUT_SESSION_TIMEOUT,
                     });
                     paypal.submitGtag('zonos-checkout-start');
-                    void sendErrorLog.trackConversionEvent('checkout_open');
+                    void createCustomEvent.trackConversionEvent('checkout_open');
                 }
                 catch (err) {
                     // stop loading
@@ -483,7 +483,7 @@ const ZonosCheckout = class {
             button.setAttribute('data-zonos-checkout-attached', 'true');
             // if this button is the hidden button, trigger the click event
             if (button.matches(this.domesticRedirectedBtnSelector)) {
-                button.dispatchEvent(sendErrorLog.createCustomEvent('click'));
+                button.dispatchEvent(createCustomEvent.createCustomEvent('click'));
                 // cleanup shipping session after button is clicked
                 cart.stripeStoreCleanupDomesticShippingSession();
                 // remove the button after it's clicked
@@ -492,7 +492,7 @@ const ZonosCheckout = class {
             if (button.matches(this.legacyCheckoutHiddenBtnSelector)) {
                 this.isLegacyCheckout = true;
                 // trigger the click event on the button
-                button.dispatchEvent(sendErrorLog.createCustomEvent('click'));
+                button.dispatchEvent(createCustomEvent.createCustomEvent('click'));
                 button.remove();
             }
         });
@@ -708,7 +708,7 @@ const ZonosCheckout = class {
         const url = window.location.href;
         // Remove query parameters
         const cleanUrl = url.split('?')[0];
-        const isTestMode = sendErrorLog.getIsTestMode();
+        const isTestMode = createCustomEvent.getIsTestMode();
         this.open = false;
         // Update the URL without query parameters only if it's not in test mode
         /**
@@ -793,7 +793,7 @@ const ZonosCheckout = class {
                 : logoUrl;
             return (index.h("div", { class: "zonos--logo" }, logo && (index.h("img", { alt: `${zonosStore.zonosStore.organizationName} logo`, src: logo, width: 100 }))));
         };
-        const isTestMode = sendErrorLog.getIsTestMode();
+        const isTestMode = createCustomEvent.getIsTestMode();
         const renderTopHeader = () => {
             return (index.h("zonos-v-stack", null, index.h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (index.h("zonos-badge", { badgeColor: "orange", size: "small" }, cart.translate('Test mode')))), index.h("zonos-checkout-progress-tabs", { backgroundColor: 
                 // only use different contrast color when the secondary color is too off with the background in mobile

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

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
 const logError = require('./logError-4e2f2020.js');
 require('./isDarkColor-4eb96a1e.js');
 require('./getBorderRadius-4413e191.js');
 
 const getZonosSettings = async () => {
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;
-    const { errors, json, zonosMode } = await cart.handleFetch(url);
+    const { errors, json, zonosMode } = await cart.handleFetch('/api/zonos-elements/zonos-settings');
     if (errors.length) {
         logError.logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
         return { errors, json: null, zonosMode };
@@ -169,8 +168,9 @@ const ZonosController = class {
             logError.log(`[FONT] Just applied Inter , but no need to inject since we already inject Inter on start`, 'warn');
             zonosStore.zonosStore.appearance = Object.assign(Object.assign({}, zonosStore.zonosStore.appearance), { fontFamily: overrideFont });
         }
-        const routeUrl = "https://v1.route.js.zonos.com";
-        const { errors, json } = await cart.handleFetch(`${routeUrl}/api/zonos-elements/get-font-detail?family=${fontSelected}`);
+        const searchParams = new URLSearchParams();
+        searchParams.set('family', fontSelected);
+        const { errors, json } = await cart.handleFetch(`/api/zonos-elements/get-font-detail?${searchParams.toString()}`);
         if (errors.length > 0 || !json) {
             logError.log(`Failed to load font ${fontSelected}`, 'warn');
             return;
@@ -304,7 +304,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '8738fa5324977321764af1c89181550d948955a6', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'b8a056dc3bbd14495e048a89a11f27a6fb3fdb10', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
 const classes = require('./classes-b7918f56.js');
 require('./logError-4e2f2020.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-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-4eb96a1e.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const zonosStore = require('./zonosStore-56401fdb.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-d56e0a8b.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const classes = require('./classes-b7918f56.js');
 const logError = require('./logError-4e2f2020.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
@@ -365,13 +365,12 @@ var debounce_1 = debounce;
 
 const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
     var _a;
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/check-item-restrictions`;
     const body = {
         items,
         shipFrom,
         shipTo,
     };
-    const { errors, json } = await cart.handleFetch(url, { body, method: 'POST' });
+    const { errors, json } = await cart.handleFetch('/api/zonos-elements/check-item-restrictions', { body, method: 'POST' });
     if (errors.length || !json) {
         logError.logError(`Error fetching item restrictions: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return [];

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./logError-4e2f2020.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-56401fdb.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-7a79bccc.js');
 const logError = require('./logError-4e2f2020.js');
-const paypal = require('./paypal-1a1882c4.js');
+const paypal = require('./paypal-eb07e9f5.js');
 require('./isDarkColor-4eb96a1e.js');
 require('./getBorderRadius-4413e191.js');
 

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

@@ -21,18 +21,25 @@ export class ZonosCheckoutFinish {
     constructor() {
         this.pullOrder = async () => {
             var _a, _b;
-            const baseUrl = process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL;
             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
@@ -64,7 +71,7 @@ export class ZonosCheckoutFinish {
         };
         // 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;
@@ -78,7 +85,6 @@ export class ZonosCheckoutFinish {
             else {
                 // Set loading to false to display generic success page and log error
                 this.isLoading = false;
-                const baseUrl = process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL;
                 const checkoutSessionId = cartStore.checkoutSessionId;
                 void sendErrorLog({
                     endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`,
@@ -205,11 +211,11 @@ export class ZonosCheckoutFinish {
         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 is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,8 +51,9 @@ export class ZonosController {
             log(`[FONT] Just applied Inter , but no need to inject since we already inject Inter on start`, 'warn');
             zonosStore.appearance = Object.assign(Object.assign({}, zonosStore.appearance), { fontFamily: overrideFont });
         }
-        const routeUrl = process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL;
-        const { errors, json } = await handleFetch(`${routeUrl}/api/zonos-elements/get-font-detail?family=${fontSelected}`);
+        const searchParams = new URLSearchParams();
+        searchParams.set('family', fontSelected);
+        const { errors, json } = await handleFetch(`/api/zonos-elements/get-font-detail?${searchParams.toString()}`);
         if (errors.length > 0 || !json) {
             log(`Failed to load font ${fontSelected}`, 'warn');
             return;
@@ -186,7 +187,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '8738fa5324977321764af1c89181550d948955a6', class: "zonos--elements" });
+        return h(Host, { key: 'b8a056dc3bbd14495e048a89a11f27a6fb3fdb10', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

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

@@ -358,13 +358,11 @@ const stripeStoreInitCheckoutSession = async () => {
         return false;
     }
     stripeStore.isFetchingSession = true;
-    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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',
@@ -389,7 +387,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(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/update-checkout-session`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session', {
         body: {
             currency,
             id,
@@ -488,8 +486,7 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
     if (!isAddressOutdated) {
         return;
     }
-    const routeUrl = process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL;
-    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',
     });

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

@@ -201,7 +201,7 @@ const updateCheckoutSessionLanguage = async () => {
     if (!cartStore.checkoutSessionId) {
         return null;
     }
-    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/update-checkout-session-metadata`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
         body: {
             id: cartStore.checkoutSessionId,
             metadata: [

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

@@ -11,8 +11,7 @@ export const calculateLandedCost = async (abortController) => {
         return json;
     }
     // request to get landed cost info
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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,

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

@@ -2,13 +2,12 @@ import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
     var _a;
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/check-item-restrictions`;
     const body = {
         items,
         shipFrom,
         shipTo,
     };
-    const { errors, json } = await handleFetch(url, { body, method: 'POST' });
+    const { errors, json } = await handleFetch('/api/zonos-elements/check-item-restrictions', { body, method: 'POST' });
     if (errors.length || !json) {
         logError(`Error fetching item restrictions: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return [];

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

@@ -1,7 +1,7 @@
 import { handleFetch } from "../handleFetch";
 export const getCountries = async () => {
     try {
-        const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/get-countries`, {
+        const { errors, json } = await handleFetch('/api/zonos-elements/get-countries', {
             method: 'GET',
         });
         if (errors.length || !json) {

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

@@ -5,7 +5,7 @@ export const getCountryLandedCost = async (countryCode) => {
     if (!countryCode) {
         return null;
     }
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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}`);

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

@@ -20,8 +20,12 @@ export const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, t
     if (sourceCurrency === targetCurrency && !isGuaranteed) {
         return defaultUsExchangeRate;
     }
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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;

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

@@ -5,8 +5,7 @@ export const getInclusivePricing = async (countryCode) => {
     if (!countryCode) {
         return null;
     }
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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;

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

@@ -2,8 +2,13 @@ import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     var _a;
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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 [];

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

@@ -6,14 +6,11 @@ export 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(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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 };
         }

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

@@ -2,8 +2,7 @@ import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const getShippingZones = async () => {
     var _a, _b;
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/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;

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

@@ -1,8 +1,7 @@
 import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
 export const getZonosSettings = async () => {
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/zonos-settings`;
-    const { errors, json, zonosMode } = await handleFetch(url);
+    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`);
         return { errors, json: null, zonosMode };

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

@@ -1,6 +1,6 @@
 import { handleFetch } from "../handleFetch";
 export const paypalCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
-    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/capture-paypal-order`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/capture-paypal-order', {
         body: { checkoutSessionId, paypalMockResponse },
         method: 'POST',
     });

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

@@ -1,6 +1,6 @@
 import { handleFetch } from "../handleFetch";
 export const paypalCreateOrder = async ({ checkoutSessionId, }) => {
-    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/create-paypal-order`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/create-paypal-order', {
         body: { checkoutSessionId },
         method: 'POST',
     });

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

@@ -14,7 +14,6 @@ export const trackConversionEvent = async (eventName, metadata) => {
         !window.Zonos.zonosConversionTest) {
         return;
     }
-    const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/track-conversion-event`;
     const countryCode = localizationStore.selectedCountryCode;
     const organizationId = zonosStore.organizationId;
     const checkoutSessionId = cartStore.checkoutSessionId;
@@ -29,7 +28,7 @@ export const trackConversionEvent = async (eventName, metadata) => {
         metadata,
         organizationId,
     };
-    await handleFetch(url, {
+    await handleFetch('/api/zonos-elements/track-conversion-event', {
         body,
         method: 'POST',
     });

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

@@ -1,4 +1,5 @@
 import { prepCalculateLandedCost } from "./prepCalculateLandedCost";
+import { MAIN_BASE_API } from "../getNextFallbackApi";
 import { handleFetch } from "../handleFetch";
 export const triggerBuildLandedCost = async (buildLandedCost) => {
     var _a, _b, _c, _d;
@@ -9,13 +10,13 @@ export const triggerBuildLandedCost = async (buildLandedCost) => {
         checkoutSessionId: data.checkoutSessionId,
         contact: data.contact,
         shippingAddress: data.shippingAddress,
-        zonosApiRoute: process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL,
+        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(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/validate-landed-cost`, {
+    const { errors, json } = await handleFetch('/api/zonos-elements/validate-landed-cost', {
         body: landedCost,
         headers: {
             'Content-Type': 'application/json',

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

@@ -0,0 +1,18 @@
+const fallbackApiType = ['vercel', 'cloudflare'];
+export const MAIN_BASE_API_TYPE = fallbackApiType[0];
+export const fallbackApiList = {
+    cloudflare: process.env.NEXT_PUBLIC_ZONOS_CLOUDFLARE_URL,
+    vercel: process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL,
+};
+export const MAIN_BASE_API = fallbackApiList[MAIN_BASE_API_TYPE];
+/**
+ * Next available fallback api type
+ */
+export const getNextFallbackApiType = (currentApiType = MAIN_BASE_API_TYPE) => {
+    const currentIndex = fallbackApiType.indexOf(currentApiType);
+    const nextFallbackApiType = fallbackApiType[currentIndex + 1];
+    if (!nextFallbackApiType) {
+        return null;
+    }
+    return nextFallbackApiType;
+};