@zonos/elements 1.3.85 → 1.3.86

package/dist/cjs/{cart-fc426d98.js → cart-c5152dfc.js}

@@ -9297,13 +9297,16 @@ const stripeStorePrefetchLandedCost = async (params) => {
         if (subtotals) {
             // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
             cartStoreApplySubtotals({
-                adjustments: subtotals.adjustments,
-                exchangeRate: subtotals.exchangeRate,
-                items: subtotals.items,
-                landedCostTotal: subtotals.landedCostTotal,
-                presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
-                shipping: subtotals.shipping,
-                total: subtotals.total,
+                method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
+                subtotals: {
+                    adjustments: subtotals.adjustments,
+                    exchangeRate: subtotals.exchangeRate,
+                    items: subtotals.items,
+                    landedCostTotal: subtotals.landedCostTotal,
+                    presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
+                    shipping: subtotals.shipping,
+                    total: subtotals.total,
+                },
             });
         }
     }
@@ -9461,7 +9464,7 @@ const stripeStoreConfirmPayment = async () => {
  * @returns {boolean} whether or not the checkout session is successfully created
  */
 const stripeStoreInitCheckoutSession = async () => {
-    var _a;
+    var _a, _b;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
     if (!total || !localizationStore.targetCurrency) {
         handleFetch.logError('Failed to create checkout session - invalid total or currency');
@@ -9489,7 +9492,10 @@ const stripeStoreInitCheckoutSession = async () => {
     // update cart store with updated information
     cartStoreSetCheckoutSession(result);
     stripeStore.clientSecret = result.clientSecret;
-    cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
+    cartStoreApplySubtotals({
+        method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
+        subtotals: Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }),
+    });
     handleFetch.log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     handleFetch.log('done-init-checkout-session');
     return true;
@@ -9656,8 +9662,8 @@ const { onChange, reset, state: cartStore, } = zonosStore.createStore(() => ({
     checkoutTimeoutInterval: null,
     currency: 'USD',
     doneSteps: [],
-    dutiesTaxesFees: 0,
-    dutiesTaxesFeesEstimate: 0,
+    dutiesTaxesFees: null,
+    dutiesTaxesFeesEstimate: null,
     error: null,
     exchangeRate: null,
     externalConfirmationPageURL: null,
@@ -9781,15 +9787,16 @@ const cartStoreUpdateToErrorState = ({ messages, title, }) => {
         title,
     };
 };
-const cartStoreApplySubtotals = (subtotals, dutiesTaxesFeesEstimate) => {
+const cartStoreApplySubtotals = ({ dutiesTaxesFeesEstimate, method, subtotals, }) => {
     // update exchange rate so we can use it to display cart items
     cartStore.exchangeRate = subtotals.exchangeRate;
     cartStore.adjustmentTotal = subtotals.adjustments;
-    cartStore.dutiesTaxesFees = subtotals.landedCostTotal;
+    cartStore.dutiesTaxesFees =
+        method === 'DAP' ? null : subtotals.landedCostTotal;
     cartStore.subtotal = subtotals.items;
     cartStore.total = subtotals.total;
     cartStore.currency = subtotals.presentmentCurrencyCode;
-    cartStore.dutiesTaxesFeesEstimate = dutiesTaxesFeesEstimate || 0;
+    cartStore.dutiesTaxesFeesEstimate = dutiesTaxesFeesEstimate || null;
 };
 /**
  * Detect if there are any items in cart that are not restricted and have positive amount, exclude negative amount items
@@ -9813,10 +9820,15 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
     }
 };
 const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency, dutiesTaxesFeesEstimate, itemsAmount, landedCostId, }) => {
+    var _a;
     if (landedCostId && cartStore.selectedLandedCost) {
         // update cart total right away if we have landed cost id to avoid order total flickering
         const subtotals = cartStore.selectedLandedCost.subtotals;
-        cartStoreApplySubtotals(subtotals, dutiesTaxesFeesEstimate);
+        cartStoreApplySubtotals({
+            dutiesTaxesFeesEstimate,
+            method: cartStore.landedCostMethod,
+            subtotals,
+        });
         handleFetch.log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
     }
     // update checkout session
@@ -9847,7 +9859,10 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
     if (!landedCostId) {
         // This is when we first open the checkout modal and we just want to get info from the old cart session.
         // use subtotals from checkout session to update cart total
-        cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
+        cartStoreApplySubtotals({
+            method: ((_a = json.checkoutSessionUpdate.landedCost) === null || _a === void 0 ? void 0 : _a.method) || 'DDP',
+            subtotals: json.checkoutSessionUpdate.subtotals,
+        });
         handleFetch.log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
     }
     cartStoreSetCheckoutSession(json.checkoutSessionUpdate);
@@ -9872,12 +9887,13 @@ const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, lan
         // do nothing if we can't find landed cost for selected shipping option
         return false;
     }
-    // If the quote is DAP, get the estimate from the corresponding DDP quote if available
-    const correspondingDdpQuote = (_b = cartStore.landedCostData) === null || _b === void 0 ? void 0 : _b.find(x => x.landedCost.shipmentRating.id === selectedShippingOption.id &&
-        x.landedCost.method === 'DDP');
-    const dutiesTaxesFeesEstimate = correspondingDdpQuote === null || correspondingDdpQuote === void 0 ? void 0 : correspondingDdpQuote.subtotals.landedCostTotal;
+    // If the quote is DAP, then convert manually.
+    const landedCostAmount = ((_b = selectedLandedCost.landedCost.amountSubtotals) === null || _b === void 0 ? void 0 : _b.landedCostTotal) || 0;
+    // Convert using checkout presentment exchange rate
+    const exchangeRate = selectedLandedCost.subtotals.exchangeRate.rate;
+    const dutiesTaxesFeesEstimate = landedCostAmount * exchangeRate;
     if (dutiesTaxesFeesEstimate) {
-        handleFetch.log(`DAP quote, using estimate from DDP quote: ${dutiesTaxesFeesEstimate}`, 'info');
+        handleFetch.log(`DAP quote, using estimate: ${dutiesTaxesFeesEstimate}`, 'info');
     }
     cartStore.landedCostMethod = selectedLandedCost.landedCost.method || 'DDP';
     // update shipping value and dutiesTaxFees on selectedShippingOption change

package/dist/cjs/{createCustomEvent-354c8e63.js → createCustomEvent-557f8120.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 

package/dist/cjs/index.cjs.js

@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.85.js.zonos.com";
+    const cdnUrl = "https://v1.3.86.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -281,10 +281,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.85.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.85";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.85";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.85";
+const ZONOS_URL = "https://v1.3.86.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.86";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.86";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.86";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -299,7 +299,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1728761799096";
+Zonos.releaseDate = "1728763184534";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
@@ -307,7 +307,7 @@ Zonos.isLegacyCheckout = false;
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.85"}`;
+Zonos.version = `v${"1.3.86"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-1fe5ed0c.js → paypal-922c7e45.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-1fe5ed0c.js');
+const paypal = require('./paypal-922c7e45.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-354c8e63.js');
+const createCustomEvent = require('./createCustomEvent-557f8120.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
@@ -172,14 +172,14 @@ const ZonosCartSubtotal = class {
         };
         const renderLandedCost = () => {
             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" }, cart.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate
+                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" }, cart.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
                     ? `${cart.translate('Estimated')} ${cart.currencyFormat({
                         amount: cart.cartStore.dutiesTaxesFeesEstimate,
                         currency: cart.cartStore.currency,
                     })}`
                     : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.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" }, cart.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.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
+            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" }, cart.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.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
                 ? cart.currencyFormat({
                     amount: cart.cartStore.dutiesTaxesFees,
                     currency: cart.cartStore.currency,
@@ -1228,13 +1228,13 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (index.h(index.Host, { key: 'e376545666893a373bca1591083a868892804fb1', class: "zonos--shipping zonos--elements" }, index.h("div", { key: 'f8901d3d8fbeb6a285a7a33b9cea940476413c68', class: "zonos--group" }, index.h("zonos-text", { key: '83e02010c5e11647064ebf28468def163dd3395a', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (index.h("zonos-banner", { key: 'e65f0ce2e968612bd7c1efeca8309e69a03a8c65', class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { key: 'cdae794614c6879477e96de435d5c4e59f469fe9', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !allServiceLevels.length ? (index.h("zonos-banner", { bannerTitle: cart.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.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, index.h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), (!!this.serviceLevelsDAP.length ||
-            !defaultShownServiceLevels.length) && (index.h("button", { class: classes.classes([
+        return (index.h(index.Host, { key: 'e376545666893a373bca1591083a868892804fb1', class: "zonos--shipping zonos--elements" }, index.h("div", { key: 'f8901d3d8fbeb6a285a7a33b9cea940476413c68', class: "zonos--group" }, index.h("zonos-text", { key: '83e02010c5e11647064ebf28468def163dd3395a', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (index.h("zonos-banner", { key: 'e65f0ce2e968612bd7c1efeca8309e69a03a8c65', class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { key: 'cdae794614c6879477e96de435d5c4e59f469fe9', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !allServiceLevels.length ? (index.h("zonos-banner", { bannerTitle: cart.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.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, index.h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+            !!this.serviceLevelsDAP.length && (index.h("button", { class: classes.classes([
                 'zonos--shipping-options-collapse-trigger',
                 this.collapsedDAPOptions && 'collapsed',
             ]), onClick: () => {
                 this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${cart.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: cart.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, cart.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), index.h("div", { key: 'fdc7807bc26ec718cb51e23dbb9e4ccf286e6d91', class: "zonos--group-btn" }, index.h("zonos-button", { key: '7f1f43317f4734333df48bd244d0bf44f4cd252e', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${cart.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: cart.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, cart.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), index.h("div", { key: '2dded1f7168a16ed6432ea0b147b8ec78fd774a6', class: "zonos--group-btn" }, index.h("zonos-button", { key: '54c05db9336209c34a7c7c518bbdf859e97b51f1', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, cart.translate('Go to payment'))))));
     }

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
-const paypal = require('./paypal-1fe5ed0c.js');
+const cart = require('./cart-c5152dfc.js');
+const paypal = require('./paypal-922c7e45.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-354c8e63.js');
+const createCustomEvent = require('./createCustomEvent-557f8120.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-45e76490.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-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.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-d56e0a8b.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-45e76490.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-fc426d98.js');
+const cart = require('./cart-c5152dfc.js');
 const handleFetch = require('./handleFetch-45e76490.js');
-const paypal = require('./paypal-1fe5ed0c.js');
+const paypal = require('./paypal-922c7e45.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -40,14 +40,14 @@ export class ZonosCartSubtotal {
         };
         const renderLandedCost = () => {
             if (cartStore.landedCostMethod === 'DAP') {
-                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate
+                return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), cartStore.dutiesTaxesFeesEstimate !== null
                     ? `${translate('Estimated')} ${currencyFormat({
                         amount: cartStore.dutiesTaxesFeesEstimate,
                         currency: cartStore.currency,
                     })}`
                     : '-'), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, translate('Due at delivery')))));
             }
-            return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Nothing due at the door'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees
+            return (h(Fragment, null, h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('Nothing due at the door'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxesFees !== null
                 ? currencyFormat({
                     amount: cartStore.dutiesTaxesFees,
                     currency: cartStore.currency,

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

@@ -146,13 +146,13 @@ export class ZonosShipping {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: 'e376545666893a373bca1591083a868892804fb1', class: "zonos--shipping zonos--elements" }, h("div", { key: 'f8901d3d8fbeb6a285a7a33b9cea940476413c68', class: "zonos--group" }, h("zonos-text", { key: '83e02010c5e11647064ebf28468def163dd3395a', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (h("zonos-banner", { key: 'e65f0ce2e968612bd7c1efeca8309e69a03a8c65', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'cdae794614c6879477e96de435d5c4e59f469fe9', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !allServiceLevels.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.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), (!!this.serviceLevelsDAP.length ||
-            !defaultShownServiceLevels.length) && (h("button", { class: classes([
+        return (h(Host, { key: 'e376545666893a373bca1591083a868892804fb1', class: "zonos--shipping zonos--elements" }, h("div", { key: 'f8901d3d8fbeb6a285a7a33b9cea940476413c68', class: "zonos--group" }, h("zonos-text", { key: '83e02010c5e11647064ebf28468def163dd3395a', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (h("zonos-banner", { key: 'e65f0ce2e968612bd7c1efeca8309e69a03a8c65', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'cdae794614c6879477e96de435d5c4e59f469fe9', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !allServiceLevels.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.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+            !!this.serviceLevelsDAP.length && (h("button", { class: classes([
                 'zonos--shipping-options-collapse-trigger',
                 this.collapsedDAPOptions && 'collapsed',
             ]), onClick: () => {
                 this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: 'fdc7807bc26ec718cb51e23dbb9e4ccf286e6d91', class: "zonos--group-btn" }, h("zonos-button", { key: '7f1f43317f4734333df48bd244d0bf44f4cd252e', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '2dded1f7168a16ed6432ea0b147b8ec78fd774a6', class: "zonos--group-btn" }, h("zonos-button", { key: '54c05db9336209c34a7c7c518bbdf859e97b51f1', 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/collection/components/store/checkout/cart.js

@@ -13,8 +13,8 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     checkoutTimeoutInterval: null,
     currency: 'USD',
     doneSteps: [],
-    dutiesTaxesFees: 0,
-    dutiesTaxesFeesEstimate: 0,
+    dutiesTaxesFees: null,
+    dutiesTaxesFeesEstimate: null,
     error: null,
     exchangeRate: null,
     externalConfirmationPageURL: null,
@@ -138,15 +138,16 @@ const cartStoreUpdateToErrorState = ({ messages, title, }) => {
         title,
     };
 };
-const cartStoreApplySubtotals = (subtotals, dutiesTaxesFeesEstimate) => {
+const cartStoreApplySubtotals = ({ dutiesTaxesFeesEstimate, method, subtotals, }) => {
     // update exchange rate so we can use it to display cart items
     cartStore.exchangeRate = subtotals.exchangeRate;
     cartStore.adjustmentTotal = subtotals.adjustments;
-    cartStore.dutiesTaxesFees = subtotals.landedCostTotal;
+    cartStore.dutiesTaxesFees =
+        method === 'DAP' ? null : subtotals.landedCostTotal;
     cartStore.subtotal = subtotals.items;
     cartStore.total = subtotals.total;
     cartStore.currency = subtotals.presentmentCurrencyCode;
-    cartStore.dutiesTaxesFeesEstimate = dutiesTaxesFeesEstimate || 0;
+    cartStore.dutiesTaxesFeesEstimate = dutiesTaxesFeesEstimate || null;
 };
 /**
  * Detect if there are any items in cart that are not restricted and have positive amount, exclude negative amount items
@@ -170,10 +171,15 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
     }
 };
 const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency, dutiesTaxesFeesEstimate, itemsAmount, landedCostId, }) => {
+    var _a;
     if (landedCostId && cartStore.selectedLandedCost) {
         // update cart total right away if we have landed cost id to avoid order total flickering
         const subtotals = cartStore.selectedLandedCost.subtotals;
-        cartStoreApplySubtotals(subtotals, dutiesTaxesFeesEstimate);
+        cartStoreApplySubtotals({
+            dutiesTaxesFeesEstimate,
+            method: cartStore.landedCostMethod,
+            subtotals,
+        });
         log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
     }
     // update checkout session
@@ -204,7 +210,10 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
     if (!landedCostId) {
         // This is when we first open the checkout modal and we just want to get info from the old cart session.
         // use subtotals from checkout session to update cart total
-        cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
+        cartStoreApplySubtotals({
+            method: ((_a = json.checkoutSessionUpdate.landedCost) === null || _a === void 0 ? void 0 : _a.method) || 'DDP',
+            subtotals: json.checkoutSessionUpdate.subtotals,
+        });
         log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
     }
     cartStoreSetCheckoutSession(json.checkoutSessionUpdate);
@@ -229,12 +238,13 @@ const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, lan
         // do nothing if we can't find landed cost for selected shipping option
         return false;
     }
-    // If the quote is DAP, get the estimate from the corresponding DDP quote if available
-    const correspondingDdpQuote = (_b = cartStore.landedCostData) === null || _b === void 0 ? void 0 : _b.find(x => x.landedCost.shipmentRating.id === selectedShippingOption.id &&
-        x.landedCost.method === 'DDP');
-    const dutiesTaxesFeesEstimate = correspondingDdpQuote === null || correspondingDdpQuote === void 0 ? void 0 : correspondingDdpQuote.subtotals.landedCostTotal;
+    // If the quote is DAP, then convert manually.
+    const landedCostAmount = ((_b = selectedLandedCost.landedCost.amountSubtotals) === null || _b === void 0 ? void 0 : _b.landedCostTotal) || 0;
+    // Convert using checkout presentment exchange rate
+    const exchangeRate = selectedLandedCost.subtotals.exchangeRate.rate;
+    const dutiesTaxesFeesEstimate = landedCostAmount * exchangeRate;
     if (dutiesTaxesFeesEstimate) {
-        log(`DAP quote, using estimate from DDP quote: ${dutiesTaxesFeesEstimate}`, 'info');
+        log(`DAP quote, using estimate: ${dutiesTaxesFeesEstimate}`, 'info');
     }
     cartStore.landedCostMethod = selectedLandedCost.landedCost.method || 'DDP';
     // update shipping value and dutiesTaxFees on selectedShippingOption change

package/dist/collection/components/store/checkout/stripe.js

@@ -243,13 +243,16 @@ const stripeStorePrefetchLandedCost = async (params) => {
         if (subtotals) {
             // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
             cartStoreApplySubtotals({
-                adjustments: subtotals.adjustments,
-                exchangeRate: subtotals.exchangeRate,
-                items: subtotals.items,
-                landedCostTotal: subtotals.landedCostTotal,
-                presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
-                shipping: subtotals.shipping,
-                total: subtotals.total,
+                method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
+                subtotals: {
+                    adjustments: subtotals.adjustments,
+                    exchangeRate: subtotals.exchangeRate,
+                    items: subtotals.items,
+                    landedCostTotal: subtotals.landedCostTotal,
+                    presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
+                    shipping: subtotals.shipping,
+                    total: subtotals.total,
+                },
             });
         }
     }
@@ -407,7 +410,7 @@ const stripeStoreConfirmPayment = async () => {
  * @returns {boolean} whether or not the checkout session is successfully created
  */
 const stripeStoreInitCheckoutSession = async () => {
-    var _a;
+    var _a, _b;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
     if (!total || !localizationStore.targetCurrency) {
         logError('Failed to create checkout session - invalid total or currency');
@@ -435,7 +438,10 @@ const stripeStoreInitCheckoutSession = async () => {
     // update cart store with updated information
     cartStoreSetCheckoutSession(result);
     stripeStore.clientSecret = result.clientSecret;
-    cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
+    cartStoreApplySubtotals({
+        method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
+        subtotals: Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }),
+    });
     log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     log('done-init-checkout-session');
     return true;

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -466,6 +466,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         createScriptLoadEvent(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createScriptLoadEvent', 'mutation');
         },
+        createStoreVersionSetting(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createStoreVersionSetting', 'mutation');
+        },
         deleteAllStoreReserveOrders(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'deleteAllStoreReserveOrders', 'mutation');
         },
@@ -514,8 +517,8 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         localeCountryMessages(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'localeCountryMessages', 'query');
         },
-        updateCacheStoreVersion(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'updateCacheStoreVersion', 'mutation');
+        storeVersionSetting(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'storeVersionSetting', 'query');
         },
         updateReserveOrder(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'updateReserveOrder', 'mutation');
@@ -523,8 +526,5 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         upsertBigCommerceSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'upsertBigCommerceSettings', 'mutation');
         },
-        zonosElementsSetting(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'zonosElementsSetting', 'query');
-        },
     };
 }