@zonos/elements 1.5.0 → 1.5.2

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

@@ -1,33 +1,34 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-BH8t2b2x.js');
+var cart = require('./cart-BJpqPdFU.js');
+var localization = require('./localization-BhNVhLZs.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-BDvEZ3Hv.js');
 var cleanHtmlMarkdown = require('./cleanHtmlMarkdown-DpT-nZLH.js');
 var classes = require('./classes-D_DL168u.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var hasInclusivePrice = require('./hasInclusivePrice-CPCoVeU3.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var hasInclusivePrice = require('./hasInclusivePrice-CEPf3_FG.js');
 var isSameHostCheckoutLink = require('./isSameHostCheckoutLink-DbmQ7Ha4.js');
-var paypal = require('./paypal-CuKshRmZ.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var paypal = require('./paypal-DCSqbdjW.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var createCustomEvent = require('./createCustomEvent-Cs5zGImL.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-yAbtCmd8.js');
-var placeTestOrder = require('./placeTestOrder-7czjwkjm.js');
+var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-NOVWOU53.js');
+var placeTestOrder = require('./placeTestOrder-Bkip4PUT.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
 var getContrastColor = require('./getContrastColor-B2Kn8XHA.js');
 var isColorVariable = require('./isColorVariable-CKoJdu9G.js');
-var updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-jMtfOL2m.js');
-var getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-D03ICqss.js');
+var updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-KxwcsKhM.js');
+var getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-DEbNbRAZ.js');
 var containsNonLatinChars = require('./containsNonLatinChars-D_OggJN6.js');
-var shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-TxekHCp7.js');
-var TaxId = require('./TaxId-Q6aDqqWv.js');
+var shouldRenderShortAddressCodeInput = require('./shouldRenderShortAddressCodeInput-gpu_bMfp.js');
+var taxIdRules = require('./taxIdRules-BBj8kQxJ.js');
+var TaxId = require('./TaxId-ChhNwG04.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-D79e8u6s.js');
-require('./debounce-Cd2emZPn.js');
-require('./debounce-vY0QYT6o.js');
+require('./submitGtag-D4sB7w4z.js');
+require('./debounce-BhgA8_3W.js');
+require('./debounce-DRPMxNew.js');
 require('./ShortAddressCode-C5l520-F.js');
 
 /**
@@ -1057,7 +1058,7 @@ const ZonosCheckoutFinish = class {
         };
         this.saveOrderIdForDuplicationIssue = () => {
             var _a, _b, _c, _d;
-            const existingPlacedOrderInfo = handleFetch.jsonParse(localStorage.getItem('zonos--placed-order-info'));
+            const existingPlacedOrderInfo = handleFetch.jsonParse(handleFetch.safeGetItem('local', 'zonos--placed-order-info'));
             const placedOrderTime = {
                 cartId: window.Zonos.cartId || null,
                 checkoutSessionId: (existingPlacedOrderInfo === null || existingPlacedOrderInfo === void 0 ? void 0 : existingPlacedOrderInfo.checkoutSessionId) ||
@@ -1067,12 +1068,12 @@ const ZonosCheckoutFinish = class {
                 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));
+            handleFetch.safeSetItem('local', 'zonos--placed-order-info', JSON.stringify(placedOrderTime));
         };
     }
     componentDidLoad() {
         // Reset local storage for placed order info
-        localStorage.removeItem('zonos--placed-order-info');
+        handleFetch.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;
@@ -1096,11 +1097,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: '76a3503d5c41cf3138e71b071fdb5e341fad1781', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'd0e01955edb2c23678d39ef14a18a3b8cd0e2b28', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (index.h("div", { key: 'aab29e86b7d17dde74d873fe97f342e419e1b5cb', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '29526f5d056c117ccd65bd1ed303761c04fdbdf3', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: '438b210be5c4c78c74d37e5fde8de994e379afa0', class: "zonos--finish-details" }, index.h("div", { key: '1cb133c14660035ea6395adb74d30790b69715f3', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '4e5a66524f7833916829c9dd7172225e872bb329', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '773a548cd7757af62b26bbe119e7dd078ab4df5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'ea8c30af05aa57c05155f68b416668db16cfcd1c',
+            } }, this.isImmediateRedirecting && (index.h("div", { key: 'fdd0468df80703543b942e729a3d90dd2d9f3eee', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '82f8cb7f62ab073a4b39bf6fca67c7e37db94f5e', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: '1ad8c9a98307a017aca8493404fb9575b9f8eaa0', class: "zonos--finish-details" }, index.h("div", { key: '474a8780c96fbaf2ebb2e7db7f6a6734cb630baa', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '4f8ce6ac8ca854cd400db16345433cef732ba9de', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '5ccf3054ba802e69692ba0154390c4fb24e051e6', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: '813fec3a2d1e77487935203baf92010e5d28392d',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -1112,9 +1113,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '50120bf3a405a2b6e5433fe1bb744f0b836ac49f', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'ad9969e7e07881f872fa599e1dbfe481df03d51e', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: '2794f9deea56b65de81ad92285270388a7089a73', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '2ba2ef7a26f78cf484d1625428d866cdfadd1b2f', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'fc689ad6192fb0cc86a9fcaf164660a056df8bc5', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: '6b520c1b13cb036c15f798557b44f9f386a55d68', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '4ef2807d00be47ba87c4bf4223505923ab6e194a', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '7db0f58fb43aefabd168f4a82be7daeef843d7cc', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1746,7 +1747,7 @@ const applyAddressCompletion = ({ data, event, }) => {
 
 const shortAddressCodeValidationResult = ({ shippingCountry, shortAddressCode, }) => {
     // Check to see if we are required to collect short address code for the shipping country or not
-    const isShortAddressCodeInputRendered = shouldRenderTaxIdInput.shouldRenderShortAddressCodeInput({
+    const isShortAddressCodeInputRendered = shouldRenderShortAddressCodeInput.shouldRenderShortAddressCodeInput({
         countryCode: shippingCountry,
     });
     // If the short address code input is not even rendered, no need to validate anything and allow to proceed. Validate when short address code input is not even rendered would prevent the user from checking out
@@ -1789,88 +1790,85 @@ const isTaxIdRequired = (shippingCountry) => {
     ];
     return requireTaxIdCountry.includes(shippingCountry);
 };
-const taxIdValidationResult = ({ companyName, shippingCountry, taxId, }) => {
-    // Check to see if we are required to collect tax id for the shipping country or not
-    const isTaxIdInputRendered = shouldRenderTaxIdInput.shouldRenderTaxIdInput({
+const invalid = (error, field) => ({
+    error,
+    field,
+    valid: false,
+});
+const valid = () => ({
+    error: null,
+    field: null,
+    valid: true,
+});
+const taxIdValidationResult = ({ companyName, shippingCountry, shouldRequirePeruTaxId, taxId, taxIdType, }) => {
+    const { rendered, selectedType, typeOptions } = cart.resolveTaxIdSelection({
         companyName,
         countryCode: shippingCountry,
+        shouldRequirePeruTaxId,
+        taxIdType,
     });
     // If the tax id input is not even rendered, no need to validate anything and allow to proceed. Validate when tax id input is not even rendered would prevent the user from checking out
-    if (!isTaxIdInputRendered) {
-        return {
-            error: null,
-            valid: true,
-        };
+    if (!rendered) {
+        return valid();
+    }
+    // The number field is hidden until a type is chosen.
+    if (typeOptions && !selectedType) {
+        return invalid('Tax id type is required', 'type');
+    }
+    // Spaces and hyphens count as blank only. The original text is left unchanged.
+    if (taxIdRules.isPeruTaxIdActive({
+        countryCode: shippingCountry,
+        shouldRequirePeruTaxId,
+    }) &&
+        selectedType &&
+        taxIdRules.isPeruTaxIdType(selectedType.value)) {
+        if (!taxIdRules.stripTaxIdSeparators(taxId)) {
+            return invalid('Tax id is required', 'value');
+        }
+        if (taxIdRules.peruTaxIdTypeFromValue(taxId) !== selectedType.value) {
+            return invalid(TaxId.peruTaxIdFormatError[selectedType.value], 'value');
+        }
+        return valid();
     }
     // Cache the result of isTaxIdRequired for reuse
     const taxIdRequired = isTaxIdRequired(shippingCountry);
     if (!taxIdRequired) {
         // If the shipping country does not require a tax id, the validation immediately returns valid
-        return {
-            error: null,
-            valid: true,
-        };
+        return valid();
     }
     // For all EU countries, tax id is not required if company name is not filled (not business address)
     if (TaxId.euCountryCodes.includes(shippingCountry)) {
         if (!companyName.trim()) {
-            return {
-                error: null,
-                valid: true,
-            };
+            return valid();
         }
         if (!taxId) {
-            return {
-                error: 'Tax id is required',
-                valid: false,
-            };
+            return invalid('Tax id is required', 'value');
         }
-        return {
-            error: null,
-            valid: true,
-        };
+        return valid();
     }
     if (!taxId) {
-        return {
-            error: 'Tax id is required',
-            valid: false,
-        };
+        return invalid('Tax id is required', 'value');
     }
     if (shippingCountry === 'AR') {
-        const isValid = /^[0-9]{2}-?[0-9]{8}-?[0-9]$/.test(taxId);
-        if (!isValid) {
-            return {
-                error: 'Invalid CUIT/CUIL format. Must contain 11 digits, with or without dashes (XX-XXXXXXXX-X).',
-                valid: false,
-            };
+        const isValidAr = /^[0-9]{2}-?[0-9]{8}-?[0-9]$/.test(taxId);
+        if (!isValidAr) {
+            return invalid('Invalid CUIT/CUIL format. Must contain 11 digits, with or without dashes (XX-XXXXXXXX-X).', 'value');
         }
-        return {
-            error: null,
-            valid: true,
-        };
-    }
-    // validate tax id for mexico;
-    if (shippingCountry === 'MX') {
-        // RFC: 3-4 letters + 6 digit date + 3 character homoclave (12-13 total)
-        const isValidRfc = /^[A-ZÑ]{3,4}[0-9]{6}[A-Z0-9]{3}$/.test(taxId);
-        // CURP: 4 letters + 6 digit date + gender (H/M/X) + 5 letters + alphanumeric + digit (18 total)
-        const isValidCurp = /^[A-Z]{4}[0-9]{6}[HMX][A-Z]{5}[A-Z0-9][0-9]$/.test(taxId);
-        if (!isValidRfc && !isValidCurp) {
-            return {
-                error: 'Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.',
-                valid: false,
-            };
+        return valid();
+    }
+    // validate tax id for mexico against the type the shopper selected
+    if (shippingCountry === 'MX' && selectedType) {
+        const isRfc = selectedType.value === 'RFC';
+        const isValidMx = isRfc ? taxIdRules.rfcRegex.test(taxId) : taxIdRules.curpRegex.test(taxId);
+        if (!isValidMx) {
+            return invalid(isRfc
+                ? 'Invalid RFC format. Must be 12–13 uppercase letters and numbers.'
+                : 'Invalid CURP format. Must be 18 uppercase letters and numbers.', 'value');
         }
-        return {
-            error: null,
-            valid: true,
-        };
+        return valid();
     }
     //  Other countries doesn't need to validate tax id in the right format
-    return {
-        error: null,
-        valid: true,
-    };
+    return valid();
 };
 
 const zonosCustomerInfoCss = () => `.sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--tax-id-input.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;height:100%;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info ul.sc-zonos-customer-info{list-style:disc;padding-left:8px}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-4px;padding-top:8px;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0));z-index:2}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}.mobile.mobile.sc-zonos-customer-info-h{-ms-scroll-chaining:chained;overscroll-behavior:auto}.mobile.mobile.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{-ms-scroll-chaining:chained;overscroll-behavior:auto}`;
@@ -1911,6 +1909,10 @@ const ZonosCustomerInfo = class {
          * Whether or not the address is being validated
          */
         this.isValidatingAddress = false;
+        /**
+         * Which tax id control the current error belongs on
+         */
+        this.taxIdErrorField = '';
         /**
          * Whether or not the tax id input is invalid
          */
@@ -2210,16 +2212,19 @@ const ZonosCustomerInfo = class {
             });
             VarianceTest.log('==> isValidLink', 'info', isValidLink);
             // validate tax id input if it's required for specific countries, optional otherwise
-            const { error, valid: validTaxId } = taxIdValidationResult({
+            const { error, field: taxIdErrorField, valid: validTaxId, } = taxIdValidationResult({
                 companyName: cart.stripeStore.companyName,
                 shippingCountry: this.shippingCountry,
+                shouldRequirePeruTaxId: zonosStore.getShouldRequirePeruTaxId(),
                 taxId: cart.stripeStore.taxId,
+                taxIdType: cart.stripeStore.taxIdType,
             });
             const { error: shortAddressCodeError, valid: validShortAddressCode } = shortAddressCodeValidationResult({
                 shippingCountry: this.shippingCountry,
                 shortAddressCode: cart.stripeStore.shortAddressCode,
             });
             this.taxIdErrorMessage = !validTaxId ? localization.translate(error) : '';
+            this.taxIdErrorField = taxIdErrorField || '';
             this.shortAddressCodeErrorMessage = !validShortAddressCode
                 ? localization.translate(shortAddressCodeError)
                 : '';
@@ -2320,10 +2325,10 @@ const ZonosCustomerInfo = class {
             }
             // Render custom address component if the custom address form is enabled
             if (this.addressFormRenderType === 'zonos') {
-                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, shortAddressCodeErrorMessage: this.shortAddressCodeErrorMessage, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
+                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, shortAddressCodeErrorMessage: this.shortAddressCodeErrorMessage, taxIdErrorField: this.taxIdErrorField, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
             }
             // Render Stripe address component by default
-            return (index.h("zonos-address", { defaultAddress: defaultAddress, shortAddressCodeErrorMessage: this.shortAddressCodeErrorMessage, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
+            return (index.h("zonos-address", { defaultAddress: defaultAddress, shortAddressCodeErrorMessage: this.shortAddressCodeErrorMessage, taxIdErrorField: this.taxIdErrorField, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }, this.renderExceededCharacterLimitError(type)));
         };
     }
     watchShowErrorBanner() {

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var classes = require('./classes-D_DL168u.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
 require('./VarianceTest-C98whVgO.js');
 

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

@@ -1,26 +1,27 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-B6Aty-21.js');
-var paypal = require('./paypal-CuKshRmZ.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.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 buildCartItemsByTempCart = require('./buildCartItemsByTempCart-ILzonEjb.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
-var updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-jMtfOL2m.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
+var updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-KxwcsKhM.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 var CheckoutConfig = require('./CheckoutConfig-B7JRM7yr.js');
 var classes = require('./classes-D_DL168u.js');
 var createCustomEvent = require('./createCustomEvent-Cs5zGImL.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
 var styles = require('./styles-nowYls3K.js');
 var RemoveIcon = require('./RemoveIcon-CuM1YmjP.js');
-require('./TaxId-Q6aDqqWv.js');
+require('./taxIdRules-BBj8kQxJ.js');
+require('./TaxId-ChhNwG04.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-D79e8u6s.js');
-require('./debounce-Cd2emZPn.js');
-require('./debounce-vY0QYT6o.js');
+require('./submitGtag-D4sB7w4z.js');
+require('./debounce-BhgA8_3W.js');
+require('./debounce-DRPMxNew.js');
 
 /**
  * Check if store discount is enabled
@@ -2149,9 +2150,9 @@ const ZonosCheckout = class {
         window.location.reload();
     }
     handleOrderDuplication() {
-        const existingPlacedOrderInfo = handleFetch.jsonParse(localStorage.getItem('zonos--placed-order-info'));
+        const existingPlacedOrderInfo = handleFetch.jsonParse(handleFetch.safeGetItem('local', 'zonos--placed-order-info'));
         if (!existingPlacedOrderInfo) {
-            localStorage.removeItem('zonos--placed-order-info');
+            handleFetch.safeRemoveItem('local', 'zonos--placed-order-info');
             return;
         }
         const elapsed = Date.now() - existingPlacedOrderInfo.time;
@@ -2163,7 +2164,7 @@ const ZonosCheckout = class {
         if (elapsed > overrideExpiredDuplication) {
             VarianceTest.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');
+            handleFetch.safeRemoveItem('local', 'zonos--placed-order-info');
             return;
         }
         // Set placed order info to show the confirm notification to the user

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 require('./VarianceTest-C98whVgO.js');
 
 const zonosCollapseCss = () => `: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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}`;

package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -1,17 +1,18 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-B6Aty-21.js');
+var cart = require('./cart-BJpqPdFU.js');
 var cleanHtmlMarkdown = require('./cleanHtmlMarkdown-DpT-nZLH.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var classes = require('./classes-D_DL168u.js');
 var styles = require('./styles-nowYls3K.js');
-require('./localization-BzNeXeDe.js');
-require('./handleFetch-DQLhurnE.js');
+require('./localization-BhNVhLZs.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./VarianceTest-C98whVgO.js');
+require('./taxIdRules-BBj8kQxJ.js');
+require('./TaxId-ChhNwG04.js');
 require('./isDarkColor-f-fD9c2l.js');
-require('./getBorderRadius-CyYZw4qq.js');
-require('./TaxId-Q6aDqqWv.js');
+require('./getBorderRadius-CJ_95w3o.js');
 
 const zonosCollectCartItemsCss = () => `: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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}`;
 

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -1,25 +1,26 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var collect = require('./collect-DnrvaXUI.js');
-var cart = require('./cart-B6Aty-21.js');
-var paypal = require('./paypal-CuKshRmZ.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var collect = require('./collect-CyUttsvB.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-DVfjFTYO.js');
 var createCustomEvent = require('./createCustomEvent-Cs5zGImL.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 var isCollectMobileTablet = require('./isCollectMobileTablet-Cx2nZ15_.js');
 var classes = require('./classes-D_DL168u.js');
-var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-yAbtCmd8.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-BH8t2b2x.js');
-var placeTestOrder = require('./placeTestOrder-7czjwkjm.js');
+var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-NOVWOU53.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('./TaxId-Q6aDqqWv.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-D79e8u6s.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-collect.cjs.entry.js

@@ -1,22 +1,23 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var collect = require('./collect-DnrvaXUI.js');
-var cart = require('./cart-B6Aty-21.js');
-var paypal = require('./paypal-CuKshRmZ.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var collect = require('./collect-CyUttsvB.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 buildCartItemsByTempCart = require('./buildCartItemsByTempCart-ILzonEjb.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var isCollectMobileTablet = require('./isCollectMobileTablet-Cx2nZ15_.js');
 var classes = require('./classes-D_DL168u.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 var renderFallback = require('./renderFallback-Bme86uk8.js');
+require('./taxIdRules-BBj8kQxJ.js');
+require('./TaxId-ChhNwG04.js');
 require('./isDarkColor-f-fD9c2l.js');
-require('./getBorderRadius-CyYZw4qq.js');
-require('./TaxId-Q6aDqqWv.js');
+require('./getBorderRadius-CJ_95w3o.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-D79e8u6s.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-controller.cjs.entry.js

@@ -1,16 +1,17 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var cart = require('./cart-BJpqPdFU.js');
+var localization = require('./localization-BhNVhLZs.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var getGenericSettingsOverride = require('./getGenericSettingsOverride-CL6l6wvX.js');
-var handleFetch = require('./handleFetch-DQLhurnE.js');
+var handleFetch = require('./handleFetch-DVfjFTYO.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var submitGtag = require('./submitGtag-D79e8u6s.js');
+var submitGtag = require('./submitGtag-D4sB7w4z.js');
+require('./taxIdRules-BBj8kQxJ.js');
+require('./TaxId-ChhNwG04.js');
 require('./isDarkColor-f-fD9c2l.js');
-require('./getBorderRadius-CyYZw4qq.js');
-require('./TaxId-Q6aDqqWv.js');
+require('./getBorderRadius-CJ_95w3o.js');
 
 const getZonosSettings = async () => {
     if (window.Zonos.cartSettings) {
@@ -804,7 +805,7 @@ const ZonosController = class {
             // 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') || handleFetch.safeGetItem('session', 'zonos--client-secret');
             const hasPrefetchedCheckoutContext = !!(window.Zonos.cartId && window.Zonos.cartData) || !!clientSecret;
             if (!hasCartCallback && !hasPrefetchedCheckoutContext) {
                 VarianceTest.log(`Skip loading Stripe because no cart callback (buildCartDetail/createCartId), prefetched cart, or payment client secret is present`, 'warn');
@@ -869,7 +870,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '1714865012d806892f03e03896ee2f04aa1a729d', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'a72ab4fb14df090eb24520fd5821746caa61e318', class: "zonos--elements" });
     }
 };
 ZonosController.style = zonosControllerCss();

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var localization = require('./localization-BhNVhLZs.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var classes = require('./classes-D_DL168u.js');
-require('./handleFetch-DQLhurnE.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./VarianceTest-C98whVgO.js');
 
 const zonosCountryFlagCss = () => `: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:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}`;

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

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var localization = require('./localization-BhNVhLZs.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var formatStringWithLinks = require('./formatStringWithLinks-vOVkAjlu.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
-var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-yAbtCmd8.js');
+var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-NOVWOU53.js');
 var classes = require('./classes-D_DL168u.js');
-require('./handleFetch-DQLhurnE.js');
+require('./handleFetch-DVfjFTYO.js');
 require('./VarianceTest-C98whVgO.js');
 require('./isSameHostCheckoutLink-DbmQ7Ha4.js');