@zonos/elements 1.3.14-alpha.0 → 1.3.15-alpha.0

package/dist/components/zonos-shipping2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as cartStore, w as cartStoreUpdateSelectedShippingOption, x as cartStoreGetShippingTransitInfo, t as translate } from './stripe.js';
+import { c as cartStore, x as cartStoreUpdateSelectedShippingOption, y as cartStoreGetShippingTransitInfo, t as translate } from './stripe.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';
 import { f as formatCurrency } from './formatCurrency.js';
 import { s as submitGtag } from './submitGtag.js';

package/dist/esm/{cart-515aac56.js → cart-1b0aaea9.js}

@@ -5353,15 +5353,22 @@ const stripeStoreReset = () => {
  * Purpose is to resend the request if the info used when fetching landed cost is different from the current info
  */
 const isPrefetchInfoOutdated = () => {
-    var _a, _b, _c, _d, _e, _f;
-    const isLinkDataDirty = JSON.stringify((_a = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _a === void 0 ? void 0 : _a.value) !==
-        JSON.stringify((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value);
-    const isAddressDataDirty = JSON.stringify((_c = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _c === void 0 ? void 0 : _c.value) !==
-        JSON.stringify((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value);
+    var _a, _b, _c, _d, _e, _f, _g;
+    // Mark the landed cost is outdated since the item total amount has changed (items total didn't match with the cart subtotal)
+    const isTotalAmountChanged = cartStore.landedCostData &&
+        ((_a = cartStore.landedCostData.find(Boolean)) === null || _a === void 0 ? void 0 : _a.subtotals.items) !==
+            cartStore.subtotal;
+    const isLinkDataDirty = JSON.stringify((_b = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _b === void 0 ? void 0 : _b.value) !==
+        JSON.stringify((_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value);
+    const isAddressDataDirty = JSON.stringify((_d = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _d === void 0 ? void 0 : _d.value) !==
+        JSON.stringify((_e = stripeStore.stripeAddressEventData) === null || _e === void 0 ? void 0 : _e.value);
     const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
-        JSON.stringify((_e = stripeStore.stripeBillingAddressEventData) === null || _e === void 0 ? void 0 : _e.value) !==
-            JSON.stringify((_f = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _f === void 0 ? void 0 : _f.value);
-    return isLinkDataDirty || isAddressDataDirty || isBillingAddressDataDirty;
+        JSON.stringify((_f = stripeStore.stripeBillingAddressEventData) === null || _f === void 0 ? void 0 : _f.value) !==
+            JSON.stringify((_g = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _g === void 0 ? void 0 : _g.value);
+    return (isLinkDataDirty ||
+        isAddressDataDirty ||
+        isBillingAddressDataDirty ||
+        isTotalAmountChanged);
 };
 const stripeStorePrefetchLandedCost = async () => {
     var _a, _b, _c, _d, _e, _f;
@@ -5802,6 +5809,17 @@ const cartStoreUpdateItems = async (items) => {
     });
     stripeStore.isFetchingSession = false;
 };
+const cartStoreResetSelectedShippingOption = () => {
+    cartStore.selectedShippingOption = null;
+    cartStore.isSelectedShippingAboveDeminimis = false;
+    cartStore.isSelectedShippingGuarantee = false;
+    cartStore.selectedShippingOptionExpectedDate = '';
+    cartStore.selectedShippingOptionTransitTime = '';
+    cartStore.dutiesTaxFees = 0;
+    cartStore.shipping = 0;
+    // reset total to subtotal
+    cartStore.total = cartStore.subtotal;
+};
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {
         cartStore.step = 'shipping';
@@ -5817,5 +5835,10 @@ const cartStoreNextStep = () => {
         cartStore.step = 'finish';
     }
 };
+const cartStoreResetTabItems = () => {
+    cartStore.step = 'customer-info';
+    cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: false }), payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }), shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
+    cartStoreResetSelectedShippingOption();
+};
 
-export { currencyConvert as A, currencyFormat as B, stripeStoreRetrievePayment as C, cartStoreUpdateSelectedShippingOption as D, cartStoreGetShippingTransitInfo as E, localizationStoreUpdateSelectedLocale as F, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreUpdateToErrorState as m, stripeStorePrefetchLandedCost as n, cartStoreNextStep as o, stripeStoreConfirmPayment as p, stripeStoreReset as q, handleFetch as r, stripeStoreGetDomesticShippingSession as s, translate as t, isValidSelector as u, initLocalizationStore as v, getZCountryUrlParam as w, setZCountryUrlParam as x, currencyDisplay as y, currencyConvertAndFormat as z };
+export { currencyConvertAndFormat as A, currencyConvert as B, currencyFormat as C, stripeStoreRetrievePayment as D, cartStoreUpdateSelectedShippingOption as E, cartStoreGetShippingTransitInfo as F, localizationStoreUpdateSelectedLocale as G, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, cartStoreResetTabItems as j, stripeStore as k, localizationStore as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStoreGetDomesticShippingSession as s, translate as t, handleFetch as u, isValidSelector as v, initLocalizationStore as w, getZCountryUrlParam as x, setZCountryUrlParam as y, currencyDisplay as z };

package/dist/esm/{sendErrorLog-e4546d7b.js → sendErrorLog-4e7a8e6e.js}

@@ -1,4 +1,4 @@
-import { r as handleFetch } from './cart-515aac56.js';
+import { u as handleFetch } from './cart-1b0aaea9.js';
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {

package/dist/esm/{submitGtag-6767c31f.js → submitGtag-ce1c25e6.js}

@@ -1,4 +1,4 @@
-import { r as handleFetch, f as cartStore, l as localizationStore, a as log } from './cart-515aac56.js';
+import { u as handleFetch, f as cartStore, l as localizationStore, a as log } from './cart-1b0aaea9.js';
 import { z as zonosStore } from './zonosStore-f3eef64b.js';
 
 const trackConversionEvent = async (eventName, metadata) => {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-0e31d804.js';
-import { j as stripeStore, d as logError, l as localizationStore, t as translate, n as stripeStorePrefetchLandedCost } from './cart-515aac56.js';
+import { k as stripeStore, d as logError, l as localizationStore, t as translate, o as stripeStorePrefetchLandedCost } from './cart-1b0aaea9.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-f3eef64b.js';
-import { s as sendErrorLog, i as isCheckoutMobile } from './sendErrorLog-e4546d7b.js';
+import { s as sendErrorLog, i as isCheckoutMobile } from './sendErrorLog-4e7a8e6e.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-8129b0cb.js';
 import { i as isDarkColor } from './isDarkColor-7a6d2d14.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-0e31d804.js';
 import { d as zonosStoreFontFamily } from './zonosStore-f3eef64b.js';
 import { c as classes } from './classes-0d95c529.js';
-import { F as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-515aac56.js';
+import { G as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-1b0aaea9.js';
 import { l as languages } from './ILanguage-97790bee.js';
 import './isDarkColor-7a6d2d14.js';
 import './getBorderRadius-8129b0cb.js';

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-0e31d804.js';
-import { f as cartStore, t as translate, r as handleFetch, q as stripeStoreReset, j as stripeStore, C as stripeStoreRetrievePayment, l as localizationStore, D as cartStoreUpdateSelectedShippingOption, E as cartStoreGetShippingTransitInfo } from './cart-515aac56.js';
+import { f as cartStore, t as translate, u as handleFetch, r as stripeStoreReset, k as stripeStore, D as stripeStoreRetrievePayment, l as localizationStore, E as cartStoreUpdateSelectedShippingOption, F as cartStoreGetShippingTransitInfo } from './cart-1b0aaea9.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-f3eef64b.js';
-import { t as trackConversionEvent, s as submitGtag, c as createCustomEvent } from './submitGtag-6767c31f.js';
+import { t as trackConversionEvent, s as submitGtag, c as createCustomEvent } from './submitGtag-ce1c25e6.js';
 import { g as getBorderRadius } from './getBorderRadius-8129b0cb.js';
-import { s as sendErrorLog, i as isCheckoutMobile } from './sendErrorLog-e4546d7b.js';
+import { s as sendErrorLog, i as isCheckoutMobile } from './sendErrorLog-4e7a8e6e.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-97790bee.js';
 import { t as tinycolor, i as isDarkColor } from './isDarkColor-7a6d2d14.js';
@@ -364,7 +364,7 @@ const TabCheckmark = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none
 </svg>
 `;
 
-const zonosCheckoutProgressTabsCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{margin-bottom:var(--amino-space-32)}:host .zonos--tab-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}:host .zonos--tab-index{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;width:24px;height:24px;font-weight:bold}:host .zonos--tab-index .zonos--tab-index-label,:host .zonos--tab-index .zonos--tab-index-done-icon{position:absolute;top:0;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out}:host .zonos--tab-index .zonos--tab-index-done-icon{top:-50%;opacity:0}:host .zonos--tab-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent;border:0;cursor:pointer}:host .zonos--tab-item.done .zonos--tab-index-done-icon{top:0;opacity:1}:host .zonos--tab-item.done .zonos--tab-index-label{opacity:0;top:50%}:host .zonos--tab-item.selected zonos-text{color:var(--color)}:host .zonos--tab-progress{width:100%;background-color:transparent;border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);overflow:hidden;position:relative;padding:1px;height:8px}:host .zonos--tab-progress .zonos--progress-bar-fill{border-radius:10px;background-color:var(--color);height:100%;width:var(--progress-percent);-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out}";
+const zonosCheckoutProgressTabsCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{margin-bottom:var(--amino-space-32)}:host .zonos--tab-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}:host .zonos--tab-index{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;width:24px;height:24px;font-weight:bold}:host .zonos--tab-index .zonos--tab-index-label,:host .zonos--tab-index .zonos--tab-index-done-icon{position:absolute;top:0;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out}:host .zonos--tab-index .zonos--tab-index-done-icon{top:-50%;opacity:0}:host .zonos--tab-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent;border:0;cursor:pointer}:host .zonos--tab-item:disabled{cursor:not-allowed}:host .zonos--tab-item.done .zonos--tab-index-done-icon{top:0;opacity:1}:host .zonos--tab-item.done .zonos--tab-index-label{opacity:0;top:50%}:host .zonos--tab-item.selected zonos-text{color:var(--color)}:host .zonos--tab-progress{width:100%;background-color:transparent;border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);overflow:hidden;position:relative;padding:1px;height:8px}:host .zonos--tab-progress .zonos--progress-bar-fill{border-radius:10px;background-color:var(--color);height:100%;width:var(--progress-percent);-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out}";
 const ZonosCheckoutProgressTabsStyle0 = zonosCheckoutProgressTabsCss;
 
 const ZonosCheckoutProgressTabs = class {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-0e31d804.js';
-import { l as localizationStore, a as log, s as stripeStoreGetDomesticShippingSession, b as localizationStoreUpdateSelectedCountryCode, c as stripeStoreCleanupDomesticShippingSession, d as logError, e as stripeStoreSaveDomesticShippingSession, i as initStripeElements, f as cartStore, g as cartStoreUpdateItems, h as cartStoreReset, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreUpdateToErrorState, t as translate, n as stripeStorePrefetchLandedCost, o as cartStoreNextStep, p as stripeStoreConfirmPayment, q as stripeStoreReset } from './cart-515aac56.js';
+import { l as localizationStore, a as log, s as stripeStoreGetDomesticShippingSession, b as localizationStoreUpdateSelectedCountryCode, c as stripeStoreCleanupDomesticShippingSession, d as logError, e as stripeStoreSaveDomesticShippingSession, i as initStripeElements, f as cartStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as stripeStore, m as stripeStoreInitCheckoutSession, n as cartStoreUpdateToErrorState, t as translate, o as stripeStorePrefetchLandedCost, p as cartStoreNextStep, q as stripeStoreConfirmPayment, r as stripeStoreReset } from './cart-1b0aaea9.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-f3eef64b.js';
-import { c as createCustomEvent, s as submitGtag, t as trackConversionEvent } from './submitGtag-6767c31f.js';
-import { s as sendErrorLog, i as isCheckoutMobile } from './sendErrorLog-e4546d7b.js';
+import { c as createCustomEvent, s as submitGtag, t as trackConversionEvent } from './submitGtag-ce1c25e6.js';
+import { s as sendErrorLog, i as isCheckoutMobile } from './sendErrorLog-4e7a8e6e.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-8129b0cb.js';
 import { i as isDarkColor } from './isDarkColor-7a6d2d14.js';
@@ -350,6 +350,8 @@ const ZonosCheckout = class {
         }
         // reset step to customer info
         cartStore.step = 'customer-info';
+        // reset the tab item, so that user needs to click on Continue button to re-quote the landed cost if needed.
+        cartStoreResetTabItems();
     }
     async buildCartAndInit() {
         // if tempCartUUID is provided, use it instead of buildCartDetail

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-0e31d804.js';
-import { r as handleFetch, d as logError, u as isValidSelector, a as log, j as stripeStore, v as initLocalizationStore, b as localizationStoreUpdateSelectedCountryCode } from './cart-515aac56.js';
+import { u as handleFetch, d as logError, v as isValidSelector, a as log, k as stripeStore, w as initLocalizationStore, b as localizationStoreUpdateSelectedCountryCode } from './cart-1b0aaea9.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-f3eef64b.js';
 import './isDarkColor-7a6d2d14.js';
 import './getBorderRadius-8129b0cb.js';
@@ -85,9 +85,7 @@ const initHello = async (helloSettings) => {
         position: 'bottom-right',
     });
     // default to mobile anchor if anchorElementSelector is not provided, so for bigcommerce, we don't need to manually add a anchor every time we onboard a new store
-    const helloAnchor = window.Zonos.isBigCommerce
-        ? anchorElementSelector || mobileHelloAnchor
-        : anchorElementSelector;
+    const helloAnchor = anchorElementSelector || mobileHelloAnchor;
     // check if checkout button anchor selector user pass in is valid to setup hello
     if (!helloAnchor || !isValidSelector(helloAnchor)) {
         logError(`Selector anchorElementSelector "${helloSettings.anchorElementSelector}" is not a valid selector.`);

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-0e31d804.js';
-import { l as localizationStore } from './cart-515aac56.js';
+import { l as localizationStore } from './cart-1b0aaea9.js';
 import { d as zonosStoreFontFamily } from './zonosStore-f3eef64b.js';
 import { c as classes } from './classes-0d95c529.js';
 import './isDarkColor-7a6d2d14.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-0e31d804.js';
-import { b as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-515aac56.js';
+import { b as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-1b0aaea9.js';
 import { d as zonosStoreFontFamily } from './zonosStore-f3eef64b.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-7a6d2d14.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-0e31d804.js';
-import { B as currencyFormat, l as localizationStore, t as translate } from './cart-515aac56.js';
+import { C as currencyFormat, l as localizationStore, t as translate } from './cart-1b0aaea9.js';
 import { z as zonosStore } from './zonosStore-f3eef64b.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-0e31d804.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-f3eef64b.js';
-import { r as handleFetch, d as logError, l as localizationStore, u as isValidSelector, t as translate, w as getZCountryUrlParam, x as setZCountryUrlParam, a as log, y as currencyDisplay, z as currencyConvertAndFormat, A as currencyConvert, B as currencyFormat } from './cart-515aac56.js';
+import { u as handleFetch, d as logError, l as localizationStore, v as isValidSelector, t as translate, x as getZCountryUrlParam, y as setZCountryUrlParam, a as log, z as currencyDisplay, A as currencyConvertAndFormat, B as currencyConvert, C as currencyFormat } from './cart-1b0aaea9.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
 import './isDarkColor-7a6d2d14.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-0e31d804.js';
-import { j as stripeStore, d as logError } from './cart-515aac56.js';
+import { k as stripeStore, d as logError } from './cart-1b0aaea9.js';
 import './zonosStore-f3eef64b.js';
 import './isDarkColor-7a6d2d14.js';
 import './getBorderRadius-8129b0cb.js';