@zonos/elements 1.3.45 → 1.3.47

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-89b4f62d.js');
+const cart = require('./cart-85870c2e.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-1a1882c4.js');
+const paypal = require('./paypal-e4428dbf.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
-const sendErrorLog = require('./sendErrorLog-a966a8c1.js');
+const createCustomEvent = require('./createCustomEvent-aacc2833.js');
 const getBorderRadius = require('./getBorderRadius-4413e191.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
@@ -190,18 +190,25 @@ const ZonosCheckoutFinish = class {
         this.closeClick = index.createEvent(this, "closeClick", 7);
         this.pullOrder = async () => {
             var _a, _b;
-            const baseUrl = "https://v1.route.js.zonos.com";
             const checkoutSessionId = cart.cartStore.checkoutSessionId;
-            const { errors, json } = await cart.handleFetch(`${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`);
+            const searchParams = new URLSearchParams();
+            searchParams.set('checkoutSessionId', checkoutSessionId || '');
+            const { baseUrl, errors, json } = await cart.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.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
@@ -233,9 +240,9 @@ 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 sendErrorLog.trackConversionEvent('checkout_orderCompleted');
+                void createCustomEvent.trackConversionEvent('checkout_orderCompleted');
                 this.order = order;
                 this.handleSuccessBehavior();
             }
@@ -247,9 +254,8 @@ 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 = cart.cartStore.checkoutSessionId;
-                void sendErrorLog.sendErrorLog({
+                void cart.sendErrorLog({
                     endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}`,
                     errors: ['Order not found after multiple attempts'],
                     metadata: {
@@ -291,10 +297,10 @@ const ZonosCheckoutFinish = class {
                 }
                 else {
                     paypal.submitGtag('zonos-checkout-success');
-                    void sendErrorLog.trackConversionEvent('checkout_paymentInfoCompleted', {
+                    void createCustomEvent.trackConversionEvent('checkout_paymentInfoCompleted', {
                         paymentMethod,
                     });
-                    const successEvent = sendErrorLog.createCustomEvent('zonos-checkout-success', {
+                    const successEvent = createCustomEvent.createCustomEvent('zonos-checkout-success', {
                         message: 'Zonos Checkout successfully processed order',
                     });
                     document.dispatchEvent(successEvent);
@@ -373,12 +379,12 @@ const ZonosCheckoutFinish = class {
     render() {
         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 = sendErrorLog.getIsTestMode();
-        return (index.h(index.Host, { key: '71ea4ffa740678dbf06df3f57e57af94003c69ea', class: "zonos--checkout-finish zonos--elements", style: {
+        const isTestMode = createCustomEvent.getIsTestMode();
+        return (index.h(index.Host, { key: 'ac24d728b66f975dc5f4abcc0e019577b92b5265', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (index.h("div", { key: '1b500d956617e8b0433f663b362d25f72e27603d', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '67c21ba7fdae6128720879e8050ed152af1e853e' }))), !this.isLoading && (index.h("div", { key: 'a4b6285e823df38c00e98bb42ac052e7f5922891', class: "zonos--finish-details" }, index.h("div", { key: '5697641c3b15cdab543ecc01d7cc458c73318efc', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '3742cd2c3cf15d0ef60c07492543ba018102b115', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (index.h("div", { key: 'b592d6ea5ae5f23573c4c98c36d86c495f6d1425', class: "zonos--order-number" }, "Order #", orderId)), index.h("zonos-text", { key: 'e57a9c1669ea8efee9754932f195dc335e7f0175', textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '9b20f5c8d9c737abbd2dc78f263369535d3902bb', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '09c14dae4d409c9655c1563fa968dc7afb5f9eb7', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'f9b55a1c7b7302cff212e06e1c6049ffeb3a6270', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'c7b0588f5f179bc971f7e5f998a172bca3feedc4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (index.h("div", { key: '5e445cb54f5a22f59823d502d6d20679568ccad9', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'c96e41437570caa001f3f5b8841a02d3896c2142' }))), !this.isLoading && (index.h("div", { key: '4a3f1cd814fa7d0bee7193d9ae3a39d170826944', class: "zonos--finish-details" }, index.h("div", { key: 'abc20383d6ddcfbe1833e8e846d629dcbabc83f9', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: 'ea5344bba3f55d026bf6f25a624f5bf94045f581', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (index.h("div", { key: '7622b546b79aefb379b70c1505b20a5c9926fc4d', class: "zonos--order-number" }, "Order #", orderId)), index.h("zonos-text", { key: '5748732fc28167b733ed917645db52b88522238f', textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: 'd83ebfc701253978240eeccf685f4ea03ce1e25a', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '5c08c8322043cde4c7ad687cc53d6b4ad9f94233', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '8e69a15a544893304d143071e1321c6a4cd455c3', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '132b343fef61cea8063dca9afc55e708226fa166', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -488,7 +494,7 @@ const ZonosCheckoutPayment = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        const isTestMode = sendErrorLog.getIsTestMode();
+        const isTestMode = createCustomEvent.getIsTestMode();
         const hasPaypalEnabled = paypal.paypalStoreHasPaypalEnabled();
         return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Payment method')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), cart.stripeStore.hasPaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
@@ -789,7 +795,7 @@ const ZonosCustomerInfo = class {
             this.continueClicked.emit();
             // submit google tag when the form is complete
             paypal.submitGtag('zonos-checkout-customer-info');
-            void sendErrorLog.trackConversionEvent('checkout_customerInfoCompleted');
+            void createCustomEvent.trackConversionEvent('checkout_customerInfoCompleted');
         };
         this.handleValidate = () => {
             const stripeShippingAddressEventData = cart.stripeStore.stripeAddressEventData;
@@ -1036,7 +1042,7 @@ const ZonosShipping = class {
             this.continueClicked.emit();
             // submit google tag when the form is complete
             paypal.submitGtag('zonos-checkout-shipping-info');
-            void sendErrorLog.trackConversionEvent('checkout_shippingInfoCompleted', {
+            void createCustomEvent.trackConversionEvent('checkout_shippingInfoCompleted', {
                 serviceLevelId: (_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value,
             });
         };

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-85870c2e.js');
+const paypal = require('./paypal-e4428dbf.js');
 const zonosStore = require('./zonosStore-56401fdb.js');
-const sendErrorLog = require('./sendErrorLog-a966a8c1.js');
+const createCustomEvent = require('./createCustomEvent-aacc2833.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-85870c2e.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-85870c2e.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-85870c2e.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-85870c2e.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-85870c2e.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-85870c2e.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-85870c2e.js');
 const logError = require('./logError-4e2f2020.js');
-const paypal = require('./paypal-1a1882c4.js');
+const paypal = require('./paypal-e4428dbf.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',
     });