@zonos/elements 1.4.2 → 1.5.1

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

@@ -1,36 +1,97 @@
 '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-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-u5q8YdUb.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-84KS94yH.js');
 var isSameHostCheckoutLink = require('./isSameHostCheckoutLink-DbmQ7Ha4.js');
-var paypal = require('./paypal-CuKshRmZ.js');
+var paypal = require('./paypal-pd8Nz_R_.js');
 var handleFetch = require('./handleFetch-DQLhurnE.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-gBg4KeTQ.js');
+var placeTestOrder = require('./placeTestOrder-DrI8rD9o.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-d0IKpwW8.js');
+var getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-DI6qF1z3.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-Rc-S3PnH.js');
+require('./debounce-BhgA8_3W.js');
+require('./debounce-DRPMxNew.js');
 require('./ShortAddressCode-C5l520-F.js');
 
-const zonosCartItemsCss = () => `: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;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}`;
+/**
+ * Import-free so `scripts/buildItemCustomization.mjs` can emit one module.
+ * demo-app imports the generated `item-customization.js`, not this file.
+ */
+const ITEM_CUSTOMIZATION_ATTRIBUTE_KEY = 'itemCustomization';
+const isRecord = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+/** Drops an empty name, a non-string value, and the unselected value "0". */
+const readDisplayableItemCustomization = (value) => {
+    if (!isRecord(value)) {
+        return null;
+    }
+    const { name } = value;
+    if (typeof name !== 'string' || name === '') {
+        return null;
+    }
+    const choiceValue = value.value;
+    if (typeof choiceValue !== 'string' || choiceValue === '0') {
+        return null;
+    }
+    return {
+        name,
+        value: choiceValue,
+    };
+};
+const parseJson = (value) => {
+    try {
+        // The generated package entry cannot import the shared jsonParse helper.
+        // eslint-disable-next-line no-restricted-syntax
+        return JSON.parse(value);
+    }
+    catch (_a) {
+        return null;
+    }
+};
+/** Selected customization entries, with the original object for extra ids. */
+const readItemCustomizationEntries = (attributes) => {
+    var _a;
+    const rawValue = (_a = attributes === null || attributes === void 0 ? void 0 : attributes.find(attribute => (attribute === null || attribute === void 0 ? void 0 : attribute.key) === ITEM_CUSTOMIZATION_ATTRIBUTE_KEY)) === null || _a === void 0 ? void 0 : _a.value;
+    if (!rawValue) {
+        return [];
+    }
+    const parsed = parseJson(rawValue);
+    if (!Array.isArray(parsed)) {
+        return [];
+    }
+    return parsed.flatMap(entry => {
+        const choice = readDisplayableItemCustomization(entry);
+        if (!choice || !isRecord(entry)) {
+            return [];
+        }
+        return [{ choice, raw: entry }];
+    });
+};
+
+/**
+ * Reads a cart row's `itemCustomization` attribute into display pairs.
+ * Unreadable data is an empty list.
+ */
+const parseItemCustomizations = (attributes) => readItemCustomizationEntries(attributes).map(entry => entry.choice);
+
+const zonosCartItemsCss = () => `: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;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-choices{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px;min-width:0}:host .zonos--cart-item-name .zonos--cart-item-choices zonos-text{overflow-wrap:break-word;white-space:normal}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}`;
 
 const ZonosCartItems = class {
     constructor(hostRef) {
@@ -40,15 +101,18 @@ const ZonosCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: '2f81af1b6315853352a29bacaa230d782e76115a', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '7fe64f09729e0791605cdd8e66d7230ab162c7cf', class: "zonos--cart-table" }, index.h("tbody", { key: '49c17b5c7c68bfd41b2d8fabbbf4c3c764faba33' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: 'eeb10f76fbab43d256e6130fe2ab88a33c1598aa', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '61ae44a57c1386f5ca6afb17c388ae9fcf29d8a1', class: "zonos--cart-table" }, index.h("tbody", { key: '8471ae46186543cee754685e0182c4057d982967' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
+            const choices = parseItemCustomizations(item.attributes);
             const amount = item.amount * item.quantity;
             return (index.h("tr", { class: "zonos--cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: item.name, onError: () => {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: item.imageUrl, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, localization.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency.renderCheckoutCurrency({
+                }, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), choices.length > 0 && (index.h("div", { class: "zonos--cart-item-choices" }, choices.map(choice => (index.h("zonos-text", { textColor: "gray-600", type: "caption" }, choice.value === ''
+                ? choice.name
+                : `${choice.name}: ${choice.value}`))))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, localization.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount,
                 isForeign: false,
             })))));
@@ -1683,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
@@ -1726,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,
-        };
+        return valid();
     }
-    // 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,
-            };
+    // 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}`;
@@ -1848,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
          */
@@ -2147,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)
                 : '';
@@ -2257,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-CiXlehwQ.js');
+var paypal = require('./paypal-pd8Nz_R_.js');
+var localization = require('./localization-B2mjW0Xa.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 updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-d0IKpwW8.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-Rc-S3PnH.js');
+require('./debounce-BhgA8_3W.js');
+require('./debounce-DRPMxNew.js');
 
 /**
  * Check if store discount is enabled
@@ -675,6 +676,20 @@ const isDisabledCountry = (showLog = true) => {
     return false;
 };
 
+/**
+ * BigCommerce checkout depends on storefront callbacks (clear cart, inventory).
+ * The hosted variant leaves the storefront, so the test does not apply there.
+ */
+const isHostedVsNativeTestAllowed = ({ createCartId, enabledTestKeys, isBigCommerce, }) => {
+    if (isBigCommerce) {
+        return false;
+    }
+    if (typeof createCartId !== 'function') {
+        return false;
+    }
+    return enabledTestKeys.includes('hosted_vs_native');
+};
+
 const isShippableCountry = (showLog = true, 
 /**
  * If provided, will check if the country is shippable based on the provided country code instead of the Hello selected country code
@@ -1682,16 +1697,12 @@ const ZonosCheckout = class {
             };
         };
         this.shouldAllowHostedVsNativeTest = () => {
-            // This test is only applicable to checkout that's using createCartid callback
-            if (typeof zonosStore.zonosStore.checkoutSettings.createCartId !== 'function') {
-                return false;
-            }
-            const hostedVsNativeTest = zonosStore.zonosStore.enabledVariantTestKeys.includes('hosted_vs_native');
-            // Should not do anything if the test is not enabled
-            if (!hostedVsNativeTest) {
-                return false;
-            }
-            return true;
+            var _a;
+            return isHostedVsNativeTestAllowed({
+                createCartId: zonosStore.zonosStore.checkoutSettings.createCartId,
+                enabledTestKeys: zonosStore.zonosStore.enabledVariantTestKeys,
+                isBigCommerce: Boolean((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.isBigCommerce),
+            });
         };
         // Register test hosted vs native if needed to get the variant selection for this test
         this.registerTestHostedVsNative = async () => {

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-CiXlehwQ.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('./localization-B2mjW0Xa.js');
 require('./handleFetch-DQLhurnE.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 collect = require('./collect-Drr8fY-q.js');
+var cart = require('./cart-CiXlehwQ.js');
+var paypal = require('./paypal-pd8Nz_R_.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var handleFetch = require('./handleFetch-DQLhurnE.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-gBg4KeTQ.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-u5q8YdUb.js');
+var placeTestOrder = require('./placeTestOrder-DrI8rD9o.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-Rc-S3PnH.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-Drr8fY-q.js');
+var cart = require('./cart-CiXlehwQ.js');
+var paypal = require('./paypal-pd8Nz_R_.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var buildCartItemsByTempCart = require('./buildCartItemsByTempCart-ILzonEjb.js');
 var handleFetch = require('./handleFetch-DQLhurnE.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-Rc-S3PnH.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-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var getGenericSettingsOverride = require('./getGenericSettingsOverride-CL6l6wvX.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var submitGtag = require('./submitGtag-D79e8u6s.js');
+var submitGtag = require('./submitGtag-Rc-S3PnH.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) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var classes = require('./classes-D_DL168u.js');
 require('./handleFetch-DQLhurnE.js');
 require('./VarianceTest-C98whVgO.js');

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

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var localization = require('./localization-B2mjW0Xa.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-gBg4KeTQ.js');
 var classes = require('./classes-D_DL168u.js');
 require('./handleFetch-DQLhurnE.js');
 require('./VarianceTest-C98whVgO.js');