@zonos/elements 1.3.201 → 1.3.203

package/dist/cjs/{zonos-cart-items_13.cjs.entry.js → zonos-cart-items_14.cjs.entry.js}

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-e73cde62.js');
+const cart = require('./cart-0d91ad0b.js');
+const localization = require('./localization-2f17c95f.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-39bbbd1a.js');
-const zonosStore = require('./zonosStore-c466b127.js');
+const paypal = require('./paypal-9953115b.js');
+const zonosStore = require('./zonosStore-9264749e.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
+const getBorderRadius = require('./getBorderRadius-8d3b1049.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const isDarkColor = require('./isDarkColor-92a10a85.js');
+const isDarkColor = require('./isDarkColor-bcf49625.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
+require('./VarianceTest-0cb1e118.js');
 
 const getDisplayCurrency = () => {
     var _a, _b;
@@ -39,7 +41,7 @@ const renderCheckoutCurrency = ({ amount, isForeign }) => {
         const displayAmount = shouldDisplayBaseCurrency
             ? amount / targetRate
             : amount;
-        return cart.currencyFormat({
+        return localization.currencyFormat({
             amount: displayAmount,
             currency: displayCurrency,
         });
@@ -48,7 +50,7 @@ const renderCheckoutCurrency = ({ amount, isForeign }) => {
     const displayAmount = shouldDisplayBaseCurrency
         ? amount
         : amount * targetRate;
-    return cart.currencyFormat({
+    return localization.currencyFormat({
         amount: displayAmount,
         currency: displayCurrency,
     });
@@ -1069,7 +1071,7 @@ const ZonosCartItems = class {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: item.imageUrl, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, cart.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency({
+                }, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, localization.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency({
                 amount,
                 isForeign: false,
             })))));
@@ -1142,7 +1144,7 @@ const ZonosCartRestrictedItems = class {
                 this.internalCollapsed && 'collapsed',
             ]), onClick: () => {
                 this.internalCollapsed = !this.internalCollapsed;
-            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { textColor: "red-600", type: "label" }, `${cart.translate(this.internalCollapsed ? 'Show' : 'Hide')} ${restrictedItemTotal} ${cart.translate('restricted items')}`), index.h("zonos-icon", { content: ChevronUpIcon$2, iconColor: "red-600" }))), index.h("zonos-collapse", { collapsed: this.internalCollapsed }, index.h("zonos-banner", { bannerTitle: cart.translate('The following items are unable to be shipped to your country and are not included in your cart total.'), intent: "error" }), index.h("table", { class: "zonos--cart-table" }, index.h("tbody", null, cart.cartStore.restrictedItems.map((item, index$1) => {
+            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { textColor: "red-600", type: "label" }, `${localization.translate(this.internalCollapsed ? 'Show' : 'Hide')} ${restrictedItemTotal} ${localization.translate('restricted items')}`), index.h("zonos-icon", { content: ChevronUpIcon$2, iconColor: "red-600" }))), index.h("zonos-collapse", { collapsed: this.internalCollapsed }, index.h("zonos-banner", { bannerTitle: localization.translate('The following items are unable to be shipped to your country and are not included in your cart total.'), intent: "error" }), index.h("table", { class: "zonos--cart-table" }, index.h("tbody", null, cart.cartStore.restrictedItems.map((item, index$1) => {
             var _a, _b;
             const itemImg = item.imageUrl;
             return (index.h("tr", { class: "zonos--cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: 
@@ -1204,7 +1206,7 @@ const ZonosCartSubtotal = class {
         };
         const renderShippingInfo = () => {
             if (!cart.cartStore.selectedShippingOption) {
-                return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.translate('No shipping method selected'))));
+                return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('No shipping method selected'))));
             }
             return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.cartStore.selectedShippingOption.displayName), cart.cartStore.selectedShippingOptionTransitTime && (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.cartStore.selectedShippingOptionTransitTime))));
         };
@@ -1212,7 +1214,7 @@ const ZonosCartSubtotal = class {
             var _a;
             // Domestic US doesn't have duty applied, just taxes and fees
             if (((_a = cart.stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country) === 'US') {
-                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
                     cart.cartStore.dutiesTaxesFeesEstimate !== null
                     ? renderCheckoutCurrency({
                         amount: cart.cartStore.dutiesTaxesFees ||
@@ -1223,23 +1225,23 @@ const ZonosCartSubtotal = class {
                     : '-'))));
             }
             if (cart.cartStore.landedCostMethod === 'DAP') {
-                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
-                    ? `${cart.translate('Estimated [amount]', {
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
+                    ? `${localization.translate('Estimated [amount]', {
                         amount: renderCheckoutCurrency({
                             amount: cart.cartStore.dutiesTaxesFeesEstimate,
                             isForeign: true,
                         }),
                     })}`
-                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.translate('Due at delivery')))));
+                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, localization.translate('Due at delivery')))));
             }
-            return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+            return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
                 ? renderCheckoutCurrency({
                     amount: cart.cartStore.dutiesTaxesFees,
                     isForeign: true,
                 })
                 : '-'))));
         };
-        return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, cart.translate('Cart subtotal'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+        return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Cart subtotal'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: subtotal,
             isForeign: true,
         })))), index.h("tr", { class: "zonos--row zonos--cart-shipping" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cart.cartStore.shipping
@@ -1247,14 +1249,14 @@ const ZonosCartSubtotal = class {
                 amount: cart.cartStore.shipping,
                 isForeign: true,
             })
-            : '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: cart.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
+            : '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: localization.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
                 if (e.key === 'Enter') {
                     void applyPromoCode();
                 }
-            } }), index.h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, cart.translate('Apply'))))))), !!cart.cartStore.adjustmentTotal && (index.h("tr", { class: "zonos--row zonos--cart-discount" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("div", { class: "zonos--title-with-icon" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.translate('Discounts')))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+            } }), index.h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, localization.translate('Apply'))))))), !!cart.cartStore.adjustmentTotal && (index.h("tr", { class: "zonos--row zonos--cart-discount" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("div", { class: "zonos--title-with-icon" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Discounts')))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: cart.cartStore.adjustmentTotal,
             isForeign: true,
-        }))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.translate('Order total'))), index.h("td", { class: "zonos--column zonos--cart-total-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+        }))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Order total'))), index.h("td", { class: "zonos--column zonos--cart-total-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: total,
             isForeign: true,
         })))))));
@@ -1280,7 +1282,7 @@ const ZonosCheckoutFinish = class {
         this.closeClick = index.createEvent(this, "closeClick", 7);
         this.pullOrder = async () => {
             var _a, _b;
-            const checkoutSessionId = cart.cartStore.checkoutSessionId;
+            const checkoutSessionId = localization.storageStore.checkoutSessionId;
             const searchParams = new URLSearchParams();
             searchParams.set('checkoutSessionId', checkoutSessionId || '');
             const { baseUrl, errors, json } = await handleFetch.handleFetch(`/api/zonos-elements/get-order?${searchParams.toString()}`);
@@ -1303,7 +1305,7 @@ const ZonosCheckoutFinish = class {
         this.redirectToUrl = (url) => {
             // reset store and checkout session id before redirecting
             cart.stripeStoreReset();
-            cart.cartStore.checkoutSessionId = null;
+            localization.storageStore.checkoutSessionId = null;
             // If it is iframed, redirect the parent window
             if (window.parent) {
                 window.parent.location.href = url;
@@ -1360,10 +1362,10 @@ const ZonosCheckoutFinish = class {
                 case successBehavior === 'REDIRECT_TO_SUCCESS_PAGE':
                 case !!cart.cartStore.externalConfirmationPageURL: {
                     // use different default notification message if we are redirecting to a different page
-                    this.notificationTitle = cart.translate('Order complete!');
+                    this.notificationTitle = localization.translate('Order complete!');
                     this.notificationMessages = [
-                        cart.translate('Your order has been successfully placed.'),
-                        cart.translate("You will be redirected back to the merchant's site in a few seconds."),
+                        localization.translate('Your order has been successfully placed.'),
+                        localization.translate("You will be redirected back to the merchant's site in a few seconds."),
                     ];
                     // stop loading spinner to show the redirecting notification
                     this.isLoading = false;
@@ -1409,7 +1411,7 @@ const ZonosCheckoutFinish = class {
             const { baseUrl, order } = await this.pullOrder();
             const { isLegacyCheckout } = window.Zonos;
             const foundLegacyOrderNumber = !!((_b = (_a = order === null || order === void 0 ? void 0 : order.references) === null || _a === void 0 ? void 0 : _a.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _b === void 0 ? void 0 : _b.value);
-            const checkoutSessionId = cart.cartStore.checkoutSessionId;
+            const checkoutSessionId = localization.storageStore.checkoutSessionId;
             const maxRetries = parseFloat(new URLSearchParams(window.location.search).get('maxPollingRetries') ||
                 '0') || MAX_RETRIES;
             handleFetch.log(`=== Polling order (${attempts} attemps)`, 'info');
@@ -1430,7 +1432,7 @@ const ZonosCheckoutFinish = class {
                         ],
                         metadata: {
                             allLogs: handleFetch.allLogs,
-                            checkoutSessionId: cart.cartStore.checkoutSessionId || '',
+                            checkoutSessionId: localization.storageStore.checkoutSessionId || '',
                             orderId: order.id,
                             storeId: zonosStore.zonosStore.storeId,
                         },
@@ -1444,7 +1446,7 @@ const ZonosCheckoutFinish = class {
                         errors: [`Order found after ${attempts} attempts`],
                         metadata: {
                             allLogs: handleFetch.allLogs,
-                            checkoutSessionId: cart.cartStore.checkoutSessionId || '',
+                            checkoutSessionId: localization.storageStore.checkoutSessionId || '',
                             orderId: order.id,
                             storeId: zonosStore.zonosStore.storeId,
                         },
@@ -1463,7 +1465,7 @@ const ZonosCheckoutFinish = class {
                     errors: [`Order not found after ${maxRetries} attempts`],
                     metadata: {
                         allLogs: handleFetch.allLogs,
-                        checkoutSessionId: cart.cartStore.checkoutSessionId || '',
+                        checkoutSessionId: localization.storageStore.checkoutSessionId || '',
                         storeId: zonosStore.zonosStore.storeId,
                     },
                 });
@@ -1490,8 +1492,8 @@ const ZonosCheckoutFinish = class {
                 this.notificationType = isError ? 'error' : 'success';
                 this.notificationMessages = messages || [];
                 this.notificationTitle = isError
-                    ? cart.translate('Payment failed')
-                    : cart.translate("You're all set!");
+                    ? localization.translate('Payment failed')
+                    : localization.translate("You're all set!");
                 handleFetch.log('=== Payment intent retrieve status', 'info', {
                     clientSecret,
                     error,
@@ -1512,7 +1514,7 @@ const ZonosCheckoutFinish = class {
                     void handleFetch.sendErrorLog({
                         endpoint: 'Stripe payment failed',
                         errors: [
-                            `Payment intent "${paymentIntentId}" status: ${status} - checkout session: ${cart.cartStore.checkoutSessionId}`,
+                            `Payment intent "${paymentIntentId}" status: ${status} - checkout session: ${localization.storageStore.checkoutSessionId}`,
                         ],
                         metadata: {
                             allLogs: handleFetch.allLogs,
@@ -1524,7 +1526,7 @@ const ZonosCheckoutFinish = class {
                     // Save new order info in case the user reloads before we get order info
                     this.saveOrderIdForDuplicationIssue();
                     paypal.submitGtag('zonos-checkout-success');
-                    const checkoutSessionId = cart.cartStore.checkoutSessionId;
+                    const checkoutSessionId = localization.storageStore.checkoutSessionId;
                     void cart.trackConversionEvent({
                         checkoutSessionId,
                         eventName: 'checkout_orderCompleted',
@@ -1542,11 +1544,11 @@ const ZonosCheckoutFinish = class {
             // reset promo when checkout is finished
             cart.stripeStoreResetPromoCode();
             cart.stripeStoreReset();
-            cart.cartStore.checkoutSessionId = null;
+            localization.storageStore.checkoutSessionId = null;
         };
         this.checkStagingOrderStatus = async () => {
             this.notificationType = 'success';
-            this.notificationTitle = cart.translate("You're all set!");
+            this.notificationTitle = localization.translate("You're all set!");
             this.notificationMessages =
                 cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
             // override title if notification type is success
@@ -1556,13 +1558,13 @@ const ZonosCheckoutFinish = class {
             cart.stripeStoreResetPromoCode();
             cart.stripeStoreReset();
             paypal.paypalStoreReset();
-            cart.cartStore.checkoutSessionId = null;
+            localization.storageStore.checkoutSessionId = null;
         };
         this.checkPaypalPaymentStatus = async () => {
             // render error message if there's an error
             if (paypal.paypalStore.paypalErrorMessage) {
                 this.notificationType = 'error';
-                this.notificationTitle = cart.translate('Payment failed');
+                this.notificationTitle = localization.translate('Payment failed');
                 this.notificationMessages = [paypal.paypalStore.paypalErrorMessage];
                 this.isLoading = false;
                 return;
@@ -1571,13 +1573,13 @@ const ZonosCheckoutFinish = class {
             this.isLoading = false;
             if (paypal.paypalStore.orderIdCreated) {
                 paypal.submitGtag('zonos-checkout-success');
-                const checkoutSessionId = cart.cartStore.checkoutSessionId;
+                const checkoutSessionId = localization.storageStore.checkoutSessionId;
                 void cart.trackConversionEvent({
                     checkoutSessionId,
                     eventName: 'checkout_orderCompleted',
                 });
                 this.notificationType = 'success';
-                this.notificationTitle = cart.translate("You're all set!");
+                this.notificationTitle = localization.translate("You're all set!");
                 this.notificationMessages =
                     cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
                 // override title if notification type is success
@@ -1589,7 +1591,7 @@ const ZonosCheckoutFinish = class {
             cart.stripeStoreResetPromoCode();
             cart.stripeStoreReset();
             paypal.paypalStoreReset();
-            cart.cartStore.checkoutSessionId = null;
+            localization.storageStore.checkoutSessionId = null;
         };
         this.closeClickHandler = () => {
             this.closeClick.emit();
@@ -1600,7 +1602,7 @@ const ZonosCheckoutFinish = class {
             const placedOrderTime = {
                 cartId: window.Zonos.cartId || null,
                 checkoutSessionId: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.checkoutSessionId) ||
-                    cart.cartStore.checkoutSessionId ||
+                    localization.storageStore.checkoutSessionId ||
                     '',
                 orderId: ((_a = this.order) === null || _a === void 0 ? void 0 : _a.id) || null,
                 time: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.time) || Date.now(),
@@ -1615,7 +1617,7 @@ const ZonosCheckoutFinish = class {
         this.notificationType = 'success';
         this.notificationTitle = '';
         this.notificationMessages = [];
-        this.notificationActionText = cart.translate('Keep shopping');
+        this.notificationActionText = localization.translate('Keep shopping');
         this.order = null;
         this.isWaitingToRedirect = true;
     }
@@ -1642,11 +1644,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: 'e8ae24f1668c71f405bf18de82e7703928b02a78', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '971e0f8daa53ce2f99b2d1d06088fa6a9a37686c', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '6e92d1870eac3f644c3f26d85e3f0108f3cca097', class: "zonos--finish-details" }, index.h("div", { key: '6979d24f7570631baccdf844f83a85b6da781da7', 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: '2b422f086008ca3a9c9634e5cb34a230de51e890', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '9f4207e526d03fae6207eb7124358c418413c378', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'f6df9c924b93f9149db88a2963c63799549bdc49',
+            } }, !this.isLoading && (index.h("div", { key: '284fb3adcb71840ad3f5cd94e169c723e29e3c42', class: "zonos--finish-details" }, index.h("div", { key: '485b63dae4714360af0ee65314e65de8b54ab311', 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: 'c73f31ed5a9690af97e1884d0bbfff93734f266d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '126118933ea6863384d98bf8f013a4130ab411cd', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: '95bdb39e56a16004cc3896531458d0e86fa38bb4',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -1657,10 +1659,10 @@ const ZonosCheckoutFinish = class {
                     return;
                 }
                 this.closeClickHandler();
-            }, size: "md", variant: "primary" }, cart.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '8ec8365d0f3a541530e85318744fbb4c85dc385e', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '325fd258d5d71668ba190a24ddc0e231b4b75208', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: '2c91cb3d40eb585513656bcc09dc3144d854af5c', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '883827fbe550c0d9132c27e4a5b984d8d45aa2bc', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'aa3ebf41507ce95dd02778a4b55863b0e880af14', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: '00116d9f6380fa1f4547eb0cb6d229aca380bffb', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '5c5334198095729ae8e07e4868b6b248f0750ac3', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '76fb0725306246ac9b9c88a41bca1937d65e3f01', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1710,7 +1712,7 @@ const ZonosCheckoutFooter = class {
     }
     render() {
         var _a;
-        const languageLabel = (_a = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
+        const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
         return (index.h(index.Host, { key: '348667bda79c9d8c69f1481262f3dd74068b4f16', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '8751d01d35e0ca75ab4f3866d2964fbbe9cabd91', class: "zonos--checkout-footer" }, index.h("div", { key: '0745cc39cb134d0dee746d6e8dbe75192c226e7b', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'a1a6ba67ad35c4e3e04959e5895a959c5b3fa4b3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: 'e82c276c99eb723af2be002f8f749bf7e6e005c3', class: classes.classes([
@@ -1729,7 +1731,7 @@ const placeTestOrder = async () => {
     var _a, _b;
     const shipToPartyId = (_a = cart.cartStore.partiesData.find(party => party.type === 'DESTINATION')) === null || _a === void 0 ? void 0 : _a.id;
     const billToPartyId = (_b = cart.cartStore.partiesData.find(party => party.type === 'PAYOR')) === null || _b === void 0 ? void 0 : _b.id;
-    const checkoutSessionId = cart.cartStore.checkoutSessionId;
+    const checkoutSessionId = localization.storageStore.checkoutSessionId;
     if (!checkoutSessionId || !billToPartyId || !shipToPartyId) {
         handleFetch.logError('Missing required data', {
             billToPartyId,
@@ -1824,7 +1826,7 @@ const ZonosCheckoutPayment = class {
                 document.body.removeChild(hiddenTextarea);
             }
             window.Zonos.showNotification({
-                message: cart.translate('Card number copied to clipboard'),
+                message: localization.translate('Card number copied to clipboard'),
                 timeout: 4000,
                 type: 'success',
             });
@@ -1887,14 +1889,14 @@ const ZonosCheckoutPayment = class {
                 const theme = this.isMobile
                     ? zonosStore.zonosStore.appearance.theme
                     : themeBasedColor;
-                return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: cart.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
+                return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: localization.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
                         void this.placeTestOrder();
                     }, size: "lg",
                     // use primary type when on mobile mode
-                    variant: this.submitBtnType }, cart.translate('Place test order')))));
+                    variant: this.submitBtnType }, localization.translate('Place test order')))));
             }
-            return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
-                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" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
+            return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
+                localization.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" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
                     cart.stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
                     cart.stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
                     if (!cart.cartStore.checkoutSession) {
@@ -1907,7 +1909,7 @@ const ZonosCheckoutPayment = class {
                     });
                 }, size: "lg",
                 // use primary type when on mobile mode
-                variant: this.submitBtnType }, cart.translate('Pay [orderTotal]', {
+                variant: this.submitBtnType }, localization.translate('Pay [orderTotal]', {
                 orderTotal: renderCheckoutCurrency({
                     amount: cart.cartStore.total,
                     isForeign: true,
@@ -1918,13 +1920,13 @@ const ZonosCheckoutPayment = class {
                     await this.continueClickHandler({
                         currencyCode: 'USD',
                     });
-                }, size: "lg", variant: "subtle" }, cart.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
+                }, size: "lg", variant: "subtle" }, localization.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
                     this.paypalSessionDone.emit(orderId);
                 }, onPaypalSessionFail: () => this.paypalSessionFailed.emit(), style: {
                     display: isPaypalTabSelected ? 'block' : 'none',
-                } })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, cart.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, cart.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, cart.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, cart.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
+                } })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, localization.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, localization.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, localization.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
         };
-        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')), renderPayment())));
+        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" }, localization.translate('Payment method')), renderPayment())));
     }
     get ele() { return index.getElement(this); }
     static get watchers() { return {
@@ -2056,7 +2058,7 @@ const ZonosCheckoutProgressTabs = class {
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
-                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, cart.translate(tab.label))));
+                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
         })), index.h("div", { key: '1e8dbcee0cc21837b030760250755fe5292bd261', class: "zonos--tab-progress" }, index.h("div", { key: 'a9250c1ca7b7a40f5b6d0bbbeca24f657471cda1', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
@@ -2092,7 +2094,7 @@ const ZonosConfirmDialog = class {
                 this.closeDialogHandler();
             }
         };
-        this.dialogTitle = cart.translate('Are you sure?');
+        this.dialogTitle = localization.translate('Are you sure?');
         this.dialogIntent = 'info';
         this.dialogSubtitle = null;
         this.submitBtnColor = undefined;
@@ -2165,7 +2167,7 @@ const ZonosConfirmDialog = class {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
             } }, index.h("div", { key: 'e2b1358dedfb3e5a3dc42099330be1d3bb6845e5', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: 'f4cf0ddf4ee1695bef503809a810710902c2e810', class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: 'a8910f985165f18399e628b05b5075d04487007b', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, index.h("div", { key: '723b4753614273bafe03488cdc5eb7a2a14cfb2c', class: "wrapper" }, index.h("div", { key: '53faf2cbdcec3acdff25f8471a37afdfb4298ef3', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '8e6ee33eb8ee48acb99066ce964b52e81086176f', class: "content" }, index.h("div", { key: '6c800bbc27a2e62756b20068b97e5777ebf5fbb2', class: "title" }, index.h("zonos-text", { key: '7bcad323167f954ae83c9afd7c4473efc5e32c37', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '85ffc3c1492dd432953bc645103590bacd9a3912', class: "subtitle" }, index.h("zonos-text", { key: 'f7e859f0c8256ead95db3d74b78b50fe6ea84700', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: 'c35405667155231fb6037147ac35d0c1f5ed0dd0', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '082731ae55230c6fe05307871ef5e6a124616e33', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || cart.translate('Cancel'))), index.h("zonos-button", { key: '4873b0e88c691197104b95658fc00940d97d44b9', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, index.h("div", { key: '723b4753614273bafe03488cdc5eb7a2a14cfb2c', class: "wrapper" }, index.h("div", { key: '53faf2cbdcec3acdff25f8471a37afdfb4298ef3', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '8e6ee33eb8ee48acb99066ce964b52e81086176f', class: "content" }, index.h("div", { key: '6c800bbc27a2e62756b20068b97e5777ebf5fbb2', class: "title" }, index.h("zonos-text", { key: '7bcad323167f954ae83c9afd7c4473efc5e32c37', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '85ffc3c1492dd432953bc645103590bacd9a3912', class: "subtitle" }, index.h("zonos-text", { key: 'f7e859f0c8256ead95db3d74b78b50fe6ea84700', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: 'c35405667155231fb6037147ac35d0c1f5ed0dd0', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '082731ae55230c6fe05307871ef5e6a124616e33', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || localization.translate('Cancel'))), index.h("zonos-button", { key: '4873b0e88c691197104b95658fc00940d97d44b9', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -2444,7 +2446,7 @@ const ZonosCustomerInfo = class {
                 shippingCountry: this.shippingCountry,
                 taxId: cart.stripeStore.taxId,
             });
-            this.taxIdErrorMessage = !valid ? cart.translate(error) : '';
+            this.taxIdErrorMessage = !valid ? localization.translate(error) : '';
             if (!isValidBilling || !isValidShipping || !isValidLink || !valid) {
                 return false;
             }
@@ -2476,7 +2478,7 @@ const ZonosCustomerInfo = class {
         };
         this.renderAddressComponent = (type) => {
             var _a, _b;
-            if (!cart.localizationStore.selectedCountryCode) {
+            if (!localization.localizationStore.selectedCountryCode) {
                 void handleFetch.sendErrorLog({
                     endpoint: 'NO_COUNTRY_SELECTED_WHEN_RENDERING_ADDRESS_COMPONENT',
                     errors: ['No country selected when rendering address component'],
@@ -2488,16 +2490,16 @@ const ZonosCustomerInfo = class {
             }
             // Only use the default address for shipping address
             const defaultAddress = type === 'shipping' ? this.defaultAddress : [];
-            const shouldUseCustomAddressForm = !!cart.localizationStore.selectedCountryCode &&
+            const shouldUseCustomAddressForm = !!localization.localizationStore.selectedCountryCode &&
                 this.shouldEnabledCustomAddress &&
-                !!((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(cart.localizationStore.selectedCountryCode));
+                !!((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(localization.localizationStore.selectedCountryCode));
             // Should only record the form type used once
             if (type === 'shipping' &&
-                cart.cartStore.checkoutSessionId &&
+                localization.storageStore.checkoutSessionId &&
                 !this.recordedFormTypeUsed) {
                 void handleFetch.handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
                     body: {
-                        id: cart.cartStore.checkoutSessionId,
+                        id: localization.storageStore.checkoutSessionId,
                         metadata: [
                             {
                                 key: 'ZONOS_FORM_TYPE_USING',
@@ -2511,10 +2513,10 @@ const ZonosCustomerInfo = class {
             }
             // Render custom address component if the custom address form is enabled
             if (shouldUseCustomAddressForm) {
-                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: cart.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
             }
             // Render Stripe address component by default
-            return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: cart.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+            return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
         };
         this.continueLoading = false;
         this.submitBtnType = undefined;
@@ -2592,11 +2594,11 @@ const ZonosCustomerInfo = class {
         const defaultEmail = ((_c = this.defaultAddress.find(Boolean)) === null || _c === void 0 ? void 0 : _c.email) ||
             ((_f = (_e = (_d = cart.stripeStore.customerProfile) === null || _d === void 0 ? void 0 : _d.locations) === null || _e === void 0 ? void 0 : _e.find(Boolean)) === null || _f === void 0 ? void 0 : _f.email) ||
             ((_g = cart.stripeStore.customerProfile) === null || _g === void 0 ? void 0 : _g.email);
-        return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: cart.translate('Contact') }), this.renderAddressComponent('shipping'), index.h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: cart.translate('Shipping address same as billing'), onCheckboxSelected: e => {
+        return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: localization.translate('Contact') }), this.renderAddressComponent('shipping'), index.h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: localization.translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 cart.stripeStore.stripeShippingSameAsBilling = e.detail;
             } }), index.h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
-            variant: this.submitBtnType }, cart.translate('Continue to shipping')))), cart.stripeStore.stripeAddressEventData && (index.h("zonos-address-update-dialog", { billingAddress: !cart.stripeStore.stripeShippingSameAsBilling &&
+            variant: this.submitBtnType }, localization.translate('Continue to shipping')))), cart.stripeStore.stripeAddressEventData && (index.h("zonos-address-update-dialog", { billingAddress: !cart.stripeStore.stripeShippingSameAsBilling &&
                 cart.stripeStore.stripeBillingAddressEventData
                 ? this.prepareAddressObject(cart.stripeStore.stripeBillingAddressEventData)
                 : null, "data-theme": theme, dialogLoading: this.isValidatingAddress, dialogOpen: this.openAddressValidationDialog, isMobile: this.isMobile, onCloseUpdateDialog: () => (this.openAddressValidationDialog = false), onContinueClicked: e => {
@@ -2618,6 +2620,22 @@ const ZonosCustomerInfo = class {
 };
 ZonosCustomerInfo.style = ZonosCustomerInfoStyle0;
 
+const zonosLoadingOverlayCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:fixed;inset:0;z-index:2147483010;pointer-events:none;display:block}:host .zonos--loading-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--zonos-elements-backdrop-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease, visibility 0.3s ease;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:2147483010}:host(.zonos--open){pointer-events:auto}:host(.zonos--open) .zonos--loading-overlay{opacity:0.65;visibility:visible}";
+const ZonosLoadingOverlayStyle0 = zonosLoadingOverlayCss;
+
+const ZonosLoadingOverlay = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.open = false;
+        this.spinnerColor = undefined;
+        this.size = 40;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'eff20c3fe4c4a998748ac07567cc5449efc398cd', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '1b37bfc1a150720e0f4f84075ac661e5395aee3b', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: '42ac91e723802b23897b6e5cd99e0aea7d964da5', size: this.size, spinnerColor: this.spinnerColor }))));
+    }
+};
+ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;
+
 const zonosRestStateCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:20px}:host .zonos--restState-image{width:124px;height:124px;margin-bottom:15px}:host .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8px}";
 const ZonosRestStateStyle0 = zonosRestStateCss;
 
@@ -2635,11 +2653,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: 'a06221e04e00bf733a37d00fdff2643714208eca', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: '754bdcff113a9ec5351d1053ddaea5e542111bbc', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'c889f042cb289876f3e6e002a5527a239ad69791', class: "zonos--restState-image" }, index.h("img", { key: '21b30e32ac86bd0f5e9f9dded3bcd4f3295c9637', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: '3037acffd2d7da9bac11ada7cd4e06e2ae976f72', class: "zonos--restState-image" }, index.h("img", { key: 'd462d07f452caaaf87af20e1b2aad6ac45b43107', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: 'a28cfe4511fb4aa0f0c79b2e6cfaa78b6cbdb2a8', class: "content" }, index.h("zonos-text", { key: '20aa2a10a7617c96f99a6f653a5c1a8a0de85dbe', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '595b823c2e9c3270f510388b4ccbf544581453a9', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '56a2514a6d170849ed87d1ab680e582a0f6e4b24', class: "action" }, index.h("slot", { key: 'b0e8f4dd2ff05929f4ffe7461e5dbe9aa4b5bfc5' }))));
+            }, src: imageUrl })), index.h("div", { key: '9acf78ef8358ad75df01bbbb1ed52b680f896255', class: "content" }, index.h("zonos-text", { key: '8310474f006a1fc1dcf96bac09c770572b20590a', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '623dc98d57eaae5fb1059c658391300aa41a13fb', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'f69613147698a147447a0aac330ad1c67739fed0', class: "action" }, index.h("slot", { key: '823ff6075ecac4598299c29ab2e44a6d5fb6a5d8' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -2685,7 +2703,7 @@ const ZonosReview = class {
         return (index.h(index.Host, { class: classes.classes([
                 'zonos--review zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("div", { class: "zonos--title" }, index.h("zonos-text", { textColor: titleTextColor, type: titleTextType }, cart.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { class: "zonos--title" }, index.h("zonos-text", { textColor: titleTextColor, type: titleTextType }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
         })), renderCollapseIcon()), index.h("div", { class: "zonos--total-pay" }, index.h("zonos-text", { type: totalTextType }, renderCheckoutCurrency({
             amount: total,
@@ -2769,7 +2787,7 @@ const ZonosShipping = class {
             }
             // submit google tag when the form is complete
             paypal.submitGtag('zonos-checkout-shipping-info');
-            const checkoutSessionId = cart.cartStore.checkoutSessionId;
+            const checkoutSessionId = localization.storageStore.checkoutSessionId;
             void cart.trackConversionEvent({
                 checkoutSessionId,
                 eventName: 'checkout_shippingInfoCompleted',
@@ -2786,7 +2804,7 @@ const ZonosShipping = class {
                 // DAP description for non-US countries only
                 case method === 'DAP' &&
                     ((_a = cart.stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country) !== 'US':
-                    return cart.translate(` (Duties due at door)`);
+                    return localization.translate(` (Duties due at door)`);
                 default:
                     return '';
             }
@@ -2802,11 +2820,15 @@ const ZonosShipping = class {
                 const matchedLandedCosts = (_a = cart.cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.filter(landedCostItem => { var _a; return ((_a = landedCostItem.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating.id) === item.id; });
                 return ((matchedLandedCosts === null || matchedLandedCosts === void 0 ? void 0 : matchedLandedCosts.map(landedCost => {
                     const shippingAmount = landedCost.subtotals.shipping;
+                    /**
+                     * For some service levels, the landed cost that's DAP and we do remittance on behalf of the merchant, these landed cost should be treated as DDP
+                     */
+                    const method = cart.cartStoreGetMethod(landedCost.landedCost);
                     const option = {
                         amount: shippingAmount,
-                        label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(landedCost.landedCost.method)}`,
+                        label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(method)}`,
                         landedCostId: landedCost.landedCostId,
-                        method: landedCost.landedCost.method,
+                        method,
                         price: renderCheckoutCurrency({
                             amount: shippingAmount,
                             isForeign: true,
@@ -2907,13 +2929,13 @@ const ZonosShipping = class {
                     this.collapsedDAPOptions && 'collapsed',
                 ]), onClick: () => {
                     this.collapsedDAPOptions = !this.collapsedDAPOptions;
-                } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${cart.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: cart.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, cart.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
+                } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${localization.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: localization.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, localization.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
         };
-        return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !this.serviceLevelsAll.length ? (index.h("zonos-banner", { bannerTitle: cart.cartStore.customQuotingError
+        return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('No shipping method selected'))), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, localization.translate('Shipping method')), !this.serviceLevelsAll.length ? (index.h("zonos-banner", { bannerTitle: cart.cartStore.customQuotingError
                 ? cart.cartStore.customQuotingError
-                : cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, renderServiceLevels())), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+                : localization.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, renderServiceLevels())), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
-            variant: this.submitBtnType }, cart.translate('Go to payment'))))));
+            variant: this.submitBtnType }, localization.translate('Go to payment'))))));
     }
 };
 ZonosShipping.style = ZonosShippingStyle0;
@@ -2928,6 +2950,7 @@ exports.zonos_checkout_progress_tabs = ZonosCheckoutProgressTabs;
 exports.zonos_confirm_dialog = ZonosConfirmDialog;
 exports.zonos_currency_toggle = ZonosCurrencyToggle;
 exports.zonos_customer_info = ZonosCustomerInfo;
+exports.zonos_loading_overlay = ZonosLoadingOverlay;
 exports.zonos_rest_state = ZonosRestState;
 exports.zonos_review = ZonosReview;
 exports.zonos_shipping = ZonosShipping;