@zonos/elements 1.3.229 → 1.3.231

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-55a03023.js';
 import { d as debounce_1 } from './debounce-f081e4d8.js';
 import { d as isObject_1, z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
-import { c as stripeStore, t as trackConversionEvent, K as extractName, B as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-c74f9aaa.js';
-import { s as storageStore, n as getFallbackDefaultCountryCode, o as storageStoreOnChange, l as localizationStore } from './localization-106476cb.js';
-import { t as translate } from './translationStore-766b7521.js';
+import { c as stripeStore, t as trackConversionEvent, K as extractName, B as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-bc0e1598.js';
+import { s as storageStore, p as getFallbackDefaultCountryCode, q as storageStoreOnChange, l as localizationStore } from './localization-53f67640.js';
+import { t as translate } from './translationStore-d241dcf7.js';
 import { l as logError, i as isCheckoutMobile, s as sendErrorLog } from './handleFetch-a844cac1.js';
 import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -1893,7 +1893,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) {
         registerInstance(this, hostRef);
@@ -1969,6 +1969,22 @@ const ZonosLinkAuthentication = class {
             });
             stripeStore.stripeLinkElement = linkAuthenticationElement;
             this.retriesInitializeLink = 0;
+            // 10 seconds
+            if (this.retriesInitializeLink > 11) {
+                log('Stripe link element initialized', 'info', {
+                    retriesInitializeLink: this.retriesInitializeLink,
+                    stripe: this.stripe,
+                });
+                void 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) {
@@ -1983,7 +1999,7 @@ const ZonosLinkAuthentication = class {
                         endpoint: 'stripe-link-authentication-init-error',
                         errors: [error.message],
                         metadata: {
-                            clientSecret: this.clientSecret,
+                            retriesInitializeLink: this.retriesInitializeLink,
                         },
                     });
                 }

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host, F as Fragment, c as createEvent, a as getElement } from './index-55a03023.js';
-import { e as cartStore, E as cartStoreHasOneEligibleItem, F as stripeStoreApplyPromoCode, G as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, I as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, J as stripeStoreTranslateAddressToLatin, K as extractName, z as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, D as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-c74f9aaa.js';
-import { t as translate } from './translationStore-766b7521.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-891295e8.js';
+import { e as cartStore, E as cartStoreHasOneEligibleItem, F as stripeStoreApplyPromoCode, G as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, I as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, J as stripeStoreTranslateAddressToLatin, K as extractName, z as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, D as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-bc0e1598.js';
+import { t as translate } from './translationStore-d241dcf7.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-917731cf.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { c as classes } from './classes-0d95c529.js';
+import { l as localizationStore, s as storageStore, c as localizationStoreOnChange } from './localization-53f67640.js';
 import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-bf3a2bdd.js';
-import { s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-106476cb.js';
+import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-706cc09d.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-3a6a048d.js';
 import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
@@ -148,12 +149,43 @@ const ZonosCartSubtotal = class {
          * Loading state for apply promo code button
          */
         this.loading = false;
+        this.getInclusivePriceType = () => {
+            var _a, _b;
+            const inclusivePriceConfiguration = localizationStore.inclusivePricingConfigurations.find(Boolean);
+            const dutyInclusive = ((_a = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[DUTY_KEY]) === null || _a === void 0 ? void 0 : _a.status) ===
+                'ENABLED';
+            const taxInclusive = ((_b = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[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 (h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Duties and fees included')));
+            }
+            if (inclusivePriceType === 'TAX') {
+                return (h("zonos-text", { class: "zonos--caption", type: "caption" }, 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 = cartStore.step === 'customer-info' ? cartStore.subtotal : cartStore.total;
         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;
+        const total = cartStoreHasOneEligibleItem() ? cartTotal : 0;
         // Total is in target currency, devide by target rate to get base currency
         const subtotal = cartStoreHasOneEligibleItem() ? cartStore.subtotal : 0;
         const shouldRenderPromoInput = 
@@ -179,16 +211,43 @@ const ZonosCartSubtotal = class {
             this.loading = false;
         };
         const renderShippingInfo = () => {
-            if (!cartStore.selectedShippingOption) {
+            if (!cartStore.selectedShippingOption ||
+                // Should not show shipping info at customer info step
+                cartStore.step === 'customer-info') {
                 return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Shipping')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('No shipping method selected'))));
             }
             return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cartStore.selectedShippingOption.displayName), cartStore.selectedShippingOptionTransitTime && (h("zonos-text", { class: "zonos--caption", type: "caption" }, cartStore.selectedShippingOptionTransitTime))));
         };
         const renderLandedCost = () => {
             var _a, _b, _c;
+            // At the moment, inclusive price only support for US merchant
+            if (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 (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties 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 zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
+                        ? renderCheckoutCurrency({
+                            amount: cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                if (inclusivePriceType === 'DUTY_AND_FEE') {
+                    return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
+                        ? renderCheckoutCurrency({
+                            amount: cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('The purchase price covers duties, taxes and fees.'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, "-"))));
+            }
             // Domestic US doesn't have duty applied, just taxes and fees
             if ((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')) {
-                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes and fees'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null ||
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Taxes and fees'))), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null ||
                     cartStore.dutiesTaxesFeesEstimate !== null
                     ? renderCheckoutCurrency({
                         amount: cartStore.dutiesTaxesFees ||
@@ -199,23 +258,23 @@ const ZonosCartSubtotal = class {
                     : '-'))));
             }
             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
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate !== null
                     ? `${translate('Estimated [amount]', {
                         amount: renderCheckoutCurrency({
                             amount: cartStore.dutiesTaxesFeesEstimate,
                             isForeign: true,
                         }),
                     })}`
-                    : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))));
+                    : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, 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
+            return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, 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 zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
                 ? renderCheckoutCurrency({
                     amount: cartStore.dutiesTaxesFees,
                     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" }, renderCheckoutCurrency({
+        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("zonos-text", { class: "zonos--caption", type: "caption" }, this.getCartSubtotalSubtitle())), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: subtotal,
             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
@@ -1620,7 +1679,8 @@ const ZonosReview = class {
         this.isMobile = isCheckoutMobile(this.mobile);
     }
     render() {
-        const total = cartStoreHasOneEligibleItem() ? cartStore.total : 0;
+        const cartTotal = cartStore.step === 'customer-info' ? cartStore.subtotal : cartStore.total;
+        const total = cartStoreHasOneEligibleItem() ? cartTotal : 0;
         const titleTextType = this.isMobile ? 'boldSubheader' : 'semiBoldLabel';
         const totalTextType = this.isMobile
             ? 'boldSubheader'

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-55a03023.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as cartStoreOnChange } from './cart-c74f9aaa.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-bf3a2bdd.js';
-import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-106476cb.js';
-import { t as translate } from './translationStore-766b7521.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as cartStoreOnChange } from './cart-bc0e1598.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-3a6a048d.js';
+import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-53f67640.js';
+import { t as translate } from './translationStore-d241dcf7.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-e3d0493a.js';
-import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-c4488f73.js';
+import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, l as logError, s as sendErrorLog, b as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';
 import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-160720f6.js';
 import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector, g as getAbandonedCartRenewTokenValue } from './CheckoutConfig-724d7bae.js';
@@ -159,7 +159,10 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
                 return;
             }
             // update the country code in localization store and check if it's shippable
-            localizationStoreUpdateSelectedCountryCode(shippingCountry);
+            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/esm/zonos-collect-cart-items_3.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host } from './index-55a03023.js';
-import { e as cartStore } from './cart-c74f9aaa.js';
+import { e as cartStore } from './cart-bc0e1598.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-106476cb.js';
+import './localization-53f67640.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
-import './translationStore-766b7521.js';
+import './translationStore-d241dcf7.js';
 import './isDarkColor-83e0c27e.js';
 import './getBorderRadius-6281d902.js';
 

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-55a03023.js';
-import { c as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, y as stripeStoreReset, I as stripeStoreMessageBasedOnStatus, e as cartStore, r as cartStoreNextStep, z as cartStoreOnChange } from './cart-c74f9aaa.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-bf3a2bdd.js';
-import { s as storageStore, l as localizationStore } from './localization-106476cb.js';
-import { t as translate, b as translationStoreOnChange } from './translationStore-766b7521.js';
+import { c as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, y as stripeStoreReset, I as stripeStoreMessageBasedOnStatus, e as cartStore, r as cartStoreNextStep, z as cartStoreOnChange } from './cart-bc0e1598.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-3a6a048d.js';
+import { s as storageStore, l as localizationStore } from './localization-53f67640.js';
+import { t as translate, b as translationStoreOnChange } from './translationStore-d241dcf7.js';
 import { z as zonosStore } from './zonosStore-e3d0493a.js';
 import { h as handleFetch, s as sendErrorLog, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
-import { i as isCollectMobile, a as isCollectTablet, e as collectStore, r as renderFallback } from './renderFallback-ce0e238a.js';
+import { i as isCollectMobile, a as isCollectTablet, e as collectStore, r as renderFallback } from './renderFallback-cd0e40d9.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-891295e8.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-917731cf.js';
 import './isDarkColor-83e0c27e.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/esm/zonos-collect.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-55a03023.js';
-import { c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, o as cartStoreUpdateToErrorState, f as cartStoreUpdateItems, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, u as stripeStoreUpdateCheckoutSessionBaseCurrency, w as stripeStoreConfirmPayment, B as stripeStoreOnChange, y as stripeStoreReset, g as cartStoreReset } from './cart-c74f9aaa.js';
-import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore, r as renderFallback } from './renderFallback-ce0e238a.js';
-import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-bf3a2bdd.js';
-import { s as storageStore, c as localizationStoreOnChange, d as currencyFormat, l as localizationStore } from './localization-106476cb.js';
-import { t as translate } from './translationStore-766b7521.js';
+import { c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, o as cartStoreUpdateToErrorState, f as cartStoreUpdateItems, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, u as stripeStoreUpdateCheckoutSessionBaseCurrency, w as stripeStoreConfirmPayment, B as stripeStoreOnChange, y as stripeStoreReset, g as cartStoreReset } from './cart-bc0e1598.js';
+import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore, r as renderFallback } from './renderFallback-cd0e40d9.js';
+import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-3a6a048d.js';
+import { s as storageStore, c as localizationStoreOnChange, d as currencyFormat, l as localizationStore } from './localization-53f67640.js';
+import { t as translate } from './translationStore-d241dcf7.js';
 import { z as zonosStore } from './zonosStore-e3d0493a.js';
-import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-c4488f73.js';
+import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, s as sendErrorLog, l as logError, g as getIsTestMode } from './handleFetch-a844cac1.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as log } from './VarianceTest-572cecf5.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-55a03023.js';
-import { t as translate } from './translationStore-766b7521.js';
+import { t as translate } from './translationStore-d241dcf7.js';
 import { g as getZonosStoreTheme, f as zonosStoreFontFamily, z as zonosStore } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-6281d902.js';

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-55a03023.js';
-import { c as stripeStore } from './cart-c74f9aaa.js';
-import { i as isValidSelector, e as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-106476cb.js';
+import { c as stripeStore } from './cart-bc0e1598.js';
+import { e as getOverridenZCountry, i as isValidSelector, h as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-53f67640.js';
 import { z as zonosStore, e as zonosStoreInitSetting, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
 import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 import { l as log } from './VarianceTest-572cecf5.js';
-import './translationStore-766b7521.js';
+import './translationStore-d241dcf7.js';
 import './isDarkColor-83e0c27e.js';
 import './getBorderRadius-6281d902.js';
 
@@ -23,6 +23,10 @@ const getZonosSettings = async () => {
     if (overrideSettings.overrideShouldEnabledCustomAddress) {
         params.set('overrideShouldEnabledCustomAddress', overrideSettings.overrideShouldEnabledCustomAddress);
     }
+    const zCountry = getOverridenZCountry();
+    if (zCountry) {
+        params.set('zCountry', zCountry);
+    }
     const { errors, json, zonosMode } = await handleFetch(`/api/zonos-elements/zonos-settings?${params.toString()}`);
     if (errors.length) {
         logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
@@ -672,7 +676,10 @@ const ZonosController = class {
      */
     async overrideCountry(countryCode) {
         log(`Override country code to ${countryCode}`);
-        void localizationStoreUpdateSelectedCountryCode(countryCode);
+        void localizationStoreUpdateSelectedCountryCode({
+            isInitializing: false,
+            newSelectedCountryCode: countryCode,
+        });
     }
     /**
      * Get appearance from setting
@@ -687,7 +694,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '9554e2f66703eea438104c61265d0e6571d07741', class: "zonos--elements" });
+        return h(Host, { key: 'c3c33e5e4422b4b05f68fc876a23eb30c9b0f11d', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { l as localizationStore } from './localization-106476cb.js';
+import { l as localizationStore } from './localization-53f67640.js';
 import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
-import './translationStore-766b7521.js';
+import './translationStore-d241dcf7.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/esm/zonos-country-select_4.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { a as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './localization-106476cb.js';
-import { t as translate } from './translationStore-766b7521.js';
+import { a as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './localization-53f67640.js';
+import { t as translate } from './translationStore-d241dcf7.js';
 import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
@@ -1822,7 +1822,10 @@ const ZonosCountrySelect = class {
         this.inputValue = '';
         this.countrySelected = (countryCode) => {
             // mutate the selected country code in store
-            void localizationStoreUpdateSelectedCountryCode(countryCode);
+            void localizationStoreUpdateSelectedCountryCode({
+                isInitializing: false,
+                newSelectedCountryCode: countryCode,
+            });
             this.handleOnClose();
         };
         this.handleInputChange = (event) => {
@@ -1855,13 +1858,13 @@ const ZonosCountrySelect = class {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: '87e346925730bb4ce7a5a0da35bbffe9fa209e79', class: "zonos--elements", style: {
+        return (h(Host, { key: '4bdbe0a40e52745510cf5c51826375eb46d6c85a', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '557543582175b50bcd5e9e0e9362ecc85f0b0ec0', class: "zonos--country-select" }, h("zonos-v-stack", { key: '3e03b4624abfc1b2239560a62dd33659c30c7d26', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '9664de32cbfb119eb0b3658b71f31039f4d0e064', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'c5f28d334194471298bacc218f36dd7d56f57c1e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '82492f3baa43f2691fa9457fdde52fcc6d6b153e', class: "zonos--country-select" }, h("zonos-v-stack", { key: '56fa5efa199d1f83f8042b9280295d0e08c9d045', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '3b84b57f1b80152fcb0c4049672796c87744517a', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '68b9b5af5dbdf20d47e39c45b3c64df772afb56f', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: '9f623511c7a1576961e527071c10672f3b800359', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '3c37b29f38ce48ea953df2faf0ab9e349a8e538c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ebab93c3379e93fcbde6cd634174f981c06bff42', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '365e7ae9464070080182bb4b83f232d0952eb9c8', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '025ae5379da4ef222c39544bee3b009bc3a3c7a4', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '3ae131cb44d63bd239e3c90cbfcaf8535817c663', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

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

@@ -2,12 +2,12 @@ import { r as registerInstance, h, H as Host, a as getElement, c as createEvent
 import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
-import { c as stripeStore, t as trackConversionEvent } from './cart-c74f9aaa.js';
-import { s as storageStore } from './localization-106476cb.js';
+import { c as stripeStore, t as trackConversionEvent } from './cart-bc0e1598.js';
+import { s as storageStore } from './localization-53f67640.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-bf3a2bdd.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-3a6a048d.js';
 import { l as log } from './VarianceTest-572cecf5.js';
-import './translationStore-766b7521.js';
+import './translationStore-d241dcf7.js';
 import './isDarkColor-83e0c27e.js';
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">