@zonos/elements 1.3.230 → 1.3.231

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1c710d00.js');
 const debounce$1 = require('./debounce-2c9f3f1e.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
-const cart = require('./cart-ad82a680.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const cart = require('./cart-9b519566.js');
+const localization = require('./localization-38af974b.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const classes = require('./classes-b7918f56.js');
@@ -1897,7 +1897,7 @@ const validateEmailValue = (value) => {
 const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:16px}.sc-zonos-link-authentication-h .zonos--input-invalid.sc-zonos-link-authentication{border:2px solid var(--zonos-elements-red-600);border-radius:var(--zonos--border-radius)}";
 const ZonosLinkAuthenticationStyle0 = zonosLinkAuthenticationCss;
 
-const MAX_RETRIES_INITIALIZE_LINK = 11;
+const MAX_RETRIES_INITIALIZE_LINK = 31;
 const ZonosLinkAuthentication = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1973,6 +1973,22 @@ const ZonosLinkAuthentication = class {
             });
             cart.stripeStore.stripeLinkElement = linkAuthenticationElement;
             this.retriesInitializeLink = 0;
+            // 10 seconds
+            if (this.retriesInitializeLink > 11) {
+                VarianceTest.log('Stripe link element initialized', 'info', {
+                    retriesInitializeLink: this.retriesInitializeLink,
+                    stripe: this.stripe,
+                });
+                void handleFetch.sendErrorLog({
+                    endpoint: 'stripe-link-authentication-init-long-running',
+                    errors: [
+                        'Stripe link element initialized after 20 retries - 10 seconds',
+                    ],
+                    metadata: {
+                        retriesInitializeLink: this.retriesInitializeLink,
+                    },
+                });
+            }
         }
         catch (error) {
             if (error instanceof Error) {
@@ -1987,7 +2003,7 @@ const ZonosLinkAuthentication = class {
                         endpoint: 'stripe-link-authentication-init-error',
                         errors: [error.message],
                         metadata: {
-                            clientSecret: this.clientSecret,
+                            retriesInitializeLink: this.retriesInitializeLink,
                         },
                     });
                 }

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

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
-const placeTestOrder = require('./placeTestOrder-6aefbf9c.js');
+const cart = require('./cart-9b519566.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
+const placeTestOrder = require('./placeTestOrder-6388881f.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const classes = require('./classes-b7918f56.js');
+const localization = require('./localization-38af974b.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
-const paypal = require('./paypal-88b5e878.js');
-const localization = require('./localization-31e3dfe3.js');
+const hasInclusivePrice = require('./hasInclusivePrice-12605be9.js');
+const paypal = require('./paypal-e8fa2302.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
@@ -152,12 +153,43 @@ const ZonosCartSubtotal = class {
          * Loading state for apply promo code button
          */
         this.loading = false;
+        this.getInclusivePriceType = () => {
+            var _a, _b;
+            const inclusivePriceConfiguration = localization.localizationStore.inclusivePricingConfigurations.find(Boolean);
+            const dutyInclusive = ((_a = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[hasInclusivePrice.DUTY_KEY]) === null || _a === void 0 ? void 0 : _a.status) ===
+                'ENABLED';
+            const taxInclusive = ((_b = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[hasInclusivePrice.TAXES_KEY]) === null || _b === void 0 ? void 0 : _b.status) ===
+                'ENABLED';
+            if (dutyInclusive && taxInclusive) {
+                return 'DUTY_TAX_AND_FEE';
+            }
+            // Fee would also be included with duty if it's inclusive
+            if (dutyInclusive) {
+                return 'DUTY_AND_FEE';
+            }
+            if (taxInclusive) {
+                return 'TAX';
+            }
+            return null;
+        };
+        this.getCartSubtotalSubtitle = () => {
+            const inclusivePriceType = this.getInclusivePriceType();
+            if (inclusivePriceType === 'DUTY_AND_FEE') {
+                return (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Duties and fees included')));
+            }
+            if (inclusivePriceType === 'TAX') {
+                return (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Taxes included')));
+            }
+            return null;
+        };
     }
     render() {
         var _a, _b, _c, _d, _e;
+        // Since now we are prefetching the landed cost, we need to not show the total that includes the landed cost and shipping
+        const cartTotal = cart.cartStore.step === 'customer-info' ? cart.cartStore.subtotal : cart.cartStore.total;
         const showDutyTaxesInfo = cart.cartStore.step === 'payment' || cart.cartStore.step === 'shipping';
         // Show 0 for subtotal and total when all items are restricted
-        const total = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.total : 0;
+        const total = cart.cartStoreHasOneEligibleItem() ? cartTotal : 0;
         // Total is in target currency, devide by target rate to get base currency
         const subtotal = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.subtotal : 0;
         const shouldRenderPromoInput = 
@@ -183,16 +215,43 @@ const ZonosCartSubtotal = class {
             this.loading = false;
         };
         const renderShippingInfo = () => {
-            if (!cart.cartStore.selectedShippingOption) {
+            if (!cart.cartStore.selectedShippingOption ||
+                // Should not show shipping info at customer info step
+                cart.cartStore.step === 'customer-info') {
                 return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.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))));
         };
         const renderLandedCost = () => {
             var _a, _b, _c;
+            // At the moment, inclusive price only support for US merchant
+            if (hasInclusivePrice.hasInclusivePrice()) {
+                const inclusivePriceType = this.getInclusivePriceType();
+                // This should not happen, put it here to exclude null from the type
+                if (!inclusivePriceType) {
+                    return null;
+                }
+                if (inclusivePriceType === 'TAX') {
+                    return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+                        ? placeTestOrder.renderCheckoutCurrency({
+                            amount: cart.cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                if (inclusivePriceType === 'DUTY_AND_FEE') {
+                    return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Taxes'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+                        ? placeTestOrder.renderCheckoutCurrency({
+                            amount: cart.cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('The purchase price covers duties, taxes and fees.'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, "-"))));
+            }
             // Domestic US doesn't have duty applied, just taxes and fees
             if ((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.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" }, translationStore.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 zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
                     cart.cartStore.dutiesTaxesFeesEstimate !== null
                     ? placeTestOrder.renderCheckoutCurrency({
                         amount: cart.cartStore.dutiesTaxesFees ||
@@ -203,23 +262,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" }, translationStore.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
                     ? `${translationStore.translate('Estimated [amount]', {
                         amount: placeTestOrder.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" }, translationStore.translate('Due at delivery')))));
+                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, translationStore.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" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.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 zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
                 ? placeTestOrder.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" }, translationStore.translate('Cart subtotal'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.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" }, translationStore.translate('Cart subtotal')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, this.getCartSubtotalSubtitle())), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.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
@@ -1624,7 +1683,8 @@ const ZonosReview = class {
         this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
     }
     render() {
-        const total = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.total : 0;
+        const cartTotal = cart.cartStore.step === 'customer-info' ? cart.cartStore.subtotal : cart.cartStore.total;
+        const total = cart.cartStoreHasOneEligibleItem() ? cartTotal : 0;
         const titleTextType = this.isMobile ? 'boldSubheader' : 'semiBoldLabel';
         const totalTextType = this.isMobile
             ? 'boldSubheader'

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const paypal = require('./paypal-88b5e878.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const cart = require('./cart-9b519566.js');
+const paypal = require('./paypal-e8fa2302.js');
+const localization = require('./localization-38af974b.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -163,7 +163,10 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
                 return;
             }
             // update the country code in localization store and check if it's shippable
-            localization.localizationStoreUpdateSelectedCountryCode(shippingCountry);
+            localization.localizationStoreUpdateSelectedCountryCode({
+                isInitializing: false,
+                newSelectedCountryCode: shippingCountry,
+            });
             // do nothing if the country is still domestic
             if (!isShippableCountry(false)) {
                 // cleanup the domestic shipping session if it's domestic because we will open the intl checkout after redirecting

package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
+const cart = require('./cart-9b519566.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-31e3dfe3.js');
+require('./localization-38af974b.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./translationStore-b8b25e9d.js');
+require('./translationStore-f2d5eae9.js');
 require('./isDarkColor-994c38e4.js');
 require('./getBorderRadius-c7d9f676.js');
 

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const paypal = require('./paypal-88b5e878.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const cart = require('./cart-9b519566.js');
+const paypal = require('./paypal-e8fa2302.js');
+const localization = require('./localization-38af974b.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const renderFallback = require('./renderFallback-87c908ad.js');
+const renderFallback = require('./renderFallback-bb2c4bce.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-6aefbf9c.js');
+const placeTestOrder = require('./placeTestOrder-6388881f.js');
 require('./isDarkColor-994c38e4.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const renderFallback = require('./renderFallback-87c908ad.js');
-const paypal = require('./paypal-88b5e878.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const cart = require('./cart-9b519566.js');
+const renderFallback = require('./renderFallback-bb2c4bce.js');
+const paypal = require('./paypal-e8fa2302.js');
+const localization = require('./localization-38af974b.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

package/dist/cjs/zonos-confirm-dialog_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-c7d9f676.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const localization = require('./localization-31e3dfe3.js');
+const cart = require('./cart-9b519566.js');
+const localization = require('./localization-38af974b.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-require('./translationStore-b8b25e9d.js');
+require('./translationStore-f2d5eae9.js');
 require('./isDarkColor-994c38e4.js');
 require('./getBorderRadius-c7d9f676.js');
 
@@ -27,6 +27,10 @@ const getZonosSettings = async () => {
     if (overrideSettings.overrideShouldEnabledCustomAddress) {
         params.set('overrideShouldEnabledCustomAddress', overrideSettings.overrideShouldEnabledCustomAddress);
     }
+    const zCountry = localization.getOverridenZCountry();
+    if (zCountry) {
+        params.set('zCountry', zCountry);
+    }
     const { errors, json, zonosMode } = await handleFetch.handleFetch(`/api/zonos-elements/zonos-settings?${params.toString()}`);
     if (errors.length) {
         handleFetch.logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
@@ -676,7 +680,10 @@ const ZonosController = class {
      */
     async overrideCountry(countryCode) {
         VarianceTest.log(`Override country code to ${countryCode}`);
-        void localization.localizationStoreUpdateSelectedCountryCode(countryCode);
+        void localization.localizationStoreUpdateSelectedCountryCode({
+            isInitializing: false,
+            newSelectedCountryCode: countryCode,
+        });
     }
     /**
      * Get appearance from setting
@@ -691,7 +698,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '9554e2f66703eea438104c61265d0e6571d07741', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'c3c33e5e4422b4b05f68fc876a23eb30c9b0f11d', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-31e3dfe3.js');
+const localization = require('./localization-38af974b.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./translationStore-b8b25e9d.js');
+require('./translationStore-f2d5eae9.js');
 
 const zonosCountryFlagCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const localization = require('./localization-38af974b.js');
+const translationStore = require('./translationStore-f2d5eae9.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-994c38e4.js');
@@ -1826,7 +1826,10 @@ const ZonosCountrySelect = class {
         this.inputValue = '';
         this.countrySelected = (countryCode) => {
             // mutate the selected country code in store
-            void localization.localizationStoreUpdateSelectedCountryCode(countryCode);
+            void localization.localizationStoreUpdateSelectedCountryCode({
+                isInitializing: false,
+                newSelectedCountryCode: countryCode,
+            });
             this.handleOnClose();
         };
         this.handleInputChange = (event) => {
@@ -1859,13 +1862,13 @@ const ZonosCountrySelect = class {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (index.h(index.Host, { key: '87e346925730bb4ce7a5a0da35bbffe9fa209e79', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '4bdbe0a40e52745510cf5c51826375eb46d6c85a', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '557543582175b50bcd5e9e0e9362ecc85f0b0ec0', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '3e03b4624abfc1b2239560a62dd33659c30c7d26', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '9664de32cbfb119eb0b3658b71f31039f4d0e064', handleOnClose: () => this.handleOnClose(), label: translationStore.translate('Select a country') }, index.h("input", { key: 'c5f28d334194471298bacc218f36dd7d56f57c1e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translationStore.translate('Search countries'), ref: el => {
+            } }, index.h("div", { key: '82492f3baa43f2691fa9457fdde52fcc6d6b153e', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '56fa5efa199d1f83f8042b9280295d0e08c9d045', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '3b84b57f1b80152fcb0c4049672796c87744517a', handleOnClose: () => this.handleOnClose(), label: translationStore.translate('Select a country') }, index.h("input", { key: '68b9b5af5dbdf20d47e39c45b3c64df772afb56f', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translationStore.translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), index.h("div", { key: '9f623511c7a1576961e527071c10672f3b800359', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: '3c37b29f38ce48ea953df2faf0ab9e349a8e538c', class: "no-country", textColor: "gray-800" }, translationStore.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: 'ebab93c3379e93fcbde6cd634174f981c06bff42', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
+            }, type: "text", value: this.inputValue }))), index.h("div", { key: '365e7ae9464070080182bb4b83f232d0952eb9c8', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: '025ae5379da4ef222c39544bee3b009bc3a3c7a4', class: "no-country", textColor: "gray-800" }, translationStore.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: '3ae131cb44d63bd239e3c90cbfcaf8535817c663', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
                 const country = filteredCountries[index$1];
                 if (!country) {
                     return null;

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-1c710d00.js');
 const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
-const cart = require('./cart-ad82a680.js');
-const localization = require('./localization-31e3dfe3.js');
+const cart = require('./cart-9b519566.js');
+const localization = require('./localization-38af974b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-88b5e878.js');
+const paypal = require('./paypal-e8fa2302.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-require('./translationStore-b8b25e9d.js');
+require('./translationStore-f2d5eae9.js');
 require('./isDarkColor-994c38e4.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">