@zonos/elements 1.5.1 → 1.5.3

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

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CiXlehwQ.js');
-var localization = require('./localization-B2mjW0Xa.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-u5q8YdUb.js');
+var cart = require('./cart-C39TMSgB.js');
+var localization = require('./localization-BhNVhLZs.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-DE2p8CT8.js');
 var classes = require('./classes-D_DL168u.js');
-var invoice = require('./invoice-5hVfSXpb.js');
+var invoice = require('./invoice-BD3pCr8P.js');
 var renderFallback = require('./renderFallback-Bme86uk8.js');
 require('./zonosStore-CDV83QyK.js');
 require('./VarianceTest-C98whVgO.js');
 require('./taxIdRules-BBj8kQxJ.js');
 require('./TaxId-ChhNwG04.js');
-require('./handleFetch-DQLhurnE.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./isDarkColor-f-fD9c2l.js');
 require('./getBorderRadius-CJ_95w3o.js');
 

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

@@ -1,26 +1,26 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CiXlehwQ.js');
-var paypal = require('./paypal-pd8Nz_R_.js');
-var localization = require('./localization-B2mjW0Xa.js');
+var cart = require('./cart-C39TMSgB.js');
+var paypal = require('./paypal-Bd1qmwiv.js');
+var localization = require('./localization-BhNVhLZs.js');
 var zonosStore = require('./zonosStore-CDV83QyK.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var createCustomEvent = require('./createCustomEvent-Cs5zGImL.js');
 var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 var isInvoiceMobileTablet = require('./isInvoiceMobileTablet-CCqFYV6m.js');
 var classes = require('./classes-D_DL168u.js');
-var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-gBg4KeTQ.js');
-var invoice = require('./invoice-5hVfSXpb.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-u5q8YdUb.js');
-var placeTestOrder = require('./placeTestOrder-DrI8rD9o.js');
+var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-NOVWOU53.js');
+var invoice = require('./invoice-BD3pCr8P.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-DE2p8CT8.js');
+var placeTestOrder = require('./placeTestOrder-BMQRvX2q.js');
 var renderFallback = require('./renderFallback-Bme86uk8.js');
 require('./taxIdRules-BBj8kQxJ.js');
 require('./TaxId-ChhNwG04.js');
 require('./isDarkColor-f-fD9c2l.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-Rc-S3PnH.js');
+require('./submitGtag-D4sB7w4z.js');
 
 var RemoveIcon = `<svg color="var(--zonos-elements-red-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(--zonos-elements-red-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>`;
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CiXlehwQ.js');
-var invoice = require('./invoice-5hVfSXpb.js');
-var paypal = require('./paypal-pd8Nz_R_.js');
-var localization = require('./localization-B2mjW0Xa.js');
+var cart = require('./cart-C39TMSgB.js');
+var invoice = require('./invoice-BD3pCr8P.js');
+var paypal = require('./paypal-Bd1qmwiv.js');
+var localization = require('./localization-BhNVhLZs.js');
 var zonosStore = require('./zonosStore-CDV83QyK.js');
 var buildCartItemsByTempCart = require('./buildCartItemsByTempCart-ILzonEjb.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var isInvoiceMobileTablet = require('./isInvoiceMobileTablet-CCqFYV6m.js');
 var classes = require('./classes-D_DL168u.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
@@ -16,7 +16,7 @@ require('./TaxId-ChhNwG04.js');
 require('./isDarkColor-f-fD9c2l.js');
 require('./getBorderRadius-CJ_95w3o.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-Rc-S3PnH.js');
+require('./submitGtag-D4sB7w4z.js');
 
 var ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-B2mjW0Xa.js');
+var localization = require('./localization-BhNVhLZs.js');
 var zonosStore = require('./zonosStore-CDV83QyK.js');
-require('./handleFetch-DQLhurnE.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./VarianceTest-C98whVgO.js');
 
 var GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -1,15 +1,15 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CiXlehwQ.js');
-var localization = require('./localization-B2mjW0Xa.js');
+var cart = require('./cart-C39TMSgB.js');
+var localization = require('./localization-BhNVhLZs.js');
 var zonosStore = require('./zonosStore-CDV83QyK.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-u5q8YdUb.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-DE2p8CT8.js');
 var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 require('./taxIdRules-BBj8kQxJ.js');
 require('./TaxId-ChhNwG04.js');
 require('./VarianceTest-C98whVgO.js');
-require('./handleFetch-DQLhurnE.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./isDarkColor-f-fD9c2l.js');
 
 const zonosPolicyConsentCss = () => `:host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:block;margin-top:20px}.zonos--policy-consent{background-color:var(--zonos-elements-gray-50);border:1px solid var(--zonos-elements-gray-200);border-radius:8px;padding:12px 14px;-webkit-transition:border-color 0.15s ease, background-color 0.15s ease;transition:border-color 0.15s ease, background-color 0.15s ease}.zonos--policy-consent:hover{border-color:var(--zonos-elements-gray-300)}.zonos--policy-consent--error{background-color:var(--zonos-elements-red-50);border-color:var(--zonos-elements-red-400)}.zonos--policy-consent-label{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;gap:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zonos--policy-consent-checkbox{accent-color:var(--zonos-elements-blue-600);cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:18px;margin:0;width:18px}.zonos--policy-consent-text{color:var(--zonos-elements-gray-800);font-size:14px;line-height:1.45}.zonos--policy-consent-text a{color:var(--zonos-elements-blue-600);text-decoration:underline;text-underline-offset:2px}.zonos--policy-consent-text a:hover{color:var(--zonos-elements-blue-700)}.zonos--policy-consent-error{color:var(--zonos-elements-red-600);font-size:13px;line-height:1.4;margin-top:8px;padding:0 4px}`;

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

@@ -14,6 +14,7 @@ import { handleFetch } from "../../../utils/handleFetch";
 import { jsonParse } from "../../../utils/jsonParse";
 import { allLogs, log } from "../../../utils/logging/log";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
+import { safeGetItem, safeRemoveItem, safeSetItem, } from "../../../utils/safeStorage";
 import { submitAnalytics } from "../../../utils/submitAnalytics";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import RemoveIcon from "./assets/RemoveIcon.svg";
@@ -544,7 +545,7 @@ export class ZonosCheckoutFinish {
         };
         this.saveOrderIdForDuplicationIssue = () => {
             var _a, _b, _c, _d;
-            const existingPlacedOrderInfo = jsonParse(localStorage.getItem('zonos--placed-order-info'));
+            const existingPlacedOrderInfo = jsonParse(safeGetItem('local', 'zonos--placed-order-info'));
             const placedOrderTime = {
                 cartId: window.Zonos.cartId || null,
                 checkoutSessionId: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.checkoutSessionId) ||
@@ -554,12 +555,12 @@ export class ZonosCheckoutFinish {
                 time: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.time) || Date.now(),
                 zonosOrderNumber: ((_d = (_c = (_b = this.order) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.find(ref => ref.key === 'zonosOrderNumber')) === null || _d === void 0 ? void 0 : _d.value) || null,
             };
-            localStorage.setItem('zonos--placed-order-info', JSON.stringify(placedOrderTime));
+            safeSetItem('local', 'zonos--placed-order-info', JSON.stringify(placedOrderTime));
         };
     }
     componentDidLoad() {
         // Reset local storage for placed order info
-        localStorage.removeItem('zonos--placed-order-info');
+        safeRemoveItem('local', 'zonos--placed-order-info');
         if (this.overrideNotification) {
             // just show the notification and don't check any of the payment status
             this.notificationType = this.overrideNotification.type;
@@ -583,11 +584,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '76a3503d5c41cf3138e71b071fdb5e341fad1781', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'd0e01955edb2c23678d39ef14a18a3b8cd0e2b28', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (h("div", { key: 'aab29e86b7d17dde74d873fe97f342e419e1b5cb', class: "loading-wrapper" }, h("zonos-spinner", { key: '29526f5d056c117ccd65bd1ed303761c04fdbdf3', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: '438b210be5c4c78c74d37e5fde8de994e379afa0', class: "zonos--finish-details" }, h("div", { key: '1cb133c14660035ea6395adb74d30790b69715f3', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '4e5a66524f7833916829c9dd7172225e872bb329', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '773a548cd7757af62b26bbe119e7dd078ab4df5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'ea8c30af05aa57c05155f68b416668db16cfcd1c',
+            } }, this.isImmediateRedirecting && (h("div", { key: 'fdd0468df80703543b942e729a3d90dd2d9f3eee', class: "loading-wrapper" }, h("zonos-spinner", { key: '82f8cb7f62ab073a4b39bf6fca67c7e37db94f5e', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: '1ad8c9a98307a017aca8493404fb9575b9f8eaa0', class: "zonos--finish-details" }, h("div", { key: '474a8780c96fbaf2ebb2e7db7f6a6734cb630baa', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '4f8ce6ac8ca854cd400db16345433cef732ba9de', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '5ccf3054ba802e69692ba0154390c4fb24e051e6', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '813fec3a2d1e77487935203baf92010e5d28392d',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -599,9 +600,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '50120bf3a405a2b6e5433fe1bb744f0b836ac49f', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'ad9969e7e07881f872fa599e1dbfe481df03d51e', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: '2794f9deea56b65de81ad92285270388a7089a73', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '2ba2ef7a26f78cf484d1625428d866cdfadd1b2f', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'fc689ad6192fb0cc86a9fcaf164660a056df8bc5', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: '6b520c1b13cb036c15f798557b44f9f386a55d68', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '4ef2807d00be47ba87c4bf4223505923ab6e194a', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '7db0f58fb43aefabd168f4a82be7daeef843d7cc', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

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

@@ -45,6 +45,7 @@ import { sendErrorLog } from "../../utils/logging/sendErrorLog";
 import { sendLoadCheckoutFacadeLog } from "../../utils/logging/sendLoadCheckoutFacadeLog";
 import { sendLoadNativeCheckoutLog } from "../../utils/logging/sendLoadNativeCheckoutLog";
 import { mergeConfig } from "../../utils/mergeConfig";
+import { safeGetItem, safeRemoveItem } from "../../utils/safeStorage";
 import { styles } from "../../utils/styles";
 import { submitAnalytics } from "../../utils/submitAnalytics";
 import { validateCheckoutSession } from "../../utils/validateCheckoutSession";
@@ -52,6 +53,8 @@ import { filterExpiredTests } from "../../utils/varianceTest/filterExpiredTests"
 import { getSelectedTestVariant } from "../../utils/varianceTest/getSelectedTestVariant";
 import { isTestEnabled } from "../../utils/varianceTest/isTestEnabled";
 import { mergeTest } from "../../utils/varianceTest/mergeTest";
+import { pathContainsCheckout } from "../../../scripts/_bigcommerceCheckoutPath";
+import { isBigCommerceNativeCheckout } from "../../../scripts/_isBigCommerceNativeCheckout";
 import { setupCartData } from "../../../scripts/cart/_setupCartData";
 import { checkoutHiddenBtnSelector, checkoutHiddenInternationalBtnSelector, domesticRedirectedBtnSelector, } from "../../../types/checkout/CheckoutConfig";
 /** These assets need to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
@@ -752,9 +755,9 @@ export class ZonosCheckout {
         window.location.reload();
     }
     handleOrderDuplication() {
-        const existingPlacedOrderInfo = jsonParse(localStorage.getItem('zonos--placed-order-info'));
+        const existingPlacedOrderInfo = jsonParse(safeGetItem('local', 'zonos--placed-order-info'));
         if (!existingPlacedOrderInfo) {
-            localStorage.removeItem('zonos--placed-order-info');
+            safeRemoveItem('local', 'zonos--placed-order-info');
             return;
         }
         const elapsed = Date.now() - existingPlacedOrderInfo.time;
@@ -766,7 +769,7 @@ export class ZonosCheckout {
         if (elapsed > overrideExpiredDuplication) {
             log(`=== Existing placed order info is older than ${overrideExpiredDuplication}ms, cleaning localStorage`, 'warn');
             // remove the placed order info if it's older than 5 minutes and do nothing.
-            localStorage.removeItem('zonos--placed-order-info');
+            safeRemoveItem('local', 'zonos--placed-order-info');
             return;
         }
         // Set placed order info to show the confirm notification to the user
@@ -1305,6 +1308,13 @@ export class ZonosCheckout {
         if (window.Zonos) {
             this.useLegacyQueryParams();
         }
+        // Native BigCommerce checkout never loads Stripe.js. The address watcher
+        // above still has to run. Skip the poll so checkout does not wait 10s
+        // for a Stripe instance that will not arrive, and so attachCheckout
+        // cannot bind the store's place-order buttons.
+        if (isBigCommerceNativeCheckout()) {
+            return;
+        }
         // only initialize checkout if visitor's country is in the shipping zones.
         const interval = setInterval(() => {
             stripeStore.stripe = window.Zonos.stripe;
@@ -1832,7 +1842,7 @@ export class ZonosCheckout {
                     return;
                 }
                 // Check if the page is checkout page, if so, do nothing since they're already at the right page
-                if (window.location.pathname.includes('/checkout')) {
+                if (pathContainsCheckout(window.location.pathname)) {
                     return;
                 }
                 const shippingCountry = addressEventData.value.address.country;

package/dist/collection/components/main/mountCheckoutWithoutStripe.js

@@ -0,0 +1,12 @@
+import { zonosStore } from "../store/zonosStore";
+import { initCheckout } from "../utils/checkout/initCheckout";
+/**
+ * Mount `<zonos-checkout>` without a Stripe instance.
+ *
+ * Native BigCommerce checkout must not receive Stripe.js. Creating the
+ * element still runs `zonos-checkout.init()`, which registers the
+ * international-address watcher and then returns before the Stripe poll.
+ */
+export const mountCheckoutWithoutStripe = () => {
+    initCheckout(zonosStore.checkoutSettings);
+};

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

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import { mountCheckoutWithoutStripe } from "./mountCheckoutWithoutStripe";
 import { stripeStore } from "../store/checkout/stripe";
 import { initLocalizationStore, localizationStoreUpdateSelectedCountryCode, } from "../store/hello/localization";
 import { storageStore } from "../store/storageStore";
@@ -13,7 +14,9 @@ import { initHello } from "../utils/hello/initHello";
 import { CheckoutAddressService } from "../utils/iframe/CheckoutAddressService";
 import { iframeServices, injectPrivateIframe, } from "../utils/iframe/IframeHelpers";
 import { log } from "../utils/logging/log";
+import { safeGetItem } from "../utils/safeStorage";
 import { ensureAnalyticsRelayPing } from "../utils/submitGtag";
+import { isBigCommerceNativeCheckout } from "../../scripts/_isBigCommerceNativeCheckout";
 export class ZonosController {
     /**
      * Method to initialize checkout element
@@ -257,11 +260,17 @@ export class ZonosController {
                 log('Checkout failed to load -- missing publishable key', 'warn');
                 return;
             }
+            // `_loadStripe.ts` is the only module that injects Stripe.js. This
+            // method only chooses whether to ask for it or to mount checkout
+            // without it.
+            const nativeBigCommerceCheckout = isBigCommerceNativeCheckout();
             if (window.Zonos.isCollect || window.Zonos.isInvoice) {
-                // send publishable key out to load stripe
-                this.stripeInitEvent.emit({
-                    publishableKey: publishableKey.token,
-                });
+                // Collect and Invoice off native checkout still ask for Stripe.
+                if (!nativeBigCommerceCheckout) {
+                    this.stripeInitEvent.emit({
+                        publishableKey: publishableKey.token,
+                    });
+                }
                 // init google places service
                 void this.initGooglePlacesService(json);
                 return;
@@ -283,16 +292,23 @@ export class ZonosController {
             // Checkout also runs without merchant cart callbacks when a cart is
             // prefetched (e.g. `tempCartUUID` -> `cartData`) or when resuming a
             // payment via the Stripe client secret. Stripe must still load for those.
-            const clientSecret = new URL(window.location.href).searchParams.get('payment_intent_client_secret') || sessionStorage.getItem('zonos--client-secret');
+            const clientSecret = new URL(window.location.href).searchParams.get('payment_intent_client_secret') || safeGetItem('session', 'zonos--client-secret');
             const hasPrefetchedCheckoutContext = !!(window.Zonos.cartId && window.Zonos.cartData) || !!clientSecret;
             if (!hasCartCallback && !hasPrefetchedCheckoutContext) {
                 log(`Skip loading Stripe because no cart callback (buildCartDetail/createCartId), prefetched cart, or payment client secret is present`, 'warn');
                 return;
             }
-            // send publishable key out to load stripe
-            this.stripeInitEvent.emit({
-                publishableKey: publishableKey.token,
-            });
+            // Cart callbacks, a prefetched cart, and a client secret do not override
+            // the native BigCommerce checkout skip. Mount checkout anyway so the
+            // international-address watcher runs, without Stripe.js.
+            if (nativeBigCommerceCheckout) {
+                mountCheckoutWithoutStripe();
+            }
+            else {
+                this.stripeInitEvent.emit({
+                    publishableKey: publishableKey.token,
+                });
+            }
             // init google places service
             void this.initGooglePlacesService(json);
         })();
@@ -348,7 +364,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '1714865012d806892f03e03896ee2f04aa1a729d', class: "zonos--elements" });
+        return h(Host, { key: '0d8bcffcb7e22891c082a4916b00b87bdf5fc2e8', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,6 +10,7 @@ import { isEuDapRemittance } from "../../utils/checkout/isEuDapRemittance";
 import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { sendErrorLog } from "../../utils/logging/sendErrorLog";
+import { safeGetItem } from "../../utils/safeStorage";
 import { filterValidTests } from "../../utils/varianceTest/filterValidTests";
 const { onChange: cartStoreOnChange, reset, state: cartStore, } = createStore(() => ({
     addressFormRenderType: 'stripe',
@@ -36,9 +37,9 @@ const { onChange: cartStoreOnChange, reset, state: cartStore, } = createStore(()
     landedCostData: null,
     landedCostMethod: 'DDP',
     partiesData: [],
-    promoCode: sessionStorage.getItem('zonos--promo-code') || '',
+    promoCode: safeGetItem('session', 'zonos--promo-code') || '',
     // When user clicked applied button, save promocode into session storage for later use. So if session has promocode, applied button is clicked
-    promoCodeApplied: !!sessionStorage.getItem('zonos--promo-code'),
+    promoCodeApplied: !!safeGetItem('session', 'zonos--promo-code'),
     promoCodeError: false,
     restrictedItems: [],
     selectedLandedCost: null,

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

@@ -18,13 +18,14 @@ import { jsonParse } from "../../utils/jsonParse";
 import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { sendErrorLog } from "../../utils/logging/sendErrorLog";
+import { safeGetItem, safeRemoveItem, safeSetItem, } from "../../utils/safeStorage";
 import { validateCheckoutSession } from "../../utils/validateCheckoutSession";
 import { addressRuleStyle } from "../../../styles/stripe/addressRuleStyle";
 import { defaultVariable } from "../../../styles/stripe/defaultVariable";
 import { checkoutPaymentProcessorType, } from "../../../types/generated/graphql.internal.types";
 const { onChange: stripeStoreOnChange, reset, state: stripeStore, } = createStore(() => ({
     checkoutSettlementCurrency: 'USD',
-    clientSecret: sessionStorage.getItem('zonos--client-secret') || '',
+    clientSecret: safeGetItem('session', 'zonos--client-secret') || '',
     companyName: '',
     companyNameUsedWhenAsyncAddressUpdate: '',
     customAddressErrors: {
@@ -133,15 +134,27 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
         locale: localizationStore.selectedLocale,
     };
 };
+const DOMESTIC_SESSION_REDIRECT_MARKER = 'zonos--bc-domestic-session-redirected';
+const clearDomesticSessionRedirectMarker = () => {
+    safeRemoveItem('session', DOMESTIC_SESSION_REDIRECT_MARKER);
+};
+const stripeStoreHasDomesticSessionRedirectMarker = () => {
+    return safeGetItem('session', DOMESTIC_SESSION_REDIRECT_MARKER) === '1';
+};
+const stripeStoreMarkDomesticSessionRedirected = () => {
+    safeSetItem('session', DOMESTIC_SESSION_REDIRECT_MARKER, '1');
+};
 const stripeStoreCleanupDomesticShippingSession = () => {
-    window.sessionStorage.removeItem('zonos--bigcommerce-domestic-checkout-shipping');
+    safeRemoveItem('session', 'zonos--bigcommerce-domestic-checkout-shipping');
+    clearDomesticSessionRedirectMarker();
 };
 // Save shipping address to session storage
 const stripeStoreSaveDomesticShippingSession = (props) => {
-    window.sessionStorage.setItem('zonos--bigcommerce-domestic-checkout-shipping', JSON.stringify(props));
+    clearDomesticSessionRedirectMarker();
+    safeSetItem('session', 'zonos--bigcommerce-domestic-checkout-shipping', JSON.stringify(props));
 };
 const stripeStoreGetDomesticShippingSession = () => {
-    const session = window.sessionStorage.getItem('zonos--bigcommerce-domestic-checkout-shipping');
+    const session = safeGetItem('session', 'zonos--bigcommerce-domestic-checkout-shipping');
     return jsonParse(session);
 };
 const initStripeElements = async (props) => {
@@ -188,7 +201,7 @@ const initStripeElements = async (props) => {
 };
 const stripeStoreReset = () => {
     // clean clientSecret so that we can start the new one.
-    sessionStorage.removeItem('zonos--client-secret');
+    safeRemoveItem('session', 'zonos--client-secret');
     // cleanup stripe elements
     reset();
     // set stripe back to window.Zonos.stripe
@@ -521,7 +534,7 @@ const stripeCalculateLandedCost = async () => {
     cartStore.promoCodeError = isInvalidPromoCode;
     // When promocode is valid, set promoCode to session storage so if user close the modal, we can still reapply for them
     if (!isInvalidPromoCode) {
-        sessionStorage.setItem('zonos--promo-code', cartStore.promoCode);
+        safeSetItem('session', 'zonos--promo-code', cartStore.promoCode);
     }
 };
 const stripeStorePrefetchLandedCost = async (params) => {
@@ -653,7 +666,7 @@ const stripeStoreApplyPromoCode = async () => {
 };
 const stripeStoreResetPromoCode = () => {
     cartStore.promoCode = '';
-    sessionStorage.removeItem('zonos--promo-code');
+    safeRemoveItem('session', 'zonos--promo-code');
     // reset promocode error state
     cartStore.promoCodeError = false;
     cartStore.promoCodeApplied = false;
@@ -1275,10 +1288,10 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
 stripeStoreOnChange('clientSecret', clientSecret => {
     // update stripe elements when client secret changes
     if (clientSecret && stripeStore.stripe) {
-        sessionStorage.setItem('zonos--client-secret', clientSecret);
+        safeSetItem('session', 'zonos--client-secret', clientSecret);
     }
     if (!clientSecret) {
-        sessionStorage.removeItem('zonos--client-secret');
+        safeRemoveItem('session', 'zonos--client-secret');
     }
 });
-export { initStripeElements, stripeCalculateLandedCost, stripeStore, stripeStoreApplyPromoCode, stripeStoreAsyncAddressUpdate, stripeStoreBuildAddressForPartyCreate, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStoreMessageBasedOnStatus, stripeStoreOnChange, stripeStorePrefetchLandedCost, stripeStoreRemovePromoCode, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, stripeStoreUpdateCheckoutSessionBaseCurrency, };
+export { DOMESTIC_SESSION_REDIRECT_MARKER, initStripeElements, stripeCalculateLandedCost, stripeStore, stripeStoreApplyPromoCode, stripeStoreAsyncAddressUpdate, stripeStoreBuildAddressForPartyCreate, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreHasDomesticSessionRedirectMarker, stripeStoreInitCheckoutSession, stripeStoreMarkDomesticSessionRedirected, stripeStoreMessageBasedOnStatus, stripeStoreOnChange, stripeStorePrefetchLandedCost, stripeStoreRemovePromoCode, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, stripeStoreUpdateCheckoutSessionBaseCurrency, };

package/dist/collection/components/store/storageStore.js

@@ -1,5 +1,6 @@
 import { createStore } from "@stencil/store";
 import { jsonParse } from "../utils/jsonParse";
+import { safeGetItem, safeRemoveItem, safeSetItem, } from "../utils/safeStorage";
 import { filterValidTests } from "../utils/varianceTest/filterValidTests";
 /**
  * Expiration time for variant test keys in milliseconds
@@ -7,24 +8,24 @@ import { filterValidTests } from "../utils/varianceTest/filterValidTests";
  */
 export const VARIANT_TEST_KEY_EXPIRATION = 60 * 60 * 24 * 1000;
 const { onChange: storageStoreOnChange, state: storageStore } = createStore({
-    checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id'),
-    enabledVariantTestKeys: jsonParse(localStorage.getItem('zonos--enabled-variant-test-keys')),
+    checkoutSessionId: safeGetItem('session', 'zonos--checkout-session-id'),
+    enabledVariantTestKeys: jsonParse(safeGetItem('local', 'zonos--enabled-variant-test-keys')),
 });
 storageStoreOnChange('enabledVariantTestKeys', () => {
     var _a;
     // This should be set in localStorage so we don't have multiple tests for the same user in short period of time
     if (!((_a = storageStore.enabledVariantTestKeys) === null || _a === void 0 ? void 0 : _a.length)) {
-        localStorage.removeItem('zonos--enabled-variant-test-keys');
+        safeRemoveItem('local', 'zonos--enabled-variant-test-keys');
         return;
     }
-    localStorage.setItem('zonos--enabled-variant-test-keys', JSON.stringify(storageStore.enabledVariantTestKeys));
+    safeSetItem('local', 'zonos--enabled-variant-test-keys', JSON.stringify(storageStore.enabledVariantTestKeys));
 });
 storageStoreOnChange('checkoutSessionId', () => {
     if (!storageStore.checkoutSessionId) {
-        sessionStorage.removeItem('zonos--checkout-session-id');
+        safeRemoveItem('session', 'zonos--checkout-session-id');
         return;
     }
-    sessionStorage.setItem('zonos--checkout-session-id', storageStore.checkoutSessionId);
+    safeSetItem('session', 'zonos--checkout-session-id', storageStore.checkoutSessionId);
 });
 const storageStoreSetEnabledVariantTestKeys = (testKeys) => {
     storageStore.enabledVariantTestKeys = filterValidTests(testKeys);

package/dist/collection/components/utils/__tests__/helpers/blockStorage.js

@@ -0,0 +1,24 @@
+const restores = [];
+/** Replace a storage getter so the next read throws SecurityError. */
+export const blockStorage = (area) => {
+    const descriptor = Object.getOwnPropertyDescriptor(window, area);
+    Object.defineProperty(window, area, {
+        configurable: true,
+        get() {
+            throw new DOMException('The operation is insecure', 'SecurityError');
+        },
+    });
+    restores.push(() => {
+        if (descriptor) {
+            Object.defineProperty(window, area, descriptor);
+            return;
+        }
+        Reflect.deleteProperty(window, area);
+    });
+};
+export const restoreBlockedStorage = () => {
+    var _a;
+    while (restores.length > 0) {
+        (_a = restores.pop()) === null || _a === void 0 ? void 0 : _a();
+    }
+};

package/dist/collection/components/utils/api/getExchangeRate.js

@@ -1,5 +1,6 @@
 import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
+import { safeSetItem } from "../safeStorage";
 const defaultUsExchangeRate = {
     exchangeRate: {
         rate: 1,
@@ -33,7 +34,7 @@ export const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, t
     const { rate, targetFormat } = json.exchangeRateCreate;
     const maxAge = json.maxAge;
     if (rate) {
-        sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
+        safeSetItem('session', `${country}_rate`, JSON.stringify(rate));
         const exchangeRate = { rate, targetFormat };
         return { exchangeRate, maxAge };
     }

package/dist/collection/components/utils/checkout/isBigCommerceCheckoutBypassEnabled.js

@@ -1,4 +1,5 @@
 import { zonosStore } from "../../store/zonosStore";
+import { pathContainsCheckout } from "../../../scripts/_bigcommerceCheckoutPath";
 const ZBYPASS_ON_VALUES = ['1', 'true', 'yes'];
 /**
  * Page-load result of reading the checkout `zBypass` query. Later calls on the
@@ -7,7 +8,7 @@ const ZBYPASS_ON_VALUES = ['1', 'true', 'yes'];
  */
 let consumedZBypassQuery = null;
 const isCheckoutPage = () => {
-    return window.location.pathname.includes('/checkout');
+    return pathContainsCheckout(window.location.pathname);
 };
 const isAcceptedZBypassQuery = (rawValue) => {
     if (rawValue === null) {

package/dist/collection/components/utils/checkout/watchImmediateBigcommerceDomesticCheckoutRedirect.js

@@ -1,4 +1,4 @@
-import { stripeStoreGetDomesticShippingSession, stripeStoreSaveDomesticShippingSession, } from "../../store/checkout/stripe";
+import { stripeStoreCleanupDomesticShippingSession, stripeStoreGetDomesticShippingSession, stripeStoreHasDomesticSessionRedirectMarker, stripeStoreMarkDomesticSessionRedirected, stripeStoreSaveDomesticShippingSession, } from "../../store/checkout/stripe";
 import { localizationStoreUpdateSelectedCountryCode } from "../../store/hello/localization";
 import { zonosStore } from "../../store/zonosStore";
 import { fetchBigCommerceCheckout, fetchCheckoutId, } from "./bigcommerceStorefrontApi";
@@ -9,6 +9,8 @@ import { isBigCommerceCheckoutBypassEnabled } from "./isBigCommerceCheckoutBypas
 import { isShippableCountry } from "./isShippableCountry";
 import { log } from "../logging/log";
 import { logError } from "../logging/logError";
+import { pathContainsCheckout } from "../../../scripts/_bigcommerceCheckoutPath";
+import { isBigCommerceNativeCheckout } from "../../../scripts/_isBigCommerceNativeCheckout";
 const FALLBACK_SHIP_TO_COUNTRY_SELECTOR = 'select[name="shippingAddress.countryCode"]';
 /**
  * Native BigCommerce shipping-step "Continue" button. Clicking it commits the
@@ -112,7 +114,7 @@ export const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedi
     // Only the native checkout page skips address detection. Storefront pages
     // still run the domestic-session handoff below, and they do not consume
     // a `zBypass` query, so the parameter can survive until `/checkout`.
-    if (window.location.pathname.includes('/checkout') &&
+    if (pathContainsCheckout(window.location.pathname) &&
         isBigCommerceCheckoutBypassEnabled()) {
         return;
     }
@@ -365,17 +367,35 @@ export const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedi
         const shippingAddressSession = stripeStoreGetDomesticShippingSession();
         // append a hidden button to the body if the shipping address session is found
         if (!domesticRedirectedButton && shippingAddressSession) {
-            // create a hidden button to trigger the click event
-            const button = document.createElement('button');
-            button.style.display = 'none';
-            button.id = 'zonos--domestic-redirected-checkout-button';
-            document.body.appendChild(button);
-            onShippingAddressSessionFound === null || onShippingAddressSessionFound === void 0 ? void 0 : onShippingAddressSessionFound(shippingAddressSession);
-            // disconnect the observer after we found the shipping continue button
-            observer.disconnect();
-            return;
+            // Stripe.js is not loaded on native checkout, so nothing here can click
+            // a hidden button or clear this session. Send the shopper to `/` once.
+            // Saving or clearing the session drops that hop marker, so a later
+            // leftover session still gets its own redirect. If they come back and
+            // the session is still set, drop it and keep watching the address.
+            if (isBigCommerceNativeCheckout()) {
+                if (stripeStoreHasDomesticSessionRedirectMarker()) {
+                    stripeStoreCleanupDomesticShippingSession();
+                }
+                else {
+                    stripeStoreMarkDomesticSessionRedirected();
+                    observer.disconnect();
+                    window.location.href = buildBigcommerceRedirectUrl('/');
+                    return;
+                }
+            }
+            else {
+                // create a hidden button to trigger the click event
+                const button = document.createElement('button');
+                button.style.display = 'none';
+                button.id = 'zonos--domestic-redirected-checkout-button';
+                document.body.appendChild(button);
+                onShippingAddressSessionFound === null || onShippingAddressSessionFound === void 0 ? void 0 : onShippingAddressSessionFound(shippingAddressSession);
+                // disconnect the observer after we found the shipping continue button
+                observer.disconnect();
+                return;
+            }
         }
-        const isBigcommerceDomesticCheckoutPage = window.location.pathname.includes('/checkout') &&
+        const isBigcommerceDomesticCheckoutPage = pathContainsCheckout(window.location.pathname) &&
             window.Zonos.isBigCommerce;
         // Should just disconnect the observer if it's not bigcommerce domestic checkout page
         if (!isBigcommerceDomesticCheckoutPage) {