@zonos/elements 1.2.1 → 1.2.3

package/dist/cjs/{cart-7b70853c.js → cart-55512e32.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a430ec5b.js');
-const localization = require('./localization-387a8a65.js');
+const localization = require('./localization-d7fe7290.js');
 const isDarkColor = require('./isDarkColor-f3446afd.js');
 const getBorderRadius = require('./getBorderRadius-fdd605c6.js');
 
@@ -92,6 +92,7 @@ const { onChange: onChange$1, reset: reset$1, state: stripeStore, } = zonosStore
   stripeAddressEventData: null,
   stripeAddressUsedWhenFetchingLC: null,
   stripeElements: null,
+  stripeElementsOptions: null,
   stripeLinkElement: null,
   stripeLinkEventData: null,
   stripeLinkUsedWhenFetchingLC: null,
@@ -132,13 +133,22 @@ const initStripeElements = async (props) => {
       overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
       overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
     });
+    // compare with the previous options to see if we need to update
+    const isSameOptions = JSON.stringify(stripeOptions) ===
+      JSON.stringify(stripeStore.stripeElementsOptions);
     if (!stripeStore.stripeElements) {
       // init stripe elements if it doesn't exist
       stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
+      // save stripe elements options for later comparison
+      stripeStore.stripeElementsOptions = stripeOptions;
+      localization.log('Stripe elements initialized');
+      return;
     }
-    else {
+    if (!isSameOptions) {
       // update elements with new option if it already exists
       stripeStore.stripeElements.update(stripeOptions);
+      // save stripe elements options for later comparison
+      stripeStore.stripeElementsOptions = stripeOptions;
     }
     localization.log('Stripe elements initialized');
   }

package/dist/cjs/index.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cart = require('./cart-7b70853c.js');
+const cart = require('./cart-55512e32.js');
 require('./zonosStore-a430ec5b.js');
 require('./index-9542d2e7.js');
-require('./localization-387a8a65.js');
+require('./localization-d7fe7290.js');
 require('./isDarkColor-f3446afd.js');
 require('./getBorderRadius-fdd605c6.js');
 

package/dist/cjs/{localization-387a8a65.js → localization-d7fe7290.js}

@@ -3198,18 +3198,23 @@ const getCountryLandedCost = async (countryCode) => {
 
 const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCurrency, }) => {
   var _a;
+  // If source currency matches target currency (US -> US) and is not a guaranteed rate, return null
+  if (sourceCurrency === targetCurrency && !isGuaranteed) {
+    return { exchangeRate: null, maxAge: null };
+  }
   const url = `${"https://v1.route.js.zonos.com"}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}}`;
   const { errors, json } = await handleFetch(url);
   if (errors.length || !json) {
     logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-    return null;
+    return { exchangeRate: null, maxAge: null };
   }
-  const { rate, targetFormat } = json.exchangeRateCreate;
+  const { maxAge, rate, targetFormat } = json.exchangeRateCreate;
   if (rate) {
     sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
-    return { rate, targetFormat };
+    const exchangeRate = { rate, targetFormat };
+    return { exchangeRate, maxAge };
   }
-  return null;
+  return { exchangeRate: null, maxAge: null };
 };
 
 const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
@@ -3467,23 +3472,45 @@ const { state: localizationStore } = zonosStore.createStore({
   shippingZoneCountries: null,
   targetCurrency: 'USD',
 });
+const triggerGetExchangeRate = async (isGuaranteed) => {
+  const { exchangeRate, maxAge } = await getExchangeRate({
+    country: localizationStore.selectedCountryCode,
+    isGuaranteed,
+    sourceCurrency: zonosStore.zonosStore.sourceCurrency,
+    targetCurrency: localizationStore.targetCurrency,
+  });
+  if (exchangeRate) {
+    localizationStore.exchangeRate = exchangeRate;
+    currencyDisplay();
+  }
+  return { maxAge };
+};
+// This recursive function is for users who step away from their computer and come back needing a new exchange rate
+const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
+  if (localizationStore.exchangeRateTimeout) {
+    clearTimeout(localizationStore.exchangeRateTimeout);
+  }
+  // maxAge comes in seconds, convert to milliseconds
+  const defaultMaxAge = 5 * 60;
+  const maxAgeToUse = maxAge || defaultMaxAge;
+  // Recursively set timeouts to get new exchange rates when the current one expires
+  localizationStore.exchangeRateTimeout = setTimeout(async () => {
+    const { maxAge: newMaxAge } = await triggerGetExchangeRate(isGuaranteed);
+    startExchangeRateTimeout({ isGuaranteed, maxAge: newMaxAge });
+  }, maxAgeToUse * 1000);
+};
 const getNewLocalization = async () => {
   log('get new localization store');
   const { isShippableCountry, selectedCountryCode } = localizationStore;
-  const isGuaranteed = zonosStore.zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
   if (zonosStore.zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
     !isShippableCountry ||
     !selectedCountryCode) {
     return;
   }
-  localizationStore.exchangeRate = await getExchangeRate({
-    country: localizationStore.selectedCountryCode,
-    isGuaranteed,
-    sourceCurrency: zonosStore.zonosStore.sourceCurrency,
-    targetCurrency: localizationStore.targetCurrency,
-  });
-  if (localizationStore.exchangeRate) {
-    currencyDisplay();
+  if (zonosStore.zonosStore.sourceCurrency !== localizationStore.targetCurrency) {
+    const isGuaranteed = zonosStore.zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
+    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
+    startExchangeRateTimeout({ isGuaranteed, maxAge });
   }
   localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
 };

package/dist/cjs/{submitGtag-bf6e7c5e.js → submitGtag-d65003f9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a430ec5b.js');
-const localization = require('./localization-387a8a65.js');
+const localization = require('./localization-d7fe7290.js');
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-7b70853c.js');
-const localization = require('./localization-387a8a65.js');
+const cart = require('./cart-55512e32.js');
+const localization = require('./localization-d7fe7290.js');
 require('./zonosStore-a430ec5b.js');
 require('./isDarkColor-f3446afd.js');
 require('./getBorderRadius-fdd605c6.js');
@@ -39,6 +39,11 @@ const ZonosAddress = class {
           ? Object.values(shippableCountries).map(country => country.code)
           : [],
         contacts: this.defaultAddress ? [this.defaultAddress] : undefined,
+        defaultValues: {
+          address: {
+            country: localization.localizationStore.selectedCountryCode || 'AL',
+          },
+        },
         display: {
           name: 'split',
         },

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-7b70853c.js');
-const localization = require('./localization-387a8a65.js');
+const cart = require('./cart-55512e32.js');
+const localization = require('./localization-d7fe7290.js');
 const getBorderRadius = require('./getBorderRadius-fdd605c6.js');
-const submitGtag = require('./submitGtag-bf6e7c5e.js');
+const submitGtag = require('./submitGtag-d65003f9.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-a430ec5b.js');
 require('./isDarkColor-f3446afd.js');
@@ -468,9 +468,8 @@ const ZonosShipping = class {
     }
   }
   render() {
-    var _a, _b;
-    const shipToCountry = (_a = cart.stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country;
-    const serviceLevels = (_b = cart.cartStore.shippingData) === null || _b === void 0 ? void 0 : _b.flatMap((item) => {
+    var _a;
+    const serviceLevels = (_a = cart.cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.flatMap((item) => {
       var _a, _b;
       const { expectedDate, maxTransit, minTransit } = cart.cartStoreGetShippingTransitInfo(item);
       const sublabel = expectedDate
@@ -491,7 +490,7 @@ const ZonosShipping = class {
         value: item.id,
       };
     });
-    return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Shipping information')), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, localization.translate('Shipping method')), !(serviceLevels === null || serviceLevels === void 0 ? void 0 : serviceLevels.length) ? (index.h("zonos-banner", { bannerTitle: "No shipping methods found - try editing your address or contacting support if the error persists", intent: "error" })) : (index.h("zonos-shipping-rich-radio", { items: serviceLevels || [], onRadioSelected: e => this.handleRadioSelected(e) })), cart.cartStore.isSelectedShippingAboveDeminimis && (index.h("zonos-banner", { intent: "warning" }, localization.translate('Above de minimis threshold for'), " ", shipToCountry, ".", ' ', localization.translate('Duties and taxes will be applied to items and shipping.')))), index.h("zonos-button", { backgroundColor: this.submitBtnColor, "is-disabled": this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+    return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Shipping information')), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, localization.translate('Shipping method')), !(serviceLevels === null || serviceLevels === void 0 ? void 0 : serviceLevels.length) ? (index.h("zonos-banner", { bannerTitle: "No shipping methods found - try editing your address or contacting support if the error persists", intent: "error" })) : (index.h("zonos-shipping-rich-radio", { items: serviceLevels || [], onRadioSelected: e => this.handleRadioSelected(e) }))), index.h("zonos-button", { backgroundColor: this.submitBtnColor, "is-disabled": this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
       // use primary type when on mobile mode
       variant: this.submitBtnType }, localization.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-9542d2e7.js');
-const cart = require('./cart-7b70853c.js');
-const localization = require('./localization-387a8a65.js');
+const cart = require('./cart-55512e32.js');
+const localization = require('./localization-d7fe7290.js');
 const zonosStore = require('./zonosStore-a430ec5b.js');
-const submitGtag = require('./submitGtag-bf6e7c5e.js');
+const submitGtag = require('./submitGtag-d65003f9.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-fdd605c6.js');
 const isDarkColor = require('./isDarkColor-f3446afd.js');
@@ -20,7 +20,7 @@ const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
 
 const RemoveIcon = `<svg color="var(--amino-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-gray-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
-const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:Inter;display:block}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--amino-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:var(--amino-space-48) var(--amino-space-56)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--amino-gray-0));border-right:1px solid var(--amino-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--amino-gray-0);padding-bottom:var(--amino-space-80)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--amino-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--amino-space-24);padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--back-button.sc-zonos-checkout{margin-bottom:var(--amino-space-24)}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 var(--amino-space-8) var(--amino-space-8)}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:var(--amino-space-24)}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:var(--amino-space-32);top:var(--amino-space-32)}.sc-zonos-checkout-h .zonos--footer.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;position:absolute;bottom:var(--amino-space-32);right:var(--amino-space-56);gap:var(--amino-space-8)}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:var(--amino-space-76);margin-bottom:var(--amino-space-8)}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--amino-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:var(--amino-space-32)}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:var(--amino-space-12)}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:var(--amino-space-16)}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-16);margin-top:var(--amino-space-24);border:var(--amino-border);border-radius:var(--border-radius, var(--amino-radius-10));background-color:var(--amino-gray-50);padding:var(--amino-space-12);margin-top:var(--amino-space-32)}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}.mobile.sc-zonos-checkout-h .zonos--footer.sc-zonos-checkout{bottom:0;left:0;padding:var(--amino-space-12);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--amino-gray-0)}";
+const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:Inter;display:block}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--amino-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:var(--amino-space-48) var(--amino-space-56)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--amino-gray-0));border-right:1px solid var(--amino-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--amino-gray-0);padding-bottom:var(--amino-space-80)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--amino-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--amino-space-24);padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--back-button.sc-zonos-checkout{margin-bottom:var(--amino-space-24)}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 var(--amino-space-8) var(--amino-space-8)}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:var(--amino-space-24)}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:var(--amino-space-24);top:var(--amino-space-24)}.sc-zonos-checkout-h .zonos--footer.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;position:absolute;bottom:var(--amino-space-32);right:var(--amino-space-56);gap:var(--amino-space-8)}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:var(--amino-space-76);margin-bottom:var(--amino-space-8)}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--amino-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:var(--amino-space-32)}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:var(--amino-space-12)}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:var(--amino-space-16)}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-16);margin-top:var(--amino-space-24);border:var(--amino-border);border-radius:var(--border-radius, var(--amino-radius-10));background-color:var(--amino-gray-50);padding:var(--amino-space-12);margin-top:var(--amino-space-32)}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}.mobile.sc-zonos-checkout-h .zonos--footer.sc-zonos-checkout{bottom:0;left:0;padding:var(--amino-space-12);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--amino-gray-0)}";
 
 const ZonosCheckout = class {
   constructor(hostRef) {
@@ -135,6 +135,8 @@ const ZonosCheckout = class {
         e.preventDefault();
         e.stopPropagation();
         localization.log('zonos checkout button clicked');
+        // start loading
+        cart.stripeStore.isFetchingSession = true;
         this.open = true;
         try {
           // buildCartDetail need to be catch since it may throw error
@@ -145,6 +147,8 @@ const ZonosCheckout = class {
           submitGtag.submitGtag('zonos-checkout-start');
         }
         catch (err) {
+          // stop loading
+          cart.stripeStore.isFetchingSession = false;
           cart.cartStoreUpdateToErrorState({
             messages: [
               localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-7b70853c.js');
-const localization = require('./localization-387a8a65.js');
+const cart = require('./cart-55512e32.js');
+const localization = require('./localization-d7fe7290.js');
 const zonosStore = require('./zonosStore-a430ec5b.js');
 require('./isDarkColor-f3446afd.js');
 require('./getBorderRadius-fdd605c6.js');
@@ -27,7 +27,7 @@ const injectCheckoutElement = () => {
     document.body.appendChild(newCheckoutElement);
   }
 };
-const initCheckout = async (config) => {
+const initCheckout = (config) => {
   if (!config.placeOrderButtonSelector) {
     // do nothing if checkout button anchor is not set
     return;
@@ -66,6 +66,44 @@ const ZonosController = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.stripeInitEvent = index.createEvent(this, "stripeInitEvent", 7);
+    this.disablePlaceOrderButtons = ({ disable }) => {
+      const placeOrderButtonSelector = zonosStore.zonosStore.checkoutSettings.placeOrderButtonSelector;
+      if (!placeOrderButtonSelector) {
+        return;
+      }
+      const disableEvent = (e) => {
+        const target = e.target;
+        // prevent default and propagation when the item has disabled attribute
+        if (target.getAttribute('disabled')) {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      };
+      const placeOrderButton = document.querySelectorAll(placeOrderButtonSelector);
+      placeOrderButton.forEach(button => {
+        if (disable) {
+          button.setAttribute('disabled', 'true');
+          // prevent the selector to perform default action when it's disabled
+          button.addEventListener('click', disableEvent);
+        }
+        else {
+          button.removeAttribute('disabled');
+          // clean up the event listener
+          button.removeEventListener('click', disableEvent);
+        }
+      });
+      // only auto enable if autoEnable is true and the state is enable
+      if (disable) {
+        setTimeout(() => {
+          // release it if zonos is not initialized after 5 seconds (this is to prevent the place order button from being disabled forever due to api)
+          placeOrderButton.forEach(button => {
+            button.removeAttribute('disabled');
+            // clean up the event listener if exists
+            button.removeEventListener('click', disableEvent);
+          });
+        }, 5000);
+      }
+    };
     this.config = undefined;
     this.zonosApiKey = undefined;
   }
@@ -81,6 +119,10 @@ const ZonosController = class {
     cart.stripeStore.stripe = stripe;
     void initCheckout(zonosStore.zonosStore.checkoutSettings);
     localization.log('init checkout element');
+    // enable place order button after checkout is loaded
+    this.disablePlaceOrderButtons({
+      disable: false,
+    });
   }
   /**
    * Init zonos notification
@@ -103,6 +145,10 @@ const ZonosController = class {
         localization.log('Failed to load zonos settings. This domain may not have access', 'warn');
         return;
       }
+      // disable place order button until checkout is loaded
+      this.disablePlaceOrderButtons({
+        disable: true,
+      });
       // init zonos notification
       this.initZonosNotification();
       // load default setting if fail to load user setting

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const localization = require('./localization-387a8a65.js');
+const localization = require('./localization-d7fe7290.js');
 const classes = require('./classes-b7918f56.js');
 const isDarkColor = require('./isDarkColor-f3446afd.js');
 require('./zonosStore-a430ec5b.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const localization = require('./localization-387a8a65.js');
+const localization = require('./localization-d7fe7290.js');
 const zonosStore = require('./zonosStore-a430ec5b.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-2855491b.js');
@@ -82,18 +82,26 @@ const ZonosHelloDialog = class {
     const { countryLandedCost, selectedCountryCode } = localization.localizationStore;
     // Our Robby API spells deminimis wrong here
     const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-      ? localization.currencyConvertAndFormat(countryLandedCost.dutyDeminimus)
+      ? localization.currencyFormat(countryLandedCost.dutyDeminimus)
       : null;
+    // If Canada, use 40 CAD (courier duty de minimis)
+    const dutyDeminimisToUse = localization.localizationStore.selectedCountryCode === 'CA'
+      ? localization.currencyFormat(40)
+      : dutyDeminimis;
     // If deminimis is undefined or null, assume it's $0
-    const dutyDeMinimisMessage = dutyDeminimis
-      ? `${localization.translate('Spend')} ${dutyDeminimis} ${localization.translate('duty free')}`
+    const dutyDeMinimisMessage = dutyDeminimisToUse
+      ? `${localization.translate('Spend')} ${dutyDeminimisToUse} ${localization.translate('duty free')}`
       : localization.translate('Duties will apply to all orders');
     // Our Robby API spells deminimis wrong here
     const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-      ? localization.currencyConvertAndFormat(countryLandedCost.vatTaxDeminimus)
+      ? localization.currencyFormat(countryLandedCost.vatTaxDeminimus)
       : null;
-    const taxDeMinimisMessage = taxDeminimis
-      ? `${localization.translate('Spend')} ${taxDeminimis} ${localization.translate('tax free')}`
+    // If Canada, use 150 CAD (courier tax de minimis)
+    const taxDeminimisToUse = localization.localizationStore.selectedCountryCode === 'CA'
+      ? localization.currencyFormat(150)
+      : taxDeminimis;
+    const taxDeMinimisMessage = taxDeminimisToUse
+      ? `${localization.translate('Spend')} ${taxDeminimisToUse} ${localization.translate('tax free')}`
       : localization.translate('Taxes will apply to all orders');
     const animateLeft = this.animateFromLeftOverride ||
       (this.dialogRef && getHasMoreSpaceOnRight.getHasMoreSpaceOnRight(this.dialogRef));

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
 const zonosStore = require('./zonosStore-a430ec5b.js');
-const localization = require('./localization-387a8a65.js');
+const localization = require('./localization-d7fe7290.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-2855491b.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-7b70853c.js');
+const cart = require('./cart-55512e32.js');
 require('./zonosStore-a430ec5b.js');
-require('./localization-387a8a65.js');
+require('./localization-d7fe7290.js');
 require('./isDarkColor-f3446afd.js');
 require('./getBorderRadius-fdd605c6.js');
 

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

@@ -8,7 +8,7 @@ const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-fdd605c6.js');
 const isColorVariable = require('./isColorVariable-c1ed7303.js');
 
-const zonosShippingRichRadioCss = ":host{font-family:Inter;display:block}: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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+const zonosShippingRichRadioCss = ":host{font-family:Inter;display:block}: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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 
 const ZonosShippingRichRadio = class {
   constructor(hostRef) {

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

@@ -107,8 +107,8 @@
 }
 :host .zonos--right .zonos--close-button {
   position: absolute;
-  right: var(--amino-space-32);
-  top: var(--amino-space-32);
+  right: var(--amino-space-24);
+  top: var(--amino-space-24);
 }
 :host .zonos--footer {
   display: flex;

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

@@ -130,6 +130,8 @@ export class ZonosCheckout {
         e.preventDefault();
         e.stopPropagation();
         log('zonos checkout button clicked');
+        // start loading
+        stripeStore.isFetchingSession = true;
         this.open = true;
         try {
           // buildCartDetail need to be catch since it may throw error
@@ -140,6 +142,8 @@ export class ZonosCheckout {
           submitGtag('zonos-checkout-start');
         }
         catch (err) {
+          // stop loading
+          stripeStore.isFetchingSession = false;
           cartStoreUpdateToErrorState({
             messages: [
               translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),

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

@@ -1,6 +1,5 @@
 import { h, Host, } from "@stencil/core";
 import { cartStore, cartStoreGetShippingTransitInfo, cartStoreUpdateSelectedShippingOption, } from "../../../store/checkout/cart";
-import { stripeStore } from "../../../store/checkout/stripe";
 import { translate } from "../../../store/translationStore";
 import { formatCurrency } from "../../../utils/formatCurrency";
 import { submitGtag } from "../../../utils/submitGtag";
@@ -42,9 +41,8 @@ export class ZonosShipping {
     }
   }
   render() {
-    var _a, _b;
-    const shipToCountry = (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country;
-    const serviceLevels = (_b = cartStore.shippingData) === null || _b === void 0 ? void 0 : _b.flatMap((item) => {
+    var _a;
+    const serviceLevels = (_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.flatMap((item) => {
       var _a, _b;
       const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(item);
       const sublabel = expectedDate
@@ -65,7 +63,7 @@ export class ZonosShipping {
         value: item.id,
       };
     });
-    return (h(Host, { class: "zonos--shipping zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Shipping information')), h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !(serviceLevels === null || serviceLevels === void 0 ? void 0 : serviceLevels.length) ? (h("zonos-banner", { bannerTitle: "No shipping methods found - try editing your address or contacting support if the error persists", intent: "error" })) : (h("zonos-shipping-rich-radio", { items: serviceLevels || [], onRadioSelected: e => this.handleRadioSelected(e) })), cartStore.isSelectedShippingAboveDeminimis && (h("zonos-banner", { intent: "warning" }, translate('Above de minimis threshold for'), " ", shipToCountry, ".", ' ', translate('Duties and taxes will be applied to items and shipping.')))), h("zonos-button", { backgroundColor: this.submitBtnColor, "is-disabled": this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+    return (h(Host, { class: "zonos--shipping zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Shipping information')), h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !(serviceLevels === null || serviceLevels === void 0 ? void 0 : serviceLevels.length) ? (h("zonos-banner", { bannerTitle: "No shipping methods found - try editing your address or contacting support if the error persists", intent: "error" })) : (h("zonos-shipping-rich-radio", { items: serviceLevels || [], onRadioSelected: e => this.handleRadioSelected(e) }))), h("zonos-button", { backgroundColor: this.submitBtnColor, "is-disabled": this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
       // use primary type when on mobile mode
       variant: this.submitBtnType }, translate('Go to payment'))));
   }

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.css

@@ -50,6 +50,7 @@
 }
 :host .zonos--shipping-rich-radio-item:last-child {
   border-bottom-right-radius: var(--border-radius, var(--amino-radius-10));
+  border-bottom-left-radius: var(--border-radius, var(--amino-radius-10));
 }
 :host .zonos--shipping-rich-radio-item:not(:last-child) {
   border-bottom: none;

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -3,7 +3,7 @@ import { localizationStore } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
 import { zonosStore } from "../../store/zonosStore";
 import { classes } from "../../utils/classes";
-import { currencyConvertAndFormat } from "../../utils/hello/currencyConversion/currencyConvertAndFormat";
+import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFormat";
 import { getHasMoreSpaceAbove } from "../../utils/hello/getHasMoreSpaceAbove";
 import { getHasMoreSpaceOnRight } from "../../utils/hello/getHasMoreSpaceOnRight";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
@@ -60,18 +60,26 @@ export class ZonosHelloDialog {
     const { countryLandedCost, selectedCountryCode } = localizationStore;
     // Our Robby API spells deminimis wrong here
     const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-      ? currencyConvertAndFormat(countryLandedCost.dutyDeminimus)
+      ? currencyFormat(countryLandedCost.dutyDeminimus)
       : null;
+    // If Canada, use 40 CAD (courier duty de minimis)
+    const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
+      ? currencyFormat(40)
+      : dutyDeminimis;
     // If deminimis is undefined or null, assume it's $0
-    const dutyDeMinimisMessage = dutyDeminimis
-      ? `${translate('Spend')} ${dutyDeminimis} ${translate('duty free')}`
+    const dutyDeMinimisMessage = dutyDeminimisToUse
+      ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
       : translate('Duties will apply to all orders');
     // Our Robby API spells deminimis wrong here
     const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-      ? currencyConvertAndFormat(countryLandedCost.vatTaxDeminimus)
+      ? currencyFormat(countryLandedCost.vatTaxDeminimus)
       : null;
-    const taxDeMinimisMessage = taxDeminimis
-      ? `${translate('Spend')} ${taxDeminimis} ${translate('tax free')}`
+    // If Canada, use 150 CAD (courier tax de minimis)
+    const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
+      ? currencyFormat(150)
+      : taxDeminimis;
+    const taxDeMinimisMessage = taxDeminimisToUse
+      ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
       : translate('Taxes will apply to all orders');
     const animateLeft = this.animateFromLeftOverride ||
       (this.dialogRef && getHasMoreSpaceOnRight(this.dialogRef));

package/dist/collection/components/main/zonos-controller.js

@@ -8,6 +8,44 @@ import { initHello } from "../utils/hello/initHello";
 import { log } from "../utils/logging/log";
 export class ZonosController {
   constructor() {
+    this.disablePlaceOrderButtons = ({ disable }) => {
+      const placeOrderButtonSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
+      if (!placeOrderButtonSelector) {
+        return;
+      }
+      const disableEvent = (e) => {
+        const target = e.target;
+        // prevent default and propagation when the item has disabled attribute
+        if (target.getAttribute('disabled')) {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      };
+      const placeOrderButton = document.querySelectorAll(placeOrderButtonSelector);
+      placeOrderButton.forEach(button => {
+        if (disable) {
+          button.setAttribute('disabled', 'true');
+          // prevent the selector to perform default action when it's disabled
+          button.addEventListener('click', disableEvent);
+        }
+        else {
+          button.removeAttribute('disabled');
+          // clean up the event listener
+          button.removeEventListener('click', disableEvent);
+        }
+      });
+      // only auto enable if autoEnable is true and the state is enable
+      if (disable) {
+        setTimeout(() => {
+          // release it if zonos is not initialized after 5 seconds (this is to prevent the place order button from being disabled forever due to api)
+          placeOrderButton.forEach(button => {
+            button.removeAttribute('disabled');
+            // clean up the event listener if exists
+            button.removeEventListener('click', disableEvent);
+          });
+        }, 5000);
+      }
+    };
     this.config = undefined;
     this.zonosApiKey = undefined;
   }
@@ -23,6 +61,10 @@ export class ZonosController {
     stripeStore.stripe = stripe;
     void initCheckout(zonosStore.checkoutSettings);
     log('init checkout element');
+    // enable place order button after checkout is loaded
+    this.disablePlaceOrderButtons({
+      disable: false,
+    });
   }
   /**
    * Init zonos notification
@@ -45,6 +87,10 @@ export class ZonosController {
         log('Failed to load zonos settings. This domain may not have access', 'warn');
         return;
       }
+      // disable place order button until checkout is loaded
+      this.disablePlaceOrderButtons({
+        disable: true,
+      });
       // init zonos notification
       this.initZonosNotification();
       // load default setting if fail to load user setting