@zonos/elements 1.5.1 → 1.5.2

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

@@ -1,14 +1,14 @@
 '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');
 var classes = require('./classes-D_DL168u.js');
 var formatStringWithLinks = require('./formatStringWithLinks-vOVkAjlu.js');
-var hasInclusivePrice = require('./hasInclusivePrice-84KS94yH.js');
+var hasInclusivePrice = require('./hasInclusivePrice-CEPf3_FG.js');
 var getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-Cl50u1mb.js');
 var TaxId = require('./TaxId-ChhNwG04.js');
-require('./handleFetch-DQLhurnE.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./VarianceTest-C98whVgO.js');
 require('./isSameHostCheckoutLink-DbmQ7Ha4.js');
 

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

@@ -2,10 +2,10 @@
 
 var index = require('./index-DAAr465v.js');
 var debounce = require('./debounce-BhgA8_3W.js');
-var localization = require('./localization-B2mjW0Xa.js');
+var localization = require('./localization-BhNVhLZs.js');
 var zonosStore = require('./zonosStore-CDV83QyK.js');
 var classes = require('./classes-D_DL168u.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-Cl50u1mb.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 require('./debounce-DRPMxNew.js');

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-BJpqPdFU.js');
+var localization = require('./localization-BhNVhLZs.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-BDvEZ3Hv.js');
 var classes = require('./classes-D_DL168u.js');
-var invoice = require('./invoice-5hVfSXpb.js');
+var invoice = require('./invoice-DzRkkpLu.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-BJpqPdFU.js');
+var paypal = require('./paypal-DCSqbdjW.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-DzRkkpLu.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-BDvEZ3Hv.js');
+var placeTestOrder = require('./placeTestOrder-Bkip4PUT.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-BJpqPdFU.js');
+var invoice = require('./invoice-DzRkkpLu.js');
+var paypal = require('./paypal-DCSqbdjW.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-BJpqPdFU.js');
+var localization = require('./localization-BhNVhLZs.js');
 var zonosStore = require('./zonosStore-CDV83QyK.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-u5q8YdUb.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-BDvEZ3Hv.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";
@@ -752,9 +753,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 +767,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

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

@@ -13,6 +13,7 @@ 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";
 export class ZonosController {
     /**
@@ -283,7 +284,7 @@ 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');
@@ -348,7 +349,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '1714865012d806892f03e03896ee2f04aa1a729d', class: "zonos--elements" });
+        return h(Host, { key: 'a72ab4fb14df090eb24520fd5821746caa61e318', 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: {
@@ -134,14 +135,14 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
     };
 };
 const stripeStoreCleanupDomesticShippingSession = () => {
-    window.sessionStorage.removeItem('zonos--bigcommerce-domestic-checkout-shipping');
+    safeRemoveItem('session', 'zonos--bigcommerce-domestic-checkout-shipping');
 };
 // Save shipping address to session storage
 const stripeStoreSaveDomesticShippingSession = (props) => {
-    window.sessionStorage.setItem('zonos--bigcommerce-domestic-checkout-shipping', JSON.stringify(props));
+    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 +189,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 +522,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 +654,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 +1276,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, };

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/handleFetch.js

@@ -17,6 +17,7 @@ import { jsonParse } from "./jsonParse";
 import { log } from "./logging/log";
 import { prepLoadTimeApiLog } from "./logging/prepLoadTimeApiLog";
 import { sendErrorLog } from "./logging/sendErrorLog";
+const isGatewayStatus = (status) => status === 502 || status === 503 || status === 504;
 const getResponseBody = async ({ response, shouldLog = true, shouldThrow = false, }) => {
     try {
         const text = await response.text();
@@ -137,28 +138,31 @@ const handleRequest = async ({ basePathType, options, path, }) => {
     }
     catch (_a) {
         const message = 'Unknown error';
+        // A gateway HTML or empty body still carries a status a GET can fail over
+        // on. Other non-JSON statuses, including 404 and 500, keep the previous
+        // null response so they do not fail over.
         return {
             baseUrl,
             errors: [{ message: `${status}: ${message}`, type: status }],
             json: null,
-            response: null,
+            response: isGatewayStatus(response.status) ? response : null,
             zonosMode,
         };
     }
 };
 const handleRequestWithFallback = async ({ basePathType: _basePathType, options, path, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     // use vercel API if the path is `/api/bigcommerce`
     const isBigcommerceEndpoint = path.startsWith('/api/bigcommerce');
     const basePathType = isBigcommerceEndpoint
         ? 'vercel'
         : _basePathType;
     const startTime = performance.now();
-    const _c = await handleRequest({
+    const _d = await handleRequest({
         basePathType,
         options,
         path,
-    }), { errors, response } = _c, rest = __rest(_c, ["errors", "response"]);
+    }), { errors, response } = _d, rest = __rest(_d, ["errors", "response"]);
     const endTime = performance.now();
     const duration = endTime - startTime;
     // Send the load time api log
@@ -180,10 +184,16 @@ const handleRequestWithFallback = async ({ basePathType: _basePathType, options,
         (message.includes('signal is aborted') ||
             message.includes('The operation was aborted') ||
             message.includes('Fetch is aborted')));
-    const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404 || (response === null || response === void 0 ? void 0 : response.status) === 500;
-    const shouldCallFallback = 
-    // If next fallback is available, and the error is unknown (Failed to fetch) or 404 or 500 (server error)
-    nextFallbackApiType && isUnknownError;
+    const statusCode = response === null || response === void 0 ? void 0 : response.status;
+    const gateway = statusCode !== undefined && isGatewayStatus(statusCode);
+    // handleFetch sets method, and a missing method is a GET.
+    const isIdempotentGet = ((_a = options === null || options === void 0 ? void 0 : options.method) !== null && _a !== void 0 ? _a : 'GET').toUpperCase() === 'GET';
+    const failedWithoutGateway = !!unknownError || statusCode === 404 || statusCode === 500;
+    const isUnknownError = failedWithoutGateway || gateway;
+    // Replay 502, 503, and 504 only for GET. A gateway timeout on a POST can
+    // mean the first host is still finishing a payment or order write.
+    const shouldCallFallback = nextFallbackApiType &&
+        (failedWithoutGateway || (gateway && isIdempotentGet));
     // Should log the error if it's unknown error
     if (isUnknownError && !isAbortError) {
         void sendErrorLog({
@@ -193,7 +203,7 @@ const handleRequestWithFallback = async ({ basePathType: _basePathType, options,
                 currentBasePath: basePathType,
                 nextFallbackApiType,
                 requestHeaders: options === null || options === void 0 ? void 0 : options.headers,
-                requestPayload: jsonParse((_a = options === null || options === void 0 ? void 0 : options.body) === null || _a === void 0 ? void 0 : _a.toString()) || ((_b = options === null || options === void 0 ? void 0 : options.body) === null || _b === void 0 ? void 0 : _b.toString()),
+                requestPayload: jsonParse((_b = options === null || options === void 0 ? void 0 : options.body) === null || _b === void 0 ? void 0 : _b.toString()) || ((_c = options === null || options === void 0 ? void 0 : options.body) === null || _c === void 0 ? void 0 : _c.toString()),
                 shouldCallFallback,
                 status: response === null || response === void 0 ? void 0 : response.status,
                 statusText: response === null || response === void 0 ? void 0 : response.statusText,

package/dist/collection/components/utils/hello/countryOverrideStorage.js

@@ -1,55 +1,32 @@
 import { isCountryCode } from "./isCountryCode";
+import { safeGetItem, safeRemoveItem, safeSetItem, } from "../safeStorage";
 const COUNTRY_OVERRIDE_KEY = 'zonos--country';
-const withBlockedStorage = (run) => {
-    try {
-        run();
-    }
-    catch (_a) {
-        // localStorage/sessionStorage can throw in blocked-storage contexts
-        // (Safari private mode, cross-origin iframes).
-    }
-};
-const readStoredCountry = (storage) => {
-    try {
-        const value = storage.getItem(COUNTRY_OVERRIDE_KEY);
-        if (!value || !isCountryCode(value)) {
-            return null;
-        }
-        return value;
-    }
-    catch (_a) {
+const readStoredCountry = (area) => {
+    const value = safeGetItem(area, COUNTRY_OVERRIDE_KEY);
+    if (!value || !isCountryCode(value)) {
         return null;
     }
+    return value;
 };
-const writeOverride = (storage, countryCode) => {
-    storage.setItem(COUNTRY_OVERRIDE_KEY, countryCode);
-};
-const withEachStorage = (run) => {
-    withBlockedStorage(() => run(window.localStorage));
-    withBlockedStorage(() => run(window.sessionStorage));
-};
-export const getCountryOverrideStorage = () => {
-    var _a;
-    return (_a = readStoredCountry(window.localStorage)) !== null && _a !== void 0 ? _a : readStoredCountry(window.sessionStorage);
-};
+export const getCountryOverrideStorage = () => { var _a; return (_a = readStoredCountry('local')) !== null && _a !== void 0 ? _a : readStoredCountry('session'); };
 export const migrateCountryOverrideStorage = (selectedCountryCode) => {
     if (!selectedCountryCode) {
         return;
     }
-    withBlockedStorage(() => {
-        const localCountry = readStoredCountry(window.localStorage);
-        // Only mirror the country Hello actually kept. A failed localStorage
-        // clear can leave a discarded country in local; never copy that to
-        // session for older Elements. Never copy session → local.
-        if (localCountry === selectedCountryCode) {
-            writeOverride(window.sessionStorage, localCountry);
-        }
-    });
+    const localCountry = readStoredCountry('local');
+    // Only mirror the country Hello actually kept. A failed localStorage
+    // clear can leave a discarded country in local; never copy that to
+    // session for older Elements. Never copy session → local.
+    if (localCountry === selectedCountryCode) {
+        safeSetItem('session', COUNTRY_OVERRIDE_KEY, localCountry);
+    }
 };
 export const setCountryOverrideStorage = (countryCode) => {
     // Dual-write so older Elements that only read sessionStorage see the pick.
-    withEachStorage(storage => writeOverride(storage, countryCode));
+    safeSetItem('local', COUNTRY_OVERRIDE_KEY, countryCode);
+    safeSetItem('session', COUNTRY_OVERRIDE_KEY, countryCode);
 };
 export const clearCountryOverrideStorage = () => {
-    withEachStorage(storage => storage.removeItem(COUNTRY_OVERRIDE_KEY));
+    safeRemoveItem('local', COUNTRY_OVERRIDE_KEY);
+    safeRemoveItem('session', COUNTRY_OVERRIDE_KEY);
 };