@saasquatch/mint-components 2.0.1 → 2.0.2-1

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

@@ -19,7 +19,7 @@ const useReferralTable = require('./useReferralTable-90d4d6e9.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
 const utils$1 = require('./utils-83d125fa.js');
 const keys = require('./keys-cff24974.js');
-const data = require('./data-16106637.js');
+const usePayoutStatus = require('./usePayoutStatus-67c78085.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;
@@ -728,7 +728,7 @@ const BankingInfoFormView = (props) => {
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
           id: "formStep",
           defaultMessage: text.formStep,
-        }, { step: states.step, count: data.FORM_STEPS }))),
+        }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
         index.h("h3", { style: { fontSize: "24px" } }, text.taxAndPayouts),
         index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription)),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sqm-form-message", { type: "error" },
@@ -865,12 +865,12 @@ function useBankingInfoForm(props) {
   const host = index_module._();
   const locale = index_module.L();
   const user = index_module.J();
-  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
-  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
-  const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
+  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
+  const countries = index_module.Fn(usePayoutStatus.SORTED_COUNTRIES_NAMESPACE);
   const formRef = domContextHooks_module.useRef(null);
-  const { data: paymentOptionsData, loading: paymentOptionsLoading, errors: paymentOptionsError, } = index_module.$n(data.FINANCE_NETWORK_SETTINGS_NAMESPACE);
-  const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
+  const { data: paymentOptionsData, loading: paymentOptionsLoading, errors: paymentOptionsError, } = index_module.$n(usePayoutStatus.FINANCE_NETWORK_SETTINGS_NAMESPACE);
+  const { data: userData, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
   const [saveWithdrawalSettings] = index_module.$e(SAVE_WITHDRAWAL_SETTINGS);
   const [updateWithdrawalSettings] = index_module.$e(UPDATE_WITHDRAWAL_SETTINGS);
   const [showVerification, setShowVerification] = domContextHooks_module.useState(false);
@@ -1031,7 +1031,7 @@ function useBankingInfoForm(props) {
         return;
       }
       // Fire form change event
-      window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
+      window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
       await refetch();
       setStep("/dashboard");
     }
@@ -1574,7 +1574,7 @@ function useDemoBankingInfoForm(props) {
   const defaultPaymentScheduleChecked = (_f = (_e = (_d = props.demoData) === null || _d === void 0 ? void 0 : _d.states) === null || _e === void 0 ? void 0 : _e.formState) === null || _f === void 0 ? void 0 : _f.paymentScheduleChecked;
   const defaultCurrency = (_h = (_g = props.demoData) === null || _g === void 0 ? void 0 : _g.states) === null || _h === void 0 ? void 0 : _h.currency;
   const defaultCountry = (_l = (_k = (_j = props.demoData) === null || _j === void 0 ? void 0 : _j.states) === null || _k === void 0 ? void 0 : _k.formState) === null || _l === void 0 ? void 0 : _l.bankCountry;
-  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
   const [paymentMethodChecked, setPaymentMethodChecked] = domContextHooks_module.useState(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = domContextHooks_module.useState(undefined);
   const [currency, setCurrency] = domContextHooks_module.useState(defaultCurrency);
@@ -1698,10 +1698,10 @@ const DOCUSIGN_EXPIRED_STATES = ["ttl_expired", "session_timeout"];
 function useDocusignForm(props) {
   var _a, _b, _c;
   const user = index_module.J();
-  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
-  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
-  const { data: data$1, loading: userLoading, refetch, } = index_module.$n(data.USER_QUERY_NAMESPACE);
-  const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
+  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const { data, loading: userLoading, refetch, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   const [createTaxDocument, { loading: documentLoading, data: document, errors: documentErrors },] = index_module.$e(GET_TAX_DOCUMENT);
   const [completeTaxDocument, { loading: completeDocumentLoading, data: completeData, errors: completeErrors, },] = index_module.$e(COMPLETE_TAX_DOCUMENT);
   const [docusignStatus, setDocusignStatus] = domContextHooks_module.useState(undefined);
@@ -1769,7 +1769,7 @@ function useDocusignForm(props) {
       if (!result.completeImpactPublisherTaxDocument.success)
         throw new Error();
       // Fire form change event
-      window.dispatchEvent(new Event(data.TAX_FORM_UPDATED_EVENT_KEY));
+      window.dispatchEvent(new Event(usePayoutStatus.TAX_FORM_UPDATED_EVENT_KEY));
       setShowExitButton(true);
     }
     catch (e) {
@@ -2073,7 +2073,7 @@ const DocusignFormView = (props) => {
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
           id: "formStep",
           defaultMessage: text.formStep,
-        }, { step: states.step, count: data.FORM_STEPS }))),
+        }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
         index.h("h3", null, text.taxForm),
         index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
     states.loadingError && (index.h("div", null,
@@ -2266,7 +2266,7 @@ const DocusignForm = class {
   get el() { return index.getElement(this); }
 };
 function useDocusignFormDemo(props) {
-  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
   return cjs.cjs({
     text: props.getTextProps(),
     states: {
@@ -2452,7 +2452,7 @@ const IndirectTaxFormView = (props) => {
           global.intl.formatMessage({
             id: "formStep",
             defaultMessage: text.formStep,
-          }, { step: states.step, count: data.FORM_STEPS }))),
+          }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
         index.h("h3", null, text.indirectTax),
         index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription),
         index.h("p", { class: classes.DescriptionText }, text.indirectTaxDescription)),
@@ -2547,12 +2547,12 @@ function useIndirectTaxForm(props) {
   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 context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
+  const [step, setStep] = index_module.Pn(usePayoutStatus.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 userForm = index_module.Fn(usePayoutStatus.USER_FORM_CONTEXT_NAMESPACE);
+  const { data: userData, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
+  const { data: _countriesRes, loading: countriesLoading } = index_module.$n(usePayoutStatus.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) => 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);
@@ -2611,8 +2611,51 @@ function useIndirectTaxForm(props) {
       console.error("Could not detect select change");
     setFormState((p) => ({ ...p, [field]: value }));
   };
-  const onSubmit = async (event) => {
+  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 = 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));
+    return {
+      resultPublisher,
+      hasValidCurrentDocument,
+    };
+  }
+  const onSubmit = async (event) => {
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -2638,44 +2681,7 @@ function useIndirectTaxForm(props) {
     }
     setLoading(true);
     try {
-      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 = 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(data.TAX_FORM_UPDATED_EVENT_KEY));
+      const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
       if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
         !hasValidCurrentDocument) {
         // Go to docusign form
@@ -2951,7 +2957,7 @@ const IndirectTaxForm = class {
   }
 };
 function useDemoIndirectTaxForm(props) {
-  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
   const [option, setOption] = domContextHooks_module.useState("otherRegion");
   const [demoFormState, setDemoFormState] = domContextHooks_module.useState({});
   return cjs.cjs({
@@ -3586,8 +3592,8 @@ function PayoutDetailsCardView(props) {
 
 function usePayoutDetailsCard(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-  const { data: data$1, loading } = index_module.$n(data.USER_QUERY_NAMESPACE);
-  const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const { data, loading } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   function getPayoutDetailedStatusText(paymentDay) {
     var _a;
     const currentDay = luxon.luxon.DateTime.now().day;
@@ -4028,7 +4034,7 @@ const TaxAndCashDashboardView = (props) => {
           icon: "exclamation-octagon",
           class: sheet$4.classes.ErrorHoldAlertContainer,
         };
-      case "ACCOUNT_REVIEW":
+      case "NEW_PAYEE_REVIEW":
         return {
           header: text.accountReviewHeader,
           description: global.intl.formatMessage({
@@ -4042,6 +4048,96 @@ const TaxAndCashDashboardView = (props) => {
           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(index.Fragment, null,
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", 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(index.Fragment, null,
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", 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(index.Fragment, null,
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", 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: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
       case "HOLD":
         return {
           header: text.payoutHoldAlertHeader,
@@ -4289,10 +4385,10 @@ function getIndirectTaxType(taxInformation) {
 }
 const useTaxAndCashDashboard = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
-  const setContext = index_module.En(data.TAX_FORM_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const setContext = index_module.En(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
   const [showDialog, setShowDialog] = domContextHooks_module.useState(false);
-  const { render, loading: veriffLoading, errors: veriffErrors, } = data.useVeriffApp();
+  const { render, loading: veriffLoading, errors: veriffErrors, } = usePayoutStatus.useVeriffApp();
   const { data: taxSettingRes } = index_module.wn(GET_TAX_SETTING, {});
   const locale = index_module.L();
   domContextHooks_module.useEffect(() => {
@@ -4301,8 +4397,8 @@ const useTaxAndCashDashboard = (props) => {
     if (window.location.hash)
       setStep(`/${window.location.hash.replace("#", "")}`);
   }, []);
-  const { data: data$1, loading, errors: userError, refetch, } = index_module.$n(data.USER_QUERY_NAMESPACE);
-  const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const { data, loading, errors: userError, refetch, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   const documentType = publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType;
   const submissionDate = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.dateCreated;
   const dateSubmitted = submissionDate
@@ -4326,12 +4422,12 @@ const useTaxAndCashDashboard = (props) => {
     setStep("/3");
   };
   const provinceName = (_d = IndirectTaxDetailsView.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 ? data.getStatus(data$1) : null;
+  const payoutStatus = data ? usePayoutStatus.getStatus(data) : null;
   domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
-    window.addEventListener(data.VERIFF_COMPLETE_EVENT_KEY, cb);
+    window.addEventListener(usePayoutStatus.VERIFF_COMPLETE_EVENT_KEY, cb);
     return () => {
-      window.removeEventListener(data.VERIFF_COMPLETE_EVENT_KEY, cb);
+      window.removeEventListener(usePayoutStatus.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;
@@ -4612,6 +4708,54 @@ const TaxAndCashDashboard = class {
      * @uiName Account review alert description
      */
     this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Payment hold on change alert header
+     */
+    this.paymentHoldOnChangeHeader = "We are reviewing your new payout settings";
+    /**
+     * @uiName Payment hold on change alert description
+     */
+    this.paymentHoldOnChangeDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
+    /**
+     * @uiName Beneficiary name invalid alert header
+     */
+    this.beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name invalid description
+     */
+    this.beneficiaryNameInvalidDescription = "The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Beneficiary name mismatch alert header
+     */
+    this.beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name mismatch alert description
+     */
+    this.beneficiaryNameMismatchDescription = "The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Bank name mismatch alert header
+     */
+    this.bankTaxNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Bank name mismatch alert description
+     */
+    this.bankTaxNameMismatchDescription = "The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Withdrawal settings invalid alert header
+     */
+    this.withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
+    /**
+     * @uiName Withdrawal settings invalid alert description
+     */
+    this.withdrawalSettingsInvalidDescription = "There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Payment returned alert header
+     */
+    this.paymentReturnedHeader = "Payout unsuccessful";
+    /**
+     * @uiName Payment returned alert description
+     */
+    this.paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
     /**
      * @uiName Terms and Conditions text
      */
@@ -6008,7 +6152,7 @@ const vanillaStyle$4 = `
 `;
 const UserInfoFormView = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-  const { states, states: { formState }, callbacks, text, refs, data: data$1, } = props;
+  const { states, states: { formState }, callbacks, text, refs, data, } = props;
   const { classes } = sheet$5;
   const bankingCollectionText = global.intl.formatMessage({
     id: "bankingCollectionText",
@@ -6017,7 +6161,7 @@ const UserInfoFormView = (props) => {
     termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
   let regionLabel = undefined;
-  switch (data$1.regionLabelEnum) {
+  switch (data.regionLabelEnum) {
     case "STATE":
       regionLabel = text.state;
       break;
@@ -6030,6 +6174,12 @@ const UserInfoFormView = (props) => {
     default:
       regionLabel = text.state;
   }
+  function isDisabledInput(field) {
+    var _a;
+    if (states.isPartner && !!((_a = data.partnerData) === null || _a === void 0 ? void 0 : _a[field]))
+      return true;
+    return false;
+  }
   return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     index.h("style", { type: "text/css" },
       styleString$5,
@@ -6049,7 +6199,7 @@ const UserInfoFormView = (props) => {
           !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
             id: "formStep",
             defaultMessage: text.formStep,
-          }, { step: states.step, count: data.FORM_STEPS }))),
+          }, { step: states.step, count: usePayoutStatus.FORM_STEPS }))),
           index.h("h3", null, text.personalInformation),
           index.h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sqm-form-message", { type: "error" },
@@ -6070,18 +6220,22 @@ const UserInfoFormView = (props) => {
         })))),
       index.h("div", null,
         index.h("div", { class: classes.InputContainer },
-          index.h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
+          index.h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled ||
+              states.isUser ||
+              isDisabledInput("firstName") }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.firstName, formState.errors.firstName),
           }
             : {}), { id: "firstName", name: "/firstName", required: true })),
-          index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled ||
+              states.isUser ||
+              isDisabledInput("lastName") }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.lastName, formState.errors.lastName),
           }
             : {}), { id: "lastName", name: "/lastName", required: true })),
           index.h("sl-input", { exportparts: "label: input-label, base: input-base", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
-          index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
+          index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || isDisabledInput("countryCode") }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.country, formState.errors.countryCode),
           }
@@ -6091,13 +6245,14 @@ const UserInfoFormView = (props) => {
                 e.stopPropagation();
               }, "onSl-input": (e) => {
                 callbacks.setCountrySearch(e.target.value);
-              } }), (_e = data$1 === null || data$1 === void 0 ? void 0 : data$1.countries) === null || _e === void 0 ? void 0 :
-            _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.allCountries) === null || _f === void 0 ? void 0 :
+              } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
+            _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
             _f.map((c) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
           index.h("div", { class: classes.PhoneInputsSection },
             index.h("p", null, text.phoneNumber),
             index.h("div", { class: classes.PhoneInputsContainer },
-              index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
+              index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled ||
+                  isDisabledInput("phoneNumberCountryCode"), ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
                 class: classes.ErrorInput,
               }
                 : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
@@ -6106,13 +6261,13 @@ const UserInfoFormView = (props) => {
                     e.stopPropagation();
                   }, "onSl-input": (e) => {
                     callbacks.setPhoneCountrySearch(e.target.value);
-                  } }), (_h = data$1 === null || data$1 === void 0 ? void 0 : data$1.phoneCountries) === null || _h === void 0 ? void 0 :
+                  } }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
                 _h.map((c) => {
                   var _a, _b;
                   return (index.h("sl-menu-item", { value: c.countryCode },
                     index.h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
                     _b.dial_code));
-                }), (_j = data$1 === null || data$1 === void 0 ? void 0 : data$1.allCountries) === null || _j === void 0 ? void 0 :
+                }), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
                 _j.map((c) => {
                   var _a, _b;
                   return (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
@@ -6123,7 +6278,7 @@ const UserInfoFormView = (props) => {
                   // Naive phone number validation
                   utils$1.validateBillingField(/[a-zA-Z]+/, value) &&
                     utils$1.formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError);
-                }, disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
+                }, disabled: states.disabled || isDisabledInput("phoneNumber") }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
                 class: classes.ErrorInput,
                 helpText: utils$1.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
               }
@@ -6131,7 +6286,7 @@ const UserInfoFormView = (props) => {
           index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
+              utils$1.formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("address") }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.address, formState.errors.address),
           }
@@ -6139,22 +6294,22 @@ const UserInfoFormView = (props) => {
           index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) => 
             // Checks for non-ASCII characters
             !utils$1.validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
+              utils$1.formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || isDisabledInput("city") }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.city, formState.errors.city),
           }
             : {}), { required: true })),
-          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
+          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || isDisabledInput("state") }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.state, formState.errors.state),
           }
-            : {}), { required: true }), (_p = data$1.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
-          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
+            : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
+          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || isDisabledInput("postalCode") }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.postalCode, formState.errors.postalCode),
           }
             : {}), { required: true })),
-          index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
+          index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || isDisabledInput("currency"), helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
             class: classes.ErrorInput,
             helpText: utils$1.formatErrorMessage(text.currency, formState.errors.currency),
           }
@@ -6164,11 +6319,11 @@ const UserInfoFormView = (props) => {
                 e.stopPropagation();
               }, "onSl-input": (e) => {
                 callbacks.setCurrencySearch(e.target.value);
-              } }), (_s = data$1 === null || data$1 === void 0 ? void 0 : data$1.currencies) === null || _s === void 0 ? void 0 :
+              } }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
             _s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
               c.currencyCode,
               " - ",
-              c.displayName))), (_t = data$1 === null || data$1 === void 0 ? void 0 : data$1.allCurrencies) === null || _t === void 0 ? void 0 :
+              c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
             _t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
               c.currencyCode,
               " - ",
@@ -6176,22 +6331,24 @@ const UserInfoFormView = (props) => {
           index.h("div", { class: classes.CheckboxWrapper },
             index.h("sl-checkbox", { checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
                 e.target.value = e.target.checked;
-              }, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
+              }, disabled: states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
             ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, utils$1.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
-        index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
+        index.h("sl-button", { type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
 };
 
 function useUserInfoForm(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const currencyRef = domContextHooks_module.useRef(undefined);
   const phoneCountryRef = domContextHooks_module.useRef(undefined);
   const formRef = domContextHooks_module.useRef(null);
-  const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
-  const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
-  const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
-  const [userFormContext, setUserFormContext] = index_module.Pn(data.USER_FORM_CONTEXT_NAMESPACE);
-  const { data: data$1, loading, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
-  const _currencies = index_module.Fn(data.CURRENCIES_NAMESPACE);
+  const context = index_module.Fn(usePayoutStatus.TAX_FORM_CONTEXT_NAMESPACE);
+  const countries = index_module.Fn(usePayoutStatus.SORTED_COUNTRIES_NAMESPACE);
+  const [step, setStep] = index_module.Pn(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
+  const [userFormContext, setUserFormContext] = index_module.Pn(usePayoutStatus.USER_FORM_CONTEXT_NAMESPACE);
+  const user = index_module.J();
+  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
+  const { data, loading, refetch, errors: userError, } = index_module.$n(usePayoutStatus.USER_QUERY_NAMESPACE);
+  const _currencies = index_module.Fn(usePayoutStatus.CURRENCIES_NAMESPACE);
   const currencies = domContextHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
   const [phoneCountrySearch, setPhoneCountrySearch] = domContextHooks_module.useState("");
@@ -6206,7 +6363,7 @@ function useUserInfoForm(props) {
   }, []);
   domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
+    const user = data === null || data === void 0 ? void 0 : data.user;
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
@@ -6247,7 +6404,7 @@ function useUserInfoForm(props) {
         postalCode: (_k = user.customFields) === null || _k === void 0 ? void 0 : _k.postalCode,
       });
     }
-  }, [data$1, step, userFormContext]);
+  }, [data, step, userFormContext]);
   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;
@@ -6292,6 +6449,45 @@ function useUserInfoForm(props) {
       setFilteredCurrencies(currencies.filter((c) => c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())) || []);
     }
   }, [currencySearch, currencies]);
+  async function connectPartner(formData) {
+    var _a, _b, _c, _d, _e;
+    const vars = {
+      user: {
+        id: user.id,
+        accountId: user.accountId,
+      },
+      firstName: formData.firstName,
+      lastName: formData.lastName,
+      countryCode: formData.countryCode,
+      currency: formData.currency,
+      address: formData.address,
+      city: formData.city,
+      state: formData.state,
+      postalCode: formData.postalCode,
+      phoneNumber: formData.phoneNumber,
+      phoneNumberCountryCode: formData.phoneNumberCountryCode,
+    };
+    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 = 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));
+    return {
+      resultPublisher,
+      hasValidCurrentDocument,
+    };
+  }
   async function onSubmit(event) {
     let formControls = event.target.getFormControls();
     let formData = {};
@@ -6334,9 +6530,41 @@ function useUserInfoForm(props) {
       postalCode: userData.postalCode,
       currency: userData.currency,
     });
-    const nextStep = context.overrideNextStep || "/2";
+    const skipNextStep = getSkipNextStep(userData);
+    console.log({ skipNextStep });
+    if (skipNextStep) {
+      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");
+          }
+        }
+        return;
+      }
+      catch (e) {
+        setErrors({ general: true });
+        return;
+      }
+    }
+    const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
     setStep(nextStep);
   }
+  function getSkipNextStep(userData) {
+    if (userData.countryCode === "US")
+      return true;
+    return true;
+  }
   const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
   const regionObj = hasStates
     ? IndirectTaxDetailsView.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
@@ -6364,16 +6592,17 @@ function useUserInfoForm(props) {
       allCountries: countries,
       regionLabelEnum: regionObj === null || regionObj === void 0 ? void 0 : regionObj.labelEnum,
       regions: (regionObj === null || regionObj === void 0 ? void 0 : regionObj.regions) || [],
+      partnerData: (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher,
     },
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading,
+      disabled: loading || connectLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading,
-      isPartner: !!((_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher),
-      isUser: !!((_d = (_c = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.user),
+      loading: loading || connectLoading,
+      isPartner: !!((_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher),
+      isUser: !!((_f = (_e = data === null || data === void 0 ? void 0 : data.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.user),
       formState: {
         ...userFormContext,
         errors: formErrors,
@@ -6563,7 +6792,7 @@ const TaxForm = class {
   }
 };
 function useDemoUserInfoForm(props) {
-  const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
+  const setStep = index_module.En(usePayoutStatus.TAX_CONTEXT_NAMESPACE);
   return cjs.cjs({
     setStep,
     onSubmit: async () => {