@saasquatch/mint-components 2.2.0 → 2.3.0-10

package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js

@@ -16,13 +16,15 @@ const reRender = require('./re-render-72a0ef45.js');
 const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const useReferralTable = require('./useReferralTable-6e9de0d5.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-53306f6e.js');
-const data = require('./data-8c8a08f6.js');
-const keys = require('./keys-cff24974.js');
-const usePayoutStatus = require('./usePayoutStatus-0192fccd.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-374a3f01.js');
+const subregions = require('./subregions-984e30d7.js');
+const data = require('./data-89ac73dd.js');
+const keys = require('./keys-5a2c9ed2.js');
+const eventKeys = require('./eventKeys-7af4df4d.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-112914a0.js');
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
-  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, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
+  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, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76;
   const { errors, ...formState } = props.states.formState;
   return {
     0: {
@@ -31,44 +33,54 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
         helpText: getValidationErrorMessage({
           type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.beneficiaryAccountName) === null || _c === void 0 ? void 0 : _c.type,
           label: props.text.beneficiaryAccountNameLabel,
+          errorCode: (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.beneficiaryAccountName) === null || _e === void 0 ? void 0 : _e.errorCode,
+          fieldName: "beneficiaryAccountName",
         }),
       })))),
     },
     1: {
-      input: (index.h("sl-select", Object.assign({ required: true, label: props.text.bankAccountTypeLabel, name: "/bankAccountType", id: "bankAccountType", key: "bankAccountType" }, (((_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.bankAccountType) && {
+      input: (index.h("sl-select", Object.assign({ required: true, label: props.text.bankAccountTypeLabel, name: "/bankAccountType", id: "bankAccountType", key: "bankAccountType" }, (((_f = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _f === void 0 ? void 0 : _f.bankAccountType) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _e === void 0 ? void 0 : _e.bankAccountType) === null || _f === void 0 ? void 0 : _f.type,
+          type: (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _g === void 0 ? void 0 : _g.bankAccountType) === null || _h === void 0 ? void 0 : _h.type,
           label: props.text.bankAccountTypeLabel,
+          errorCode: (_k = (_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.bankAccountType) === null || _k === void 0 ? void 0 : _k.errorCode,
+          fieldName: "bankAccountType",
         }),
       })),
         index.h("sl-menu-item", { value: "CHECKING" }, props.text.checkingSelectItemLabel),
         index.h("sl-menu-item", { value: "SAVINGS" }, props.text.savingsSelectItemLabel))),
     },
     2: {
-      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankAccountNumberLabel, name: "/bankAccountNumber", id: "bankAccountNumber", key: "bankAccountNumber", value: formState.bankAccountNumber, type: "text" }, (((_g = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _g === void 0 ? void 0 : _g.bankAccountNumber) && {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankAccountNumberLabel, name: "/bankAccountNumber", id: "bankAccountNumber", key: "bankAccountNumber", value: formState.bankAccountNumber, type: "text" }, (((_l = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _l === void 0 ? void 0 : _l.bankAccountNumber) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_j = (_h = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _h === void 0 ? void 0 : _h.bankAccountNumber) === null || _j === void 0 ? void 0 : _j.type,
+          type: (_o = (_m = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _m === void 0 ? void 0 : _m.bankAccountNumber) === null || _o === void 0 ? void 0 : _o.type,
           label: props.text.bankAccountNumberLabel,
+          errorCode: (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.bankAccountNumber) === null || _q === void 0 ? void 0 : _q.errorCode,
+          fieldName: "bankAccountNumber",
         }),
       })))),
     },
     3: {
-      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.ibanLabel, name: "/bankAccountNumber", id: "iban", key: "iban", type: "text", value: formState.bankAccountNumber }, (((_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.bankAccountNumber) && {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.ibanLabel, name: "/bankAccountNumber", id: "iban", key: "iban", type: "text", value: formState.bankAccountNumber }, (((_r = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _r === void 0 ? void 0 : _r.bankAccountNumber) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_m = (_l = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _l === void 0 ? void 0 : _l.bankAccountNumber) === null || _m === void 0 ? void 0 : _m.type,
+          type: (_t = (_s = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _s === void 0 ? void 0 : _s.bankAccountNumber) === null || _t === void 0 ? void 0 : _t.type,
           label: props.text.ibanLabel,
+          errorCode: (_v = (_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.bankAccountNumber) === null || _v === void 0 ? void 0 : _v.errorCode,
+          fieldName: "bankAccountNumber",
         }),
       })))),
     },
     4: {
-      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.swiftCodeLabel, name: "/swiftCode", id: "swiftCode", key: "swiftCode", type: "text" }, (((_o = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _o === void 0 ? void 0 : _o.swiftCode) && {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.swiftCodeLabel, name: "/swiftCode", id: "swiftCode", key: "swiftCode", type: "text" }, (((_w = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _w === void 0 ? void 0 : _w.swiftCode) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.swiftCode) === null || _q === void 0 ? void 0 : _q.type,
+          type: (_y = (_x = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _x === void 0 ? void 0 : _x.swiftCode) === null || _y === void 0 ? void 0 : _y.type,
           label: props.text.swiftCodeLabel,
+          errorCode: (_0 = (_z = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _z === void 0 ? void 0 : _z.swiftCode) === null || _0 === void 0 ? void 0 : _0.errorCode,
+          fieldName: "swiftCode",
         }),
       })))),
     },
@@ -78,35 +90,41 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
           defaultMessage: props.text.routingCodeLabel,
         }, {
           bankCountry,
-        }), name: "/routingCode", id: "routingCode", key: "routingCode", type: "text" }, (((_r = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _r === void 0 ? void 0 : _r.routingCode) && {
+        }), name: "/routingCode", id: "routingCode", key: "routingCode", type: "text" }, (((_1 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _1 === void 0 ? void 0 : _1.routingCode) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_t = (_s = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _s === void 0 ? void 0 : _s.routingCode) === null || _t === void 0 ? void 0 : _t.type,
+          type: (_3 = (_2 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _2 === void 0 ? void 0 : _2.routingCode) === null || _3 === void 0 ? void 0 : _3.type,
           label: global.intl.formatMessage({
             id: "routingCodeErrorText",
             defaultMessage: props.text.routingCodeLabel,
           }, {
             bankCountry,
           }),
+          errorCode: (_5 = (_4 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _4 === void 0 ? void 0 : _4.routingCode) === null || _5 === void 0 ? void 0 : _5.errorCode,
+          fieldName: "routingCode",
         }),
       })))),
     },
     6: {
-      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankNameLabel, name: "/bankName", id: "bankName", key: "bankName", type: "text" }, (((_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.bankName) && {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.bankNameLabel, name: "/bankName", id: "bankName", key: "bankName", type: "text" }, (((_6 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _6 === void 0 ? void 0 : _6.bankName) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_w = (_v = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _v === void 0 ? void 0 : _v.bankName) === null || _w === void 0 ? void 0 : _w.type,
+          type: (_8 = (_7 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _7 === void 0 ? void 0 : _7.bankName) === null || _8 === void 0 ? void 0 : _8.type,
           label: props.text.bankNameLabel,
+          errorCode: (_10 = (_9 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _9 === void 0 ? void 0 : _9.bankName) === null || _10 === void 0 ? void 0 : _10.errorCode,
+          fieldName: "bankName",
         }),
       })))),
     },
     7: {
       input: [
-        index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_x = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _x === void 0 ? void 0 : _x.beneficiaryClassification) && {
+        index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_11 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _11 === void 0 ? void 0 : _11.beneficiaryClassification) && {
           class: "error-input",
           helpText: getValidationErrorMessage({
-            type: (_z = (_y = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _y === void 0 ? void 0 : _y.beneficiaryClassification) === null || _z === void 0 ? void 0 : _z.type,
+            type: (_13 = (_12 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _12 === void 0 ? void 0 : _12.beneficiaryClassification) === null || _13 === void 0 ? void 0 : _13.type,
             label: props.text.classificationLabel,
+            errorCode: (_15 = (_14 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _14 === void 0 ? void 0 : _14.beneficiaryClassification) === null || _15 === void 0 ? void 0 : _15.errorCode,
+            fieldName: "beneficiaryClassification",
           }),
         })),
           index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
@@ -117,106 +135,146 @@ function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
             defaultMessage: props.text.taxPayerIdLabel,
           }, {
             bankCountry,
-          }), type: "text", name: "/beneficiaryTaxPayerId", id: "beneficiaryTaxPayerId", key: "beneficiaryTaxPayerId" }, (((_0 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _0 === void 0 ? void 0 : _0.beneficiaryTaxPayerId) && {
+          }), type: "text", name: "/beneficiaryTaxPayerId", id: "beneficiaryTaxPayerId", key: "beneficiaryTaxPayerId" }, (((_16 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _16 === void 0 ? void 0 : _16.beneficiaryTaxPayerId) && {
           class: "error-input",
           helpText: getValidationErrorMessage({
-            type: (_2 = (_1 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _1 === void 0 ? void 0 : _1.beneficiaryTaxPayerId) === null || _2 === void 0 ? void 0 : _2.type,
+            type: (_18 = (_17 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _17 === void 0 ? void 0 : _17.beneficiaryTaxPayerId) === null || _18 === void 0 ? void 0 : _18.type,
             label: props.text.taxPayerIdLabel,
+            errorCode: (_20 = (_19 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _19 === void 0 ? void 0 : _19.taxPayerId) === null || _20 === void 0 ? void 0 : _20.errorCode,
+            fieldName: "taxPayerId",
           }),
         }))),
       ],
     },
     8: {
-      input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationCPFLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_3 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _3 === void 0 ? void 0 : _3.beneficiaryClassification) && {
+      input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationCPFLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_21 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _21 === void 0 ? void 0 : _21.beneficiaryClassification) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_5 = (_4 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _4 === void 0 ? void 0 : _4.beneficiaryClassification) === null || _5 === void 0 ? void 0 : _5.type,
+          type: (_23 = (_22 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _22 === void 0 ? void 0 : _22.beneficiaryClassification) === null || _23 === void 0 ? void 0 : _23.type,
           label: props.text.classificationCPFLabel,
+          errorCode: (_25 = (_24 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _24 === void 0 ? void 0 : _24.beneficiaryClassification) === null || _25 === void 0 ? void 0 : _25.errorCode,
+          fieldName: "beneficiaryClassification",
         }),
       })),
         index.h("sl-menu-item", { value: "CPF" }, "CPF"),
         index.h("sl-menu-item", { value: "CNPJ" }, "CNPJ"))),
     },
     9: {
-      input: (index.h("sl-input", Object.assign({ key: "patronymicName", required: true, label: props.text.patronymicNameLabel, name: "/patronymicName", id: "patronymicName", type: "text" }, (((_6 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _6 === void 0 ? void 0 : _6.patronymicName) && {
+      input: (index.h("sl-input", Object.assign({ key: "patronymicName", required: true, label: props.text.patronymicNameLabel, name: "/patronymicName", id: "patronymicName", type: "text" }, (((_26 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _26 === void 0 ? void 0 : _26.patronymicName) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_8 = (_7 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _7 === void 0 ? void 0 : _7.patronymicName) === null || _8 === void 0 ? void 0 : _8.type,
+          type: (_28 = (_27 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _27 === void 0 ? void 0 : _27.patronymicName) === null || _28 === void 0 ? void 0 : _28.type,
           label: props.text.patronymicNameLabel,
+          errorCode: (_30 = (_29 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _29 === void 0 ? void 0 : _29.patronymicName) === null || _30 === void 0 ? void 0 : _30.errorCode,
+          fieldName: "patronymicName",
         }),
       })))),
     },
     10: {
-      input: (index.h("sl-input", Object.assign({ key: "voCode", label: props.text.voCodeLabel, name: "/voCode", id: "voCode", type: "text" }, (((_9 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _9 === void 0 ? void 0 : _9.voCode) && {
+      input: (index.h("sl-input", Object.assign({ key: "voCode", label: props.text.voCodeLabel, name: "/voCode", id: "voCode", type: "text" }, (((_31 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _31 === void 0 ? void 0 : _31.voCode) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_11 = (_10 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _10 === void 0 ? void 0 : _10.voCode) === null || _11 === void 0 ? void 0 : _11.type,
+          type: (_33 = (_32 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _32 === void 0 ? void 0 : _32.voCode) === null || _33 === void 0 ? void 0 : _33.type,
           label: props.text.voCodeLabel,
+          errorCode: (_35 = (_34 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _34 === void 0 ? void 0 : _34.voCode) === null || _35 === void 0 ? void 0 : _35.errorCode,
+          fieldName: "voCode",
         }),
       })))),
     },
     11: {
-      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.agencyCodeLabel, name: "/agencyCode", id: "agencyCode", key: "agencyCode", type: "text" }, (((_12 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _12 === void 0 ? void 0 : _12.agencyCode) && {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.agencyCodeLabel, name: "/agencyCode", id: "agencyCode", key: "agencyCode", type: "text" }, (((_36 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _36 === void 0 ? void 0 : _36.agencyCode) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_14 = (_13 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _13 === void 0 ? void 0 : _13.agencyCode) === null || _14 === void 0 ? void 0 : _14.type,
+          type: (_38 = (_37 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _37 === void 0 ? void 0 : _37.agencyCode) === null || _38 === void 0 ? void 0 : _38.type,
           label: props.text.agencyCodeLabel,
+          errorCode: (_40 = (_39 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _39 === void 0 ? void 0 : _39.agencyCode) === null || _40 === void 0 ? void 0 : _40.errorCode,
+          fieldName: "agencyCode",
         }),
       })))),
     },
     12: {
       input: [
-        index.h("sl-input", Object.assign({ required: true, label: props.text.bankAddressLabel, name: "/bankAddress", id: "bankAddress", key: "bankAddress", type: "text" }, (((_15 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _15 === void 0 ? void 0 : _15.bankAddress) && {
+        index.h("sl-input", Object.assign({ required: true, label: props.text.bankAddressLabel, name: "/bankAddress", id: "bankAddress", key: "bankAddress", type: "text" }, (((_41 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _41 === void 0 ? void 0 : _41.bankAddress) && {
           class: "error-input",
           helpText: getValidationErrorMessage({
-            type: (_17 = (_16 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _16 === void 0 ? void 0 : _16.bankAddress) === null || _17 === void 0 ? void 0 : _17.type,
+            type: (_43 = (_42 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _42 === void 0 ? void 0 : _42.bankAddress) === null || _43 === void 0 ? void 0 : _43.type,
             label: props.text.bankAddressLabel,
+            errorCode: (_45 = (_44 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _44 === void 0 ? void 0 : _44.bankAddress) === null || _45 === void 0 ? void 0 : _45.errorCode,
+            fieldName: "bankAddress",
           }),
         }))),
-        index.h("sl-input", Object.assign({ required: true, label: props.text.bankCityLabel, name: "/bankCity", id: "bankCity", key: "bankCity", type: "text" }, (((_18 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _18 === void 0 ? void 0 : _18.bankCity) && {
+        index.h("sl-input", Object.assign({ required: true, label: props.text.bankCityLabel, name: "/bankCity", id: "bankCity", key: "bankCity", type: "text" }, (((_46 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _46 === void 0 ? void 0 : _46.bankCity) && {
           class: "error-input",
           helpText: getValidationErrorMessage({
-            type: (_20 = (_19 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _19 === void 0 ? void 0 : _19.bankCity) === null || _20 === void 0 ? void 0 : _20.type,
+            type: (_48 = (_47 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _47 === void 0 ? void 0 : _47.bankCity) === null || _48 === void 0 ? void 0 : _48.type,
             label: props.text.bankCityLabel,
+            errorCode: (_50 = (_49 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _49 === void 0 ? void 0 : _49.bankCity) === null || _50 === void 0 ? void 0 : _50.errorCode,
+            fieldName: "bankCity",
           }),
         }))),
-        index.h("sl-input", Object.assign({ required: true, label: props.text.bankStateLabel, name: "/bankState", id: "bankState", key: "bankState", type: "text" }, (((_21 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _21 === void 0 ? void 0 : _21.bankState) && {
+        index.h("sl-input", Object.assign({ required: true, label: props.text.bankStateLabel, name: "/bankState", id: "bankState", key: "bankState", type: "text" }, (((_51 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _51 === void 0 ? void 0 : _51.bankState) && {
           class: "error-input",
           helpText: getValidationErrorMessage({
-            type: (_23 = (_22 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _22 === void 0 ? void 0 : _22.bankState) === null || _23 === void 0 ? void 0 : _23.type,
+            type: (_53 = (_52 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _52 === void 0 ? void 0 : _52.bankState) === null || _53 === void 0 ? void 0 : _53.type,
             label: props.text.bankStateLabel,
+            errorCode: (_55 = (_54 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _54 === void 0 ? void 0 : _54.bankState) === null || _55 === void 0 ? void 0 : _55.errorCode,
+            fieldName: "bankState",
           }),
         }))),
-        index.h("sl-input", Object.assign({ required: true, label: props.text.bankPostalCodeLabel, name: "/bankPostalCode", id: "bankPostalCode", key: "bankPostalCode", type: "text" }, (((_24 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _24 === void 0 ? void 0 : _24.bankPostalCode) && {
+        index.h("sl-input", Object.assign({ required: true, label: props.text.bankPostalCodeLabel, name: "/bankPostalCode", id: "bankPostalCode", key: "bankPostalCode", type: "text" }, (((_56 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _56 === void 0 ? void 0 : _56.bankPostalCode) && {
           class: "error-input",
           helpText: getValidationErrorMessage({
-            type: (_26 = (_25 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _25 === void 0 ? void 0 : _25.bankPostalCode) === null || _26 === void 0 ? void 0 : _26.type,
+            type: (_58 = (_57 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _57 === void 0 ? void 0 : _57.bankPostalCode) === null || _58 === void 0 ? void 0 : _58.type,
             label: props.text.bankPostalCodeLabel,
+            errorCode: (_60 = (_59 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _59 === void 0 ? void 0 : _59.bankPostalCode) === null || _60 === void 0 ? void 0 : _60.errorCode,
+            fieldName: "bankPostalCode",
           }),
         }))),
       ],
     },
     13: {
-      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.branchCodeLabel, name: "/branchCode", id: "branchCode", key: "branchCode", type: "text" }, (((_27 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _27 === void 0 ? void 0 : _27.branchCode) && {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.branchCodeLabel, name: "/branchCode", id: "branchCode", key: "branchCode", type: "text" }, (((_61 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _61 === void 0 ? void 0 : _61.branchCode) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_29 = (_28 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _28 === void 0 ? void 0 : _28.branchCode) === null || _29 === void 0 ? void 0 : _29.type,
+          type: (_63 = (_62 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _62 === void 0 ? void 0 : _62.branchCode) === null || _63 === void 0 ? void 0 : _63.type,
           label: props.text.branchCodeLabel,
+          errorCode: (_65 = (_64 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _64 === void 0 ? void 0 : _64.branchCode) === null || _65 === void 0 ? void 0 : _65.errorCode,
+          fieldName: "branchCode",
         }),
       })))),
     },
     14: {
-      input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_30 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _30 === void 0 ? void 0 : _30.beneficiaryClassification) && {
+      input: (index.h("sl-select", Object.assign({ required: true, label: props.text.classificationLabel, name: "/beneficiaryClassification", id: "beneficiaryClassification", key: "beneficiaryClassification" }, (((_66 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _66 === void 0 ? void 0 : _66.beneficiaryClassification) && {
         class: "error-input",
         helpText: getValidationErrorMessage({
-          type: (_32 = (_31 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _31 === void 0 ? void 0 : _31.beneficiaryClassification) === null || _32 === void 0 ? void 0 : _32.type,
+          type: (_68 = (_67 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _67 === void 0 ? void 0 : _67.beneficiaryClassification) === null || _68 === void 0 ? void 0 : _68.type,
           label: props.text.classificationLabel,
+          errorCode: (_70 = (_69 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _69 === void 0 ? void 0 : _69.beneficiaryClassification) === null || _70 === void 0 ? void 0 : _70.errorCode,
+          fieldName: "beneficiaryClassification",
         }),
       })),
         index.h("sl-menu-item", { value: "BUSINESS" }, props.text.businessSelectItemLabel),
         index.h("sl-menu-item", { value: "INDIVIDUAL" }, props.text.individualSelectItemLabel),
         index.h("sl-menu-item", { value: "FOREIGN" }, props.text.foreignSelectItemLabel))),
     },
+    15: {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.branchNameLabel, name: "/branchName", id: "branchName", key: "branchName", type: "text" }, (((_71 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _71 === void 0 ? void 0 : _71.branchName) && {
+        class: "error-input",
+        helpText: getValidationErrorMessage({
+          type: (_73 = (_72 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _72 === void 0 ? void 0 : _72.branchName) === null || _73 === void 0 ? void 0 : _73.type,
+          label: props.text.branchNameLabel,
+        }),
+      })))),
+    },
+    16: {
+      input: (index.h("sl-input", Object.assign({ required: true, label: props.text.classificationCodeLabel, name: "/classificationCode", id: "classificationCode", key: "classificationCode", type: "text" }, (((_74 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _74 === void 0 ? void 0 : _74.classificationCode) && {
+        class: "error-input",
+        helpText: getValidationErrorMessage({
+          type: (_76 = (_75 = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _75 === void 0 ? void 0 : _75.classificationCode) === null || _76 === void 0 ? void 0 : _76.type,
+          label: props.text.classificationCodeLabel,
+        }),
+      })))),
+    },
   };
 }
 
@@ -803,6 +861,95 @@ const paypalFeeMap = {
 const ACH_PAYMENT_METHOD = 3;
 const WIRE_PAYMENT_METHOD = 5;
 const PAYPAL_PAYMENT_METHOD = 7;
+/**
+ * Maps GraphQL validation error field names to form field names.
+ */
+const API_FIELD_TO_FORM_FIELD = {
+  // bankProvinceState → form uses bankState
+  bankProvinceState: "bankState",
+};
+/**
+ * Maps Impact API error code paths (from validationErrors[].errorPath) to short,
+ * readable frontend error codes used in the ICU select props.
+ */
+const API_ERROR_PATH_TO_FRONTEND = {
+  // Beneficiary account name
+  "withdrawal.settings.error.empty_beneficiaryname": "empty",
+  "withdrawal.settings.error.invalid_character_beneficiaryname": "invalidCharacters",
+  "withdrawal.settings.error.numeric_beneficiaryname": "numeric",
+  "withdrawal_settings.error.beneficiaryname.size": "tooLong",
+  "withdrawal.settings.error.non_english_beneficiaryname": "nonEnglish",
+  "withdrawal_settings.error.business_beneficiaryname_match": "businessNameMismatch",
+  "withdrawal_settings.error.beneficiaryname_match": "nameMismatch",
+  "withdrawal_settings.error.business_checkpayeename_match": "businessPayeeMismatch",
+  "withdrawal_settings.error.checkpayeename_match": "payeeMismatch",
+  // Bank account number
+  "withdrawal.settings.error.accountnumber.empty": "empty",
+  "withdrawal.settings.error.accountnumber.uk": "invalidUk",
+  "withdrawal.settings.error.bankaccount.invalid": "invalid",
+  // IBAN
+  "withdrawal.settings.error.iban": "ibanEmpty",
+  "withdrawal.settings.error.iban.alphanumeric": "ibanAlphanumeric",
+  "withdrawal.settings.error.iban.invalid": "ibanInvalid",
+  "withdrawal.settings.error.iban.uk.country.mismatch": "ibanCountryMismatch",
+  // Routing code
+  "withdrawal.settings.error.bsbNumber": "invalidBsb",
+  "withdrawal.settings.error.sortcode": "invalidSortCode",
+  "withdrawal.settings.error.routingNumber": "empty",
+  "withdrawal.settings.error.routingcode": "invalid",
+  // SWIFT / BIC
+  "withdrawal.settings.error.bic": "empty",
+  "withdrawal.settings.error.bic.alphanumeric": "alphanumeric",
+  "withdrawal.settings.error.bic.invalid": "invalid",
+  // Bank account type
+  "global.error.invalid.accounttype": "empty",
+  // Bank name
+  "withdrawal.settings.error.bankName": "empty",
+  // Tax payer ID
+  "withdrawal.settings.error.taxPayerId": "empty",
+  "withdrawal.settings.error.taxPayerId.ar": "emptyAr",
+  "withdrawal.settings.error.taxPayerId.kr": "emptyKr",
+  "withdrawal.settings.error.taxPayerId.alphanumeric": "alphanumeric",
+  "withdrawal.settings.error.taxPayerId.alphanumeric.ar": "alphanumericAr",
+  "withdrawal.settings.error.taxPayerId.alphanumeric.kr": "alphanumericKr",
+  "withdrawal.settings.error.taxPayerId.invalid": "invalid",
+  "withdrawal.settings.error.taxPayerId.invalid.ar": "invalidAr",
+  "withdrawal.settings.error.taxPayerId.invalid.kr": "invalidKr",
+  "withdrawal.settings.error.taxPayerId.invalid.kzt": "invalidKzt",
+  "withdrawal.settings.error.taxPayerId.cnpj": "cnpjTooShort",
+  "withdrawal.settings.error.taxPayerId.cpf": "cpfTooShort",
+  // Patronymic name
+  "withdrawal.settings.error.patronymicName": "empty",
+  "withdrawal.settings.error.patronymicName.alphanumeric": "alphanumeric",
+  // VO code
+  "withdrawal.settings.error.voCode": "empty",
+  "withdrawal.settings.error.voCode.alphanumeric": "alphanumeric",
+  // Agency code
+  "withdrawal.settings.error.agencyCode": "empty",
+  "withdrawal.settings.error.agencyCode.alphanumeric": "alphanumeric",
+  "withdrawal.settings.error.agencyCode.length": "tooShort",
+  // Bank address fields
+  "withdrawal.settings.error.bankAddress": "empty",
+  "withdrawal.settings.error.bankCity": "empty",
+  "withdrawal.settings.error.bankProvinceState": "empty",
+  "withdrawal.settings.error.bankPostalCode": "empty",
+  // Branch code / name
+  "withdrawal.settings.error.branchCode": "invalid",
+  "withdrawal.settings.error.branchName": "empty",
+  // Classification code
+  "withdrawal.settings.error.classificationCode.invalid": "empty",
+  "withdrawal.settings.error.classificationCode.invalid.kzt": "invalidKzt",
+  // PayPal
+  "payment.error.email": "empty",
+  "payment.error.paypal_not_supported": "unsupportedCurrency",
+  "payment.error.email.invalid": "invalidEmail",
+  "payment.error.paypal_verification_incomplete": "verificationIncomplete",
+  // Payment schedule
+  "payment.error.no_threshold": "empty",
+  "payment.error.invalid_threshold": "invalid",
+  "payment.error.no_dayOfMonth": "empty",
+  "payment.error.invalid_dayOfMonth": "invalid",
+};
 function getFormInputs({ bitset, formMap }) {
   // Convert bitset to binary representation
   const binary = bitset.toString(2).padStart(Object.keys(formMap).length, "0");
@@ -826,6 +973,7 @@ const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
       validationErrors {
         field
         message
+        code
       }
     }
   }
@@ -841,6 +989,7 @@ const UPDATE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
       validationErrors {
         field
         message
+        code
       }
     }
   }
@@ -1013,10 +1162,13 @@ function useBankingInfoForm(props) {
       else if (!success) {
         console.error("Validation failed: ", validationErrors);
         const mappedValidationErrors = validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.reduce((agg, error) => {
+          const formField = API_FIELD_TO_FORM_FIELD[error.field] || error.field;
+          const errorCode = API_ERROR_PATH_TO_FRONTEND[error.errorPath] || error.errorPath;
           return {
             ...agg,
-            [error.field]: {
+            [formField]: {
               type: "invalid",
+              errorCode,
             },
           };
         }, {});
@@ -1027,7 +1179,7 @@ function useBankingInfoForm(props) {
         return;
       }
       // Fire form change event
-      window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+      window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
       await refetch();
       setStep("/dashboard");
     }
@@ -1312,11 +1464,19 @@ const BankingInfoForm = class {
      * @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
      */
@@ -1431,6 +1591,156 @@ const BankingInfoForm = class {
      * @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}}}";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -1444,17 +1754,54 @@ const BankingInfoForm = class {
         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 = index_module.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 global.intl.formatMessage({
+            id: `fieldError-${fieldName}-${errorCode}`,
+            defaultMessage: errorTemplate,
+          }, {
+            errorCode,
+            fieldName: label,
+          });
+        }
+      }
       if (type === "required") {
         return global.intl.formatMessage({
           id: `requiredText-${label}`,
@@ -1537,37 +1884,45 @@ const BankingInfoForm = class {
           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",
           }),
         })), index.h("sl-input", { disabled: props.states.saveLoading, class: sheet.classes.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
             // Stop shoelace intercepting key presses
             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 (index.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) => (index.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) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
         paymentMethodSlot: (index.h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
-        paymentThresholdSelectSlot: (index.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: (index.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) => (index.h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
-        paymentFixedDaySelectSlot: (index.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: (index.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",
           }),
         })), index.h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText), index.h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
-        paypalInputSlot: (index.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: (index.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",
           }),
         })))),
       } })));
@@ -1716,7 +2071,7 @@ function useDocusignForm(props) {
   const [showExitButton, setShowExitButton] = domContextHooks_module.useState(false);
   const [showModal, setShowModal] = domContextHooks_module.useState(true);
   // Only look at current document if it's valid (same as required type)
-  const existingDocumentType = data.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
+  const existingDocumentType = subregions.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
     ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
   const actualDocumentType = existingDocumentType ||
     getDocumentType(participantType) || (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType);
@@ -1774,7 +2129,7 @@ function useDocusignForm(props) {
       if (!result.completeImpactPublisherTaxDocument.success)
         throw new Error();
       // Fire form change event
-      window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+      window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
       setShowExitButton(true);
     }
     catch (e) {
@@ -1814,7 +2169,7 @@ function useDocusignForm(props) {
       },
       docusignStatus,
       documentType: actualDocumentType,
-      documentTypeString: data.taxTypeToName(actualDocumentType),
+      documentTypeString: subregions.taxTypeToName(actualDocumentType),
       showExitButton,
       showModal,
     },
@@ -2484,24 +2839,16 @@ const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      states.isPartner && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
-        index.h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
-        global.intl.formatMessage({
-          id: "isPartnerAlertDescription",
-          defaultMessage: text.isPartnerAlertDescription,
-        }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        }))),
       index.h("div", null,
         index.h("h4", null, text.indirectTaxDetails))),
     states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
       index.h("div", { class: classes.RadioContainer },
         index.h("div", { class: classes.InnerRadioContainer },
-          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled || states.isPartner },
+          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "notRegistered", id: "notRegistered", checked: formState.checked === "notRegistered", onInput: () => callbacks.onChange("notRegistered"), disabled: states.disabled },
             index.h("div", { class: classes.RadioContent },
               text.notRegistered,
               index.h("p", { class: classes.DescriptionText }, text.notRegisteredSubtext))),
-          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled || states.isPartner },
+          index.h("sl-radio", { exportparts: "base: radio-base", name: "/checked", value: "otherRegion", id: "otherRegion", checked: formState.checked === "otherRegion", onInput: () => callbacks.onChange("otherRegion"), disabled: states.disabled },
             index.h("div", { class: classes.RadioContent },
               text.otherRegion,
               index.h("p", { class: classes.DescriptionText }, text.otherRegionSubtext))),
@@ -2517,252 +2864,6 @@ const IndirectTaxFormView = (props) => {
         index.h("sl-button", { class: classes.SecondaryButton, type: "text", disabled: states.disabled, onClick: callbacks.onBack, exportparts: "base: secondarybutton-base" }, text.backButton))))));
 };
 
-const CONNECT_PARTNER = index_module.dist.gql `
-  mutation createImpactConnection($vars: ImpactConnectionInput!) {
-    createImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-function getOption(countries, countryCode) {
-  if (!countries)
-    return;
-  if (countries.find((c) => c.countryCode === countryCode)) {
-    return "otherRegion";
-  }
-  else {
-    return "notRegistered";
-  }
-}
-function useIndirectTaxForm(props) {
-  var _a, _b, _c, _d, _e;
-  const user = index_module.J();
-  const locale = index_module.L();
-  const formRef = domContextHooks_module.useRef(null);
-  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
-  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
-  const userForm = index_module.Fn(data.USER_FORM_CONTEXT_NAMESPACE);
-  const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
-  const { data: _countriesRes, loading: countriesLoading } = index_module.$n(data.COUNTRIES_QUERY_NAMESPACE);
-  const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
-  const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => data.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
-  const [loading, setLoading] = domContextHooks_module.useState(false);
-  const [formState, setFormState] = domContextHooks_module.useState({});
-  const [errors, setErrors] = domContextHooks_module.useState({});
-  const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(_countries || []);
-  const [option, setOption] = domContextHooks_module.useState("notRegistered");
-  const publisher = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher;
-  domContextHooks_module.useEffect(() => {
-    // reset redirect hash
-    window.location.hash = "";
-  }, []);
-  domContextHooks_module.useEffect(() => {
-    var _a;
-    if (!((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxCountryCode))
-      return;
-    const _option = getOption(_countries, publisher.taxInformation.indirectTaxCountryCode);
-    setOption(_option);
-  }, [publisher, _countries]);
-  domContextHooks_module.useEffect(() => {
-    if (countrySearch.trim() === "") {
-      setFilteredCountries(_countries || []);
-    }
-    else {
-      setFilteredCountries((_countries === null || _countries === void 0 ? void 0 : _countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase()))) || []);
-    }
-  }, [countrySearch, _countries]);
-  domContextHooks_module.useEffect(() => {
-    var _a, _b;
-    const user = userData === null || userData === void 0 ? void 0 : userData.user;
-    if (!user)
-      return;
-    if ((_b = (_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.taxInformation) {
-      setFormState({
-        province: user.impactConnection.publisher.taxInformation.indirectTaxRegion,
-        subRegion: user.impactConnection.publisher.taxInformation.indirectTaxRegion,
-        hasQst: !!user.impactConnection.publisher.taxInformation.additionalTaxId,
-        qstNumber: user.impactConnection.publisher.taxInformation.additionalTaxId,
-        hasSubRegionTaxNumber: !!user.impactConnection.publisher.taxInformation.withholdingTaxId,
-        subRegionTaxNumber: user.impactConnection.publisher.taxInformation.withholdingTaxId,
-        selectedRegion: user.impactConnection.publisher.taxInformation.indirectTaxCountryCode,
-        indirectTaxNumber: user.impactConnection.publisher.taxInformation.indirectTaxId,
-      });
-    }
-    else {
-      setFormState({
-        selectedRegion: (user === null || user === void 0 ? void 0 : user.countryCode) || (userForm === null || userForm === void 0 ? void 0 : userForm.countryCode),
-      });
-    }
-  }, [userData, userForm]);
-  const onFormChange = (field, e) => {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      console.error("Could not detect select change");
-    setFormState((p) => ({ ...p, [field]: value }));
-  };
-  async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
-    const vars = {
-      user: {
-        id: user.id,
-        accountId: user.accountId,
-      },
-      firstName: userForm.firstName,
-      lastName: userForm.lastName,
-      countryCode: userForm.countryCode,
-      currency: userForm.currency,
-      address: userForm.address,
-      city: userForm.city,
-      state: userForm.state,
-      postalCode: userForm.postalCode,
-      phoneNumber: userForm.phoneNumber,
-      phoneNumberCountryCode: userForm.phoneNumberCountryCode,
-      indirectTaxCountryCode: formData.selectedRegion,
-      indirectTaxRegion: formData.province || formData.subRegion,
-      indirectTaxId: formData.indirectTaxNumber,
-      additionalTaxId: formData.qstNumber,
-      withholdingTaxId: formData.subRegionTaxNumber,
-    };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
-      throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
-      throw new Error();
-    }
-    await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-    const hasValidCurrentDocument = data.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
-    // Fire form change event
-    window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
-    return {
-      resultPublisher,
-      hasValidCurrentDocument,
-    };
-  }
-  const onSubmit = async (event) => {
-    if (!option) {
-      setErrors({ taxDetails: true });
-      return;
-    }
-    let formData = { taxOption: option };
-    let validationErrors = {};
-    const controls = event.target.getFormControls();
-    controls.forEach((control) => {
-      if (!control.name || !control.id)
-        return;
-      if (option === "notRegistered")
-        return; // Don't include fields for notRegistered option
-      const key = control.name;
-      const value = control.value;
-      jsonpointer.jsonpointer.set(formData, key, value);
-      if (control.required && !value) {
-        jsonpointer.jsonpointer.set(validationErrors, key, true);
-      }
-    });
-    setErrors(validationErrors);
-    if (Object.keys(validationErrors).length) {
-      return;
-    }
-    setLoading(true);
-    try {
-      const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
-      if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
-        !hasValidCurrentDocument) {
-        // Go to docusign form
-        setStep("/3");
-      }
-      else {
-        if (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.brandedSignup) {
-          // Go to banking information form
-          setStep("/4");
-        }
-        else {
-          // Go right to the dashboard
-          setStep("/dashboard");
-        }
-      }
-    }
-    catch (e) {
-      setErrors({ general: true });
-    }
-    finally {
-      setLoading(false);
-    }
-  };
-  const onBack = () => {
-    setStep(context.overrideBackStep || "/1");
-  };
-  return {
-    states: {
-      step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
-      hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading || connectLoading,
-      loading: loading || connectLoading || countriesLoading,
-      isPartner: !!((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
-      loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      formState: {
-        checked: option,
-        errors,
-      },
-    },
-    callbacks: {
-      onBack,
-      onSubmit,
-      onFormChange,
-      onChange: setOption,
-      setCountrySearch,
-      onQstToggle: () => setFormState((p) => ({ ...p, hasQst: !p.hasQst })),
-      onSpainToggle: () => setFormState((p) => ({
-        ...p,
-        hasSubRegionTaxNumber: !p.hasSubRegionTaxNumber,
-      })),
-    },
-    data: {
-      esRegions: sqmUserInfoFormView.INDIRECT_TAX_SPAIN_REGIONS,
-      countries: filteredCountries,
-      allCountries: _countries,
-      provinces: sqmUserInfoFormView.INDIRECT_TAX_PROVINCES,
-    },
-    text: props.getTextProps(),
-    refs: {
-      formRef,
-    },
-    slotProps: {
-      formState: {
-        ...formState,
-        errors,
-      },
-    },
-  };
-}
-
 const IndirectTaxForm = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -2949,10 +3050,10 @@ const IndirectTaxForm = class {
   render() {
     const props = index_module.isDemo()
       ? useDemoIndirectTaxForm(this)
-      : useIndirectTaxForm(this);
+      : useIndirectTaxForm.useIndirectTaxForm(this);
     const registeredInDifferentCountryDetailsSlot = (index.h(sqmUserInfoFormView.OtherRegionSlotView, { states: {
         hide: props.states.formState.checked !== "otherRegion",
-        disabled: props.states.disabled || props.states.isPartner,
+        disabled: props.states.disabled,
         formState: props.slotProps.formState,
         loading: props.states.loading,
         isPartner: props.states.isPartner,
@@ -3009,7 +3110,7 @@ function useDemoIndirectTaxForm(props) {
       setCountrySearch: (c) => console.log(c),
     },
     data: {
-      esRegions: sqmUserInfoFormView.INDIRECT_TAX_SPAIN_REGIONS,
+      esRegions: subregions.INDIRECT_TAX_SPAIN_REGIONS,
       countries: [
         {
           countryCode: "CA",
@@ -3028,7 +3129,7 @@ function useDemoIndirectTaxForm(props) {
           displayName: "United States",
         },
       ],
-      provinces: sqmUserInfoFormView.INDIRECT_TAX_PROVINCES,
+      provinces: subregions.INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
     refs: {
@@ -3544,6 +3645,14 @@ const style$4 = {
       color: "var(--sl-color-white)",
     },
   },
+  DangerBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+      color: "var(--sl-color-white)",
+    },
+  },
   Container: {
     display: "flex",
     flexDirection: "column",
@@ -3564,8 +3673,11 @@ function PayoutDetailsCardView(props) {
       index.h("sqm-skeleton", { width: "25%", height: "16px" })));
   };
   const renderStatusBadge = (status, statusBadgeText) => {
-    const badgeType = status === "nextPayout" ? "success" : "primary";
-    const badgeClass = badgeType === "success" ? classes.SuccessBadge : classes.PrimaryBadge;
+    const badgeClass = status === "nextPayout"
+      ? classes.SuccessBadge
+      : status === "payoutToday"
+        ? classes.PrimaryBadge
+        : classes.DangerBadge;
     const statusText = global.intl.formatMessage({
       id: "badgeText",
       defaultMessage: statusBadgeText,
@@ -3723,710 +3835,6 @@ function useDemoPayoutDetailsCard(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const style$5 = {
-  ErrorAlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-red-100)",
-      borderTop: "none",
-    },
-  },
-  WarningAlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-yellow-100)",
-      borderTop: "none",
-      maxWidth: "600px",
-    },
-  },
-  WarningHoldAlertContainer: {
-    marginLeft: "-20px",
-    "&::part(base)": {
-      maxWidth: "850px",
-      border: "none",
-      backgroundColor: "transparent",
-      color: "var(--sqm-text)",
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sqm-warning-color-icon)",
-    },
-  },
-  ErrorHoldAlertContainer: {
-    marginLeft: "-20px",
-    "&::part(base)": {
-      maxWidth: "850px",
-      border: "none",
-      backgroundColor: "transparent",
-      color: "var(--sqm-text)",
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sqm-danger-color-icon)",
-    },
-  },
-  ExpiringSoonAlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-yellow-100)",
-      borderTop: "none",
-    },
-  },
-  BankingInformationContainer: {
-    maxWidth: "700px",
-  },
-  IndirectTaxPreviewContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-    borderTop: "1px solid var(--sl-color-neutral-200)",
-  },
-  IndirectTaxPreviewHeaderContainer: {
-    marginTop: "var(--sl-spacing-large)",
-    marginBottom: "var(--sl-spacing-xx-small)",
-    margin: "0",
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--sl-spacing-x-small)",
-    "&::part(base)": {
-      color: "var(--sqm-text)",
-    },
-  },
-  IndirectTaxPreviewDetails: {
-    gap: "var(--sl-spacing-x-small)",
-    display: "flex",
-    flexDirection: "column",
-    lineHeight: "var(--sl-spacing-medium)",
-    fontSize: "var(--sl-font-size-small)",
-    color: "var(--sqm-text-subdued)",
-  },
-  InvoiceTableContainer: {
-    marginTop: "var(--sl-spacing-medium)",
-  },
-  NotRegisteredIndirectTaxText: {
-    color: "var(--sqm-text-subdued)",
-  },
-  TaxDocumentsContainer: {
-    marginTop: "var(--sl-spacing-xx-large)",
-    borderTop: "1px solid var(--sl-color-neutral-200)",
-  },
-  TaxDocumentsSectionHeaderContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-    marginBottom: "var(--sl-spacing-xx-small)",
-  },
-  StatusContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-x-small)",
-    "& h3": {
-      margin: "0",
-    },
-    "& p": {
-      margin: "0",
-      paddingTop: "2px",
-    },
-  },
-  StatusAlert: {
-    fontSize: "var(--sl-font-size-small)",
-  },
-  TaxFormDetailsContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-small)",
-    alignItems: "center",
-  },
-  NewFormButton: {
-    marginTop: "var(--sl-spacing-large)",
-    maxWidth: "300px",
-  },
-  EditBankDetailsButton: {
-    marginTop: "var(--sl-spacing-large)",
-  },
-  TaxSectionSkeletonContainer: {
-    display: "flex",
-    flexDirection: "column",
-    marginTop: "var(--sl-spacing-x-large)",
-  },
-  TaxDocSubtext: {
-    margin: "0",
-    color: "var(--sqm-text-subdued)",
-    lineHeight: "var(--sl-spacing-medium)",
-    fontSize: "var(--sl-font-size-small)",
-    marginLeft: "1px",
-  },
-  TooltipContainer: {
-    display: "flex",
-    textAlign: "center",
-    width: "250px",
-    "&::part(body)": {
-      pointerEvents: "auto",
-    },
-  },
-  ToolTip: {
-    top: "6px",
-    width: "16px",
-    height: "16px",
-  },
-  TaxNumberContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "6px",
-  },
-  DescriptionText: {
-    color: "var(--sqm-text-subdued)",
-    fontSize: "var(--sl-font-size-x-small)",
-    marginBottom: "none",
-    maxWidth: "492px",
-  },
-  PageDescriptionText: {
-    color: "var(--sqm-text-subdued)",
-    fontSize: "var(--sl-font-size-medium)",
-    marginTop: "0",
-  },
-  Dialog: {
-    "&::part(panel)": {
-      maxWidth: "420px",
-    },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-      marginTop: "var(--sl-spacing-xxx-large)",
-      padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-    },
-    "&::part(body)": {
-      padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-      fontSize: "var(--sl-font-size-small)",
-    },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
-      marginBottom: "var(--sl-spacing-xx-small)",
-      alignItems: "center",
-      flex: "1",
-    },
-  },
-  DialogButton: { margin: "auto", width: "100%" },
-  SuccessBadge: {
-    "&::part(base)": {
-      textAlign: "center",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-success-color-icon)",
-    },
-  },
-  WarningBadge: {
-    "&::part(base)": {
-      textAlign: "center",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-warning-color-icon)",
-    },
-  },
-  ErrorBadge: {
-    "&::part(base)": {
-      textAlign: "center",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-danger-color-icon)",
-    },
-  },
-  SubduedText: {
-    color: "var(--sqm-text-subdued)",
-  },
-  ButtonContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    flexWrap: "wrap",
-  },
-  DropdownTooltipContainer: {
-    top: "-4px",
-    "&::part(panel)": {
-      boxShadow: "none",
-      border: "none",
-      marginTop: "var(--sl-spacing-x-small)",
-    },
-  },
-  DropdownContent: {
-    padding: "var(--sl-spacing-xxx-small) var(--sl-spacing-x-small)",
-    fontSize: "var(--sl-font-size-small)",
-    fontFamily: "var(--sl-font-sans)",
-    fontWeight: "var(--sl-font-weight-normal)",
-    lineHeight: "var(--sl-line-height-dense)",
-    minWidth: "225px",
-    backgroundColor: "var(--sl-color-gray-900)",
-    color: "var(--sl-color-white)",
-    borderRadius: "var(--sl-border-radius-medium)",
-    position: "relative",
-    marginLeft: "5px",
-  },
-  DropdownArrow: {
-    position: "absolute",
-    left: "-5px",
-    top: "50%",
-    transform: "translateY(-50%)",
-    width: "0",
-    height: "0",
-    borderTop: "5px solid transparent",
-    borderBottom: "5px solid transparent",
-    borderRight: "5px solid var(--sl-color-gray-900)",
-    zIndex: "1",
-  },
-  DropdownLink: {
-    color: "var(--sl-color-white)",
-    textDecoration: "underline",
-  },
-};
-const sheet$4 = JSS.createStyleSheet(style$5);
-const styleString$4 = sheet$4.toString();
-const vanillaStyle$3 = `
-    :host{
-      display: block;   
-    }
-
-    sl-button[type="secondary"]::part(base) {
-    font-family: var(--sqm-primary-font);
-      background-color: var(--sqm-secondary-button-background);
-      color: var(--sqm-secondary-button-color);
-      border-color: var(--sqm-secondary-button-color-border);
-      border-radius: var(--sqm-secondary-button-radius);
-    }
-
-    sl-button[type="secondary"]::part(base):hover {
-      background-color: var(--sqm-secondary-button-background-hover);
-      color: var(--sqm-secondary-button-color-hover);
-      border-color: var(--sqm-secondary-button-border-color-hover);
-    }
-    
-  `;
-const TaxAndCashDashboardView = (props) => {
-  var _a;
-  const { states, text, callbacks, slots } = props;
-  function getAlert(status) {
-    switch (status) {
-      case "OVER_W9_THRESHOLD":
-        if (states.enforceUsTaxComplianceOption === "CASH_ONLY_DEFER_W9") {
-          return {
-            header: text.w9RequiredHeader,
-            description: global.intl.formatMessage({
-              id: "w9RequiredDescription",
-              defaultMessage: text.w9RequiredDescription,
-            }, {
-              termsAndConditions: (index.h("a", { target: "_blank", href: `https://terms.advocate.impact.com/PayoutTermsAndConditions.html` }, text.termsAndConditions)),
-            }),
-            button: (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", onClick: callbacks.onNewFormClick }, text.w9RequiredButtonText)),
-            alertType: "warning",
-            icon: "info-circle",
-            class: sheet$4.classes.WarningHoldAlertContainer,
-          };
-        }
-        else {
-          return {
-            header: text.payoutHoldAlertHeader,
-            description: global.intl.formatMessage({
-              id: "payoutHoldAlertDescription",
-              defaultMessage: text.payoutHoldAlertDescription,
-            }, {
-              supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-            }),
-            buttonText: null,
-            alertType: "warning",
-            icon: "exclamation-triangle",
-            class: sheet$4.classes.WarningHoldAlertContainer,
-          };
-        }
-      case "VERIFICATION:REQUIRED":
-        return {
-          header: text.verificationRequiredHeader,
-          description: global.intl.formatMessage({
-            id: "verificationRequiredDescription",
-            defaultMessage: text.verificationRequiredDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: text.verificationRequiredButtonText,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "VERIFICATION:INTERNAL":
-        return {
-          header: text.verificationRequiredInternalHeader,
-          description: global.intl.formatMessage({
-            id: "verificationRequiredInternalDescription",
-            defaultMessage: text.verificationRequiredInternalDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "VERIFICATION:REVIEW":
-        return {
-          header: text.verificationReviewInternalHeader,
-          description: global.intl.formatMessage({
-            id: "verificationReviewInternalDescription",
-            defaultMessage: text.verificationReviewInternalDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "VERIFICATION:FAILED":
-        return {
-          header: text.verificationFailedInternalHeader,
-          description: global.intl.formatMessage({
-            id: "verificationFailedInternalDescription",
-            defaultMessage: text.verificationFailedInternalDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          alertType: "error",
-          icon: "exclamation-octagon",
-          class: sheet$4.classes.ErrorHoldAlertContainer,
-        };
-      case "NEW_PAYEE_REVIEW":
-        return {
-          header: text.accountReviewHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.accountReviewDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "PAYMENT_HOLD_ON_CHANGE":
-        return {
-          header: text.paymentHoldOnChangeHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentHoldOnChangeDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "BENEFICIARY_NAME_INVALID":
-        return {
-          header: text.beneficiaryNameInvalidHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameInvalidDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "BENEFICIARY_NAME_MISMATCH":
-        return {
-          header: text.beneficiaryNameMismatchHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameMismatchDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "BANK_TAX_NAME_MISMATCH":
-        return {
-          header: text.bankTaxNameMismatchHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.bankTaxNameMismatchDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "WITHDRAWAL_SETTINGS_INVALID":
-        return {
-          header: text.withdrawalSettingsInvalidHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.withdrawalSettingsInvalidDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "PAYMENT_RETURNED":
-        return {
-          header: text.paymentReturnedHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentReturnedDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
-          alertType: "error",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "HOLD":
-        return {
-          header: text.payoutHoldAlertHeader,
-          description: global.intl.formatMessage({
-            id: "payoutHoldAlertDescription",
-            defaultMessage: text.payoutHoldAlertDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      default:
-        return;
-    }
-  }
-  const statusMap = {
-    NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
-      index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
-        id: `badgeTextAwaitingReview`,
-        defaultMessage: text.badgeTextAwaitingReview,
-      }, {
-        dateSubmitted: states.dateSubmitted,
-      })))),
-    ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
-      index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
-        id: `badgeTextSubmittedOn`,
-        defaultMessage: states.documentType === "W9" || !states.documentType
-          ? text.badgeTextSubmittedOn
-          : text.badgeTextSubmittedOnW8,
-      }, {
-        dateSubmitted: states.dateSubmitted,
-      })))),
-    INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
-      index.h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
-    undefined: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
-      index.h("p", null, global.intl.formatMessage({
-        id: `requiredTaxForm`,
-        defaultMessage: text.requiredTaxForm,
-      }, {
-        taxFormType: states.documentType,
-      })))),
-  };
-  const alertMap = {
-    INACTIVE: (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: sheet$4.classes.ErrorHoldAlertContainer, type: "danger", open: true },
-      index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-      index.h("strong", null, global.intl.formatMessage({
-        id: `taxAlertHeaderNotActive`,
-        defaultMessage: states.documentType === "W9"
-          ? text.taxAlertHeaderNotActiveW9
-          : text.taxAlertHeaderNotActiveW8,
-      }, {
-        documentType: states.documentType || "Your",
-      })),
-      index.h("br", null),
-      global.intl.formatMessage({
-        id: `taxAlertMessage`,
-        defaultMessage: states.documentType === "W9"
-          ? text.taxAlertNotActiveMessageW9
-          : text.taxAlertNotActiveMessageW8,
-      }, {
-        documentType: states.documentTypeString || "tax",
-      }))),
-  };
-  const getIndirectTaxRegisteredIn = () => {
-    if (states.province) {
-      return global.intl.formatMessage({
-        id: `indirectTaxInfoCanada`,
-        defaultMessage: text.indirectTaxInfoCanada,
-      }, {
-        country: "Canada",
-        province: states.province,
-      });
-    }
-    else if (states.subRegion) {
-      return global.intl.formatMessage({
-        id: `indirectTaxInfoSpain`,
-        defaultMessage: text.indirectTaxInfoSpain,
-      }, {
-        country: states.country,
-        subRegion: states.subRegion,
-      });
-    }
-    else {
-      return global.intl.formatMessage({
-        id: `indirectTaxInfoOtherCountry`,
-        defaultMessage: text.indirectTaxInfoOtherCountry,
-      }, {
-        country: states.country,
-      });
-    }
-  };
-  const alertInfo = getAlert(states.payoutStatus);
-  const dropdownHover = (el) => {
-    var _a;
-    if (!el)
-      return;
-    const trigger = el.querySelector('[slot="trigger"]');
-    const panel = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".dropdown__panel");
-    if (!trigger || !panel)
-      return;
-    let hideTimeout;
-    const show = () => {
-      clearTimeout(hideTimeout);
-      el.show();
-    };
-    const scheduleHide = () => {
-      hideTimeout = setTimeout(() => el.hide(), 100);
-    };
-    trigger.addEventListener("mouseenter", show);
-    trigger.addEventListener("mouseleave", scheduleHide);
-    panel.addEventListener("mouseenter", show);
-    panel.addEventListener("mouseleave", scheduleHide);
-    return () => {
-      trigger.removeEventListener("mouseenter", show);
-      trigger.removeEventListener("mouseleave", scheduleHide);
-      panel.removeEventListener("mouseenter", show);
-      panel.removeEventListener("mouseleave", scheduleHide);
-      clearTimeout(hideTimeout);
-    };
-  };
-  return (index.h("div", null,
-    index.h("div", null,
-      index.h("style", { type: "text/css" },
-        styleString$4,
-        vanillaStyle$3),
-      states.loadingError && (index.h("div", null,
-        index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
-          index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-          index.h("strong", null, text.error.loadingErrorAlertHeader),
-          index.h("br", null),
-          global.intl.formatMessage({
-            id: "loadingErrorAlertDescription",
-            defaultMessage: text.error.loadingErrorAlertDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          })))),
-      ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
-        index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-        index.h("strong", null, text.error.generalTitle),
-        index.h("br", null),
-        global.intl.formatMessage({
-          id: "generalDescription",
-          defaultMessage: text.error.generalDescription,
-        }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        }))),
-      alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
-        index.h("strong", null, alertInfo.header),
-        index.h("p", { style: { margin: "0" } }, alertInfo.description),
-        alertInfo.buttonText && (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
-        alertInfo.button ? (alertInfo.button) : (index.h("div", { style: { display: "none" } })))),
-      index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
-        index.h("p", null, text.replaceTaxFormModalBodyText),
-        index.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
-        index.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
-      states.status === "INACTIVE" && alertMap[states.status],
-      index.h("div", null,
-        index.h("h3", { style: { marginBottom: "0" } }, text.bankingInformationSectionHeader),
-        index.h("div", { class: sheet$4.classes.BankingInformationContainer },
-          slots.payoutDetailsCardSlot,
-          !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
-      (!states.noFormNeeded || !!states.status) && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
-        index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-          index.h("sqm-skeleton", { width: "15%", height: "10px" }),
-          index.h("sqm-skeleton", { width: "25%", height: "24px" }))) : (index.h("div", null,
-          index.h("div", null,
-            index.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
-              index.h("div", { class: sheet$4.classes.StatusContainer },
-                index.h("h3", null, states.documentType
-                  ? global.intl.formatMessage({
-                    id: "section-subheader",
-                    defaultMessage: text.taxDocumentSectionSubHeader,
-                  }, {
-                    documentType: states.documentTypeString,
-                  })
-                  : text.taxDocumentSectionSubHeaderNoDocument),
-                index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
-            (!states.noFormNeeded || !!states.status) &&
-              states.status !== "NOT_VERIFIED" && (index.h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
-      index.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-        index.h("sqm-skeleton", { width: "15%", height: "10px" }),
-        index.h("sqm-skeleton", { width: "25%", height: "24px" }))) : (index.h("div", null,
-        index.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
-          text.indirectTaxInfoSectionHeader,
-          index.h("sl-dropdown", { placement: "right", distance: 1, ref: dropdownHover, class: sheet$4.classes.DropdownTooltipContainer },
-            index.h("sl-icon", { slot: "trigger", name: "info-circle", class: sheet$4.classes.ToolTip, style: { cursor: "pointer" } }),
-            index.h("div", { class: sheet$4.classes.DropdownContent },
-              index.h("div", { class: sheet$4.classes.DropdownArrow }),
-              global.intl.formatMessage({
-                id: "indirectTaxTooltipSupport",
-                defaultMessage: text.indirectTaxTooltipSupport,
-              }, {
-                supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com`, class: sheet$4.classes.DropdownLink }, text.supportLink)),
-              })))),
-        index.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
-          index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, global.intl.formatMessage({
-            id: "notRegisteredForTax",
-            defaultMessage: text.notRegisteredForTax,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }))) : (getIndirectTaxRegisteredIn())),
-          !states.notRegistered && (index.h("div", { class: sheet$4.classes.TaxNumberContainer },
-            index.h("span", null, global.intl.formatMessage({
-              id: `indirectTaxDetails`,
-              defaultMessage: text.indirectTaxDetails,
-            }, {
-              indirectTaxType: states.indirectTaxType,
-              indirectTaxNumber: states.indirectTaxNumber,
-            })),
-            index.h("span", null,
-              states.qstNumber &&
-                global.intl.formatMessage({
-                  id: `qstNumber`,
-                  defaultMessage: text.qstNumber,
-                }, {
-                  qstNumber: states.qstNumber,
-                }),
-              states.subRegionTaxNumber &&
-                global.intl.formatMessage({
-                  id: `subRegionTaxNumber`,
-                  defaultMessage: text.subRegionTaxNumber,
-                }, {
-                  subRegionTaxNumber: states.subRegionTaxNumber,
-                })))),
-          !states.notRegistered && (index.h("div", { class: sheet$4.classes.InvoiceTableContainer },
-            index.h("sqm-invoice-table", { description: text.invoiceDescription, "prev-label": text.invoicePrevLabel, "more-label": text.invoiceMoreLabel, header: text.invoiceHeader, "empty-state-header": text.invoiceEmptyStateHeader, "empty-state-text": text.invoiceEmptyStateText },
-              index.h("sqm-invoice-table-download-column", null),
-              index.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
-};
-
 const GET_TAX_SETTING = index_module.dist.gql `
   query getTenantSettings {
     tenantSettings {
@@ -4448,12 +3856,12 @@ function getSubRegionName(regionCode) {
     return "";
   // Impact adds an underscore to some regions
   const standardCode = regionCode.replace("_", "");
-  const regions = [...sqmUserInfoFormView.INDIRECT_TAX_PROVINCES, ...sqmUserInfoFormView.INDIRECT_TAX_SPAIN_REGIONS];
+  const regions = [...subregions.INDIRECT_TAX_PROVINCES, ...subregions.INDIRECT_TAX_SPAIN_REGIONS];
   return (_a = regions.find((r) => r.regionCode === standardCode)) === null || _a === void 0 ? void 0 : _a.displayName;
 }
 function getIndirectTaxType(taxInformation) {
   var _a;
-  const regions = [...sqmUserInfoFormView.INDIRECT_TAX_PROVINCES, ...sqmUserInfoFormView.INDIRECT_TAX_SPAIN_REGIONS];
+  const regions = [...subregions.INDIRECT_TAX_PROVINCES, ...subregions.INDIRECT_TAX_SPAIN_REGIONS];
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxRegion) {
     const standardRegion = taxInformation.indirectTaxRegion.replace("_", "");
     const taxType = (_a = regions.find((r) => r.regionCode === standardRegion)) === null || _a === void 0 ? void 0 : _a.taxType;
@@ -4473,7 +3881,7 @@ const useTaxAndCashDashboard = (props) => {
   const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
   const setContext = index_module.En(data.TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = domContextHooks_module.useState(false);
-  const { render, loading: veriffLoading, errors: veriffErrors, } = usePayoutStatus.useVeriffApp();
+  const { render, loading: veriffLoading, errors: veriffErrors, } = useIndirectTaxForm.useVeriffApp();
   const { data: taxSettingRes } = index_module.wn(GET_TAX_SETTING, {});
   const locale = index_module.L();
   domContextHooks_module.useEffect(() => {
@@ -4512,13 +3920,13 @@ const useTaxAndCashDashboard = (props) => {
     });
     setStep("/3");
   };
-  const provinceName = (_d = sqmUserInfoFormView.INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
-  const payoutStatus = data$1 ? usePayoutStatus.getStatus(data$1) : null;
+  const provinceName = (_d = subregions.INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
+  const payoutStatus = data$1 ? useIndirectTaxForm.getStatus(data$1) : null;
   domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
-    window.addEventListener(usePayoutStatus.VERIFF_COMPLETE_EVENT_KEY, cb);
+    window.addEventListener(useIndirectTaxForm.VERIFF_COMPLETE_EVENT_KEY, cb);
     return () => {
-      window.removeEventListener(usePayoutStatus.VERIFF_COMPLETE_EVENT_KEY, cb);
+      window.removeEventListener(useIndirectTaxForm.VERIFF_COMPLETE_EVENT_KEY, cb);
     };
   }, []);
   const enforceUsTaxComplianceOption = (_e = taxSettingRes === null || taxSettingRes === void 0 ? void 0 : taxSettingRes.tenantSettings) === null || _e === void 0 ? void 0 : _e.enforceUsTaxCompliance;
@@ -4527,7 +3935,7 @@ const useTaxAndCashDashboard = (props) => {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
-      documentTypeString: data.taxTypeToName(documentType),
+      documentTypeString: subregions.taxTypeToName(documentType),
       status: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.status,
       subRegion: getSubRegionName((_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.indirectTaxRegion),
       subRegionTaxNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.withholdingTaxId,
@@ -4968,7 +4376,7 @@ const TaxAndCashDashboard = class {
     const props = index_module.isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
-    return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
+    return (index.h(index.Host, null, index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
       } })));
   }
@@ -5036,7 +4444,8 @@ function useUserInfoForm(props) {
   const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = index_module.Pn(data.USER_FORM_CONTEXT_NAMESPACE);
   const user = index_module.J();
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
+  const [connectImpactPartner, { loading: connectLoading }] = index_module.$e(useIndirectTaxForm.CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading }] = index_module.$e(useIndirectTaxForm.COMPLETE_PARTNER);
   const { data: tenantData } = index_module.wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data: data$1, loading, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const _currencies = index_module.Fn(data.CURRENCIES_NAMESPACE);
@@ -5058,7 +4467,7 @@ function useUserInfoForm(props) {
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
-    if (data.objectIsFull(userFormContext))
+    if (subregions.objectIsFull(userFormContext))
       return;
     // Prefer MI email if it was verified before this
     const email = ((_a = user.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) ? user.managedIdentity.email
@@ -5071,8 +4480,13 @@ function useUserInfoForm(props) {
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
         currency: user.impactConnection.publisher.currency,
-        phoneNumberCountryCode: user.impactConnection.publisher.phoneNumberCountryCode,
-        phoneNumber: user.impactConnection.publisher.phoneNumber,
+        // when creating an impact connection without sending phoneNumber data, the impactAPI defaults the value to "0000000" and the phoneNumberCountryCode to "DZ"
+        phoneNumberCountryCode: user.impactConnection.publisher.phoneNumber === "0000000"
+          ? null
+          : user.impactConnection.publisher.phoneNumberCountryCode,
+        phoneNumber: user.impactConnection.publisher.phoneNumber === "0000000"
+          ? null
+          : user.impactConnection.publisher.phoneNumber,
         address: user.impactConnection.publisher.billingAddress,
         city: user.impactConnection.publisher.billingCity,
         state: user.impactConnection.publisher.billingState,
@@ -5127,9 +4541,7 @@ function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries || []);
     }
     else {
-      setFilteredPhoneCountries(countries.filter((c) => c.displayName
-        .toLowerCase()
-        .includes(phoneCountrySearch.toLowerCase())) || []);
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
   domContextHooks_module.useEffect(() => {
@@ -5143,7 +4555,7 @@ function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const vars = {
       user: {
         id: user.id,
@@ -5160,23 +4572,36 @@ function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    const result = await connectImpactPartner({
+    let result = null;
+    let connectionResult;
+    result = await completeImpactPartner({
       vars,
     });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    connectionResult = (_a = result) === null || _a === void 0 ? void 0 : _a.completeImpactConnection;
+    // if (userData?.impactConnection?.connectionStatus === "STARTED") {
+    //   result = await completeImpactPartner({
+    //     vars,
+    //   });
+    //   connectionResult = (result as CompletePartnerResult)
+    //     ?.completeImpactConnection;
+    // } else {
+    //   result = await connectImpactPartner({
+    //     vars,
+    //   });
+    //   connectionResult = (result as ConnectPartnerResult)
+    //     ?.createImpactConnection;
+    // }
+    if (!result || ((_b = result) === null || _b === void 0 ? void 0 : _b.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection
-        .validationErrors);
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
+      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-    const hasValidCurrentDocument = data.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    const resultPublisher = (_d = (_c = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher;
+    const hasValidCurrentDocument = subregions.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
-    window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
+    window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
     return {
       resultPublisher,
       hasValidCurrentDocument,
@@ -5194,7 +4619,7 @@ function useUserInfoForm(props) {
       // custom validation
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
-        const validationError = validate({ control, key, value });
+        const validationError = validate({ control, key, value, formData });
         if (validationError)
           jsonpointer.jsonpointer.set(errors, key, validationError);
       }
@@ -5266,7 +4691,7 @@ function useUserInfoForm(props) {
   }
   const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
   const regionObj = hasStates
-    ? sqmUserInfoFormView.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
+    ? subregions.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
     : {};
   return {
     setStep: setStep,
@@ -5298,9 +4723,9 @@ function useUserInfoForm(props) {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading || connectLoading,
+      disabled: loading || connectLoading || completeLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading || connectLoading,
+      loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
       formState: {
@@ -5363,10 +4788,6 @@ const TaxForm = class {
      * @uiName Currency field label
      */
     this.currency = "Currency";
-    /**
-     * @uiName Currency field help text
-     */
-    this.currencyHelpText = "Choose your preferred payout currency";
     /**
      * @uiName Setup progress
      */