@zonos/elements 1.3.100 → 1.3.102

package/dist/esm/{zonos-cart-items_12.entry.js → zonos-cart-items_13.entry.js}

@@ -1,9 +1,9 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
-import { d as cartStore, t as translate, E as currencyFormat, F as cartStoreHasOneEligibleItem, G as stripeStoreApplyPromoCode, H as stripeStoreRemovePromoCode, w as stripeStoreReset, j as stripeStore, I as stripeStoreRetrievePayment, J as stripeStoreMessageBasedOnStatus, K as stripeStoreResetPromoCode, l as localizationStore, L as stripeStoreTranslateAddressToLatin, M as cartStoreUpdateSelectedShippingOption, N as cartStoreGetShippingTransitInfo, O as sortServiceLevelOptionsByAmount } from './cart-b7bbf95b.js';
+import { d as cartStore, E as currencyFormat, t as translate, F as cartStoreHasOneEligibleItem, G as stripeStoreApplyPromoCode, H as stripeStoreRemovePromoCode, w as stripeStoreReset, j as stripeStore, I as stripeStoreRetrievePayment, J as stripeStoreMessageBasedOnStatus, K as stripeStoreResetPromoCode, l as localizationStore, L as stripeStoreTranslateAddressToLatin, M as cartStoreUpdateSelectedShippingOption, N as cartStoreGetShippingTransitInfo, O as sortServiceLevelOptionsByAmount } from './cart-9a4c155b.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, a as paypalStore, b as paypalStoreReset, i as isContrastColor } from './paypal-5eaa95d4.js';
+import { s as submitGtag, a as paypalStore, b as paypalStoreReset, i as isContrastColor } from './paypal-63e83a4a.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-4bfd1290.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-65611cd0.js';
 import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
 import { h as handleFetch, s as sendErrorLog } from './handleFetch-ce924688.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
@@ -12,6 +12,44 @@ import { i as isDarkColor, t as tinycolor } from './isDarkColor-4261bc3c.js';
 import { i as isColorVariable } from './isColorVariable-82457bef.js';
 import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 
+const getDisplayCurrency = () => {
+    var _a, _b;
+    const shouldDisplayBaseCurrency = cartStore.displayBaseCurrency;
+    const displayCurrency = shouldDisplayBaseCurrency && ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.sourceCurrencyCode)
+        ? (_b = cartStore.exchangeRate) === null || _b === void 0 ? void 0 : _b.sourceCurrencyCode
+        : cartStore.currency;
+    return displayCurrency;
+};
+
+/**
+ * Unified currency rendering for checkout amounts.
+ * @note This is only to display, not for calculations.
+ */
+const renderCheckoutCurrency = ({ amount, isForeign }) => {
+    var _a;
+    const targetRate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
+    const shouldDisplayBaseCurrency = cartStore.displayBaseCurrency;
+    const displayCurrency = getDisplayCurrency();
+    if (isForeign) {
+        // Amount is in foreign currency, divide by the rate to convert it to the base currency if displaying in base currency
+        const displayAmount = shouldDisplayBaseCurrency
+            ? amount / targetRate
+            : amount;
+        return currencyFormat({
+            amount: displayAmount,
+            currency: displayCurrency,
+        });
+    }
+    // Amount is already in base currency, need to multiply rate to convert to foreign currency if display in foreign currency
+    const displayAmount = shouldDisplayBaseCurrency
+        ? amount
+        : amount * targetRate;
+    return currencyFormat({
+        amount: displayAmount,
+        currency: displayCurrency,
+    });
+};
+
 function extend (destination) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
@@ -1017,20 +1055,19 @@ const ZonosCartItems = class {
         this.errorImages = [];
     }
     render() {
-        var _a;
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
-        const rate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '5bb1ea08c13ffd9521ed1ef3934a0e02bdce3317', class: "zonos--cart-items zonos--elements" }, h("table", { key: '54c1dcf71a22e9fa1108350c272ee5267832f2e3', class: "zonos--cart-table" }, h("tbody", { key: 'f1c426a5cf7db0b4198a25bfb9cb99a2d67908ab' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: '52911cfab4b2da9d65c840cd692e638c9dc732c5', class: "zonos--cart-items zonos--elements" }, h("table", { key: '428a62423a7fcf0721f420c9fdceac4bd928a6eb', class: "zonos--cart-table" }, h("tbody", { key: '41a438eeb79635ba00a241fa9771b9c33c7fe7ff' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
+            const amount = item.amount * item.quantity;
             return (h("tr", { class: "zonos--cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: item.imageUrl, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("div", null, cleanedItemNames.map(name => (h("zonos-text", { type: "label" }, name)))), h("zonos-text", { textColor: "gray-600", type: "caption" }, translate('Quantity'), ": ", item.quantity)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel", weight: 600 }, currencyFormat({
-                amount: item.amount * rate * item.quantity,
-                currency: cartStore.currency,
+                }, width: 40 })) : (h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("div", null, cleanedItemNames.map(name => (h("zonos-text", { type: "label" }, name)))), h("zonos-text", { textColor: "gray-600", type: "caption" }, translate('Quantity'), ": ", item.quantity)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency({
+                amount,
+                isForeign: false,
             })))));
         })))));
     }
@@ -1112,9 +1149,9 @@ const ZonosCartRestrictedItems = class {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: itemImg, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (h("img", { alt: item.name || `Restricted item ${index + 1}`, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), h("zonos-text", { type: "caption" }, item.restriction.reason)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel" }, currencyFormat({
+                }, width: 40 })) : (h("img", { alt: item.name || `Restricted item ${index + 1}`, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), h("zonos-text", { type: "caption" }, item.restriction.reason)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: item.amount * item.quantity * rate,
-                currency: cartStore.currency,
+                isForeign: false,
             })))));
         }))))));
     }
@@ -1137,7 +1174,13 @@ const ZonosCartSubtotal = class {
         const showDutyTaxesInfo = cartStore.step === 'payment' || cartStore.step === 'shipping';
         // Show 0 for subtotal and total when all items are restricted
         const total = cartStoreHasOneEligibleItem() ? cartStore.total : 0;
+        // Total is in target currency, devide by target rate to get base currency
         const subtotal = cartStoreHasOneEligibleItem() ? cartStore.subtotal : 0;
+        const shouldRenderPromoInput = 
+        // Store with no discount rules added in the dashboard, checkout would not display have promo code input
+        !cartStore.shouldHideDiscountInput &&
+            // Only show promo stuff if they are past customer info session in order to get landed cost with promo adjustment
+            cartStore.step !== 'customer-info';
         const appliedPromoCode = (_e = (_d = (_c = (_b = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(Boolean)) === null || _b === void 0 ? void 0 : _b.landedCost.appliedAdjustments) === null || _c === void 0 ? void 0 : _c.find(x => { var _a; return ((_a = x.adjustment) === null || _a === void 0 ? void 0 : _a.source) === 'PROMO_CODE'; })) === null || _d === void 0 ? void 0 : _d.adjustment) === null || _e === void 0 ? void 0 : _e.name;
         const applyPromoCode = async () => {
             // Promo code apply button is clicked
@@ -1164,37 +1207,37 @@ const ZonosCartSubtotal = class {
         const renderLandedCost = () => {
             if (cartStore.landedCostMethod === 'DAP') {
                 return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate !== null
-                    ? `${translate('Estimated')} ${currencyFormat({
+                    ? `${translate('Estimated')} ${renderCheckoutCurrency({
                         amount: cartStore.dutiesTaxesFeesEstimate,
-                        currency: cartStore.currency,
+                        isForeign: true,
                     })}`
                     : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))));
             }
             return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Nothing due at the door'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
-                ? currencyFormat({
+                ? renderCheckoutCurrency({
                     amount: cartStore.dutiesTaxesFees,
-                    currency: cartStore.currency,
+                    isForeign: true,
                 })
                 : '-'))));
         };
-        return (h(Host, { class: "zonos--cart-subtotal zonos--elements" }, h("table", { class: "zonos--cart-table" }, h("tr", { class: "zonos--row zonos--cart-subtotal" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Cart subtotal'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, currencyFormat({
+        return (h(Host, { class: "zonos--cart-subtotal zonos--elements" }, h("table", { class: "zonos--cart-table" }, h("tr", { class: "zonos--row zonos--cart-subtotal" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Cart subtotal'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: subtotal,
-            currency: cartStore.currency,
+            isForeign: true,
         })))), h("tr", { class: "zonos--row zonos--cart-shipping" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cartStore.shipping
-            ? currencyFormat({
+            ? renderCheckoutCurrency({
                 amount: cartStore.shipping,
-                currency: cartStore.currency,
+                isForeign: true,
             })
-            : '-')), showDutyTaxesInfo && (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), renderLandedCost())), cartStore.step !== 'customer-info' && (h("tr", { class: "zonos--row zonos--cart-promo-code" }, h("td", { class: "zonos--column" }), !!appliedPromoCode ? (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (h("zonos-spinner", { size: 16 })) : (h("zonos-badge", { dismissHandler: () => removePromoCode() }, cartStore.promoCode))), h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, h("div", { class: "zonos--cart-promo-code-input-wrapper" }, h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: translate('Add promotional code'), inputValue: cartStore.promoCode, isError: cartStore.promoCodeError, onInputChange: e => (cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
+            : '-')), showDutyTaxesInfo && (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (h("tr", { class: "zonos--row zonos--cart-promo-code" }, h("td", { class: "zonos--column" }), !!appliedPromoCode ? (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (h("zonos-spinner", { size: 16 })) : (h("zonos-badge", { dismissHandler: () => removePromoCode() }, cartStore.promoCode))), h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, h("div", { class: "zonos--cart-promo-code-input-wrapper" }, h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: translate('Add promotional code'), inputValue: cartStore.promoCode, isError: cartStore.promoCodeError, onInputChange: e => (cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
                 if (e.key === 'Enter') {
                     void applyPromoCode();
                 }
-            } }), h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, translate('Apply'))))))), !!cartStore.adjustmentTotal && (h("tr", { class: "zonos--row zonos--cart-discount" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("div", { class: "zonos--title-with-icon" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Discounts')))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, currencyFormat({
+            } }), h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, translate('Apply'))))))), !!cartStore.adjustmentTotal && (h("tr", { class: "zonos--row zonos--cart-discount" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("div", { class: "zonos--title-with-icon" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Discounts')))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: cartStore.adjustmentTotal,
-            currency: cartStore.currency,
-        }))))), h("tr", { class: "zonos--row zonos--cart-pay-total" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Order total'))), h("td", { class: "zonos--column zonos--cart-total-price" }, h("zonos-text", { type: "semiBoldLabel" }, currencyFormat({
+            isForeign: true,
+        }))))), h("tr", { class: "zonos--row zonos--cart-pay-total" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Order total'))), h("td", { class: "zonos--column zonos--cart-total-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: total,
-            currency: cartStore.currency,
+            isForeign: true,
         })))))));
     }
     static get assetsDirs() { return ["assets"]; }
@@ -1465,18 +1508,18 @@ const ZonosCheckoutFinish = class {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: 'e05786eb66ae570afc1c88dc4205c629e0dbcd2f', class: "loading-wrapper" }, h("zonos-spinner", { key: '9fe20969025c8c327629f9e8f1dac89fb372470e' }))), !this.isLoading && (h("div", { key: '950ac9037ae2ecf7a865be3bb6177aed9ed7d45d', class: "zonos--finish-details" }, h("div", { key: '48e9f3764e1cfdee5b163ad9503f1e43bb2000cc', 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: 'd0e1812004b9bf001a97128b7413fce6c97c3813', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: 'fc8ffd74fcbee39481c49d082a25eeab2ead9f92', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'b2fb81b4341f74fb78c2c48b037f8834ac70f296', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'df12d3dc5b98e8dd0ead987b30acd5806d93b7ec', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'b16aa575056c6c388e04eb162727d3caed12cd41', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'caf4423148cd072bf2c916d71d84fba6d4c0b5ea', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '168f2c10cec8f4002b9c114b5d858314559f6efb', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: 'e05786eb66ae570afc1c88dc4205c629e0dbcd2f', class: "loading-wrapper" }, h("zonos-spinner", { key: '9fe20969025c8c327629f9e8f1dac89fb372470e' }))), !this.isLoading && (h("div", { key: '950ac9037ae2ecf7a865be3bb6177aed9ed7d45d', class: "zonos--finish-details" }, h("div", { key: '48e9f3764e1cfdee5b163ad9503f1e43bb2000cc', 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: 'd0e1812004b9bf001a97128b7413fce6c97c3813', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: 'fc8ffd74fcbee39481c49d082a25eeab2ead9f92', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'b2fb81b4341f74fb78c2c48b037f8834ac70f296', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'df12d3dc5b98e8dd0ead987b30acd5806d93b7ec', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'b16aa575056c6c388e04eb162727d3caed12cd41', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'caf4423148cd072bf2c916d71d84fba6d4c0b5ea', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '168f2c10cec8f4002b9c114b5d858314559f6efb', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
 ZonosCheckoutFinish.style = ZonosCheckoutFinishStyle0;
 
-const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color="var(--zonos-elements-gray-1200)" xmlns="http://www.w3.org/2000/svg">
+const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM11.4709 5.80634C11.7686 5.53723 11.9541 5.5 12 5.5C12.0459 5.5 12.2314 5.53723 12.5291 5.80634C12.8115 6.06164 13.1289 6.46913 13.4271 7.03651C13.9505 8.03191 14.3838 9.46098 14.48 11.25H9.51996C9.61624 9.46098 10.0495 8.03191 10.5729 7.03651C10.8711 6.46913 11.1885 6.06164 11.4709 5.80634ZM8.01802 11.25C8.11591 9.23031 8.60319 7.55958 9.24516 6.33849C9.29983 6.23451 9.35585 6.13335 9.41312 6.03514C7.32916 6.94017 5.81218 8.90533 5.5428 11.25H8.01802ZM5.5428 12.75H8.01802C8.11591 14.7697 8.60319 16.4404 9.24516 17.6615C9.29983 17.7655 9.35585 17.8666 9.41312 17.9649C7.32916 17.0598 5.81218 15.0947 5.5428 12.75ZM9.51996 12.75H14.48C14.3838 14.539 13.9505 15.9681 13.4271 16.9635C13.1289 17.5309 12.8115 17.9384 12.5291 18.1937C12.2314 18.4628 12.0459 18.5 12 18.5C11.9541 18.5 11.7686 18.4628 11.4709 18.1937C11.1885 17.9384 10.8711 17.5309 10.5729 16.9635C10.0495 15.9681 9.61624 14.539 9.51996 12.75ZM15.982 12.75C15.8841 14.7697 15.3968 16.4404 14.7548 17.6615C14.7002 17.7655 14.6441 17.8666 14.5869 17.9649C16.6708 17.0598 18.1878 15.0947 18.4572 12.75H15.982ZM18.4572 11.25C18.1878 8.90533 16.6708 6.94017 14.5869 6.03514C14.6441 6.13335 14.7002 6.23451 14.7548 6.33849C15.3968 7.55958 15.8841 9.23031 15.982 11.25H18.4572Z" fill="currentColor"/>
 </svg>
 `;
 
-const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none" color="var(--zonos-elements-gray-1200)" xmlns="https://www.w3.org/2000/svg">
+const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="https://www.w3.org/2000/svg">
 <path d="M38.634 18.7135C38.5431 18.7135 38.4691 18.639 38.4691 18.5476V18.2661C38.4691 18.2318 38.4798 18.198 38.4995 18.1701L43.7197 10.7556H38.9257C38.8348 10.7556 38.7609 10.6811 38.7609 10.5894V9.97732C38.7609 9.88564 38.8348 9.81112 38.9257 9.81112H45.0832C45.1741 9.81112 45.248 9.88564 45.248 9.97732V10.2098C45.248 10.2447 45.2371 10.2785 45.217 10.3067L39.9266 17.7325H45.0832C45.1741 17.7325 45.248 17.807 45.248 17.8987V18.5476C45.248 18.639 45.1741 18.7135 45.0832 18.7135H38.634ZM73.9183 18.7135C73.8691 18.7135 73.8221 18.6911 73.7907 18.6525L68.3512 11.9368V18.5476C68.3512 18.639 68.2775 18.7135 68.1867 18.7135H67.5301C67.4393 18.7135 67.3653 18.639 67.3653 18.5476V9.97732C67.3653 9.88564 67.4393 9.81112 67.5301 9.81112H67.8103C67.8598 9.81112 67.9065 9.83381 67.9378 9.87276L73.3658 16.5991V9.97732C73.3658 9.88564 73.4394 9.81112 73.5303 9.81112H74.174C74.2649 9.81112 74.3388 9.88564 74.3388 9.97732V18.5476C74.3388 18.639 74.2649 18.7135 74.174 18.7135H73.9183ZM100.087 18.7141C98.8032 18.7141 97.1746 18.2161 96.4548 16.8193C96.4348 16.781 96.4319 16.7365 96.4454 16.6957C96.4592 16.6553 96.489 16.6215 96.5281 16.6025L97.111 16.3173C97.1348 16.3057 97.1599 16.3002 97.1847 16.3002C97.2448 16.3002 97.3028 16.3327 97.3319 16.3888C97.8139 17.3207 99.0828 17.808 100.087 17.808C100.852 17.808 102.631 17.6525 102.631 16.2122C102.643 15.088 101.285 14.8338 99.9724 14.5875C98.4341 14.2931 96.6917 13.9592 96.6917 12.2895C96.6792 11.682 96.8804 11.165 97.2896 10.7562C97.8757 10.1717 98.9214 9.82247 100.087 9.82247C101.425 9.82247 102.489 10.0755 103.334 11.3085C103.359 11.3453 103.368 11.3907 103.358 11.4339C103.348 11.4772 103.32 11.5146 103.281 11.537L102.748 11.8457C102.721 11.8611 102.693 11.8681 102.664 11.8681C102.609 11.8681 102.555 11.8411 102.524 11.7924C101.947 10.8862 101.011 10.7507 100.085 10.7394C99.8405 10.7394 97.6773 10.782 97.6773 12.2652C97.6773 13.1607 98.6534 13.4051 100.143 13.6755L100.233 13.6927C101.819 13.9908 103.617 14.3287 103.617 16.2232C103.602 18.5344 100.911 18.7141 100.087 18.7141ZM56.3158 10.7271C55.3007 10.7271 54.4408 11.0451 53.8295 11.647C53.183 12.2833 52.8304 13.2122 52.837 14.2625C52.8483 15.9702 53.9413 17.808 56.3158 17.808C58.7149 17.808 59.8074 15.9705 59.8074 14.2637C59.8074 12.5032 58.7278 10.7271 56.3158 10.7271ZM56.3158 18.7264C53.2572 18.7264 51.8637 16.4066 51.8637 14.2511C51.8637 12.0411 53.2406 9.81112 56.3158 9.81112C57.6053 9.81112 58.7055 10.2233 59.4978 11.0022C60.3241 11.8148 60.7751 12.9776 60.7685 14.2769C60.7563 16.4198 59.358 18.7264 56.3158 18.7264ZM85.3883 10.7271C84.3733 10.7271 83.5138 11.0448 82.9024 11.6461C82.2556 12.2824 81.9027 13.2119 81.9087 14.2628C81.9199 15.9702 83.0136 17.808 85.3883 17.808C87.7863 17.808 88.8787 15.9705 88.8787 14.2637C88.8787 12.5032 87.7994 10.7271 85.3883 10.7271ZM85.3883 18.7264C82.3292 18.7264 80.9356 16.4066 80.9356 14.2511C80.9356 12.0411 82.3123 9.81112 85.3883 9.81112C86.6779 9.81112 87.7778 10.2233 88.57 11.0022C89.3961 11.8148 89.847 12.9776 89.8401 14.2769C89.8289 16.4198 88.4312 18.7264 85.3883 18.7264Z" fill="currentColor"/>
 <path d="M56.3148 10.8733C55.3402 10.8733 54.517 11.1763 53.9341 11.75C53.3158 12.3587 52.9789 13.2511 52.9852 14.2621C52.9956 15.9002 54.0419 17.6629 56.3148 17.6629C58.6118 17.6629 59.6576 15.9012 59.6576 14.2639C59.6576 12.5761 58.6241 10.8733 56.3148 10.8733ZM56.3148 17.9545C53.8385 17.9545 52.6985 16.0413 52.6872 14.2639C52.6803 13.1747 53.0482 12.2091 53.7229 11.5446C54.3628 10.9147 55.259 10.582 56.3148 10.582C58.8296 10.582 59.9553 12.4314 59.9553 14.2639C59.9553 16.0413 58.8162 17.9545 56.3148 17.9545ZM85.3874 10.8733C84.4128 10.8733 83.5899 11.1763 83.007 11.7494C82.3884 12.3581 82.0509 13.2508 82.0569 14.2624C82.0669 15.9002 83.1139 17.6629 85.3874 17.6629C87.6832 17.6629 88.7289 15.9012 88.7289 14.2639C88.7289 12.5761 87.6957 10.8733 85.3874 10.8733ZM85.3874 17.9545C82.9111 17.9545 81.7705 16.0413 81.7589 14.2643C81.7529 13.1741 82.1211 12.2082 82.7961 11.5443C83.4354 10.9147 84.332 10.582 85.3874 10.582C87.9013 10.582 89.0269 12.4314 89.0269 14.2639C89.0269 16.0413 87.8878 17.9545 85.3874 17.9545ZM38.9248 9.95733C38.9176 9.95733 38.9091 9.96592 38.9091 9.97788V10.5903C38.9091 10.6019 38.9176 10.6105 38.9248 10.6105H44.0021L38.6211 18.2532L38.617 18.5482C38.617 18.5601 38.6255 18.5684 38.633 18.5684H45.0822C45.0898 18.5684 45.0979 18.5601 45.0979 18.5482V17.899C45.0979 17.8873 45.0898 17.8787 45.0822 17.8787H39.6405L45.0938 10.2238L45.0979 9.97788C45.0979 9.96592 45.0898 9.95733 45.0822 9.95733H38.9248ZM45.0822 18.8597H38.633C38.46 18.8597 38.3193 18.7202 38.3193 18.5482V18.267C38.3193 18.2035 38.3388 18.1419 38.3751 18.0891L43.4355 10.9018H38.9248C38.7518 10.9018 38.6114 10.762 38.6114 10.5903V9.97788C38.6114 9.80585 38.7518 9.66602 38.9248 9.66602H45.0822C45.2552 9.66602 45.3959 9.80585 45.3959 9.97788V10.2106C45.3959 10.2756 45.3759 10.3382 45.338 10.3906L40.2109 17.5874H45.0822C45.2552 17.5874 45.3959 17.7273 45.3959 17.899V18.5482C45.3959 18.7202 45.2552 18.8597 45.0822 18.8597ZM68.2014 11.5191L73.9173 18.5684H74.173C74.1805 18.5684 74.189 18.5601 74.189 18.5482V9.97788C74.189 9.96561 74.1809 9.95733 74.173 9.95733H73.5297C73.5218 9.95733 73.5137 9.96592 73.5137 9.97788V17.0192L67.8203 9.96316L67.5289 9.95733C67.5217 9.95733 67.5132 9.96592 67.5132 9.97788V18.5482C67.5132 18.5601 67.5217 18.5684 67.5289 18.5684H68.1854C68.1932 18.5684 68.2014 18.5601 68.2014 18.5482V11.5191ZM74.173 18.8597H73.9173C73.822 18.8597 73.7334 18.8174 73.6735 18.7438L68.4994 12.3557V18.5482C68.4994 18.7202 68.3584 18.8597 68.1854 18.8597H67.5289C67.3559 18.8597 67.2155 18.7202 67.2155 18.5482V9.97788C67.2155 9.80585 67.3559 9.66602 67.5289 9.66602H67.809C67.9046 9.66602 67.9939 9.70833 68.0538 9.78285L73.2157 16.1799V9.97788C73.2157 9.80585 73.3564 9.66602 73.5297 9.66602H74.173C74.346 9.66602 74.4867 9.80585 74.4867 9.97788V18.5482C74.4867 18.7202 74.346 18.8597 74.173 18.8597ZM97.1981 16.455L96.5936 16.7334C97.2762 18.0922 98.8465 18.5687 100.086 18.5687C100.876 18.5687 103.453 18.3997 103.467 16.2228C103.467 14.4498 101.808 14.1379 100.204 13.8365L100.113 13.819C98.8427 13.5881 97.5272 13.3495 97.5272 12.2658C97.5272 10.6433 99.822 10.5942 100.084 10.5939C101.054 10.6062 102.035 10.7506 102.649 11.716L103.204 11.4121C102.401 10.2106 101.376 9.96868 100.086 9.96868C98.9596 9.96868 97.9537 10.3014 97.3949 10.8589C97.0148 11.2388 96.828 11.719 96.8396 12.2873C96.8396 13.8398 98.4463 14.1474 99.9997 14.4452C101.308 14.6902 102.792 14.9683 102.779 16.2142C102.779 17.7846 100.896 17.9545 100.086 17.9545C99.0367 17.9545 97.7074 17.4393 97.1981 16.455ZM100.086 18.8603C98.7578 18.8603 97.0715 18.3415 96.321 16.8852C96.2834 16.8128 96.2768 16.7294 96.3031 16.6512C96.3288 16.5743 96.3862 16.5089 96.4605 16.4728L97.0436 16.1873C97.1981 16.1131 97.389 16.1781 97.4639 16.324C97.9189 17.2026 99.1276 17.6629 100.086 17.6629C100.806 17.6629 102.481 17.5215 102.481 16.2127C102.492 15.2087 101.254 14.9769 99.9436 14.7313C98.4275 14.4409 96.5416 14.0796 96.5416 12.29C96.5285 11.6439 96.7444 11.0929 97.1825 10.655C97.7957 10.0426 98.8813 9.67736 100.086 9.67736C101.472 9.67736 102.575 9.94108 103.457 11.2278C103.504 11.2977 103.521 11.3845 103.503 11.4664C103.483 11.5489 103.43 11.62 103.356 11.6629L102.823 11.9717C102.682 12.0536 102.485 12.007 102.397 11.8702C101.858 11.0233 100.966 10.8963 100.082 10.8853C99.853 10.8856 97.8249 10.9264 97.8249 12.2658C97.8249 12.9858 98.5481 13.2388 100.169 13.5329L100.26 13.5501C101.822 13.8438 103.765 14.2091 103.765 16.2238C103.749 18.6702 100.945 18.8603 100.086 18.8603ZM56.3148 9.95733C53.3425 9.95733 52.0119 12.114 52.0119 14.2514C52.0119 16.3369 53.3584 18.5813 56.3148 18.5813C59.2552 18.5813 60.6068 16.3501 60.6184 14.2768C60.6249 13.0165 60.1894 11.8905 59.3912 11.1057C58.6275 10.3544 57.5639 9.95733 56.3148 9.95733ZM56.3148 18.8726C53.1541 18.8726 51.7142 16.477 51.7142 14.2514C51.7142 11.969 53.1366 9.66602 56.3148 9.66602C57.6448 9.66602 58.782 10.0926 59.6021 10.9003C60.4567 11.7402 60.9236 12.9398 60.9164 14.278C60.9038 16.4912 59.4586 18.8726 56.3148 18.8726ZM85.3874 9.95733C82.4141 9.95733 81.0835 12.114 81.0835 14.2514C81.0835 16.3369 82.4304 18.5813 85.3874 18.5813C88.3284 18.5813 89.6797 16.3501 89.69 14.2768C89.6969 13.0165 89.2613 11.8905 88.4638 11.1057C87.7001 10.3544 86.6362 9.95733 85.3874 9.95733ZM85.3874 18.8726C82.2258 18.8726 80.7858 16.477 80.7858 14.2514C80.7858 11.969 82.2085 9.66602 85.3874 9.66602C86.7174 9.66602 87.8543 10.0926 88.6747 10.9003C89.5289 11.7402 89.9956 12.9398 89.988 14.278C89.9764 16.4912 88.5321 18.8726 85.3874 18.8726Z" fill="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8579 3.27103C8.00856 3.27103 2.45604 8.70444 2.45604 15.4069C2.45604 16.5606 2.62039 17.6759 2.92715 18.732C2.94279 18.7858 2.99993 18.8158 3.05327 18.7985L4.76742 18.2444C4.89605 18.2028 5.03443 18.271 5.07981 18.3984L5.18963 18.7065C6.58371 22.6184 10.3868 25.4238 14.8579 25.4238C16.6778 25.4238 18.3852 24.9596 19.8648 24.146C22.9871 22.4291 25.0944 19.1585 25.0944 15.4069C25.0944 12.66 23.9652 10.1718 22.1346 8.36161C22.0943 8.32178 22.029 8.32401 21.9911 8.36608L20.8033 9.68403C20.7122 9.78506 20.5571 9.79476 20.4541 9.70586L20.1964 9.48329C18.7733 8.25413 16.9053 7.50895 14.8579 7.50895C10.4004 7.50895 6.78686 11.045 6.78686 15.4069C6.78686 18.1793 8.24644 20.6188 10.4568 22.0285C10.5051 22.0593 10.5692 22.0425 10.5968 21.9923L11.4438 20.4518C11.5093 20.3326 11.6581 20.2877 11.7786 20.3506L12.081 20.5086C12.9082 20.9407 13.8529 21.1859 14.8579 21.1859C18.1196 21.1859 20.7636 18.5985 20.7636 15.4069C20.7636 12.4472 18.4898 10.0071 15.5584 9.66814C15.4997 9.66135 15.4485 9.70759 15.4485 9.76664V10.5364C15.4485 10.5871 15.4867 10.6298 15.537 10.6366C17.9337 10.9602 19.7793 12.9727 19.7793 15.4069C19.7793 18.0666 17.5759 20.2227 14.8579 20.2227C12.1399 20.2227 9.93655 18.0666 9.93655 15.4069C9.93655 12.9727 11.7822 10.9602 14.1789 10.6366C14.2291 10.6298 14.2674 10.5871 14.2674 10.5364V8.72212C14.2674 8.58405 14.3793 8.47212 14.5174 8.47212H14.8579C18.7719 8.47212 21.9447 11.5769 21.9447 15.4069C21.9447 19.2369 18.7719 22.3417 14.8579 22.3417C13.8955 22.3417 12.9768 22.1536 12.139 21.8128C12.0915 21.7935 12.037 21.8124 12.0123 21.8573L11.1357 23.4517C11.0701 23.571 10.9212 23.6159 10.8006 23.5528L10.4981 23.3943C7.58772 21.8702 5.60573 18.8655 5.60573 15.4069C5.60573 10.4067 9.74808 6.35316 14.8579 6.35316C16.9583 6.35316 18.8962 7.03862 20.4492 8.19281C20.4909 8.2238 20.5494 8.21831 20.5842 8.17972L21.8036 6.82678C21.8946 6.72575 22.0497 6.71605 22.1527 6.80496L22.4104 7.02752C24.7797 9.07392 26.2756 12.0698 26.2756 15.4069C26.2756 19.3595 24.1778 22.8321 21.0147 24.8176C20.97 24.8457 20.9542 24.9034 20.9789 24.95L21.3405 25.6313C21.3675 25.6821 21.4317 25.6998 21.4806 25.6695C24.9548 23.5181 27.2598 19.7255 27.2598 15.4069C27.2598 8.70444 21.7073 3.27103 14.8579 3.27103ZM19.817 25.4734C19.8656 25.4505 19.9237 25.4695 19.9489 25.517L20.7902 27.1021C20.8554 27.2248 21.0082 27.2709 21.1303 27.2046L21.4393 27.0368C25.6136 24.7702 28.441 20.412 28.441 15.4069C28.441 8.06611 22.3596 2.11523 14.8579 2.11523C7.35623 2.11523 1.2749 8.06611 1.2749 15.4069C1.2749 16.927 1.5359 18.3886 2.01692 19.7505L2.12616 20.0598C2.17127 20.1875 2.3099 20.2561 2.43879 20.2144L4.19214 19.6476C4.24168 19.6316 4.2952 19.6564 4.31562 19.7043C6.03606 23.7411 10.1076 26.5796 14.8579 26.5796C16.6341 26.5796 18.3167 26.1824 19.817 25.4734ZM14.8579 11.7469C12.7923 11.7469 11.1177 13.3855 11.1177 15.4069C11.1177 17.4283 12.7923 19.0669 14.8579 19.0669C16.9236 19.0669 18.5982 17.4283 18.5982 15.4069C18.5982 13.3855 16.9236 11.7469 14.8579 11.7469Z" fill="currentColor"/>
@@ -1512,7 +1555,7 @@ const ZonosCheckoutFooter = class {
         var _a;
         const languageLabel = (_a = languages.find(x => x.code === 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-1200';
+        const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
         return (h(Host, { key: '23b8596ab642089e7109ef9f33e5c8f2f864fc04', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '38a8d22389df15c429101560758e4aedabf67bfd', class: "zonos--checkout-footer" }, h("div", { key: '9767bbecf5daad5163372382504c4846a6f547c0', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '1d66d656e6f305fbef4b2a5a360fdb7ac458f989', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'daa1cdff45356cb0b6f78b2ae37f009ef313d174', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
@@ -1583,9 +1626,9 @@ const ZonosCheckoutPayment = class {
             }, size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Pay [orderTotal]', {
-            orderTotal: currencyFormat({
+            orderTotal: renderCheckoutCurrency({
                 amount: cartStore.total,
-                currency: cartStore.currency,
+                isForeign: true,
             }),
         }))), h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
                 this.paypalSessionDone.emit(orderId);
@@ -1694,7 +1737,7 @@ const ZonosCheckoutProgressTabs = class {
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
-                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, translate(tab.label))));
+                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
         })), h("div", { key: '3d2a5c5289a694bf6ec8e93ba15ee4f79123d149', class: "zonos--tab-progress" }, h("div", { key: '7d6ea3e0c81cdb354ccf31748bf88d1937037c52', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
@@ -1808,6 +1851,40 @@ const ZonosConfirmDialog = class {
 };
 ZonosConfirmDialog.style = ZonosConfirmDialogStyle0;
 
+const ZonosCurrencyToggle = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorImages = [];
+    }
+    async handleToggleChanged(changedValue) {
+        var _a;
+        const targetCurrency = (_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.targetCurrencyCode;
+        cartStore.displayBaseCurrency = targetCurrency !== changedValue;
+    }
+    render() {
+        const { exchangeRate } = cartStore;
+        const options = exchangeRate &&
+            exchangeRate.sourceCurrencyCode !== exchangeRate.targetCurrencyCode
+            ? ([
+                {
+                    label: exchangeRate.sourceCurrencyCode,
+                    value: exchangeRate.sourceCurrencyCode,
+                },
+                {
+                    label: exchangeRate.targetCurrencyCode,
+                    value: exchangeRate.targetCurrencyCode,
+                },
+            ])
+            : [];
+        // If there is only one currency, don't show the toggle
+        if (!options.length) {
+            return null;
+        }
+        return (h(Host, { class: "zonos--currency-toggle zonos--elements" }, h("zonos-toggle", { onToggleChanged: e => this.handleToggleChanged(e.detail), options: options, value: cartStore.displayBaseCurrency ? options[0].value : options[1].value })));
+    }
+    static get assetsDirs() { return ["assets"]; }
+};
+
 const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:8px;margin-top:12px;background:var(--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
 const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
 
@@ -2057,7 +2134,7 @@ const ZonosReview = class {
         const totalTextType = this.isMobile
             ? 'boldSubheader'
             : 'secondaryPageHeader';
-        const titleTextColor = this.isMobile ? 'gray-1200' : 'gray-800';
+        const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
         const renderCollapseIcon = () => {
             // only display the collapse icon if the component is being rendered with mobile styles
             if (!this.isMobile) {
@@ -2073,9 +2150,9 @@ const ZonosReview = class {
                 this.isMobile && 'mobile',
             ]) }, h("div", { class: "zonos--title" }, h("zonos-text", { textColor: titleTextColor, type: titleTextType }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        })), renderCollapseIcon()), h("div", { class: "zonos--total-pay" }, h("zonos-text", { type: totalTextType }, currencyFormat({
+        })), renderCollapseIcon()), h("div", { class: "zonos--total-pay" }, h("zonos-text", { type: totalTextType }, renderCheckoutCurrency({
             amount: total,
-            currency: cartStore.currency,
+            isForeign: true,
         })))));
     }
     static get assetsDirs() { return ["assets"]; }
@@ -2188,9 +2265,9 @@ const ZonosShipping = class {
                         label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(landedCost.landedCost.method)}`,
                         landedCostId: landedCost.landedCostId,
                         method: landedCost.landedCost.method,
-                        price: currencyFormat({
+                        price: renderCheckoutCurrency({
                             amount: shippingAmount,
-                            currency: cartStore.currency,
+                            isForeign: true,
                         }),
                         shipmentRatingId: item.id,
                         sublabel,
@@ -2220,6 +2297,13 @@ const ZonosShipping = class {
                 this.collapsedDAPOptions = false;
             }
         };
+        this.isCurrencyToggled = () => {
+            if (this.displayBaseCurrency !== cartStore.displayBaseCurrency) {
+                this.displayBaseCurrency = cartStore.displayBaseCurrency;
+                return true;
+            }
+            return false;
+        };
         this.preselectFirstShippingMethod = () => {
             this.initServiceLevels();
             const selectedServiceLevel = this.serviceLevelsAll.find(item => { var _a; return item.shipmentRatingId === ((_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
@@ -2247,6 +2331,7 @@ const ZonosShipping = class {
         this.serviceLevelsDAP = [];
         this.serviceLevelsOther = [];
         this.serviceLevelsAll = [];
+        this.displayBaseCurrency = false;
     }
     componentWillLoad() {
         this.preselectFirstShippingMethod();
@@ -2256,6 +2341,10 @@ const ZonosShipping = class {
             // re-init service levels if the shipping data is outdated (promo code applied)
             this.preselectFirstShippingMethod();
         }
+        // re-init service levels if the currency is toggled
+        else if (this.isCurrencyToggled()) {
+            this.initServiceLevels();
+        }
         const defaultShownServiceLevels = [
             ...this.serviceLevelsDDP,
             ...this.serviceLevelsOther,
@@ -2264,17 +2353,17 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: '0c895b18d357ef8eabe669c08abb04a7875c4a3b', class: "zonos--shipping zonos--elements" }, h("div", { key: 'aafe4e7717db89817ba05faecbde40264c664877', class: "zonos--group" }, h("zonos-text", { key: '4a9aa32cef9e0579e51c621de75554ba4f1f045c', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: '2e0c46959285fbc6119a432f93839048e297b1cb', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'ca9d17180a9503f4cd1eaad0c8d2a525b62a0cfd', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: 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" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+        return (h(Host, { key: '186cd73af5a86fdeafd0213f8923907d43167a66', class: "zonos--shipping zonos--elements" }, h("div", { key: '88681a6f08bdde1788a546cb1311ace4f065d408', class: "zonos--group" }, h("zonos-text", { key: '75deb5b42546d7b8d615d5613f687f9b0778377d', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: '07669e8782f210132e8d170729a430035c7d6d7c', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '869c3df8762f6c704bfac40c0b9a7a16e845045e', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: 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" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
             !!this.serviceLevelsDAP.length && (h("button", { class: classes([
                 'zonos--shipping-options-collapse-trigger',
                 this.collapsedDAPOptions && 'collapsed',
             ]), onClick: () => {
                 this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '389883f40d9b184b7476de15c5f8350ff982e084', class: "zonos--group-btn" }, h("zonos-button", { key: '4d100db1ba55e74051e427c716881e0e73b69bbd', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '571b9856c2dc767b082adb154c3f75f49366199d', class: "zonos--group-btn" }, h("zonos-button", { key: '4153a317ffa612867cf55763f586a58abda0473b', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Go to payment'))))));
     }
 };
 ZonosShipping.style = ZonosShippingStyle0;
 
-export { ZonosCartItems as zonos_cart_items, ZonosCartRestrictedItems as zonos_cart_restricted_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutFooter as zonos_checkout_footer, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCheckoutProgressTabs as zonos_checkout_progress_tabs, ZonosConfirmDialog as zonos_confirm_dialog, ZonosCustomerInfo as zonos_customer_info, ZonosRestState as zonos_rest_state, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };
+export { ZonosCartItems as zonos_cart_items, ZonosCartRestrictedItems as zonos_cart_restricted_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutFooter as zonos_checkout_footer, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCheckoutProgressTabs as zonos_checkout_progress_tabs, ZonosConfirmDialog as zonos_confirm_dialog, ZonosCurrencyToggle as zonos_currency_toggle, ZonosCustomerInfo as zonos_customer_info, ZonosRestState as zonos_rest_state, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as getZCountryUrlParam, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreHandleInventoryCheck, v as stripeStoreConfirmPayment, w as stripeStoreReset, x as localizationStoreOnUpdate } from './cart-b7bbf95b.js';
-import { s as submitGtag, p as paypalInitScript } from './paypal-5eaa95d4.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as getZCountryUrlParam, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreHandleInventoryCheck, v as stripeStoreConfirmPayment, w as stripeStoreReset, x as localizationStoreOnUpdate } from './cart-9a4c155b.js';
+import { s as submitGtag, p as paypalInitScript } from './paypal-63e83a4a.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-7798ac16.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-4bfd1290.js';
+import { h as handleFetch, l as log, a as logError, s as sendErrorLog, b as allLogs } from './handleFetch-ce924688.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-65611cd0.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { l as log, a as logError, s as sendErrorLog, b as allLogs } from './handleFetch-ce924688.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-e55a9df1.js';
 import { i as isDarkColor } from './isDarkColor-4261bc3c.js';
@@ -36,6 +36,17 @@ const buildCartItemsByTempCart = (tempCartData) => {
     };
 };
 
+/**
+ * Check if store discount is enabled
+ */
+const isStoreDiscountEnabled = async () => {
+    const { errors, json } = await handleFetch('/api/zonos-elements/get-store-discount-enabled-status');
+    if (errors.length || !(json === null || json === void 0 ? void 0 : json.enabled)) {
+        return { enabled: false };
+    }
+    return { enabled: true };
+};
+
 const isDisabledCountry = (showLog = true) => {
     if (!localizationStore.localizationLoaded) {
         return true;
@@ -174,7 +185,7 @@ const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
 </svg>
 `;
 
-const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout img.sc-zonos-checkout{max-height:72px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";
+const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--right-actions.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout img.sc-zonos-checkout{max-height:72px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";
 const ZonosCheckoutStyle0 = zonosCheckoutCss;
 
 // 90 minutes
@@ -370,6 +381,9 @@ const ZonosCheckout = class {
                         isPreview: this.preview,
                         sessionTimeout: CHECKOUT_SESSION_TIMEOUT,
                     });
+                    const { enabled } = await isStoreDiscountEnabled();
+                    // Hide discount input if there's no active discount configured for the store
+                    cartStore.shouldHideDiscountInput = !enabled;
                     submitGtag('zonos-checkout-start');
                     void trackConversionEvent('checkout_open');
                 }
@@ -755,7 +769,7 @@ const ZonosCheckout = class {
                     '--primary-color': !this.isMobile ? colorPrimary : '',
                 } }, !this.isMobile && renderTopHeader(), cartStore.step === 'customer-info' && (h("zonos-customer-info", { continueLoading: this.submitLoading, defaultAddress: this.defaultAddress, isMobile: this.isMobile, onContinueClicked: () => this.handleCustomerInfoContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'shipping' && (h("zonos-shipping", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleShippingContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'payment' && (h("zonos-checkout-payment", { continueLoading: this.submitLoading, onContinueClicked: async () => {
                     await this.handleStripePaymentContinue();
-                }, submitBtnColor: submitButtonColor }))), h("div", { class: "zonos--right", "data-theme": rightSideTheme }, this.isMobile && renderTopHeader(), !this.isLegacyCheckout && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.closeDialogHandler() })), h("div", { class: "flex--wrapper" }, h("div", { class: "zonos--wrapper" }, h("zonos-review", { collapsed: this.collapseReviewMobile, mobile: this.isMobile, onClick: () => {
+                }, submitBtnColor: submitButtonColor }))), h("div", { class: "zonos--right", "data-theme": rightSideTheme }, this.isMobile && renderTopHeader(), h("div", { class: "zonos--right-actions" }, window.Zonos.showBaseForeign && (h("zonos-currency-toggle", null)), !this.isLegacyCheckout && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.closeDialogHandler() }))), h("div", { class: "flex--wrapper" }, h("div", { class: "zonos--wrapper" }, h("zonos-review", { collapsed: this.collapseReviewMobile, mobile: this.isMobile, onClick: () => {
                     // do nothing if it's not mobile
                     if (!this.isMobile) {
                         return;

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

@@ -18,7 +18,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '4781e3197d34a39d600c1eebc8ed97e801791c81' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '680750af83db9bbfb563fe37d1dc631e6ec60e32' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { y as isValidSelector, j as stripeStore, z as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-b7bbf95b.js';
+import { y as isValidSelector, j as stripeStore, z as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-9a4c155b.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-ce924688.js';
 import './isDarkColor-4261bc3c.js';
@@ -328,7 +328,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '9ce30001769cc193eb206f99c7b8503aec7b738d', class: "zonos--elements" });
+        return h(Host, { key: '4fbe37aa73ee16150bf40bdcc3bf5d0d0c092482', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { l as localizationStore } from './cart-b7bbf95b.js';
+import { l as localizationStore } from './cart-9a4c155b.js';
 import { d as zonosStoreFontFamily } from './zonosStore-7798ac16.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-ce924688.js';