@saasquatch/mint-components 1.15.5-0 → 1.15.5-2

package/dist/esm/sqm-banking-info-form_17.entry.js

@@ -3045,8 +3045,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 = 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(TAX_FORM_UPDATED_EVENT_KEY));
+    return {
+      resultPublisher,
+      hasValidCurrentDocument,
+    };
+  }
+  const onSubmit = async (event) => {
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -3072,44 +3115,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 = 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(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
@@ -3160,6 +3166,7 @@ function useIndirectTaxForm(props) {
         ...p,
         hasSubRegionTaxNumber: !p.hasSubRegionTaxNumber,
       })),
+      connectPartner,
     },
     data: {
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
@@ -5302,51 +5309,51 @@ const TaxAndCashMonolith = class {
      */
     this.dashboard_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 Account review alert header
+     * @uiName Payment on hold alert header
      */
     this.dashboard_paymentOnHoldHeader = "We are reviewing your new payout settings";
     /**
-     * @uiName Account review alert description
+     * @uiName Payment on hold alert description
      */
     this.dashboard_paymentOnHoldDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
     /**
-     * @uiName Account review alert header
+     * @uiName Beneficiary name invalid alert header
      */
     this.dashboard_beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
     /**
-     * @uiName Account review alert description
+     * @uiName Beneficiary name invalid description
      */
     this.dashboard_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 Account review alert header
+     * @uiName Beneficiary name mismatch alert header
      */
     this.dashboard_beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
     /**
-     * @uiName Account review alert description
+     * @uiName Beneficiary name mismatch alert description
      */
     this.dashboard_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 Account review alert header
+     * @uiName Bank name mismatch alert header
      */
     this.dashboard_bankNameMismatchHeader = "Your payment information does not match your tax form";
     /**
-     * @uiName Account review alert description
+     * @uiName Bank name mismatch alert description
      */
     this.dashboard_bankNameMismatchDescription = "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 Account review alert header
+     * @uiName Withdrawal settings invalid alert header
      */
     this.dashboard_withdrawalSettingsInvalidHeader = "Your payment information includes invalid characters";
     /**
-     * @uiName Account review alert description
+     * @uiName Withdrawal settings invalid alert description
      */
     this.dashboard_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 Account review alert header
+     * @uiName Payment returned alert header
      */
     this.dashboard_paymentReturnedHeader = "Payout unsuccessful";
     /**
-     * @uiName Account review alert description
+     * @uiName Payment returned alert description
      */
     this.dashboard_paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
     /**
@@ -7978,7 +7985,9 @@ function useUserInfoForm(props) {
   const countries = Fn(SORTED_COUNTRIES_NAMESPACE);
   const [step, setStep] = Pn(TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = Pn(USER_FORM_CONTEXT_NAMESPACE);
-  const { data, loading, errors: userError, } = $n(USER_QUERY_NAMESPACE);
+  const user = J();
+  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
+  const { data, loading, refetch, errors: userError, } = $n(USER_QUERY_NAMESPACE);
   const _currencies = Fn(CURRENCIES_NAMESPACE);
   const currencies = useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = useState("");
@@ -8080,6 +8089,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 = 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(TAX_FORM_UPDATED_EVENT_KEY));
+    return {
+      resultPublisher,
+      hasValidCurrentDocument,
+    };
+  }
   async function onSubmit(event) {
     let formControls = event.target.getFormControls();
     let formData = {};
@@ -8124,6 +8172,29 @@ function useUserInfoForm(props) {
     });
     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");
+          }
+        }
+      }
+      catch (e) {
+        setErrors({ general: true });
+      }
+    }
     const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
     setStep(nextStep);
   }
@@ -8165,9 +8236,9 @@ function useUserInfoForm(props) {
       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,
+      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: {