@zonos/elements 1.4.2 → 1.5.1

package/dist/cjs/{paypal-CuKshRmZ.js → paypal-pd8Nz_R_.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var cart = require('./cart-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 var isContrastColor = require('./isContrastColor-B9ldIdpa.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var submitGtag = require('./submitGtag-D79e8u6s.js');
+var submitGtag = require('./submitGtag-Rc-S3PnH.js');
 
 /*!
  * paypal-js v8.4.2 (2025-09-04T17:21:30.135Z)

package/dist/cjs/{placeTestOrder-7czjwkjm.js → placeTestOrder-DrI8rD9o.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
+var cart = require('./cart-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 
 const placeTestOrder = async () => {

package/dist/cjs/{renderCheckoutCurrency-BH8t2b2x.js → renderCheckoutCurrency-u5q8YdUb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
+var cart = require('./cart-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/cjs/shouldRenderShortAddressCodeInput-gpu_bMfp.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var ShortAddressCode = require('./ShortAddressCode-C5l520-F.js');
+
+const isInShortAddressCodeCountry = (countryCode) => {
+    return ShortAddressCode.countryRequireShortAddressCode.includes(countryCode);
+};
+/**
+ * Checks if the short address code input should be rendered based on the country code.
+ */
+const shouldRenderShortAddressCodeInput = ({ countryCode, }) => {
+    // If country require short address code, show the input
+    const isCountryRequireShortAddressCode = isInShortAddressCodeCountry(countryCode);
+    if (isCountryRequireShortAddressCode) {
+        return true;
+    }
+    // If country doesn't require short address code, no need to show the input
+    return false;
+};
+
+exports.shouldRenderShortAddressCodeInput = shouldRenderShortAddressCodeInput;

package/dist/cjs/{shouldShowLanguageSelect-yAbtCmd8.js → shouldShowLanguageSelect-gBg4KeTQ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var localization = require('./localization-BzNeXeDe.js');
+var localization = require('./localization-B2mjW0Xa.js');
 
 /**
  * Whether to offer the language selector. Hidden when the merchant has narrowed

package/dist/cjs/{submitGtag-D79e8u6s.js → submitGtag-Rc-S3PnH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 

package/dist/cjs/{throttle-zSVRQLC0.js → taxIdFields-BrIaPTcd.js}

@@ -1,7 +1,11 @@
 'use strict';
 
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var debounce = require('./debounce-vY0QYT6o.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var debounce = require('./debounce-DRPMxNew.js');
+var index = require('./index-DAAr465v.js');
+var cart = require('./cart-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var taxIdRules = require('./taxIdRules-BBj8kQxJ.js');
 
 var throttle_1;
 var hasRequiredThrottle;
@@ -84,4 +88,55 @@ function requireThrottle () {
 var throttleExports = requireThrottle();
 var throttle = /*@__PURE__*/zonosStore.getDefaultExportFromCjs(throttleExports);
 
+const getTaxIdFieldState = ({ companyName, countryCode, errorField, errorMessage, shouldRequirePeruTaxId, taxIdType, }) => {
+    var _a, _b;
+    const { rendered, selectedType, send, typeOptions } = cart.resolveTaxIdSelection({
+        companyName,
+        countryCode,
+        shouldRequirePeruTaxId,
+        taxIdType,
+    });
+    if (!rendered) {
+        return null;
+    }
+    const singleTypeLabel = typeOptions
+        ? null
+        : taxIdRules.taxIdLabelForCheckout(countryCode);
+    return {
+        inputLabel: (_a = selectedType === null || selectedType === void 0 ? void 0 : selectedType.label) !== null && _a !== void 0 ? _a : singleTypeLabel === null || singleTypeLabel === void 0 ? void 0 : singleTypeLabel.friendlyName,
+        inputPlaceholder: (_b = selectedType === null || selectedType === void 0 ? void 0 : selectedType.placeholder) !== null && _b !== void 0 ? _b : singleTypeLabel === null || singleTypeLabel === void 0 ? void 0 : singleTypeLabel.placeholder,
+        selectedValue: (selectedType === null || selectedType === void 0 ? void 0 : selectedType.value) || '',
+        showValueInput: send,
+        typeError: errorField === 'type' ? errorMessage : '',
+        typeOptions,
+        valueError: errorField === 'value' ? errorMessage : '',
+    };
+};
+
+const renderTaxIdFields = ({ companyName, countryCode, errorField, errorMessage, onTaxIdChange, shouldRequirePeruTaxId, taxId, taxIdType, }) => {
+    const state = getTaxIdFieldState({
+        companyName,
+        countryCode,
+        errorField,
+        errorMessage,
+        shouldRequirePeruTaxId,
+        taxIdType,
+    });
+    if (!state) {
+        return null;
+    }
+    return (index.h("div", { class: "zonos--tax-id-input" }, state.typeOptions && (index.h("zonos-stripe-select", { error: state.typeError, isError: !!state.typeError, onSelectChange: (event) => {
+            if (taxIdRules.isCheckoutTaxIdTypeValue(event.detail)) {
+                cart.stripeStore.taxIdType = event.detail;
+            }
+        }, options: state.typeOptions.map(option => ({
+            label: localization.translate(option.label),
+            value: option.value,
+        })), selectLabel: localization.translate('Tax id type'), selectedValue: state.selectedValue, value: state.selectedValue })), state.showValueInput && (index.h("zonos-stripe-input", { error: state.valueError, inputLabel: state.inputLabel ? localization.translate(state.inputLabel) : '', inputPlaceholder: state.inputPlaceholder || '', inputValue: taxId, isError: !!state.valueError, onInputChange: (event) => {
+            cart.stripeStore.taxId = event.detail;
+            onTaxIdChange === null || onTaxIdChange === void 0 ? void 0 : onTaxIdChange(event.detail);
+        } }))));
+};
+
+exports.renderTaxIdFields = renderTaxIdFields;
 exports.throttle = throttle;

package/dist/cjs/taxIdRules-BBj8kQxJ.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var TaxId = require('./TaxId-ChhNwG04.js');
+
+const stripTaxIdSeparators = (taxId) => taxId.replace(/[\s-]/g, '');
+const rfcRegex = /^[A-ZÑ]{3,4}[0-9]{6}[A-Z0-9]{3}$/;
+const curpRegex = /^[A-Z]{4}[0-9]{6}[HMX][A-Z]{5}[A-Z0-9][0-9]$/;
+const isMexicoTaxIdType = (taxIdType) => TaxId.taxIdTypeOptions.MX.some(option => option.value === taxIdType);
+const isPeruTaxIdType = (taxIdType) => TaxId.taxIdTypeOptions.PE.some(option => option.value === taxIdType);
+const isCheckoutTaxIdTypeValue = (taxIdType) => TaxId.checkoutTaxIdTypeValues.some(value => value === taxIdType);
+/** 8 digits are a DNI, 9 a carné, 11 an RUC. Anything else is not a Peru tax id. */
+const peruTaxIdTypeFromValue = (taxId) => {
+    const digits = stripTaxIdSeparators(taxId);
+    if (!/^\d+$/.test(digits)) {
+        return null;
+    }
+    if (digits.length === TaxId.peruTaxIdDigitLength.DNI) {
+        return 'DNI';
+    }
+    if (digits.length === TaxId.peruTaxIdDigitLength.CE) {
+        return 'CE';
+    }
+    if (digits.length === TaxId.peruTaxIdDigitLength.RUC) {
+        return 'RUC';
+    }
+    return null;
+};
+const isPeruTaxIdActive = ({ countryCode, shouldRequirePeruTaxId, }) => shouldRequirePeruTaxId && countryCode === 'PE';
+/**
+ * Peru stays off `countryRequireTaxId`. The API flag decides which stores see it.
+ * Mexico and Peru pick the kind from a dropdown instead of a regex.
+ */
+const taxIdTypeOptionsForCheckout = ({ countryCode, shouldRequirePeruTaxId, }) => {
+    if (isPeruTaxIdActive({ countryCode, shouldRequirePeruTaxId })) {
+        return TaxId.taxIdTypeOptions.PE;
+    }
+    if (countryCode === 'MX') {
+        return TaxId.taxIdTypeOptions.MX;
+    }
+    return null;
+};
+const taxIdLabelForCheckout = (countryCode) => {
+    if (TaxId.isCountryRequireTaxId(countryCode)) {
+        return TaxId.shipToTaxIdLabels[countryCode];
+    }
+    return null;
+};
+
+exports.curpRegex = curpRegex;
+exports.isCheckoutTaxIdTypeValue = isCheckoutTaxIdTypeValue;
+exports.isMexicoTaxIdType = isMexicoTaxIdType;
+exports.isPeruTaxIdActive = isPeruTaxIdActive;
+exports.isPeruTaxIdType = isPeruTaxIdType;
+exports.peruTaxIdTypeFromValue = peruTaxIdTypeFromValue;
+exports.rfcRegex = rfcRegex;
+exports.stripTaxIdSeparators = stripTaxIdSeparators;
+exports.taxIdLabelForCheckout = taxIdLabelForCheckout;
+exports.taxIdTypeOptionsForCheckout = taxIdTypeOptionsForCheckout;

package/dist/cjs/{updateCheckoutSessionAttributes-jMtfOL2m.js → updateCheckoutSessionAttributes-d0IKpwW8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var debounce = require('./debounce-Cd2emZPn.js');
+var debounce = require('./debounce-BhgA8_3W.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 
 const attributesToUpdate = {};

package/dist/cjs/zonos-address-completion-dialog_7.cjs.entry.js

@@ -1,22 +1,23 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
-var getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-D03ICqss.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
+var getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-DI6qF1z3.js');
 var classes = require('./classes-D_DL168u.js');
-var cart = require('./cart-B6Aty-21.js');
+var cart = require('./cart-CiXlehwQ.js');
 var RemoveIcon$1 = require('./RemoveIcon-CuM1YmjP.js');
 var containsNonLatinChars = require('./containsNonLatinChars-D_OggJN6.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
-var throttle = require('./throttle-zSVRQLC0.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
+var taxIdFields = require('./taxIdFields-BrIaPTcd.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
-var shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-TxekHCp7.js');
+var shouldRenderShortAddressCodeInput = require('./shouldRenderShortAddressCodeInput-gpu_bMfp.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var TaxId = require('./TaxId-Q6aDqqWv.js');
 var helpers = require('./helpers-ClOZ11A9.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
-require('./debounce-vY0QYT6o.js');
+require('./taxIdRules-BBj8kQxJ.js');
+require('./TaxId-ChhNwG04.js');
+require('./debounce-DRPMxNew.js');
 require('./ShortAddressCode-C5l520-F.js');
 
 const zonosAddressCompletionDialogCss = () => `: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--body{padding:0 24px;position:relative}:host .zonos--dialog-header{margin-bottom:24px;position:-webkit-sticky;position:sticky;padding-top:24px;top:0;z-index:11;background:var(--zonos-elements-gray-0)}:host .zonos--dialog-title{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:12px}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:5px;gap:20px;-ms-scroll-chaining:chained;overscroll-behavior:auto}:host .zonos--selected-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}:host .zonos--completion-fields{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}:host .zonos--completion-name-row{display:-ms-flexbox;display:flex;gap:8px}:host .zonos--completion-name-row zonos-input{-ms-flex:1;flex:1}:host .zonos--group-btn{position:-webkit-sticky;position:sticky;padding:24px 0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;background:var(--zonos-elements-gray-0);z-index:11}:host .zonos--group-btn .zonos--button-wrapper{display:-ms-flexbox;display:flex;gap:8px}:host(.mobile) .zonos--completion-name-row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--button-wrapper{-ms-flex-direction:column;flex-direction:column;width:100%}:host(.mobile) .zonos--button-wrapper zonos-button{width:100%}:host(.mobile) .zonos--button-wrapper .zonos--cancel-btn{-ms-flex-order:2;order:2}:host(.mobile) .zonos--button-wrapper .zonos--submit-btn{-ms-flex-order:1;order:1}`;
@@ -534,7 +535,7 @@ const mergeAddress = ({ addresses, delimiter = ' ', }) => {
     return Array.from(addressSet).join(delimiter);
 };
 
-const zonosCustomAddressCss = () => `.sc-zonos-custom-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-custom-address-h *.sc-zonos-custom-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-custom-address-h img.sc-zonos-custom-address{max-width:100%}.sc-zonos-custom-address-h dl.sc-zonos-custom-address,.sc-zonos-custom-address-h dd.sc-zonos-custom-address,.sc-zonos-custom-address-h h1.sc-zonos-custom-address,.sc-zonos-custom-address-h h2.sc-zonos-custom-address,.sc-zonos-custom-address-h h3.sc-zonos-custom-address,.sc-zonos-custom-address-h h4.sc-zonos-custom-address,.sc-zonos-custom-address-h h5.sc-zonos-custom-address,.sc-zonos-custom-address-h h6.sc-zonos-custom-address,.sc-zonos-custom-address-h hr.sc-zonos-custom-address,.sc-zonos-custom-address-h figure.sc-zonos-custom-address,.sc-zonos-custom-address-h p.sc-zonos-custom-address,.sc-zonos-custom-address-h pre.sc-zonos-custom-address{margin:0}.sc-zonos-custom-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-custom-address-h .zonos--title.sc-zonos-custom-address{margin-bottom:16px}.sc-zonos-custom-address-h .zonos--company-name-input.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--tax-id-input.sc-zonos-custom-address{margin-bottom:8px}.sc-zonos-custom-address-h zonos-banner.sc-zonos-custom-address{margin-top:8px}.sc-zonos-custom-address-h .zonos--custom-address-form.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address>*.sc-zonos-custom-address{-ms-flex:1 1 200px;flex:1 1 200px}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{opacity:0;height:0;overflow:hidden;-webkit-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.zonos--show.sc-zonos-custom-address{opacity:1;height:auto}`;
+const zonosCustomAddressCss = () => `.sc-zonos-custom-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-custom-address-h *.sc-zonos-custom-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-custom-address-h img.sc-zonos-custom-address{max-width:100%}.sc-zonos-custom-address-h dl.sc-zonos-custom-address,.sc-zonos-custom-address-h dd.sc-zonos-custom-address,.sc-zonos-custom-address-h h1.sc-zonos-custom-address,.sc-zonos-custom-address-h h2.sc-zonos-custom-address,.sc-zonos-custom-address-h h3.sc-zonos-custom-address,.sc-zonos-custom-address-h h4.sc-zonos-custom-address,.sc-zonos-custom-address-h h5.sc-zonos-custom-address,.sc-zonos-custom-address-h h6.sc-zonos-custom-address,.sc-zonos-custom-address-h hr.sc-zonos-custom-address,.sc-zonos-custom-address-h figure.sc-zonos-custom-address,.sc-zonos-custom-address-h p.sc-zonos-custom-address,.sc-zonos-custom-address-h pre.sc-zonos-custom-address{margin:0}.sc-zonos-custom-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-custom-address-h .zonos--title.sc-zonos-custom-address{margin-bottom:16px}.sc-zonos-custom-address-h .zonos--company-name-input.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--tax-id-input.sc-zonos-custom-address{margin-bottom:8px}.sc-zonos-custom-address-h .zonos--tax-id-input.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-custom-address-h zonos-banner.sc-zonos-custom-address{margin-top:8px}.sc-zonos-custom-address-h .zonos--custom-address-form.sc-zonos-custom-address,.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sc-zonos-custom-address-h .zonos--custom-address-form-state-zip-wrapper.sc-zonos-custom-address>*.sc-zonos-custom-address{-ms-flex:1 1 200px;flex:1 1 200px}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.sc-zonos-custom-address{opacity:0;height:0;overflow:hidden;-webkit-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out}.sc-zonos-custom-address-h .zonos--custom-address-form-additional-fields.zonos--show.sc-zonos-custom-address{opacity:1;height:auto}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -558,6 +559,10 @@ const ZonosAddress = class {
          * Default address for stripe
          */
         this.defaultAddress = [];
+        /**
+         * Which tax id control the error belongs on. Empty when there is no error.
+         */
+        this.taxIdErrorField = '';
         /**
          * Error message for tax id input
          */
@@ -639,7 +644,7 @@ const ZonosAddress = class {
          */
         this.countryOptionsCache = null;
         // Create a single throttled instance that persists
-        this.throttledGetAddressSuggestions = throttle.throttle(() => {
+        this.throttledGetAddressSuggestions = taxIdFields.throttle(() => {
             if (zonosStore.zonosStore.checkoutAddressService) {
                 zonosStore.zonosStore.checkoutAddressService.getAddressSuggestions({
                     country: this.country,
@@ -884,9 +889,6 @@ const ZonosAddress = class {
         const hasErrors = line1 || postalCode || state || city || firstName || lastName || phone;
         return !hasErrors;
     }
-    isInTaxIdCountry(countryCode) {
-        return TaxId.countryRequireTaxId.includes(countryCode);
-    }
     /**
      * Render tax id input based on ship to country code
      */
@@ -901,22 +903,15 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        // This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
-        if (!this.isInTaxIdCountry(countryCode)) {
-            return null;
-        }
-        const taxIdInputRendered = shouldRenderTaxIdInput.shouldRenderTaxIdInput({
+        return taxIdFields.renderTaxIdFields({
             companyName: cart.stripeStore.companyName,
             countryCode,
+            errorField: this.taxIdErrorField,
+            errorMessage: this.taxIdErrorMessage,
+            shouldRequirePeruTaxId: zonosStore.getShouldRequirePeruTaxId(),
+            taxId: cart.stripeStore.taxId || '',
+            taxIdType: cart.stripeStore.taxIdType,
         });
-        // Don't render tax id input if the country doesn't require tax id
-        if (!taxIdInputRendered) {
-            return null;
-        }
-        const taxIdInputInfo = TaxId.shipToTaxIdLabels[countryCode];
-        return (index.h("div", { class: "zonos--tax-id-input" }, index.h("zonos-stripe-input", { error: this.taxIdErrorMessage, inputLabel: localization.translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: cart.stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
-                cart.stripeStore.taxId = event.detail;
-            } })));
     }
     /**
      * Render short address code input based on ship to country code
@@ -932,7 +927,7 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        const shortAddressCodeInputRendered = shouldRenderTaxIdInput.shouldRenderShortAddressCodeInput({
+        const shortAddressCodeInputRendered = shouldRenderShortAddressCodeInput.shouldRenderShortAddressCodeInput({
             countryCode,
         });
         // Don't render short address code input if the country doesn't require short address code
@@ -1453,10 +1448,10 @@ const ZonosAddress = class {
             this.country = localization.localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '9d178094ee341623633d1e3822bd79f254a27e51', class: classes.classes([
+        return (index.h(index.Host, { key: 'd3bb2635d41dd74ba52ff37034f348fc0a763366', class: classes.classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, index.h("zonos-text", { key: 'c36b4ce9b63cce95664894fd8929ffe15807a22a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("slot", { key: '661eab7074f99b6dca52d5f7f546cfbd29322fbf', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, index.h("zonos-text", { key: '7d3f67988eac13616f3470f46f05060e194c2df7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("slot", { key: '1bd63bd015542ec3302f087bcbf3d9549f342c25', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-address-display_2.cjs.entry.js

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

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

@@ -1,17 +1,18 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var throttle = require('./throttle-zSVRQLC0.js');
-var cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var taxIdFields = require('./taxIdFields-BrIaPTcd.js');
+var cart = require('./cart-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
-var shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-TxekHCp7.js');
+var shouldRenderShortAddressCodeInput = require('./shouldRenderShortAddressCodeInput-gpu_bMfp.js');
 var classes = require('./classes-D_DL168u.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-var TaxId = require('./TaxId-Q6aDqqWv.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
-require('./debounce-vY0QYT6o.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
+require('./debounce-DRPMxNew.js');
+require('./taxIdRules-BBj8kQxJ.js');
+require('./TaxId-ChhNwG04.js');
 require('./isDarkColor-f-fD9c2l.js');
 require('./ShortAddressCode-C5l520-F.js');
 
@@ -72,7 +73,7 @@ const buildAddressContacts = ({ currentEvent, defaultAddress, }) => {
     return [currentContact, ...defaultAddress];
 };
 
-const zonosAddressCss = () => `.sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address,.sc-zonos-address-h .zonos--tax-id-input.sc-zonos-address,.sc-zonos-address-h .zonos--short-address-code-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}`;
+const zonosAddressCss = () => `.sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address,.sc-zonos-address-h .zonos--tax-id-input.sc-zonos-address,.sc-zonos-address-h .zonos--short-address-code-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--tax-id-input.sc-zonos-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}`;
 
 const ZonosAddress = class {
     constructor(hostRef) {
@@ -88,6 +89,10 @@ const ZonosAddress = class {
          * Default address for stripe
          */
         this.defaultAddress = [];
+        /**
+         * Which tax id control the error belongs on. Empty when there is no error.
+         */
+        this.taxIdErrorField = '';
         /**
          * Error message for tax id input
          */
@@ -118,7 +123,7 @@ const ZonosAddress = class {
          * Check if the tracking event is sent
          */
         this.trackingSent = false;
-        this.prefetchLandedCost = throttle.throttle(cart.stripeStorePrefetchLandedCost, 1000);
+        this.prefetchLandedCost = taxIdFields.throttle(cart.stripeStorePrefetchLandedCost, 1000);
     }
     getStripeAddressInstance() {
         if (this.type === 'billing') {
@@ -296,9 +301,6 @@ const ZonosAddress = class {
         }
         void this.watchInitStripe();
     }
-    isInTaxIdCountry(countryCode) {
-        return TaxId.countryRequireTaxId.includes(countryCode);
-    }
     /**
      * Render tax id input based on ship to country code
      */
@@ -313,23 +315,18 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        // This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
-        if (!this.isInTaxIdCountry(countryCode)) {
-            return null;
-        }
-        const taxIdInputRendered = shouldRenderTaxIdInput.shouldRenderTaxIdInput({
+        return taxIdFields.renderTaxIdFields({
             companyName: cart.stripeStore.companyName,
             countryCode,
+            errorField: this.taxIdErrorField,
+            errorMessage: this.taxIdErrorMessage,
+            onTaxIdChange: value => {
+                this.taxIdChanged.emit(value);
+            },
+            shouldRequirePeruTaxId: zonosStore.getShouldRequirePeruTaxId(),
+            taxId: cart.stripeStore.taxId || '',
+            taxIdType: cart.stripeStore.taxIdType,
         });
-        // Don't render tax id input if the country doesn't require tax id
-        if (!taxIdInputRendered) {
-            return null;
-        }
-        const taxIdInputInfo = TaxId.shipToTaxIdLabels[countryCode];
-        return (index.h("div", { class: "zonos--tax-id-input" }, index.h("zonos-stripe-input", { inputLabel: localization.translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: cart.stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
-                cart.stripeStore.taxId = event.detail;
-                this.taxIdChanged.emit(event.detail);
-            } }), this.taxIdErrorMessage && (index.h("zonos-text", { textColor: "red-600", type: "caption" }, this.taxIdErrorMessage))));
     }
     /**
      * Render short address code input based on ship to country code
@@ -345,7 +342,7 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        const shortAddressCodeInputRendered = shouldRenderTaxIdInput.shouldRenderShortAddressCodeInput({
+        const shortAddressCodeInputRendered = shouldRenderShortAddressCodeInput.shouldRenderShortAddressCodeInput({
             countryCode,
         });
         // Don't render short address code input if the country doesn't require short address code
@@ -416,11 +413,11 @@ const ZonosAddress = class {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '302dafde973c4bf2d847640d8f0e064d88f350f8', class: classes.classes([
+        return (index.h(index.Host, { key: 'bbf12ad9213fbbbaf6c14ecb0cb7acb0679f3d6e', class: classes.classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (index.h("zonos-text", { key: '706204604ad32eed710e38adbe8133b3384044eb', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: '0edc4c5d6c3ff965be6edbf680acaed892c71a16', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), index.h("div", { key: '6aa6e4e86a76f1081c5af1f2b5f3282dfd91f3c5', class: "zonos--address-component" })));
+            ]) }, this.titleText && (index.h("zonos-text", { key: 'a81550755a359e1a9c46acc99eef7749959187ee', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: 'bdba9c19992622bcf0354366080b1932c0e28bb2', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), index.h("div", { key: 'b376efea8ef5d57f525be9b6eed3f98c67b2834e', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,15 +1,16 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var collect = require('./collect-DnrvaXUI.js');
-var cart = require('./cart-B6Aty-21.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 localization = require('./localization-B2mjW0Xa.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 var handleFetch = require('./handleFetch-DQLhurnE.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 zonosAirwallexPaymentCss = () => `.sc-zonos-airwallex-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-airwallex-payment-h *.sc-zonos-airwallex-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-airwallex-payment-h img.sc-zonos-airwallex-payment{max-width:100%}.sc-zonos-airwallex-payment-h dl.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h dd.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h1.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h2.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h3.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h4.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h5.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h6.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h hr.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h figure.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h p.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h pre.sc-zonos-airwallex-payment{margin:0}.sc-zonos-airwallex-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-airwallex-payment-h{display:block}.sc-zonos-airwallex-payment-h .zonos--payment-error-banner.sc-zonos-airwallex-payment{margin-bottom:16px}.sc-zonos-airwallex-payment-h .zonos--airwallex-payment-component.sc-zonos-airwallex-payment{margin-bottom:4px;min-height:40px}`;
 

package/dist/cjs/zonos-badge.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');
 var classes = require('./classes-D_DL168u.js');
 require('./VarianceTest-C98whVgO.js');
 

package/dist/cjs/zonos-banner.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');
 var classes = require('./classes-D_DL168u.js');
 require('./VarianceTest-C98whVgO.js');
 

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var zonosStore = require('./zonosStore-CDV83QyK.js');
 var helpers = require('./helpers-ClOZ11A9.js');
 var classes = require('./classes-D_DL168u.js');
-var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
 var isColorVariable = require('./isColorVariable-CKoJdu9G.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
 var styles = require('./styles-nowYls3K.js');

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

@@ -1,18 +1,19 @@
 '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 cart = require('./cart-B6Aty-21.js');
-var localization = require('./localization-BzNeXeDe.js');
+var getBorderRadius = require('./getBorderRadius-CJ_95w3o.js');
+var cart = require('./cart-CiXlehwQ.js');
+var localization = require('./localization-B2mjW0Xa.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
-var paypal = require('./paypal-CuKshRmZ.js');
+var paypal = require('./paypal-pd8Nz_R_.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.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');
 
 const zonosCardCss = () => `: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 .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}`;