@zonos/elements 1.3.72 → 1.3.74

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getAssetPath, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
 import { d as zonosStoreFontFamily, z as zonosStore, g as getZonosStoreTheme } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
-import { d as cartStore, E as currencyFormat, F as cartStoreHasOneEligibleItem, t as translate, v as stripeStoreReset, j as stripeStore, G as stripeStoreRetrievePayment, H as stripeStoreMessageBasedOnStatus, l as localizationStore, I as stripeStoreTranslateAddressToLatin, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo } from './cart-df09faed.js';
-import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-0ffe4ddb.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-c5bce51a.js';
+import { d as cartStore, E as currencyFormat, F as cartStoreHasOneEligibleItem, t as translate, v as stripeStoreReset, j as stripeStore, G as stripeStoreRetrievePayment, H as stripeStoreMessageBasedOnStatus, l as localizationStore, I as stripeStoreTranslateAddressToLatin, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo } from './cart-66d17f99.js';
+import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-3e2c7b41.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-4ac32a26.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 import { h as handleFetch, s as sendErrorLog } from './handleFetch-80ecfb91.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
@@ -1062,7 +1062,7 @@ const ZonosShipping = class {
             }
             this.isSelecting = true;
             // save selected shipping option to store
-            const updateStatus = await cartStoreUpdateSelectedShippingOption(selectedShippingOption);
+            const updateStatus = await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
             if (!updateStatus) {
                 return;
             }
@@ -1089,6 +1089,16 @@ const ZonosShipping = class {
                 serviceLevelId: (_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value,
             });
         };
+        this.getLandedCostMethodLabelSuffix = (method) => {
+            switch (method) {
+                case 'DAP':
+                    return translate(` (Duties due at door)`);
+                case 'DDP':
+                    return translate(` (Duties prepaid)`);
+                default:
+                    return '';
+            }
+        };
         this.initServiceLevels = () => {
             var _a;
             const serviceLevels = ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.flatMap(item => {
@@ -1097,22 +1107,22 @@ const ZonosShipping = class {
                 const sublabel = transitData
                     ? `${transitData.minTransit}-${transitData.maxTransit} ${transitData.unit}`
                     : '';
-                const foundShipmentRating = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(landedCostItem => { var _a; return ((_a = landedCostItem.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating.id) === item.id; });
-                if (!foundShipmentRating) {
-                    // exclude shipping method if there is no matching landed cost data
-                    return [];
-                }
-                const shippingAmount = foundShipmentRating.subtotals.shipping;
-                return {
-                    amount: shippingAmount,
-                    label: item.displayName,
-                    price: currencyFormat({
+                const matchedLandedCosts = (_a = 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 => {
+                    const shippingAmount = landedCost.subtotals.shipping;
+                    return {
                         amount: shippingAmount,
-                        currency: cartStore.currency,
-                    }),
-                    sublabel,
-                    value: item.id,
-                };
+                        label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(landedCost.landedCost.method)}`,
+                        landedCostId: landedCost.landedCostId,
+                        price: currencyFormat({
+                            amount: shippingAmount,
+                            currency: cartStore.currency,
+                        }),
+                        shipmentRatingId: item.id,
+                        sublabel,
+                        value: landedCost.landedCostId,
+                    };
+                })) || []);
             })) || [];
             // sort service level by price
             this.serviceLevels = sortServiceLevelOptions(serviceLevels);
@@ -1147,7 +1157,7 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: '336133934d1d10521f48d4338fbf478a37ee7bab', class: "zonos--shipping zonos--elements" }, h("div", { key: 'bfb098aa9fa0f24578107048aff71a64e6e67ed0', class: "zonos--group" }, h("zonos-text", { key: '611a8d2d7097c3bf165e468913162f9a0f30948f', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (h("zonos-banner", { key: '6b981e57509865fabe526a7a4aeb0c69c8e338cb', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '481daf2257fd20776d9c8a6a051a0c82549fbcaf', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), h("div", { key: '06c739fee83459f10de92267135f7152c9783284', class: "zonos--group-btn" }, h("zonos-button", { key: '1836cbd3d9d74611e7c569bc9d61e3b2a7f76df4', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+        return (h(Host, { key: '936f32623147a463fad1a957237424256c6421e7', class: "zonos--shipping zonos--elements" }, h("div", { key: 'e3c19cb175d3766d34f3aedb3209a3634fbeb464', class: "zonos--group" }, h("zonos-text", { key: '8c5bb7f7a759a30d589f163cec68a9389f46639d', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (h("zonos-banner", { key: '7a8d26acd0cbdd9cd9e208c7c58e1e3ea7e0c207', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '4a689123ff3f9a7a855b27ecce318a93f370bc0f', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), h("div", { key: '5f23bb89b99151cd7af96343c377a3f8ecfe5516', class: "zonos--group-btn" }, h("zonos-button", { key: '8c25df7afa909af7fdea64b155588fadb3019e66', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Go to payment'))))));
     }

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as cartStoreSetCheckoutSession, p as stripeStorePrefetchLandedCost, q as cartStoreNextStep, r as stripeStoreHandleInventoryCheck, u as stripeStoreConfirmPayment, v as stripeStoreReset, w as localizationStoreOnUpdate } from './cart-df09faed.js';
-import { s as submitGtag, p as paypalInitScript } from './paypal-0ffe4ddb.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as cartStoreSetCheckoutSession, p as stripeStorePrefetchLandedCost, q as cartStoreNextStep, r as stripeStoreHandleInventoryCheck, u as stripeStoreConfirmPayment, v as stripeStoreReset, w as localizationStoreOnUpdate } from './cart-66d17f99.js';
+import { s as submitGtag, p as paypalInitScript } from './paypal-3e2c7b41.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-0dc7a947.js';
-import { c as createCustomEvent, t as trackConversionEvent, g as getIsTestMode } from './createCustomEvent-c5bce51a.js';
+import { c as createCustomEvent, t as trackConversionEvent, g as getIsTestMode } from './createCustomEvent-4ac32a26.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as log, a as logError, s as sendErrorLog } from './handleFetch-80ecfb91.js';
 import { c as classes } from './classes-0d95c529.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { x as isValidSelector, j as stripeStore, y as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-df09faed.js';
+import { x as isValidSelector, j as stripeStore, y as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-66d17f99.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-80ecfb91.js';
 import './isDarkColor-b3afa948.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { l as localizationStore } from './cart-df09faed.js';
+import { l as localizationStore } from './cart-66d17f99.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-80ecfb91.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './cart-df09faed.js';
+import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './cart-66d17f99.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-86b8247e.js';
-import { t as translate, l as localizationStore, E as currencyFormat } from './cart-df09faed.js';
+import { t as translate, l as localizationStore, E as currencyFormat } from './cart-66d17f99.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-0dc7a947.js';
-import { l as localizationStore, x as isValidSelector, t as translate, z as getZCountryUrlParam, A as setZCountryUrlParam, B as currencyDisplay, C as currencyConvertAndFormat, D as currencyConvert, E as currencyFormat } from './cart-df09faed.js';
+import { l as localizationStore, x as isValidSelector, t as translate, z as getZCountryUrlParam, A as setZCountryUrlParam, B as currencyDisplay, C as currencyConvertAndFormat, D as currencyConvert, E as currencyFormat } from './cart-66d17f99.js';
 import { c as classes } from './classes-0d95c529.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-80ecfb91.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { L as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-df09faed.js';
+import { L as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-66d17f99.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './handleFetch-80ecfb91.js';

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-86b8247e.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
-import { j as stripeStore } from './cart-df09faed.js';
+import { j as stripeStore } from './cart-66d17f99.js';
 import { a as logError, l as log } from './handleFetch-80ecfb91.js';
-import { d as paypalStoreInitButtons } from './paypal-0ffe4ddb.js';
+import { d as paypalStoreInitButtons } from './paypal-3e2c7b41.js';
 import './isDarkColor-b3afa948.js';
 import './getBorderRadius-cff1e39b.js';
 

package/dist/esm/zonos-shipping-rich-radio.entry.js

@@ -45,7 +45,7 @@ const ZonosShippingRichRadio = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '48381df130f6021b73c543c7244a71e7b1e8cd05', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
+        return (h(Host, { key: '83ee4ddc5ad32514ca98457812207964cf452217', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
             var _a;
             const selected = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) === item.value;
             return (h("div", { "aria-hidden": "true", class: classes([