@saasquatch/mint-components 2.1.10-57 → 2.2.0-0

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

@@ -3,26 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8277cbb3.js');
-const global = require('./global-b7b1b8fe.js');
+const global = require('./global-0f8b1267.js');
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
-const index_module = require('./index.module-f8c8495f.js');
+const index_module = require('./index.module-42d413d9.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const GenericTableView = require('./GenericTableView-be5648e4.js');
-const reRender = require('./re-render-72a0ef45.js');
-const useChildElements = require('./useChildElements-041127d7.js');
+const reRender = require('./re-render-69bde9ee.js');
+const useChildElements = require('./useChildElements-89bc50a9.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 useReferralTable = require('./useReferralTable-d3ddfd05.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-01bf2f41.js');
+const utils$1 = require('./utils-a8e0bd9b.js');
+const data = require('./data-6b5095f8.js');
 const keys = require('./keys-cff24974.js');
-const usePayoutStatus = require('./usePayoutStatus-0192fccd.js');
+const eventKeys = require('./eventKeys-7af4df4d.js');
+const usePayoutStatus = require('./usePayoutStatus-cf050a03.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;
   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,100 +135,122 @@ 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),
@@ -803,6 +843,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 +955,7 @@ const SAVE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
       validationErrors {
         field
         message
+        code
       }
     }
   }
@@ -841,6 +971,7 @@ const UPDATE_WITHDRAWAL_SETTINGS = index_module.dist.gql `
       validationErrors {
         field
         message
+        code
       }
     }
   }
@@ -1013,10 +1144,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 +1161,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");
     }
@@ -1431,6 +1565,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 +1728,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 +1858,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 +2045,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 = utils$1.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 +2103,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 +2143,7 @@ function useDocusignForm(props) {
       },
       docusignStatus,
       documentType: actualDocumentType,
-      documentTypeString: data.taxTypeToName(actualDocumentType),
+      documentTypeString: utils$1.taxTypeToName(actualDocumentType),
       showExitButton,
       showModal,
     },
@@ -2543,6 +2872,32 @@ const CONNECT_PARTNER = index_module.dist.gql `
     }
   }
 `;
+const COMPLETE_PARTNER = index_module.dist.gql `
+  mutation completeImpactConnection($vars: ImpactConnectionInput!) {
+    completeImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 function getOption(countries, countryCode) {
   if (!countries)
     return;
@@ -2561,11 +2916,12 @@ function useIndirectTaxForm(props) {
   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 [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = index_module.$e(COMPLETE_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 _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) => utils$1.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({});
@@ -2623,7 +2979,7 @@ function useIndirectTaxForm(props) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const vars = {
       user: {
         id: user.id,
@@ -2645,22 +3001,33 @@ function useIndirectTaxForm(props) {
       additionalTaxId: formData.qstNumber,
       withholdingTaxId: formData.subRegionTaxNumber,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    let result = null;
+    let connectionResult;
+    if ((_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.connected) {
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_d = result) === null || _d === void 0 ? void 0 : _d.createImpactConnection;
+    }
+    if (!result || ((_e = result) === null || _e === void 0 ? void 0 : _e.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      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 = (_g = (_f = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher;
+    const hasValidCurrentDocument = utils$1.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,
@@ -2723,8 +3090,8 @@ function useIndirectTaxForm(props) {
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading || connectLoading,
-      loading: loading || connectLoading || countriesLoading,
+      disabled: loading || countriesLoading || connectLoading || completeLoading,
+      loading: loading || connectLoading || countriesLoading || completeLoading,
       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: {
@@ -2816,7 +3183,7 @@ const IndirectTaxForm = class {
     /**
      * @uiName Indirect tax number field label
      */
-    this.indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}}";
+    this.indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
     /**
      * Displayed to participants registered for QST.
      * @uiName QST number field label
@@ -2855,7 +3222,7 @@ const IndirectTaxForm = class {
     /**
      * @uiName Missing indirect tax number error message
      */
-    this.indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}} is required";
+    this.indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
     /**
      * Placeholder text displayed in the country search dropdown
      * @uiName Country field placeholder text
@@ -3666,7 +4033,7 @@ const PayoutDetailsCard = class {
      * Badge text indicating payout status
      * @uiName Payout badge status text
      */
-    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed}}";
+    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text
@@ -4527,7 +4894,7 @@ const useTaxAndCashDashboard = (props) => {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
-      documentTypeString: data.taxTypeToName(documentType),
+      documentTypeString: utils$1.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,
@@ -4720,7 +5087,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Payout status badge
      */
-    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }";
+    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text
@@ -5037,6 +5404,7 @@ function useUserInfoForm(props) {
   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 [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = index_module.$e(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 +5426,7 @@ function useUserInfoForm(props) {
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
-    if (data.objectIsFull(userFormContext))
+    if (utils$1.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 +5439,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 "000000" 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,
@@ -5143,7 +5516,7 @@ function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const vars = {
       user: {
         id: user.id,
@@ -5160,23 +5533,35 @@ function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    // if user already has an impact connection, call completeImpactPartner to update their information instead of connectPartner
+    const userData = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
+    let result = null;
+    let connectionResult;
+    if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
+      console.log(vars, "values for completeImpactPartner");
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_b = result) === null || _b === void 0 ? void 0 : _b.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.createImpactConnection;
+    }
+    if (!result || ((_d = result) === null || _d === void 0 ? void 0 : _d.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 = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
+    const hasValidCurrentDocument = utils$1.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,
@@ -5298,9 +5683,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: {