@zonos/elements 1.3.230 → 1.3.232

package/dist/esm/{updateCheckoutSessionAttributes-160720f6.js → updateCheckoutSessionAttributes-047a6cd4.js}

@@ -1,4 +1,4 @@
-import { d as debounce_1 } from './debounce-f081e4d8.js';
+import { d as debounce_1 } from './debounce-c4785346.js';
 import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 
 const attributesToUpdate = {};

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

@@ -1,17 +1,17 @@
-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 { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bbe9693.js';
+import { d as debounce_1 } from './debounce-c4785346.js';
+import { d as isObject_1, z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
+import { c as stripeStore, t as trackConversionEvent, K as extractName, B as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-14f305b3.js';
+import { s as storageStore, p as getFallbackDefaultCountryCode, q as storageStoreOnChange, l as localizationStore } from './localization-c5029ffc.js';
+import { t as translate } from './translationStore-690c4e04.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';
 import { l as log } from './VarianceTest-572cecf5.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
-import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
+import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
-import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
+import { i as isDarkColor } from './isDarkColor-9ddd90cc.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
 
 var debounce = debounce_1,
@@ -397,7 +397,7 @@ const ZonosAddress$1 = class {
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '2e666ed81597ac95d3de575a2d901d083e9100cc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '51aa6d2415bf6c7e067d0565b11a0d2c0629200b', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: '2e666ed81597ac95d3de575a2d901d083e9100cc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '8ca6987aa7d70093c078e3afca20ac0b1484bd77', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '23345f2b61e387c57a363be8df8aa54ab6461a88', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -559,9 +559,9 @@ const ZonosAddressSuggestions = class {
         return segments;
     }
     render() {
-        return (h(Host, { key: '8ef1b971b88cd2280c40e69e1f6824f64e618467', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '466084b61818244ec8b18aecad34cdf1c3ce07d0', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: '383e615d02815aad0f06d468dfcfbef3640fd5f5', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'f2e6b766f567b0933263e19666e440cf692f248c', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: 'd629272b98461726f7eda75fde4cf1070946cd70', class: "powered-by-container" }, h("zonos-text", { key: '5b5591b04da2034b783f61394dbdc8f172484972', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '45352a7ba4314ee1d68c2a53bb722368182283ee', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '506450cf69ef74cde9ed5159633040701994f455', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: '6d683213f5a4ffe06ba1292234753060a75ddf55', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: '10765017862170072ec33afae156f87c63bab39b', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '8660904e473b17ae5643aacab3d0fba3858c6632', class: "powered-by-container" }, h("zonos-text", { key: 'a310c0e5014e061470eee2c1ce17df59d5cb3cbd', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'a156fa8d30df760a3c87d6519a630ee5c7224525', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '634f7ea46f1f210ecd8b11711eb29e100ae95d76', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
@@ -1751,10 +1751,10 @@ const ZonosAddress = class {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'dcddfc6f0c63371c49f223f86a6c00df7ab30eed', class: classes([
+        return (h(Host, { key: 'fed5a2350a7c3f3d83e21d4538c2ab1fc41fb397', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '70139b5412028d5dba2cc51ee8e3a81e182fd19a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '08a95944a1cc34b50fc7f1c3356e7853a8eb83b0', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '7275e2aa1fe566e43fb223f68257ec0df9fbf5af', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -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 = 51;
 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-badge.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-55a03023.js';
-import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { r as registerInstance, h, H as Host } from './index-0bbe9693.js';
+import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
 import './VarianceTest-572cecf5.js';
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-55a03023.js';
-import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { r as registerInstance, h, H as Host } from './index-0bbe9693.js';
+import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
+import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import './VarianceTest-572cecf5.js';
 
 const zonosBannerCss = ":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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-0bbe9693.js';
+import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
+import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
+import { i as isDarkColor } from './isDarkColor-9ddd90cc.js';
 import { s as styles } from './styles-6fc2fad9.js';
 import './VarianceTest-572cecf5.js';
 

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

@@ -1,23 +1,24 @@
-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 { r as registerInstance, d as getAssetPath, h, H as Host, F as Fragment, c as createEvent, a as getElement } from './index-0bbe9693.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-14f305b3.js';
+import { t as translate } from './translationStore-690c4e04.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-2250f719.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { c as classes } from './classes-0d95c529.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 { l as localizationStore, s as storageStore, c as localizationStoreOnChange } from './localization-c5029ffc.js';
+import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
+import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-0eda8ba9.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-fded8844.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';
+import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { i as isDarkColor, t as tinycolor } from './isDarkColor-83e0c27e.js';
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-9ddd90cc.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-160720f6.js';
+import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-047a6cd4.js';
 import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { e as euCountryCodes } from './TaxId-50d72254.js';
-import './debounce-f081e4d8.js';
+import './debounce-c4785346.js';
 
 const zonosCartItemsCss = ":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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}";
 const ZonosCartItemsStyle0 = zonosCartItemsCss;
@@ -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
@@ -1141,9 +1200,13 @@ const taxIdValidationResult = ({ companyName, shippingCountry, taxId, }) => {
     };
 };
 
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--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;height:100%}.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--tax-id-input.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;height:100%;-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(--zonos--primary-color, var(--zonos-elements-gray-0));z-index:2}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
+const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--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;height:100%}.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--tax-id-input.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;height:100%;-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--error-banner.sc-zonos-customer-info ul.sc-zonos-customer-info{list-style:disc;padding-left:8px}.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(--zonos--primary-color, var(--zonos-elements-gray-0));z-index:2}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
 const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
 
+/**
+ * Max address field length
+ */
+const MAX_CHARACTER_LENGTH_PER_FIELD = 35;
 const ZonosCustomerInfo = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1203,6 +1266,7 @@ const ZonosCustomerInfo = class {
         this.selectedCountryCode = localizationStore.selectedCountryCode;
         this.genericSettings = zonosStore.genericSettings;
         this.addressFormRenderType = cartStore.addressFormRenderType;
+        this.exceededCharacterLimitErrorFieldList = [];
         /**
          * Handler for invalid characters in the address
          */
@@ -1324,6 +1388,72 @@ const ZonosCustomerInfo = class {
                 isValid: !hasError,
             };
         };
+        /**
+         * Make sure all fields in the address are within the character limit
+         */
+        this.validateAddressLength = ({ address, type, }) => {
+            if (!address) {
+                return [];
+            }
+            const { city, line1, postal_code, state } = address.value.address;
+            const { firstName, lastName, name } = address.value;
+            const { firstName: extractedFirstName, lastName: extractedLastName } = extractName({
+                firstName,
+                lastName,
+                name,
+            });
+            const cityLength = city.length;
+            const line1Length = line1.length;
+            const postalCodeLength = postal_code.length;
+            const stateLength = state.length;
+            const firstNameLength = extractedFirstName.length;
+            const lastNameLength = extractedLastName.length;
+            const addressType = type === 'shipping' ? 'shipping' : 'billing';
+            const errorMessageList = [];
+            if (cityLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'City',
+                    value: city,
+                });
+            }
+            if (line1Length > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'Address line 1',
+                    value: line1,
+                });
+            }
+            if (postalCodeLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'Zip',
+                    value: postal_code,
+                });
+            }
+            if (stateLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'State/Province/Region/Prefecture',
+                    value: state,
+                });
+            }
+            if (firstNameLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'First name',
+                    value: extractedFirstName,
+                });
+            }
+            if (lastNameLength > MAX_CHARACTER_LENGTH_PER_FIELD) {
+                errorMessageList.push({
+                    addressType,
+                    fieldLabel: 'Last name',
+                    value: extractedLastName,
+                });
+            }
+            return errorMessageList;
+        };
         this.handleValidate = () => {
             var _a, _b;
             const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
@@ -1359,13 +1489,29 @@ const ZonosCustomerInfo = class {
             });
             log('==> isValidLink', 'info', isValidLink);
             // validate tax id input if it's required for specific countries, optional otherwise
-            const { error, valid } = taxIdValidationResult({
+            const { error, valid: validTaxId } = taxIdValidationResult({
                 companyName: stripeStore.companyName,
                 shippingCountry: this.shippingCountry,
                 taxId: stripeStore.taxId,
             });
-            this.taxIdErrorMessage = !valid ? translate(error) : '';
-            if (!isValidBilling || !isValidShipping || !isValidLink || !valid) {
+            this.taxIdErrorMessage = !validTaxId ? translate(error) : '';
+            const addressLengthErrorList = this.validateAddressLength({
+                address: stripeStore.stripeAddressEventData,
+                type: 'shipping',
+            });
+            const billingAddressLengthErrorList = this.validateAddressLength({
+                address: stripeStore.stripeBillingAddressEventData,
+                type: 'billing',
+            });
+            this.exceededCharacterLimitErrorFieldList = [
+                ...addressLengthErrorList,
+                ...billingAddressLengthErrorList,
+            ];
+            if (!isValidBilling ||
+                !isValidShipping ||
+                !isValidLink ||
+                !validTaxId ||
+                this.exceededCharacterLimitErrorFieldList.length > 0) {
                 return false;
             }
             return true;
@@ -1394,6 +1540,27 @@ const ZonosCustomerInfo = class {
                 state: addressValue.address.state || '',
             };
         };
+        this.renderExceededCharacterLimitError = (type) => {
+            const errorMessageByType = this.exceededCharacterLimitErrorFieldList.filter(({ addressType }) => addressType === type);
+            if (!errorMessageByType.length) {
+                return null;
+            }
+            return (h("zonos-banner", { class: "zonos--error-banner", intent: "error", slot: "below-title" }, h("ul", null, errorMessageByType.map(({ fieldLabel, value }) => {
+                const isAddressLine1 = fieldLabel === 'Address line 1';
+                if (isAddressLine1) {
+                    return (h("li", { key: fieldLabel }, translate('[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.', {
+                        currentLength: value.length,
+                        fieldLabel,
+                        maxLength: MAX_CHARACTER_LENGTH_PER_FIELD,
+                    })));
+                }
+                return (h("li", { key: fieldLabel }, translate('[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.', {
+                    currentLength: value.length,
+                    fieldLabel,
+                    maxLength: MAX_CHARACTER_LENGTH_PER_FIELD,
+                })));
+            }))));
+        };
         this.renderAddressComponent = (type) => {
             if (!this.selectedCountryCode) {
                 void sendErrorLog({
@@ -1424,10 +1591,10 @@ const ZonosCustomerInfo = class {
             }
             // Render custom address component if the custom address form is enabled
             if (this.addressFormRenderType === 'zonos') {
-                return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+                return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
             }
             // Render Stripe address component by default
-            return (h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+            return (h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
         };
     }
     watchShowErrorBanner() {
@@ -1620,7 +1787,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,21 +1,21 @@
-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 { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-e3d0493a.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-0bbe9693.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-14f305b3.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-fded8844.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-c5029ffc.js';
+import { t as translate } from './translationStore-690c4e04.js';
+import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-b434e436.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 { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-047a6cd4.js';
 import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector, g as getAbandonedCartRenewTokenValue } from './CheckoutConfig-724d7bae.js';
 import { l as log, g as getElapsedTime, b as allLogs } from './VarianceTest-572cecf5.js';
 import { c as classes } from './classes-0d95c529.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
-import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
+import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
+import { i as isDarkColor } from './isDarkColor-9ddd90cc.js';
 import { s as styles } from './styles-6fc2fad9.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
-import './debounce-f081e4d8.js';
+import './debounce-c4785346.js';
 
 /**
  * Check if store discount is enabled
@@ -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-collapse.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-0bbe9693.js';
+import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import './VarianceTest-572cecf5.js';
 
 const zonosCollapseCss = ":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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";

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

@@ -1,15 +1,15 @@
-import { r as registerInstance, d as getAssetPath, h, H as Host } from './index-55a03023.js';
-import { e as cartStore } from './cart-c74f9aaa.js';
+import { r as registerInstance, d as getAssetPath, h, H as Host } from './index-0bbe9693.js';
+import { e as cartStore } from './cart-14f305b3.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
-import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { f as zonosStoreFontFamily } from './zonosStore-b434e436.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-106476cb.js';
+import './localization-c5029ffc.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
-import './translationStore-766b7521.js';
-import './isDarkColor-83e0c27e.js';
-import './getBorderRadius-6281d902.js';
+import './translationStore-690c4e04.js';
+import './isDarkColor-9ddd90cc.js';
+import './getBorderRadius-877f6389.js';
 
 const zonosCollectCartItemsCss = ":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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}";
 const ZonosCollectCartItemsStyle0 = zonosCollectCartItemsCss;