@zonos/elements 1.3.275 → 1.3.277

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const localization = require('./localization-09e91031.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-d902f973.js');
+const cart = require('./cart-65e8da66.js');
+const localization = require('./localization-90650d7d.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-fd35b4ef.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-57147de7.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
-const hasInclusivePrice = require('./hasInclusivePrice-38ebedfb.js');
-const paypal = require('./paypal-11acb15f.js');
+const hasInclusivePrice = require('./hasInclusivePrice-798ce42d.js');
+const paypal = require('./paypal-1952f6ec.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-e0f80338.js');
+const placeTestOrder = require('./placeTestOrder-30191a8f.js');
 const isDarkColor = require('./isDarkColor-ebc74b4d.js');
 const getContrastColor = require('./getContrastColor-2fb235b8.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
@@ -266,6 +266,41 @@ const ZonosCartSubtotal = class {
             }
             return null;
         };
+        /**
+         * EU 3-EUR cutover (05CHECK-893): for EU remittance quotes that we keep as DAP
+         * (see [[isEuDapRemittance]]), taxes and fees are included in the checkout
+         * total while duties are paid upon delivery. Returns the foreign (presentment)
+         * estimates needed for the dedicated message, or `null` when the selected
+         * quote isn't this case.
+         */
+        this.getEuDapDetails = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const selectedLandedCost = cart.cartStore.selectedLandedCost;
+            const landedCost = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost;
+            if (!landedCost) {
+                return null;
+            }
+            const isEuDap = cart.isEuDapRemittance({
+                deliveryType: (_b = (_a = cart.cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.shippingProfile) === null || _b === void 0 ? void 0 : _b.serviceLevel.deliveryType,
+                landedCost,
+                shipToCountry: (_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country,
+            });
+            if (!isEuDap) {
+                return null;
+            }
+            // Landed cost amounts are in the source currency; convert to presentment.
+            const exchangeRate = selectedLandedCost.subtotals.exchangeRate.rate;
+            const sumAmounts = (amounts) => amounts.reduce((total, { amount }) => total + amount, 0);
+            // Taxes and fees are collected at checkout, so use the checkout session
+            // subtotals (already in presentment currency) — this is what the shopper
+            // actually pays. Duties are not collected (paid on delivery), so they come
+            // from the landed cost estimate converted to presentment.
+            const checkoutSubtotals = (_d = cart.cartStore.checkoutSession) === null || _d === void 0 ? void 0 : _d.subtotals;
+            return {
+                dutiesEstimate: sumAmounts(landedCost.duties) * exchangeRate,
+                taxesAndFeesEstimate: ((_e = checkoutSubtotals === null || checkoutSubtotals === void 0 ? void 0 : checkoutSubtotals.taxes) !== null && _e !== void 0 ? _e : 0) + ((_f = checkoutSubtotals === null || checkoutSubtotals === void 0 ? void 0 : checkoutSubtotals.fees) !== null && _f !== void 0 ? _f : 0),
+            };
+        };
     }
     render() {
         var _a, _b, _c, _d, _e;
@@ -274,6 +309,9 @@ const ZonosCartSubtotal = class {
             ? cart.cartStore.subtotal + cart.cartStore.adjustmentTotal
             : cart.cartStore.total;
         const showDutyTaxesInfo = cart.cartStore.step === 'payment' || cart.cartStore.step === 'shipping';
+        // EU 3-EUR cutover (05CHECK-893): when we collect and remit taxes for an EU
+        // DAP quote, taxes and fees are included while duties are paid on delivery.
+        const euDapDetails = this.getEuDapDetails();
         // Show 0 for subtotal and total when all items are restricted
         const total = cart.cartStoreHasOneEligibleItem() ? cartTotal : 0;
         // Total is in target currency, devide by target rate to get base currency
@@ -372,7 +410,19 @@ const ZonosCartSubtotal = class {
                 amount: cart.cartStore.shipping,
                 isForeign: true,
             })
-            : '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: localization.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
+            : '-')), showDutyTaxesInfo &&
+            (euDapDetails ? (
+            // EU DAP remittance: taxes and fees are collected/included, duties
+            // are estimated and paid upon delivery — show them on two lines.
+            index.h(index.Fragment, null, index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.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" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: euDapDetails.taxesAndFeesEstimate,
+                isForeign: true,
+            })))), index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties')), localization.translate('Estimated [amount]', {
+                amount: renderCheckoutCurrency.renderCheckoutCurrency({
+                    amount: euDapDetails.dutiesEstimate,
+                    isForeign: true,
+                }),
+            })), index.h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, localization.translate('Due at delivery')))))) : (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost()))), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: localization.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
                 if (e.key === 'Enter') {
                     void applyPromoCode();
                 }
@@ -2466,11 +2516,12 @@ const ZonosShipping = class {
                     : '';
                 const matchedLandedCosts = (_a = cart.cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.filter(landedCostItem => { var _a; return ((_a = landedCostItem.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating.id) === item.id; });
                 return ((matchedLandedCosts === null || matchedLandedCosts === void 0 ? void 0 : matchedLandedCosts.map(landedCost => {
+                    var _a;
                     const shippingAmount = landedCost.subtotals.shipping;
                     /**
                      * For some service levels, the landed cost that's DAP and we do remittance on behalf of the merchant, these landed cost should be treated as DDP
                      */
-                    const method = cart.cartStoreGetMethod(landedCost.landedCost);
+                    const method = cart.cartStoreGetMethod(landedCost.landedCost, (_a = item.shippingProfile) === null || _a === void 0 ? void 0 : _a.serviceLevel.deliveryType);
                     const option = {
                         amount: shippingAmount,
                         label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(method)}`,
@@ -2556,6 +2607,7 @@ const ZonosShipping = class {
         void this.preselectFirstShippingMethod();
     }
     render() {
+        var _a;
         // re-init service levels if the currency is toggled
         if (this.isCurrencyToggled()) {
             this.initServiceLevels();
@@ -2564,6 +2616,17 @@ const ZonosShipping = class {
             ...this.serviceLevelsDDP,
             ...this.serviceLevelsOther,
         ];
+        // EU 3-EUR cutover (05CHECK-893): when we collect and remit taxes for an EU
+        // POSTAL DAP quote, only duties (not taxes) are charged upon delivery. The
+        // delivery type lives on the shipment rating, so match it by id.
+        const isEuDapRemittanceQuote = !!((_a = cart.cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.some(landedCostData => {
+            var _a, _b, _c, _d;
+            return cart.isEuDapRemittance({
+                deliveryType: (_c = (_b = (_a = cart.cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.find(shipmentRating => shipmentRating.id === landedCostData.landedCost.shipmentRating.id)) === null || _b === void 0 ? void 0 : _b.shippingProfile) === null || _c === void 0 ? void 0 : _c.serviceLevel.deliveryType,
+                landedCost: landedCostData.landedCost,
+                shipToCountry: (_d = cart.stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value.address.country,
+            });
+        }));
         // start validate on typing after error banner is shown, and hide it if the form is complete
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
@@ -2580,7 +2643,9 @@ const ZonosShipping = class {
                     this.collapsedDAPOptions && 'collapsed',
                 ]), onClick: () => {
                     this.collapsedDAPOptions = !this.collapsedDAPOptions;
-                } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${localization.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: localization.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, localization.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { isMobile: this.isMobile, items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
+                } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${localization.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: localization.translate(isEuDapRemittanceQuote
+                    ? 'Duties will be charged upon delivery.'
+                    : 'Duties and taxes will be charged upon delivery.'), intent: "warning" }, localization.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { isMobile: this.isMobile, items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
         };
         return (index.h(index.Host, { class: classes.classes([
                 'zonos--shipping zonos--elements',

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const paypal = require('./paypal-11acb15f.js');
-const localization = require('./localization-09e91031.js');
+const cart = require('./cart-65e8da66.js');
+const paypal = require('./paypal-1952f6ec.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -18,6 +18,7 @@ const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
 const isDarkColor = require('./isDarkColor-ebc74b4d.js');
 const styles = require('./styles-d1e64fb9.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
+require('./TaxId-12acedde.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 require('./debounce-9a712c79.js');

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

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
+const cart = require('./cart-65e8da66.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-57147de7.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-09e91031.js');
+require('./localization-90650d7d.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
+require('./TaxId-12acedde.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;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-32ea7a37.js');
-const cart = require('./cart-73d7ecdc.js');
-const paypal = require('./paypal-11acb15f.js');
-const localization = require('./localization-09e91031.js');
+const collect = require('./collect-37c177ab.js');
+const cart = require('./cart-65e8da66.js');
+const paypal = require('./paypal-1952f6ec.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -15,10 +15,11 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isCollectMobileTablet = require('./isCollectMobileTablet-884d4280.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-d902f973.js');
-const placeTestOrder = require('./placeTestOrder-e0f80338.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-fd35b4ef.js');
+const placeTestOrder = require('./placeTestOrder-30191a8f.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-ebc74b4d.js');
+require('./TaxId-12acedde.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-32ea7a37.js');
-const cart = require('./cart-73d7ecdc.js');
-const paypal = require('./paypal-11acb15f.js');
-const localization = require('./localization-09e91031.js');
+const collect = require('./collect-37c177ab.js');
+const cart = require('./cart-65e8da66.js');
+const paypal = require('./paypal-1952f6ec.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -17,6 +17,7 @@ const renderFallback = require('./renderFallback-bc20ee20.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
+require('./TaxId-12acedde.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const localization = require('./localization-09e91031.js');
+const cart = require('./cart-65e8da66.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -12,6 +12,7 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const submitGtag = require('./submitGtag-74762255.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
+require('./TaxId-12acedde.js');
 
 const getZonosSettings = async () => {
     if (window.Zonos.cartSettings) {
@@ -721,7 +722,7 @@ const ZonosController = class {
         zonosStore.zonosStore.zonosApiKey = this.zonosApiKey;
         // running with scope async function to avoid blocking the main thread
         (async () => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             const { errors, json, zonosMode } = await getZonosSettings();
             if (((_b = (_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toString()) === '403') {
                 VarianceTest.log('Failed to load zonos settings. This domain may not have access', 'warn');
@@ -790,6 +791,19 @@ const ZonosController = class {
                 VarianceTest.log('zonos controller loaded');
                 return;
             }
+            const hasCartCallback = 
+            // eslint-disable-next-line deprecation/deprecation -- gating Stripe load also honors the legacy callback
+            typeof ((_e = zonosStore.zonosStore.checkoutSettings) === null || _e === void 0 ? void 0 : _e.buildCartDetail) === 'function' ||
+                typeof ((_f = zonosStore.zonosStore.checkoutSettings) === null || _f === void 0 ? void 0 : _f.createCartId) === 'function';
+            // Checkout also runs without merchant cart callbacks when a cart is
+            // prefetched (e.g. `tempCartUUID` -> `cartData`) or when resuming a
+            // payment via the Stripe client secret. Stripe must still load for those.
+            const clientSecret = new URL(window.location.href).searchParams.get('payment_intent_client_secret') || sessionStorage.getItem('zonos--client-secret');
+            const hasPrefetchedCheckoutContext = !!(window.Zonos.cartId && window.Zonos.cartData) || !!clientSecret;
+            if (!hasCartCallback && !hasPrefetchedCheckoutContext) {
+                VarianceTest.log(`Skip loading Stripe because no cart callback (buildCartDetail/createCartId), prefetched cart, or payment client secret is present`, 'warn');
+                return;
+            }
             // send publishable key out to load stripe
             this.stripeInitEvent.emit({
                 publishableKey: publishableKey.token,
@@ -849,7 +863,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '172f5c893940145cc2eb84c721783bc64332d3dc', class: "zonos--elements" });
+        return index.h(index.Host, { key: '925af89a63419b44e6372de48c66e0898d039ae0', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-09e91031.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-09e91031.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-ebc74b4d.js');

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-09e91031.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const hasInclusivePrice = require('./hasInclusivePrice-38ebedfb.js');
+const hasInclusivePrice = require('./hasInclusivePrice-798ce42d.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./handleFetch-954f30e1.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
 const debounce = require('./debounce-9a712c79.js');
-const localization = require('./localization-09e91031.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const localization = require('./localization-09e91031.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-d902f973.js');
+const cart = require('./cart-65e8da66.js');
+const localization = require('./localization-90650d7d.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-fd35b4ef.js');
 const classes = require('./classes-b7918f56.js');
-const invoice = require('./invoice-df662cd1.js');
+const invoice = require('./invoice-96f5c802.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./zonosStore-fee716c9.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
+require('./TaxId-12acedde.js');
 
 const zonosInvoiceCartItemsCss = ":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:last-child{text-align:right;padding-right:0}:host .zonos--cart-table .zonos--column:first-child{padding-left:0;width:50px}:host .zonos--cart-table .zonos--cart-item-link{text-align:left}:host .zonos--cart-table .zonos--cart-item-created-at{text-align:right}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host(.mobile) table{margin-top:16px}:host(.mobile) table td{vertical-align:top}";
 const ZonosInvoiceCartItemsStyle0 = zonosInvoiceCartItemsCss;

package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const paypal = require('./paypal-11acb15f.js');
-const localization = require('./localization-09e91031.js');
+const cart = require('./cart-65e8da66.js');
+const paypal = require('./paypal-1952f6ec.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -14,11 +14,12 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isInvoiceMobileTablet = require('./isInvoiceMobileTablet-dde41e4e.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const invoice = require('./invoice-df662cd1.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-d902f973.js');
-const placeTestOrder = require('./placeTestOrder-e0f80338.js');
+const invoice = require('./invoice-96f5c802.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-fd35b4ef.js');
+const placeTestOrder = require('./placeTestOrder-30191a8f.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-ebc74b4d.js');
+require('./TaxId-12acedde.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const invoice = require('./invoice-df662cd1.js');
-const paypal = require('./paypal-11acb15f.js');
-const localization = require('./localization-09e91031.js');
+const cart = require('./cart-65e8da66.js');
+const invoice = require('./invoice-96f5c802.js');
+const paypal = require('./paypal-1952f6ec.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -16,6 +16,7 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
+require('./TaxId-12acedde.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-09e91031.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-954f30e1.js');

package/dist/cjs/zonos-policy-consent_2.cjs.entry.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-73d7ecdc.js');
-const localization = require('./localization-09e91031.js');
+const cart = require('./cart-65e8da66.js');
+const localization = require('./localization-90650d7d.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-d902f973.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-fd35b4ef.js');
 const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');
 require('./isDarkColor-ebc74b4d.js');
+require('./TaxId-12acedde.js');
 
 const zonosPolicyConsentCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:block;margin-top:20px}.zonos--policy-consent{background-color:var(--zonos-elements-gray-50);border:1px solid var(--zonos-elements-gray-200);border-radius:8px;padding:12px 14px;-webkit-transition:border-color 0.15s ease, background-color 0.15s ease;transition:border-color 0.15s ease, background-color 0.15s ease}.zonos--policy-consent:hover{border-color:var(--zonos-elements-gray-300)}.zonos--policy-consent--error{background-color:var(--zonos-elements-red-50);border-color:var(--zonos-elements-red-400)}.zonos--policy-consent-label{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zonos--policy-consent-checkbox{accent-color:var(--zonos-elements-blue-600);cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:18px;margin:0;width:18px}.zonos--policy-consent-text{color:var(--zonos-elements-gray-800);font-size:14px;line-height:1.45}.zonos--policy-consent-text a{color:var(--zonos-elements-blue-600);text-decoration:underline;text-underline-offset:2px}.zonos--policy-consent-text a:hover{color:var(--zonos-elements-blue-700)}.zonos--policy-consent-error{color:var(--zonos-elements-red-600);font-size:13px;line-height:1.4;margin-top:8px;padding:0 4px}";
 const ZonosPolicyConsentStyle0 = zonosPolicyConsentCss;

package/dist/collection/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.js

@@ -4,6 +4,7 @@ import { stripeStore, stripeStoreApplyPromoCode, stripeStoreRemovePromoCode, } f
 import { localizationStore } from "../../../store/hello/localization";
 import { translate } from "../../../store/translationStore";
 import { zonosStore } from "../../../store/zonosStore";
+import { isEuDapRemittance } from "../../../utils/checkout/isEuDapRemittance";
 import { renderCheckoutCurrency } from "../../../utils/checkout/renderCheckoutCurrency";
 import { hasInclusivePrice } from "../../../utils/hasInclusivePrice";
 import { parseLinkedText } from "../../../utils/parseLinkedText";
@@ -56,6 +57,41 @@ export class ZonosCartSubtotal {
             }
             return null;
         };
+        /**
+         * EU 3-EUR cutover (05CHECK-893): for EU remittance quotes that we keep as DAP
+         * (see [[isEuDapRemittance]]), taxes and fees are included in the checkout
+         * total while duties are paid upon delivery. Returns the foreign (presentment)
+         * estimates needed for the dedicated message, or `null` when the selected
+         * quote isn't this case.
+         */
+        this.getEuDapDetails = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const selectedLandedCost = cartStore.selectedLandedCost;
+            const landedCost = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost;
+            if (!landedCost) {
+                return null;
+            }
+            const isEuDap = isEuDapRemittance({
+                deliveryType: (_b = (_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.shippingProfile) === null || _b === void 0 ? void 0 : _b.serviceLevel.deliveryType,
+                landedCost,
+                shipToCountry: (_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country,
+            });
+            if (!isEuDap) {
+                return null;
+            }
+            // Landed cost amounts are in the source currency; convert to presentment.
+            const exchangeRate = selectedLandedCost.subtotals.exchangeRate.rate;
+            const sumAmounts = (amounts) => amounts.reduce((total, { amount }) => total + amount, 0);
+            // Taxes and fees are collected at checkout, so use the checkout session
+            // subtotals (already in presentment currency) — this is what the shopper
+            // actually pays. Duties are not collected (paid on delivery), so they come
+            // from the landed cost estimate converted to presentment.
+            const checkoutSubtotals = (_d = cartStore.checkoutSession) === null || _d === void 0 ? void 0 : _d.subtotals;
+            return {
+                dutiesEstimate: sumAmounts(landedCost.duties) * exchangeRate,
+                taxesAndFeesEstimate: ((_e = checkoutSubtotals === null || checkoutSubtotals === void 0 ? void 0 : checkoutSubtotals.taxes) !== null && _e !== void 0 ? _e : 0) + ((_f = checkoutSubtotals === null || checkoutSubtotals === void 0 ? void 0 : checkoutSubtotals.fees) !== null && _f !== void 0 ? _f : 0),
+            };
+        };
     }
     render() {
         var _a, _b, _c, _d, _e;
@@ -64,6 +100,9 @@ export class ZonosCartSubtotal {
             ? cartStore.subtotal + cartStore.adjustmentTotal
             : cartStore.total;
         const showDutyTaxesInfo = cartStore.step === 'payment' || cartStore.step === 'shipping';
+        // EU 3-EUR cutover (05CHECK-893): when we collect and remit taxes for an EU
+        // DAP quote, taxes and fees are included while duties are paid on delivery.
+        const euDapDetails = this.getEuDapDetails();
         // Show 0 for subtotal and total when all items are restricted
         const total = cartStoreHasOneEligibleItem() ? cartTotal : 0;
         // Total is in target currency, devide by target rate to get base currency
@@ -162,7 +201,19 @@ export class ZonosCartSubtotal {
                 amount: cartStore.shipping,
                 isForeign: true,
             })
-            : '-')), showDutyTaxesInfo && (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (h("tr", { class: "zonos--row zonos--cart-promo-code" }, h("td", { class: "zonos--column" }), !!appliedPromoCode ? (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (h("zonos-spinner", { size: 16 })) : (h("zonos-badge", { dismissHandler: () => removePromoCode() }, cartStore.promoCode))), h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, h("div", { class: "zonos--cart-promo-code-input-wrapper" }, h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: translate('Add promotional code'), inputValue: cartStore.promoCode, isError: cartStore.promoCodeError, onInputChange: e => (cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
+            : '-')), showDutyTaxesInfo &&
+            (euDapDetails ? (
+            // EU DAP remittance: taxes and fees are collected/included, duties
+            // are estimated and paid upon delivery — show them on two lines.
+            h(Fragment, null, h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), 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" }, renderCheckoutCurrency({
+                amount: euDapDetails.taxesAndFeesEstimate,
+                isForeign: true,
+            })))), h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title zonos--landed-cost" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties')), translate('Estimated [amount]', {
+                amount: renderCheckoutCurrency({
+                    amount: euDapDetails.dutiesEstimate,
+                    isForeign: true,
+                }),
+            })), h("td", { class: "zonos--column zonos--cart-subtotal-price zonos--landed-cost" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))))) : (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), renderLandedCost()))), shouldRenderPromoInput && (h("tr", { class: "zonos--row zonos--cart-promo-code" }, h("td", { class: "zonos--column" }), !!appliedPromoCode ? (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (h("zonos-spinner", { size: 16 })) : (h("zonos-badge", { dismissHandler: () => removePromoCode() }, cartStore.promoCode))), h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, h("div", { class: "zonos--cart-promo-code-input-wrapper" }, h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: translate('Add promotional code'), inputValue: cartStore.promoCode, isError: cartStore.promoCodeError, onInputChange: e => (cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
                 if (e.key === 'Enter') {
                     void applyPromoCode();
                 }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -2157,7 +2157,7 @@ export class ZonosCheckout {
                     "signature": "(session: CheckoutSessionDetailsFragment) => Promise<void>",
                     "parameters": [{
                             "name": "session",
-                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; name: string | null; phone: string | null; locality: string; postalCode: string; }[] | null; name: string | null; storeCreditBalance: number | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; type: LandedCostAdjustmentType | null; item: { amount: number; } | null; }[] | null; currencyCode: CurrencyCode; deMinimis: { type: DeMinimisType; threshold: DeMinimisThreshold; method: IncotermCode; note: string; formula: string; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; landedCostGuaranteeCode: LandedCostGuaranteeCode; id: string; method: IncotermCode; remittance: { amount: number; description: string; }[]; rootId: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { serviceLevel: { code: string; }; transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; paymentProcessor: CheckoutPaymentProcessorType | null; references: { inclusivePriceConfigurationId: string | null; } | null; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; storeCredit: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
+                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; name: string | null; phone: string | null; locality: string; postalCode: string; }[] | null; name: string | null; storeCreditBalance: number | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; type: LandedCostAdjustmentType | null; item: { amount: number; } | null; }[] | null; currencyCode: CurrencyCode; deMinimis: { type: DeMinimisType; threshold: DeMinimisThreshold; method: IncotermCode; note: string; formula: string; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; landedCostGuaranteeCode: LandedCostGuaranteeCode; id: string; method: IncotermCode; remittance: { amount: number; description: string; }[]; rootId: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { serviceLevel: { code: string; deliveryType: DeliveryType | null; }; transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; paymentProcessor: CheckoutPaymentProcessorType | null; references: { inclusivePriceConfigurationId: string | null; } | null; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; storeCredit: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
                             "docs": ""
                         }],
                     "references": {