@saasquatch/mint-components 2.2.0 → 2.3.0-2

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js

@@ -168,11 +168,19 @@ export class BankingInfoForm {
      * @uiName Branch code field label
      */
     this.branchCodeLabel = "Branch code";
+    /**
+     * @uiName Branch name field label
+     */
+    this.branchNameLabel = "Branch name";
     /**
      * Label text for the classification input field
      * @uiName Classification field label
      */
     this.classificationLabel = "Classification";
+    /**
+     * @uiName Classification code field label
+     */
+    this.classificationCodeLabel = "KBE code";
     /**
      * @uiName Taxpayer ID field label
      */
@@ -287,6 +295,156 @@ export class BankingInfoForm {
      * @uiName Information modal button text
      */
     this.modalButtonText = "I understand, update my information";
+    // ──────────────────────────────────────────────────────────────────
+    // Per-field validation error messages
+    // Each prop uses ICU select on {errorCode} to pick the right message.
+    // Error codes are short frontend keys mapped from the API error codes.
+    // The `other` branch displays the raw API message directly via {errorCode},
+    // which is already human-readable English (e.g. "Invalid Routing Code").
+    // ──────────────────────────────────────────────────────────────────
+    /**
+     * Error messages for the beneficiary / account holder name field.
+     * Supports error codes: empty, invalidCharacters, numeric, tooLong,
+     * nonEnglish, businessNameMismatch, nameMismatch, businessPayeeMismatch, payeeMismatch
+     * @uiName Beneficiary account name error
+     * @uiWidget textArea
+     */
+    this.beneficiaryAccountNameError = "{errorCode, select, empty {Account holder name is required} invalidCharacters {Account holder name contains invalid characters} numeric {Account holder name cannot be purely numeric} tooLong {Account holder name must be 70 characters or fewer} nonEnglish {Account holder name must contain only English characters for this currency} businessNameMismatch {Beneficiary name must match the name on your tax document} nameMismatch {Beneficiary name must match the name on your tax document} businessPayeeMismatch {Payee name must match the name on your tax document} payeeMismatch {Payee name must match the name on your tax document} other {{errorCode}}}";
+    /**
+     * Error messages for the bank account number / IBAN field.
+     * Supports error codes: empty, invalidUk, invalid, ibanEmpty,
+     * ibanAlphanumeric, ibanInvalid, ibanCountryMismatch
+     * @uiName Bank account number / IBAN error
+     * @uiWidget textArea
+     */
+    this.bankAccountNumberError = "{errorCode, select, empty {Account number is required} invalidUk {Please enter a valid UK account number} invalid {Account number is invalid} ibanEmpty {IBAN is required} ibanAlphanumeric {IBAN must contain only letters and numbers} ibanInvalid {IBAN is invalid} ibanCountryMismatch {UK accounts must use an IBAN starting with GB} other {{errorCode}}}";
+    /**
+     * Error messages for the routing code / sort code / BSB field.
+     * Supports error codes: invalidBsb, invalidSortCode, empty, invalid
+     * @uiName Routing code error
+     * @uiWidget textArea
+     */
+    this.routingCodeError = "{errorCode, select, invalidBsb {Please enter a valid BSB number} invalidSortCode {Please enter a valid sort code} empty {Routing number is required} invalid {Routing number is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the SWIFT / BIC code field.
+     * Supports error codes: empty, alphanumeric, invalid
+     * @uiName SWIFT code error
+     * @uiWidget textArea
+     */
+    this.swiftCodeError = "{errorCode, select, empty {SWIFT/BIC code is required} alphanumeric {SWIFT/BIC code must contain only letters and numbers} invalid {SWIFT/BIC code is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the bank account type field.
+     * Supports error codes: empty
+     * @uiName Bank account type error
+     * @uiWidget textArea
+     */
+    this.bankAccountTypeError = "{errorCode, select, empty {Bank account type is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank name field.
+     * Supports error codes: empty
+     * @uiName Bank name error
+     * @uiWidget textArea
+     */
+    this.bankNameError = "{errorCode, select, empty {Bank name is required} other {{errorCode}}}";
+    /**
+     * Error messages for the tax payer ID / classification entity field.
+     * Supports error codes: empty, emptyAr, emptyKr, alphanumeric, alphanumericAr,
+     * alphanumericKr, invalid, invalidAr, invalidKr, invalidKzt, cnpjTooShort, cpfTooShort
+     * @uiName Tax payer ID error
+     * @uiWidget textArea
+     */
+    this.taxPayerIdError = "{errorCode, select, empty {Tax payer ID is required} emptyAr {CUIT/CUIL is required} emptyKr {Classification ID is required} alphanumeric {Tax payer ID must contain only letters and numbers} alphanumericAr {CUIT/CUIL must contain only letters and numbers} alphanumericKr {Classification ID must contain only letters and numbers} invalid {Tax payer ID is invalid} invalidAr {CUIT/CUIL must be 11 characters} invalidKr {Classification ID length is invalid} invalidKzt {Tax payer ID must be 12 characters for KZT} cnpjTooShort {CNPJ must be at least 14 characters} cpfTooShort {CPF must be at least 11 characters} other {{errorCode}}}";
+    /**
+     * Error messages for the patronymic name field.
+     * Supports error codes: empty, alphanumeric
+     * @uiName Patronymic name error
+     * @uiWidget textArea
+     */
+    this.patronymicNameError = "{errorCode, select, empty {Patronymic name is required} alphanumeric {Patronymic name must contain only letters and numbers} other {{errorCode}}}";
+    /**
+     * Error messages for the VO code field.
+     * Supports error codes: empty, alphanumeric
+     * @uiName VO code error
+     * @uiWidget textArea
+     */
+    this.voCodeError = "{errorCode, select, empty {VO code is required} alphanumeric {VO code must contain only letters and numbers} other {{errorCode}}}";
+    /**
+     * Error messages for the agency code field.
+     * Supports error codes: empty, alphanumeric, tooShort
+     * @uiName Agency code error
+     * @uiWidget textArea
+     */
+    this.agencyCodeError = "{errorCode, select, empty {Agency code is required} alphanumeric {Agency code must contain only letters and numbers} tooShort {Agency code must be at least 5 characters} other {{errorCode}}}";
+    /**
+     * Error messages for the bank address field.
+     * Supports error codes: empty
+     * @uiName Bank address error
+     * @uiWidget textArea
+     */
+    this.bankAddressError = "{errorCode, select, empty {Bank address is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank city field.
+     * Supports error codes: empty
+     * @uiName Bank city error
+     * @uiWidget textArea
+     */
+    this.bankCityError = "{errorCode, select, empty {Bank city is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank province/state field.
+     * Supports error codes: empty
+     * @uiName Bank province/state error
+     * @uiWidget textArea
+     */
+    this.bankStateError = "{errorCode, select, empty {Bank province/state is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank postal code field.
+     * Supports error codes: empty
+     * @uiName Bank postal code error
+     * @uiWidget textArea
+     */
+    this.bankPostalCodeError = "{errorCode, select, empty {Bank postal code is required} other {{errorCode}}}";
+    /**
+     * Error messages for the branch code field.
+     * Supports error codes: invalid
+     * @uiName Branch code error
+     * @uiWidget textArea
+     */
+    this.branchCodeError = "{errorCode, select, invalid {Branch code is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the branch name field.
+     * Supports error codes: empty
+     * @uiName Branch name error
+     * @uiWidget textArea
+     */
+    this.branchNameError = "{errorCode, select, empty {Branch name is required} other {{errorCode}}}";
+    /**
+     * Error messages for the classification code field.
+     * Supports error codes: empty, invalidKzt
+     * @uiName Classification code error
+     * @uiWidget textArea
+     */
+    this.classificationCodeError = "{errorCode, select, empty {Classification code is required} invalidKzt {Classification code must be exactly 2 characters} other {{errorCode}}}";
+    /**
+     * Error messages for the PayPal email field.
+     * Supports error codes: empty, unsupportedCurrency, invalidEmail, verificationIncomplete
+     * @uiName PayPal email error
+     * @uiWidget textArea
+     */
+    this.paypalEmailError = "{errorCode, select, empty {PayPal email is required} unsupportedCurrency {PayPal is not supported for this currency} invalidEmail {Please enter a valid email address} verificationIncomplete {PayPal verification is not complete} other {{errorCode}}}";
+    /**
+     * Error messages for the payment threshold field.
+     * Supports error codes: empty, invalid
+     * @uiName Payment threshold error
+     * @uiWidget textArea
+     */
+    this.paymentThresholdError = "{errorCode, select, empty {Payment threshold is required} invalid {Payment threshold is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the payment day field.
+     * Supports error codes: empty, invalid
+     * @uiName Payment day error
+     * @uiWidget textArea
+     */
+    this.paymentDayError = "{errorCode, select, empty {Payment day is required} invalid {Payment day must be the 1st or the 15th} other {{errorCode}}}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -300,17 +458,54 @@ export class BankingInfoForm {
         loadingErrorAlertDescription: props.loadingErrorAlertDescription,
         loadingErrorAlertHeader: props.loadingErrorAlertHeader,
       },
+      errorMessages: {
+        beneficiaryAccountName: props.beneficiaryAccountNameError,
+        bankAccountNumber: props.bankAccountNumberError,
+        routingCode: props.routingCodeError,
+        swiftCode: props.swiftCodeError,
+        bankAccountType: props.bankAccountTypeError,
+        bankName: props.bankNameError,
+        taxPayerId: props.taxPayerIdError,
+        patronymicName: props.patronymicNameError,
+        voCode: props.voCodeError,
+        agencyCode: props.agencyCodeError,
+        bankAddress: props.bankAddressError,
+        bankCity: props.bankCityError,
+        bankState: props.bankStateError,
+        bankPostalCode: props.bankPostalCodeError,
+        branchCode: props.branchCodeError,
+        branchName: props.branchNameError,
+        beneficiaryClassification: props.classificationCodeError,
+        paypalEmailAddress: props.paypalEmailError,
+        paymentThreshold: props.paymentThresholdError,
+        paymentDay: props.paymentDayError,
+      },
     };
   }
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10;
     const props = isDemo()
       ? useDemoBankingInfoForm(this)
       : useBankingInfoForm(this);
     const { errors } = props.states.formState;
     const fieldRequiredError = this.fieldRequiredError;
     const fieldInvalidError = this.fieldInvalidError;
-    function getValidationErrorMessage({ type, label, }) {
+    function getValidationErrorMessage({ type, label, errorCode, fieldName, }) {
+      var _a;
+      // If we have a specific error code from the API, try to use
+      // the per-field ICU error message template for a rich message
+      if (type === "invalid" && errorCode && fieldName) {
+        const errorTemplate = (_a = props.text.errorMessages) === null || _a === void 0 ? void 0 : _a[fieldName];
+        if (errorTemplate) {
+          return intl.formatMessage({
+            id: `fieldError-${fieldName}-${errorCode}`,
+            defaultMessage: errorTemplate,
+          }, {
+            errorCode,
+            fieldName: label,
+          });
+        }
+      }
       if (type === "required") {
         return intl.formatMessage({
           id: `requiredText-${label}`,
@@ -398,6 +593,8 @@ export class BankingInfoForm {
             helpText: getValidationErrorMessage({
               type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.bankCountry) === null || _c === void 0 ? void 0 : _c.type,
               label: props.text.bankLocationLabel,
+              errorCode: (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.bankCountry) === null || _e === void 0 ? void 0 : _e.errorCode,
+              fieldName: "bankCountry",
             }),
           })),
             h("sl-input", { disabled: props.states.saveLoading, class: sheet.classes.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
@@ -405,33 +602,39 @@ export class BankingInfoForm {
                 e.stopPropagation();
               }, "onSl-input": (e) => {
                 props.callbacks.setCountrySearch(e.target.value);
-              } }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
-            _d.map((country) => {
+              } }), (_f = props.states.countries) === null || _f === void 0 ? void 0 :
+            _f.map((country) => {
               return (h("sl-menu-item", { value: country.countryCode }, country.displayName));
-            }), (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.allCountries) === null || _f === void 0 ? void 0 :
-            _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
+            }), (_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.allCountries) === null || _h === void 0 ? void 0 :
+            _h.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
           paymentMethodSlot: (h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
-          paymentThresholdSelectSlot: (h("sl-select", Object.assign({ required: true, disabled: props.states.saveLoading, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.formState) === null || _h === void 0 ? void 0 : _h.paymentThreshold) || "" }, (((_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.paymentThreshold) && {
+          paymentThresholdSelectSlot: (h("sl-select", Object.assign({ required: true, disabled: props.states.saveLoading, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_k = (_j = props.states) === null || _j === void 0 ? void 0 : _j.formState) === null || _k === void 0 ? void 0 : _k.paymentThreshold) || "" }, (((_l = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _l === void 0 ? void 0 : _l.paymentThreshold) && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.paymentThreshold) === null || _l === void 0 ? void 0 : _l.type,
+              type: (_o = (_m = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _m === void 0 ? void 0 : _m.paymentThreshold) === null || _o === void 0 ? void 0 : _o.type,
               label: props.text.paymentThresholdSelectLabel,
+              errorCode: (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentThreshold) === null || _q === void 0 ? void 0 : _q.errorCode,
+              fieldName: "paymentThreshold",
             }),
           })), props.states.thresholds.map((t) => (h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
-          paymentFixedDaySelectSlot: (h("sl-select", Object.assign({ required: true, disabled: props.states.saveLoading, label: props.text.paymentDaySelectLabel, value: ((_o = (_m = props.states) === null || _m === void 0 ? void 0 : _m.formState) === null || _o === void 0 ? void 0 : _o.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentDay) && {
+          paymentFixedDaySelectSlot: (h("sl-select", Object.assign({ required: true, disabled: props.states.saveLoading, label: props.text.paymentDaySelectLabel, value: ((_s = (_r = props.states) === null || _r === void 0 ? void 0 : _r.formState) === null || _s === void 0 ? void 0 : _s.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_t = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _t === void 0 ? void 0 : _t.paymentDay) && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: (_r = (_q = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _q === void 0 ? void 0 : _q.paymentDay) === null || _r === void 0 ? void 0 : _r.type,
+              type: (_v = (_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.paymentDay) === null || _v === void 0 ? void 0 : _v.type,
               label: props.text.paymentDaySelectLabel,
+              errorCode: (_x = (_w = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _w === void 0 ? void 0 : _w.paymentDay) === null || _x === void 0 ? void 0 : _x.errorCode,
+              fieldName: "paymentDay",
             }),
           })),
             h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText),
             h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
-          paypalInputSlot: (h("sl-input", Object.assign({ required: true, disabled: props.states.saveLoading, value: ((_t = (_s = props.states) === null || _s === void 0 ? void 0 : _s.formState) === null || _t === void 0 ? void 0 : _t.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_w = (_v = (_u = props.states.formState) === null || _u === void 0 ? void 0 : _u.errors) === null || _v === void 0 ? void 0 : _v.inputErrors) === null || _w === void 0 ? void 0 : _w.paypalEmailAddress) && {
+          paypalInputSlot: (h("sl-input", Object.assign({ required: true, disabled: props.states.saveLoading, value: ((_z = (_y = props.states) === null || _y === void 0 ? void 0 : _y.formState) === null || _z === void 0 ? void 0 : _z.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_2 = (_1 = (_0 = props.states.formState) === null || _0 === void 0 ? void 0 : _0.errors) === null || _1 === void 0 ? void 0 : _1.inputErrors) === null || _2 === void 0 ? void 0 : _2.paypalEmailAddress) && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: (_0 = (_z = (_y = (_x = props.states.formState) === null || _x === void 0 ? void 0 : _x.errors) === null || _y === void 0 ? void 0 : _y.inputErrors) === null || _z === void 0 ? void 0 : _z.paypalEmailAddress) === null || _0 === void 0 ? void 0 : _0.type,
+              type: (_6 = (_5 = (_4 = (_3 = props.states.formState) === null || _3 === void 0 ? void 0 : _3.errors) === null || _4 === void 0 ? void 0 : _4.inputErrors) === null || _5 === void 0 ? void 0 : _5.paypalEmailAddress) === null || _6 === void 0 ? void 0 : _6.type,
               label: props.text.payPalInputLabel,
+              errorCode: (_10 = (_9 = (_8 = (_7 = props.states.formState) === null || _7 === void 0 ? void 0 : _7.errors) === null || _8 === void 0 ? void 0 : _8.inputErrors) === null || _9 === void 0 ? void 0 : _9.paypalEmailAddress) === null || _10 === void 0 ? void 0 : _10.errorCode,
+              fieldName: "paypalEmailAddress",
             }),
           })))),
         } })));
@@ -1173,6 +1376,27 @@ export class BankingInfoForm {
       "reflect": false,
       "defaultValue": "\"Branch code\""
     },
+    "branchNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch name field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "branch-name-label",
+      "reflect": false,
+      "defaultValue": "\"Branch name\""
+    },
     "classificationLabel": {
       "type": "string",
       "mutable": false,
@@ -1194,6 +1418,27 @@ export class BankingInfoForm {
       "reflect": false,
       "defaultValue": "\"Classification\""
     },
+    "classificationCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "classification-code-label",
+      "reflect": false,
+      "defaultValue": "\"KBE code\""
+    },
     "taxPayerIdLabel": {
       "type": "string",
       "mutable": false,
@@ -1716,12 +1961,492 @@ export class BankingInfoForm {
       "reflect": false,
       "defaultValue": "\"I understand, update my information\""
     },
+    "beneficiaryAccountNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary account name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the beneficiary / account holder name field.\nSupports error codes: empty, invalidCharacters, numeric, tooLong,\nnonEnglish, businessNameMismatch, nameMismatch, businessPayeeMismatch, payeeMismatch"
+      },
+      "attribute": "beneficiary-account-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Account holder name is required} invalidCharacters {Account holder name contains invalid characters} numeric {Account holder name cannot be purely numeric} tooLong {Account holder name must be 70 characters or fewer} nonEnglish {Account holder name must contain only English characters for this currency} businessNameMismatch {Beneficiary name must match the name on your tax document} nameMismatch {Beneficiary name must match the name on your tax document} businessPayeeMismatch {Payee name must match the name on your tax document} payeeMismatch {Payee name must match the name on your tax document} other {{errorCode}}}\""
+    },
+    "bankAccountNumberError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank account number / IBAN error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank account number / IBAN field.\nSupports error codes: empty, invalidUk, invalid, ibanEmpty,\nibanAlphanumeric, ibanInvalid, ibanCountryMismatch"
+      },
+      "attribute": "bank-account-number-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Account number is required} invalidUk {Please enter a valid UK account number} invalid {Account number is invalid} ibanEmpty {IBAN is required} ibanAlphanumeric {IBAN must contain only letters and numbers} ibanInvalid {IBAN is invalid} ibanCountryMismatch {UK accounts must use an IBAN starting with GB} other {{errorCode}}}\""
+    },
+    "routingCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the routing code / sort code / BSB field.\nSupports error codes: invalidBsb, invalidSortCode, empty, invalid"
+      },
+      "attribute": "routing-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, invalidBsb {Please enter a valid BSB number} invalidSortCode {Please enter a valid sort code} empty {Routing number is required} invalid {Routing number is invalid} other {{errorCode}}}\""
+    },
+    "swiftCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "SWIFT code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the SWIFT / BIC code field.\nSupports error codes: empty, alphanumeric, invalid"
+      },
+      "attribute": "swift-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {SWIFT/BIC code is required} alphanumeric {SWIFT/BIC code must contain only letters and numbers} invalid {SWIFT/BIC code is invalid} other {{errorCode}}}\""
+    },
+    "bankAccountTypeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank account type error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank account type field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-account-type-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank account type is required} other {{errorCode}}}\""
+    },
+    "bankNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank name field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank name is required} other {{errorCode}}}\""
+    },
+    "taxPayerIdError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Tax payer ID error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the tax payer ID / classification entity field.\nSupports error codes: empty, emptyAr, emptyKr, alphanumeric, alphanumericAr,\nalphanumericKr, invalid, invalidAr, invalidKr, invalidKzt, cnpjTooShort, cpfTooShort"
+      },
+      "attribute": "tax-payer-id-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Tax payer ID is required} emptyAr {CUIT/CUIL is required} emptyKr {Classification ID is required} alphanumeric {Tax payer ID must contain only letters and numbers} alphanumericAr {CUIT/CUIL must contain only letters and numbers} alphanumericKr {Classification ID must contain only letters and numbers} invalid {Tax payer ID is invalid} invalidAr {CUIT/CUIL must be 11 characters} invalidKr {Classification ID length is invalid} invalidKzt {Tax payer ID must be 12 characters for KZT} cnpjTooShort {CNPJ must be at least 14 characters} cpfTooShort {CPF must be at least 11 characters} other {{errorCode}}}\""
+    },
+    "patronymicNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Patronymic name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the patronymic name field.\nSupports error codes: empty, alphanumeric"
+      },
+      "attribute": "patronymic-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Patronymic name is required} alphanumeric {Patronymic name must contain only letters and numbers} other {{errorCode}}}\""
+    },
+    "voCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "VO code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the VO code field.\nSupports error codes: empty, alphanumeric"
+      },
+      "attribute": "vo-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {VO code is required} alphanumeric {VO code must contain only letters and numbers} other {{errorCode}}}\""
+    },
+    "agencyCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Agency code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the agency code field.\nSupports error codes: empty, alphanumeric, tooShort"
+      },
+      "attribute": "agency-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Agency code is required} alphanumeric {Agency code must contain only letters and numbers} tooShort {Agency code must be at least 5 characters} other {{errorCode}}}\""
+    },
+    "bankAddressError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank address error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank address field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-address-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank address is required} other {{errorCode}}}\""
+    },
+    "bankCityError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank city error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank city field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-city-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank city is required} other {{errorCode}}}\""
+    },
+    "bankStateError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank province/state error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank province/state field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-state-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank province/state is required} other {{errorCode}}}\""
+    },
+    "bankPostalCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank postal code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank postal code field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-postal-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank postal code is required} other {{errorCode}}}\""
+    },
+    "branchCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the branch code field.\nSupports error codes: invalid"
+      },
+      "attribute": "branch-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, invalid {Branch code is invalid} other {{errorCode}}}\""
+    },
+    "branchNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the branch name field.\nSupports error codes: empty"
+      },
+      "attribute": "branch-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Branch name is required} other {{errorCode}}}\""
+    },
+    "classificationCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the classification code field.\nSupports error codes: empty, invalidKzt"
+      },
+      "attribute": "classification-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Classification code is required} invalidKzt {Classification code must be exactly 2 characters} other {{errorCode}}}\""
+    },
+    "paypalEmailError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "PayPal email error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the PayPal email field.\nSupports error codes: empty, unsupportedCurrency, invalidEmail, verificationIncomplete"
+      },
+      "attribute": "paypal-email-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {PayPal email is required} unsupportedCurrency {PayPal is not supported for this currency} invalidEmail {Please enter a valid email address} verificationIncomplete {PayPal verification is not complete} other {{errorCode}}}\""
+    },
+    "paymentThresholdError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment threshold error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the payment threshold field.\nSupports error codes: empty, invalid"
+      },
+      "attribute": "payment-threshold-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Payment threshold is required} invalid {Payment threshold is invalid} other {{errorCode}}}\""
+    },
+    "paymentDayError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment day error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the payment day field.\nSupports error codes: empty, invalid"
+      },
+      "attribute": "payment-day-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Payment day is required} invalid {Payment day must be the 1st or the 15th} other {{errorCode}}}\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<BankingInfoFormViewProps>",
-        "resolved": "{ states?: { showVerification: boolean; step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; email?: string; showModal: boolean; }; slots?: { verificationDialogSlot?: VNode; formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
+        "resolved": "{ states?: { showVerification: boolean; step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; errorCode?: string; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; email?: string; showModal: boolean; }; slots?: { verificationDialogSlot?: VNode; formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
         "references": {
           "DemoData": {
             "location": "import",