@zonos/elements 1.3.230 → 1.3.232

package/dist/cjs/{updateCheckoutSessionAttributes-a4899e90.js → updateCheckoutSessionAttributes-3a1db9de.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const debounce = require('./debounce-2c9f3f1e.js');
+const debounce = require('./debounce-815d1517.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 
 const attributesToUpdate = {};

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

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const debounce$1 = require('./debounce-2c9f3f1e.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
-const cart = require('./cart-ad82a680.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
+const index = require('./index-69fa8852.js');
+const debounce$1 = require('./debounce-815d1517.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
+const cart = require('./cart-bc615014.js');
+const localization = require('./localization-39516612.js');
+const translationStore = require('./translationStore-08d3ff9c.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const classes = require('./classes-b7918f56.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const TaxId = require('./TaxId-12acedde.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const RemoveIcon$2 = require('./RemoveIcon-081ac073.js');
-const isDarkColor = require('./isDarkColor-994c38e4.js');
+const isDarkColor = require('./isDarkColor-878e600e.js');
 const helpers = require('./helpers-5bdbb68c.js');
 
 var debounce = debounce$1.debounce_1,
@@ -401,7 +401,7 @@ const ZonosAddress$1 = class {
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (index.h("zonos-text", { key: '2e666ed81597ac95d3de575a2d901d083e9100cc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: '51aa6d2415bf6c7e067d0565b11a0d2c0629200b', class: "zonos--address-component" })));
+            ]) }, this.titleText && (index.h("zonos-text", { key: '2e666ed81597ac95d3de575a2d901d083e9100cc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: '8ca6987aa7d70093c078e3afca20ac0b1484bd77', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: '23345f2b61e387c57a363be8df8aa54ab6461a88', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -563,9 +563,9 @@ const ZonosAddressSuggestions = class {
         return segments;
     }
     render() {
-        return (index.h(index.Host, { key: '8ef1b971b88cd2280c40e69e1f6824f64e618467', class: "zonos--address-suggestions", role: "group", style: {
+        return (index.h(index.Host, { key: '466084b61818244ec8b18aecad34cdf1c3ce07d0', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius(),
-            } }, index.h("ul", { key: '383e615d02815aad0f06d468dfcfbef3640fd5f5', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (index.h("li", { key: 'f2e6b766f567b0933263e19666e440cf692f248c', "aria-selected": false, class: "powered-by option", role: "option" }, index.h("div", { key: 'd629272b98461726f7eda75fde4cf1070946cd70', class: "powered-by-container" }, index.h("zonos-text", { key: '5b5591b04da2034b783f61394dbdc8f172484972', type: "caption" }, "Suggestions powered by"), index.h("zonos-text", { key: '45352a7ba4314ee1d68c2a53bb722368182283ee', type: "semiBoldLabel" }, "Google")), index.h("zonos-button", { key: '506450cf69ef74cde9ed5159633040701994f455', "aria-label": "Clear suggestions", icon: index.h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
+            } }, index.h("ul", { key: '6d683213f5a4ffe06ba1292234753060a75ddf55', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (index.h("li", { key: '10765017862170072ec33afae156f87c63bab39b', "aria-selected": false, class: "powered-by option", role: "option" }, index.h("div", { key: '8660904e473b17ae5643aacab3d0fba3858c6632', class: "powered-by-container" }, index.h("zonos-text", { key: 'a310c0e5014e061470eee2c1ce17df59d5cb3cbd', type: "caption" }, "Suggestions powered by"), index.h("zonos-text", { key: 'a156fa8d30df760a3c87d6519a630ee5c7224525', type: "semiBoldLabel" }, "Google")), index.h("zonos-button", { key: '634f7ea46f1f210ecd8b11711eb29e100ae95d76', "aria-label": "Clear suggestions", icon: index.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
@@ -1755,10 +1755,10 @@ const ZonosAddress = class {
             this.country = localization.localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'dcddfc6f0c63371c49f223f86a6c00df7ab30eed', class: classes.classes([
+        return (index.h(index.Host, { key: 'fed5a2350a7c3f3d83e21d4538c2ab1fc41fb397', class: classes.classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, index.h("zonos-text", { key: '70139b5412028d5dba2cc51ee8e3a81e182fd19a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, index.h("zonos-text", { key: '08a95944a1cc34b50fc7f1c3356e7853a8eb83b0', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("slot", { key: '7275e2aa1fe566e43fb223f68257ec0df9fbf5af', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1897,7 +1897,7 @@ const validateEmailValue = (value) => {
 const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:16px}.sc-zonos-link-authentication-h .zonos--input-invalid.sc-zonos-link-authentication{border:2px solid var(--zonos-elements-red-600);border-radius:var(--zonos--border-radius)}";
 const ZonosLinkAuthenticationStyle0 = zonosLinkAuthenticationCss;
 
-const MAX_RETRIES_INITIALIZE_LINK = 11;
+const MAX_RETRIES_INITIALIZE_LINK = 51;
 const ZonosLinkAuthentication = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1973,6 +1973,22 @@ const ZonosLinkAuthentication = class {
             });
             cart.stripeStore.stripeLinkElement = linkAuthenticationElement;
             this.retriesInitializeLink = 0;
+            // 10 seconds
+            if (this.retriesInitializeLink > 11) {
+                VarianceTest.log('Stripe link element initialized', 'info', {
+                    retriesInitializeLink: this.retriesInitializeLink,
+                    stripe: this.stripe,
+                });
+                void handleFetch.sendErrorLog({
+                    endpoint: 'stripe-link-authentication-init-long-running',
+                    errors: [
+                        'Stripe link element initialized after 20 retries - 10 seconds',
+                    ],
+                    metadata: {
+                        retriesInitializeLink: this.retriesInitializeLink,
+                    },
+                });
+            }
         }
         catch (error) {
             if (error instanceof Error) {
@@ -1987,7 +2003,7 @@ const ZonosLinkAuthentication = class {
                         endpoint: 'stripe-link-authentication-init-error',
                         errors: [error.message],
                         metadata: {
-                            clientSecret: this.clientSecret,
+                            retriesInitializeLink: this.retriesInitializeLink,
                         },
                     });
                 }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 require('./VarianceTest-bec00ea8.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/cjs/zonos-button_3.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-994c38e4.js');
+const isDarkColor = require('./isDarkColor-878e600e.js');
 const styles = require('./styles-d1e64fb9.js');
 require('./VarianceTest-bec00ea8.js');
 

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

@@ -2,26 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
-const placeTestOrder = require('./placeTestOrder-6aefbf9c.js');
+const index = require('./index-69fa8852.js');
+const cart = require('./cart-bc615014.js');
+const translationStore = require('./translationStore-08d3ff9c.js');
+const placeTestOrder = require('./placeTestOrder-a5469e40.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const classes = require('./classes-b7918f56.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
-const paypal = require('./paypal-88b5e878.js');
-const localization = require('./localization-31e3dfe3.js');
+const localization = require('./localization-39516612.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
+const hasInclusivePrice = require('./hasInclusivePrice-84145546.js');
+const paypal = require('./paypal-1d6f1a71.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const isDarkColor = require('./isDarkColor-994c38e4.js');
+const isDarkColor = require('./isDarkColor-878e600e.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a4899e90.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-3a1db9de.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
-require('./debounce-2c9f3f1e.js');
+require('./debounce-815d1517.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;
@@ -152,12 +153,43 @@ const ZonosCartSubtotal = class {
          * Loading state for apply promo code button
          */
         this.loading = false;
+        this.getInclusivePriceType = () => {
+            var _a, _b;
+            const inclusivePriceConfiguration = localization.localizationStore.inclusivePricingConfigurations.find(Boolean);
+            const dutyInclusive = ((_a = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[hasInclusivePrice.DUTY_KEY]) === null || _a === void 0 ? void 0 : _a.status) ===
+                'ENABLED';
+            const taxInclusive = ((_b = inclusivePriceConfiguration === null || inclusivePriceConfiguration === void 0 ? void 0 : inclusivePriceConfiguration.configurations[hasInclusivePrice.TAXES_KEY]) === null || _b === void 0 ? void 0 : _b.status) ===
+                'ENABLED';
+            if (dutyInclusive && taxInclusive) {
+                return 'DUTY_TAX_AND_FEE';
+            }
+            // Fee would also be included with duty if it's inclusive
+            if (dutyInclusive) {
+                return 'DUTY_AND_FEE';
+            }
+            if (taxInclusive) {
+                return 'TAX';
+            }
+            return null;
+        };
+        this.getCartSubtotalSubtitle = () => {
+            const inclusivePriceType = this.getInclusivePriceType();
+            if (inclusivePriceType === 'DUTY_AND_FEE') {
+                return (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Duties and fees included')));
+            }
+            if (inclusivePriceType === 'TAX') {
+                return (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Taxes included')));
+            }
+            return null;
+        };
     }
     render() {
         var _a, _b, _c, _d, _e;
+        // Since now we are prefetching the landed cost, we need to not show the total that includes the landed cost and shipping
+        const cartTotal = cart.cartStore.step === 'customer-info' ? cart.cartStore.subtotal : cart.cartStore.total;
         const showDutyTaxesInfo = cart.cartStore.step === 'payment' || cart.cartStore.step === 'shipping';
         // Show 0 for subtotal and total when all items are restricted
-        const total = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.total : 0;
+        const total = cart.cartStoreHasOneEligibleItem() ? cartTotal : 0;
         // Total is in target currency, devide by target rate to get base currency
         const subtotal = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.subtotal : 0;
         const shouldRenderPromoInput = 
@@ -183,16 +215,43 @@ const ZonosCartSubtotal = class {
             this.loading = false;
         };
         const renderShippingInfo = () => {
-            if (!cart.cartStore.selectedShippingOption) {
+            if (!cart.cartStore.selectedShippingOption ||
+                // Should not show shipping info at customer info step
+                cart.cartStore.step === 'customer-info') {
                 return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('No shipping method selected'))));
             }
             return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.cartStore.selectedShippingOption.displayName), cart.cartStore.selectedShippingOptionTransitTime && (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.cartStore.selectedShippingOptionTransitTime))));
         };
         const renderLandedCost = () => {
             var _a, _b, _c;
+            // At the moment, inclusive price only support for US merchant
+            if (hasInclusivePrice.hasInclusivePrice()) {
+                const inclusivePriceType = this.getInclusivePriceType();
+                // This should not happen, put it here to exclude null from the type
+                if (!inclusivePriceType) {
+                    return null;
+                }
+                if (inclusivePriceType === 'TAX') {
+                    return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+                        ? placeTestOrder.renderCheckoutCurrency({
+                            amount: cart.cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                if (inclusivePriceType === 'DUTY_AND_FEE') {
+                    return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Taxes'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+                        ? placeTestOrder.renderCheckoutCurrency({
+                            amount: cart.cartStore.dutiesTaxesFees,
+                            isForeign: true,
+                        })
+                        : '-'))));
+                }
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('The purchase price covers duties, taxes and fees.'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, "-"))));
+            }
             // Domestic US doesn't have duty applied, just taxes and fees
             if ((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')) {
-                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
                     cart.cartStore.dutiesTaxesFeesEstimate !== null
                     ? placeTestOrder.renderCheckoutCurrency({
                         amount: cart.cartStore.dutiesTaxesFees ||
@@ -203,23 +262,23 @@ const ZonosCartSubtotal = class {
                     : '-'))));
             }
             if (cart.cartStore.landedCostMethod === 'DAP') {
-                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
                     ? `${translationStore.translate('Estimated [amount]', {
                         amount: placeTestOrder.renderCheckoutCurrency({
                             amount: cart.cartStore.dutiesTaxesFeesEstimate,
                             isForeign: true,
                         }),
                     })}`
-                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, translationStore.translate('Due at delivery')))));
+                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, translationStore.translate('Due at delivery')))));
             }
-            return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+            return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
                 ? placeTestOrder.renderCheckoutCurrency({
                     amount: cart.cartStore.dutiesTaxesFees,
                     isForeign: true,
                 })
                 : '-'))));
         };
-        return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Cart subtotal'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
+        return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Cart subtotal')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, this.getCartSubtotalSubtitle())), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
             amount: subtotal,
             isForeign: true,
         })))), index.h("tr", { class: "zonos--row zonos--cart-shipping" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cart.cartStore.shipping
@@ -1145,9 +1204,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) {
         index.registerInstance(this, hostRef);
@@ -1207,6 +1270,7 @@ const ZonosCustomerInfo = class {
         this.selectedCountryCode = localization.localizationStore.selectedCountryCode;
         this.genericSettings = zonosStore.zonosStore.genericSettings;
         this.addressFormRenderType = cart.cartStore.addressFormRenderType;
+        this.exceededCharacterLimitErrorFieldList = [];
         /**
          * Handler for invalid characters in the address
          */
@@ -1328,6 +1392,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 } = cart.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 = cart.stripeStore.stripeAddressEventData;
@@ -1363,13 +1493,29 @@ const ZonosCustomerInfo = class {
             });
             VarianceTest.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: cart.stripeStore.companyName,
                 shippingCountry: this.shippingCountry,
                 taxId: cart.stripeStore.taxId,
             });
-            this.taxIdErrorMessage = !valid ? translationStore.translate(error) : '';
-            if (!isValidBilling || !isValidShipping || !isValidLink || !valid) {
+            this.taxIdErrorMessage = !validTaxId ? translationStore.translate(error) : '';
+            const addressLengthErrorList = this.validateAddressLength({
+                address: cart.stripeStore.stripeAddressEventData,
+                type: 'shipping',
+            });
+            const billingAddressLengthErrorList = this.validateAddressLength({
+                address: cart.stripeStore.stripeBillingAddressEventData,
+                type: 'billing',
+            });
+            this.exceededCharacterLimitErrorFieldList = [
+                ...addressLengthErrorList,
+                ...billingAddressLengthErrorList,
+            ];
+            if (!isValidBilling ||
+                !isValidShipping ||
+                !isValidLink ||
+                !validTaxId ||
+                this.exceededCharacterLimitErrorFieldList.length > 0) {
                 return false;
             }
             return true;
@@ -1398,6 +1544,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 (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error", slot: "below-title" }, index.h("ul", null, errorMessageByType.map(({ fieldLabel, value }) => {
+                const isAddressLine1 = fieldLabel === 'Address line 1';
+                if (isAddressLine1) {
+                    return (index.h("li", { key: fieldLabel }, translationStore.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 (index.h("li", { key: fieldLabel }, translationStore.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 handleFetch.sendErrorLog({
@@ -1428,10 +1595,10 @@ const ZonosCustomerInfo = class {
             }
             // Render custom address component if the custom address form is enabled
             if (this.addressFormRenderType === 'zonos') {
-                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translationStore.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translationStore.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
             }
             // Render Stripe address component by default
-            return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translationStore.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+            return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translationStore.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
         };
     }
     watchShowErrorBanner() {
@@ -1624,7 +1791,8 @@ const ZonosReview = class {
         this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
     }
     render() {
-        const total = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.total : 0;
+        const cartTotal = cart.cartStore.step === 'customer-info' ? cart.cartStore.subtotal : cart.cartStore.total;
+        const total = cart.cartStoreHasOneEligibleItem() ? cartTotal : 0;
         const titleTextType = this.isMobile ? 'boldSubheader' : 'semiBoldLabel';
         const totalTextType = this.isMobile
             ? 'boldSubheader'

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

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
-const paypal = require('./paypal-88b5e878.js');
-const localization = require('./localization-31e3dfe3.js');
-const translationStore = require('./translationStore-b8b25e9d.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const cart = require('./cart-bc615014.js');
+const paypal = require('./paypal-1d6f1a71.js');
+const localization = require('./localization-39516612.js');
+const translationStore = require('./translationStore-08d3ff9c.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a4899e90.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-3a1db9de.js');
 const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
-const isDarkColor = require('./isDarkColor-994c38e4.js');
+const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
+const isDarkColor = require('./isDarkColor-878e600e.js');
 const styles = require('./styles-d1e64fb9.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
-require('./debounce-2c9f3f1e.js');
+require('./debounce-815d1517.js');
 
 /**
  * Check if store discount is enabled
@@ -163,7 +163,10 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
                 return;
             }
             // update the country code in localization store and check if it's shippable
-            localization.localizationStoreUpdateSelectedCountryCode(shippingCountry);
+            localization.localizationStoreUpdateSelectedCountryCode({
+                isInitializing: false,
+                newSelectedCountryCode: shippingCountry,
+            });
             // do nothing if the country is still domestic
             if (!isShippableCountry(false)) {
                 // cleanup the domestic shipping session if it's domestic because we will open the intl checkout after redirecting

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const index = require('./index-69fa8852.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 require('./VarianceTest-bec00ea8.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/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1c710d00.js');
-const cart = require('./cart-ad82a680.js');
+const index = require('./index-69fa8852.js');
+const cart = require('./cart-bc615014.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
-const zonosStore = require('./zonosStore-5d489c65.js');
+const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-31e3dfe3.js');
+require('./localization-39516612.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./translationStore-b8b25e9d.js');
-require('./isDarkColor-994c38e4.js');
-require('./getBorderRadius-c7d9f676.js');
+require('./translationStore-08d3ff9c.js');
+require('./isDarkColor-878e600e.js');
+require('./getBorderRadius-2ef1170d.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;