@zonos/elements 1.5.0 → 1.5.1

package/dist/collection/components/store/translationStore/strings.spanish.js

@@ -86,12 +86,21 @@ export const stringsSpanish = {
     'CPF/CNPJ number': {
         value: 'Número de CPF/CNPJ',
     },
+    CURP: {
+        value: 'CURP',
+    },
     Cancel: {
         value: 'Cancelar',
     },
     'Card number copied to clipboard': {
         value: 'Número de tarjeta copiado al portapapeles',
     },
+    'Carné de extranjería': {
+        value: 'Carné de extranjería',
+    },
+    'Carné de extranjería must be 9 digits.': {
+        value: 'El carné de extranjería debe tener 9 dígitos.',
+    },
     'Cart subtotal': {
         value: 'Subtotal del carrito',
     },
@@ -164,6 +173,12 @@ export const stringsSpanish = {
     'Customs fees total': {
         value: 'Total de tarifas aduaneras',
     },
+    DNI: {
+        value: 'DNI',
+    },
+    'DNI must be 8 digits.': {
+        value: 'El DNI debe tener 8 dígitos.',
+    },
     Delivery: {
         value: 'Entrega',
     },
@@ -311,8 +326,11 @@ export const stringsSpanish = {
     'Invalid CUIT/CUIL format. Must contain 11 digits, with or without dashes (XX-XXXXXXXX-X).': {
         value: 'Formato de CUIT/CUIL inválido. Debe contener 11 dígitos, con o sin guiones (XX-XXXXXXXX-X).',
     },
-    'Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.': {
-        value: 'Formato de RFC o CURP inválido. Debe ser un RFC de 12–13 caracteres o una CURP de 18 caracteres, solo letras mayúsculas y números.',
+    'Invalid CURP format. Must be 18 uppercase letters and numbers.': {
+        value: 'Formato de CURP inválido. Debe ser una CURP de 18 caracteres, solo letras mayúsculas y números.',
+    },
+    'Invalid RFC format. Must be 12–13 uppercase letters and numbers.': {
+        value: 'Formato de RFC inválido. Debe ser un RFC de 12–13 caracteres, solo letras mayúsculas y números.',
     },
     'Invalid promo code': {
         value: 'Código promocional no válido',
@@ -515,9 +533,18 @@ export const stringsSpanish = {
     Quantity: {
         value: 'Cantidad',
     },
+    RFC: {
+        value: 'RFC',
+    },
     'RFC or CURP number': {
         value: 'Número RFC o CURP',
     },
+    RUC: {
+        value: 'RUC',
+    },
+    'RUC must be 11 digits.': {
+        value: 'El RUC debe tener 11 dígitos.',
+    },
     'Refund policy': {
         value: 'Política de reembolso',
     },
@@ -659,6 +686,12 @@ export const stringsSpanish = {
     'Tax id is required': {
         value: 'Se requiere identificación fiscal',
     },
+    'Tax id type': {
+        value: 'Tipo de identificación fiscal',
+    },
+    'Tax id type is required': {
+        value: 'Se requiere el tipo de identificación fiscal',
+    },
     Taxes: {
         value: 'Impuestos',
     },

package/dist/collection/components/store/translationStore/strings.swedish.js

@@ -86,12 +86,21 @@ export const stringsSwedish = {
     'CPF/CNPJ number': {
         value: 'CPF/CNPJ-nummer',
     },
+    CURP: {
+        value: 'CURP',
+    },
     Cancel: {
         value: 'Avbryt',
     },
     'Card number copied to clipboard': {
         value: 'Kortnummer kopierat till urklipp',
     },
+    'Carné de extranjería': {
+        value: 'Carné de extranjería',
+    },
+    'Carné de extranjería must be 9 digits.': {
+        value: 'Carné de extranjería måste bestå av 9 siffror.',
+    },
     'Cart subtotal': {
         value: 'Varukorgens delsumma',
     },
@@ -164,6 +173,12 @@ export const stringsSwedish = {
     'Customs fees total': {
         value: 'Totala tullavgifter',
     },
+    DNI: {
+        value: 'DNI',
+    },
+    'DNI must be 8 digits.': {
+        value: 'DNI måste bestå av 8 siffror.',
+    },
     Delivery: {
         value: 'Leverans',
     },
@@ -311,8 +326,11 @@ export const stringsSwedish = {
     'Invalid CUIT/CUIL format. Must contain 11 digits, with or without dashes (XX-XXXXXXXX-X).': {
         value: 'Ogiltigt CUIT/CUIL-format. Måste innehålla 11 siffror, med eller utan bindestreck (XX-XXXXXXXX-X).',
     },
-    'Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.': {
-        value: 'Ogiltigt RFC- eller CURP-format. Måste vara ett RFC på 12–13 tecken eller ett CURP på 18 tecken, endast versaler och siffror.',
+    'Invalid CURP format. Must be 18 uppercase letters and numbers.': {
+        value: 'Ogiltigt CURP-format. Måste vara ett CURP på 18 tecken, endast versaler och siffror.',
+    },
+    'Invalid RFC format. Must be 12–13 uppercase letters and numbers.': {
+        value: 'Ogiltigt RFC-format. Måste vara ett RFC på 12–13 tecken, endast versaler och siffror.',
     },
     'Invalid promo code': {
         value: 'Ogiltig kampanjkod',
@@ -515,9 +533,18 @@ export const stringsSwedish = {
     Quantity: {
         value: 'Kvantitet',
     },
+    RFC: {
+        value: 'RFC',
+    },
     'RFC or CURP number': {
         value: 'RFC- eller CURP-nummer',
     },
+    RUC: {
+        value: 'RUC',
+    },
+    'RUC must be 11 digits.': {
+        value: 'RUC måste bestå av 11 siffror.',
+    },
     'Refund policy': {
         value: 'Återbetalningspolicy',
     },
@@ -659,6 +686,12 @@ export const stringsSwedish = {
     'Tax id is required': {
         value: 'Skatte-ID krävs',
     },
+    'Tax id type': {
+        value: 'Typ av skatte-ID',
+    },
+    'Tax id type is required': {
+        value: 'Typ av skatte-ID krävs',
+    },
     Taxes: {
         value: 'Skatter',
     },

package/dist/collection/components/store/translationStore/strings.turkish.js

@@ -86,12 +86,21 @@ export const stringsTurkish = {
     'CPF/CNPJ number': {
         value: 'CPF/CNPJ numarası',
     },
+    CURP: {
+        value: 'CURP',
+    },
     Cancel: {
         value: 'İptal',
     },
     'Card number copied to clipboard': {
         value: 'Kart numarası panoya kopyalandı',
     },
+    'Carné de extranjería': {
+        value: 'Carné de extranjería',
+    },
+    'Carné de extranjería must be 9 digits.': {
+        value: 'Carné de extranjería 9 haneli olmalıdır.',
+    },
     'Cart subtotal': {
         value: 'Sepet ara toplam',
     },
@@ -164,6 +173,12 @@ export const stringsTurkish = {
     'Customs fees total': {
         value: 'Gümrük ücretleri toplamı',
     },
+    DNI: {
+        value: 'DNI',
+    },
+    'DNI must be 8 digits.': {
+        value: 'DNI 8 haneli olmalıdır.',
+    },
     Delivery: {
         value: 'Teslimat',
     },
@@ -311,8 +326,11 @@ export const stringsTurkish = {
     'Invalid CUIT/CUIL format. Must contain 11 digits, with or without dashes (XX-XXXXXXXX-X).': {
         value: 'Geçersiz CUIT/CUIL formatı. Tireli veya tiresiz 11 rakam içermelidir (XX-XXXXXXXX-X).',
     },
-    'Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.': {
-        value: 'Geçersiz RFC veya CURP formatı. 12–13 karakterlik bir RFC veya 18 karakterlik bir CURP olmalı, yalnızca büyük harf ve rakam.',
+    'Invalid CURP format. Must be 18 uppercase letters and numbers.': {
+        value: 'Geçersiz CURP formatı. 18 karakterlik bir CURP olmalı, yalnızca büyük harf ve rakam.',
+    },
+    'Invalid RFC format. Must be 12–13 uppercase letters and numbers.': {
+        value: 'Geçersiz RFC formatı. 12–13 karakterlik bir RFC olmalı, yalnızca büyük harf ve rakam.',
     },
     'Invalid promo code': {
         value: 'Geçersiz promosyon kodu',
@@ -515,9 +533,18 @@ export const stringsTurkish = {
     Quantity: {
         value: 'Miktar',
     },
+    RFC: {
+        value: 'RFC',
+    },
     'RFC or CURP number': {
         value: 'RFC veya CURP numarası',
     },
+    RUC: {
+        value: 'RUC',
+    },
+    'RUC must be 11 digits.': {
+        value: 'RUC 11 haneli olmalıdır.',
+    },
     'Refund policy': {
         value: 'İade politikası',
     },
@@ -659,6 +686,12 @@ export const stringsTurkish = {
     'Tax id is required': {
         value: 'Vergi kimliği gereklidir',
     },
+    'Tax id type': {
+        value: 'Vergi kimliği türü',
+    },
+    'Tax id type is required': {
+        value: 'Vergi kimliği türü gereklidir',
+    },
     Taxes: {
         value: 'Vergiler',
     },

package/dist/collection/components/store/translationStore/strings.vietnamese.js

@@ -86,12 +86,21 @@ export const stringsVietnamese = {
     'CPF/CNPJ number': {
         value: 'Số CPF/CNPJ',
     },
+    CURP: {
+        value: 'CURP',
+    },
     Cancel: {
         value: 'Hủy bỏ',
     },
     'Card number copied to clipboard': {
         value: 'Số thẻ đã được sao chép vào bảng tạm',
     },
+    'Carné de extranjería': {
+        value: 'Carné de extranjería',
+    },
+    'Carné de extranjería must be 9 digits.': {
+        value: 'Carné de extranjería phải có 9 chữ số.',
+    },
     'Cart subtotal': {
         value: 'Tổng giỏ hàng',
     },
@@ -164,6 +173,12 @@ export const stringsVietnamese = {
     'Customs fees total': {
         value: 'Tổng phí hải quan',
     },
+    DNI: {
+        value: 'DNI',
+    },
+    'DNI must be 8 digits.': {
+        value: 'DNI phải có 8 chữ số.',
+    },
     Delivery: {
         value: 'Giao hàng',
     },
@@ -311,8 +326,11 @@ export const stringsVietnamese = {
     'Invalid CUIT/CUIL format. Must contain 11 digits, with or without dashes (XX-XXXXXXXX-X).': {
         value: 'Định dạng CUIT/CUIL không hợp lệ. Phải chứa 11 chữ số, có hoặc không có dấu gạch ngang (XX-XXXXXXXX-X).',
     },
-    'Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.': {
-        value: 'Định dạng RFC hoặc CURP không hợp lệ. Phải là RFC gồm 12–13 ký tự hoặc CURP gồm 18 ký tự, chỉ gồm chữ in hoa và số.',
+    'Invalid CURP format. Must be 18 uppercase letters and numbers.': {
+        value: 'Định dạng CURP không hợp lệ. Phải là CURP gồm 18 ký tự, chỉ gồm chữ in hoa và số.',
+    },
+    'Invalid RFC format. Must be 12–13 uppercase letters and numbers.': {
+        value: 'Định dạng RFC không hợp lệ. Phải là RFC gồm 12–13 ký tự, chỉ gồm chữ in hoa và số.',
     },
     'Invalid promo code': {
         value: 'Mã khuyến mãi không hợp lệ',
@@ -515,9 +533,18 @@ export const stringsVietnamese = {
     Quantity: {
         value: 'Số lượng',
     },
+    RFC: {
+        value: 'RFC',
+    },
     'RFC or CURP number': {
         value: 'Số RFC hoặc CURP',
     },
+    RUC: {
+        value: 'RUC',
+    },
+    'RUC must be 11 digits.': {
+        value: 'RUC phải có 11 chữ số.',
+    },
     'Refund policy': {
         value: 'Chính sách hoàn tiền',
     },
@@ -659,6 +686,12 @@ export const stringsVietnamese = {
     'Tax id is required': {
         value: 'Yêu cầu mã số thuế',
     },
+    'Tax id type': {
+        value: 'Loại mã số thuế',
+    },
+    'Tax id type is required': {
+        value: 'Yêu cầu loại mã số thuế',
+    },
     Taxes: {
         value: 'Thuế',
     },

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

@@ -171,4 +171,5 @@ const zonosStoreFontFamily = () => {
     const fontFamily = zonosStore.appearance.fontFamily || 'Inter';
     return fontFamily;
 };
-export { getZonosStoreTheme, zonosStore, zonosStoreDispose, zonosStoreFontFamily, zonosStoreInitSetting, zonosStoreOnChange, };
+const getShouldRequirePeruTaxId = () => { var _a; return !!((_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.shouldRequirePeruTaxId); };
+export { getShouldRequirePeruTaxId, getZonosStoreTheme, zonosStore, zonosStoreDispose, zonosStoreFontFamily, zonosStoreInitSetting, zonosStoreOnChange, };

package/dist/collection/components/stripe/zonos-address/zonos-address.css

@@ -39,6 +39,11 @@
 :host .zonos--short-address-code-input {
   margin-bottom: 16px;
 }
+:host .zonos--tax-id-input {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
 :host zonos-banner {
   margin-top: 8px;
 }

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -4,17 +4,16 @@ import { stripeStore, stripeStoreOnChange, stripeStorePrefetchLandedCost, } from
 import { getFallbackDefaultCountryCode, localizationStore, } from "../../store/hello/localization";
 import { storageStore, storageStoreOnChange, } from "../../store/storageStore";
 import { translate } from "../../store/translationStore";
-import { zonosStore } from "../../store/zonosStore";
+import { getShouldRequirePeruTaxId, zonosStore, } from "../../store/zonosStore";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { buildAddressContacts } from "../../utils/checkout/buildAddressContacts";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
 import { shouldRenderShortAddressCodeInput } from "../../utils/checkout/shouldRenderShortAddressCodeInput";
-import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
+import { renderTaxIdFields } from "../../utils/checkout/taxIdFields";
 import { classes } from "../../utils/classes";
 import { extractName } from "../../utils/extractName";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
-import { countryRequireTaxId, shipToTaxIdLabels, } from "../../../types/checkout/TaxId";
 /**
  * This component is a wrapper for the stripe address element that would render default style object
  */
@@ -29,6 +28,10 @@ export class ZonosAddress {
          * 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
          */
@@ -237,9 +240,6 @@ export class ZonosAddress {
         }
         void this.watchInitStripe();
     }
-    isInTaxIdCountry(countryCode) {
-        return countryRequireTaxId.includes(countryCode);
-    }
     /**
      * Render tax id input based on ship to country code
      */
@@ -254,23 +254,18 @@ export class ZonosAddress {
         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({
+        return renderTaxIdFields({
             companyName: stripeStore.companyName,
             countryCode,
+            errorField: this.taxIdErrorField,
+            errorMessage: this.taxIdErrorMessage,
+            onTaxIdChange: value => {
+                this.taxIdChanged.emit(value);
+            },
+            shouldRequirePeruTaxId: getShouldRequirePeruTaxId(),
+            taxId: stripeStore.taxId || '',
+            taxIdType: stripeStore.taxIdType,
         });
-        // Don't render tax id input if the country doesn't require tax id
-        if (!taxIdInputRendered) {
-            return null;
-        }
-        const taxIdInputInfo = shipToTaxIdLabels[countryCode];
-        return (h("div", { class: "zonos--tax-id-input" }, h("zonos-stripe-input", { inputLabel: translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
-                stripeStore.taxId = event.detail;
-                this.taxIdChanged.emit(event.detail);
-            } }), this.taxIdErrorMessage && (h("zonos-text", { textColor: "red-600", type: "caption" }, this.taxIdErrorMessage))));
     }
     /**
      * Render short address code input based on ship to country code
@@ -357,11 +352,11 @@ export class ZonosAddress {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '302dafde973c4bf2d847640d8f0e064d88f350f8', class: classes([
+        return (h(Host, { key: 'bbf12ad9213fbbbaf6c14ecb0cb7acb0679f3d6e', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '706204604ad32eed710e38adbe8133b3384044eb', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '0edc4c5d6c3ff965be6edbf680acaed892c71a16', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '6aa6e4e86a76f1081c5af1f2b5f3282dfd91f3c5', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: 'a81550755a359e1a9c46acc99eef7749959187ee', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'bdba9c19992622bcf0354366080b1932c0e28bb2', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: 'b376efea8ef5d57f525be9b6eed3f98c67b2834e', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -440,6 +435,26 @@ export class ZonosAddress {
                 "setter": false,
                 "defaultValue": "[]"
             },
+            "taxIdErrorField": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'type' | 'value' | ''",
+                    "resolved": "\"\" | \"type\" | \"value\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Which tax id control the error belongs on. Empty when there is no error."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tax-id-error-field",
+                "defaultValue": "''"
+            },
             "taxIdErrorMessage": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.css

@@ -38,6 +38,11 @@
 :host .zonos--tax-id-input {
   margin-bottom: 8px;
 }
+:host .zonos--tax-id-input {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
 :host zonos-banner {
   margin-top: 8px;
 }

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js

@@ -16,18 +16,17 @@ import { stripeStore, stripeStorePrefetchLandedCost, } from "../../store/checkou
 import { localizationStore } from "../../store/hello/localization";
 import { storageStore, storageStoreOnChange, } from "../../store/storageStore";
 import { translate } from "../../store/translationStore";
-import { zonosStore } from "../../store/zonosStore";
+import { getShouldRequirePeruTaxId, zonosStore, } from "../../store/zonosStore";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { isValidZip } from "../../utils/checkout/form/isValidZip";
 import { getAddressCountryOptions, } from "../../utils/checkout/getAddressCountryOptions";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
 import { shouldRenderShortAddressCodeInput } from "../../utils/checkout/shouldRenderShortAddressCodeInput";
-import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
+import { renderTaxIdFields } from "../../utils/checkout/taxIdFields";
 import { classes } from "../../utils/classes";
 import { extractName } from "../../utils/extractName";
 import { log } from "../../utils/logging/log";
 import { mergeAddress } from "../../utils/mergeAddress";
-import { countryRequireTaxId, shipToTaxIdLabels, } from "../../../types/checkout/TaxId";
 /**
  * This component is a wrapper for the stripe address element that would render default style object
  */
@@ -38,6 +37,10 @@ export class ZonosAddress {
          * 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
          */
@@ -364,9 +367,6 @@ export class ZonosAddress {
         const hasErrors = line1 || postalCode || state || city || firstName || lastName || phone;
         return !hasErrors;
     }
-    isInTaxIdCountry(countryCode) {
-        return countryRequireTaxId.includes(countryCode);
-    }
     /**
      * Render tax id input based on ship to country code
      */
@@ -381,22 +381,15 @@ export class ZonosAddress {
         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({
+        return renderTaxIdFields({
             companyName: stripeStore.companyName,
             countryCode,
+            errorField: this.taxIdErrorField,
+            errorMessage: this.taxIdErrorMessage,
+            shouldRequirePeruTaxId: getShouldRequirePeruTaxId(),
+            taxId: stripeStore.taxId || '',
+            taxIdType: stripeStore.taxIdType,
         });
-        // Don't render tax id input if the country doesn't require tax id
-        if (!taxIdInputRendered) {
-            return null;
-        }
-        const taxIdInputInfo = shipToTaxIdLabels[countryCode];
-        return (h("div", { class: "zonos--tax-id-input" }, h("zonos-stripe-input", { error: this.taxIdErrorMessage, inputLabel: translate(taxIdInputInfo.friendlyName), inputPlaceholder: taxIdInputInfo.placeholder, inputValue: stripeStore.taxId || '', isError: !!this.taxIdErrorMessage, onInputChange: (event) => {
-                stripeStore.taxId = event.detail;
-            } })));
     }
     /**
      * Render short address code input based on ship to country code
@@ -933,10 +926,10 @@ export class ZonosAddress {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '9d178094ee341623633d1e3822bd79f254a27e51', class: classes([
+        return (h(Host, { key: 'd3bb2635d41dd74ba52ff37034f348fc0a763366', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: 'c36b4ce9b63cce95664894fd8929ffe15807a22a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '661eab7074f99b6dca52d5f7f546cfbd29322fbf', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '7d3f67988eac13616f3470f46f05060e194c2df7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '1bd63bd015542ec3302f087bcbf3d9549f342c25', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }
@@ -1015,6 +1008,26 @@ export class ZonosAddress {
                 "setter": false,
                 "defaultValue": "[]"
             },
+            "taxIdErrorField": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'type' | 'value' | ''",
+                    "resolved": "\"\" | \"type\" | \"value\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Which tax id control the error belongs on. Empty when there is no error."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tax-id-error-field",
+                "defaultValue": "''"
+            },
             "taxIdErrorMessage": {
                 "type": "string",
                 "mutable": false,