@saasquatch/mint-components 1.15.5-5 → 1.15.6

package/dist/collection/components/sqm-portal-google-registration-form/usePortalGoogleRegistrationForm.js

@@ -1,9 +1,8 @@
 import { useState } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import { useRegistrationForm } from "../sqm-portal-registration-form/useRegistrationFormState";
 import { jwtDecode } from "jwt-decode";
+import { useRegistrationForm } from "../sqm-portal-registration-form/useRegistrationFormState";
 export function usePortalGoogleRegistrationForm(props) {
-  const [emailValidationError, setEmailValidationError] = useState(null);
   const [registrationFormState, setRegistrationFormState] = useRegistrationForm();
   const [showRegistrationForm, setShowRegistrationForm] = useState({
     mode: "base",
@@ -11,33 +10,40 @@ export function usePortalGoogleRegistrationForm(props) {
   const handleEmailSubmit = async (event) => {
     const formControls = event.target.getFormControls();
     let formData = {};
-    let errorMessage = null;
+    let validationErrors = {};
     formControls.forEach((control) => {
       if (!control.name)
         return;
-      jsonpointer.set(formData, control.name, control.value);
-      // only validate email field
-      if (control.name !== "/email")
-        return;
-      if (control.required && !control.value)
-        errorMessage = props.requiredFieldErrorMessage;
+      const key = control.name;
+      const value = control.value;
+      jsonpointer.set(formData, key, value);
+      if (control.required && !value) {
+        jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
         const validationError = validate({
           control,
-          key: "email",
-          value: control.value,
+          key,
+          value,
         });
         if (validationError)
-          errorMessage = validationError;
+          jsonpointer.set(validationErrors, key, validationError);
       }
     });
-    if (errorMessage) {
-      setEmailValidationError(errorMessage);
+    if (Object.keys(validationErrors).length) {
+      // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
       return;
     }
     setRegistrationFormState({
       ...registrationFormState,
+      validationErrors: {},
       initialData: {
         ...registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData,
         ...formData,
@@ -67,8 +73,9 @@ export function usePortalGoogleRegistrationForm(props) {
     }
   };
   return {
+    registrationFormState,
     showRegistrationForm,
-    emailValidationError,
+    validationErrors: registrationFormState.validationErrors,
     handleGoogleInit,
     handleEmailSubmit,
   };

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -32,7 +32,6 @@ const stepOneProps = {
     },
   },
   data: {
-    partnerData: {},
     regionLabelEnum: "STATE",
     regions: [],
     phoneCountries: [

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js

@@ -6,7 +6,7 @@ import { COUNTRIES_QUERY_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAME
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { getCountryObj, validTaxDocument } from "../utils";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
-export const CONNECT_PARTNER = gql `
+const CONNECT_PARTNER = gql `
   mutation createImpactConnection($vars: ImpactConnectionInput!) {
     createImpactConnection(impactConnectionInput: $vars) {
       success
@@ -111,51 +111,8 @@ export function useIndirectTaxForm(props) {
       console.error("Could not detect select change");
     setFormState((p) => ({ ...p, [field]: value }));
   };
-  async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
-    const vars = {
-      user: {
-        id: user.id,
-        accountId: user.accountId,
-      },
-      firstName: userForm.firstName,
-      lastName: userForm.lastName,
-      countryCode: userForm.countryCode,
-      currency: userForm.currency,
-      address: userForm.address,
-      city: userForm.city,
-      state: userForm.state,
-      postalCode: userForm.postalCode,
-      phoneNumber: userForm.phoneNumber,
-      phoneNumberCountryCode: userForm.phoneNumberCountryCode,
-      indirectTaxCountryCode: formData.selectedRegion,
-      indirectTaxRegion: formData.province || formData.subRegion,
-      indirectTaxId: formData.indirectTaxNumber,
-      additionalTaxId: formData.qstNumber,
-      withholdingTaxId: formData.subRegionTaxNumber,
-    };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
-      throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
-      throw new Error();
-    }
-    await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-    const hasValidCurrentDocument = 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) => {
+    var _a, _b, _c, _d, _e;
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -181,7 +138,44 @@ export function useIndirectTaxForm(props) {
     }
     setLoading(true);
     try {
-      const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
+      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));
       if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
         !hasValidCurrentDocument) {
         // Go to docusign form

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js

@@ -1,4 +1,4 @@
-import { Fragment, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 const style = {
@@ -160,7 +160,7 @@ export function PayoutStatusAlertView(props) {
             class: sheet.classes.WarningAlertContainer,
           };
         }
-      case "NEW_PAYEE_REVIEW":
+      case "ACCOUNT_REVIEW":
         return {
           header: text.accountReviewHeader,
           description: intl.formatMessage({
@@ -174,92 +174,6 @@ export function PayoutStatusAlertView(props) {
           icon: "exclamation-triangle",
           class: sheet.classes.WarningAlertContainer,
         };
-      case "PAYMENT_HOLD_ON_CHANGE":
-        return {
-          header: text.paymentHoldOnChangeHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentHoldOnChangeDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet.classes.WarningAlertContainer,
-        };
-      case "BENEFICIARY_NAME_INVALID":
-        return {
-          header: text.beneficiaryNameInvalidHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameInvalidDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: text.editPaymentInformationButton,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet.classes.WarningAlertContainer,
-        };
-      case "BENEFICIARY_NAME_MISMATCH":
-        return {
-          header: text.beneficiaryNameMismatchHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameMismatchDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: text.editPaymentInformationButton,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet.classes.WarningAlertContainer,
-        };
-      case "BANK_TAX_NAME_MISMATCH":
-        return {
-          header: text.bankTaxNameMismatchHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.bankTaxNameMismatchDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: text.editPaymentInformationButton,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet.classes.WarningAlertContainer,
-        };
-      case "WITHDRAWAL_SETTINGS_INVALID":
-        return {
-          header: text.withdrawalSettingsInvalidHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.withdrawalSettingsInvalidDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: text.editPaymentInformationButton,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet.classes.WarningAlertContainer,
-        };
-      case "PAYMENT_RETURNED":
-        return {
-          header: text.paymentReturnedHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentReturnedDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h(Fragment, null,
-            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet.classes.WarningAlertContainer,
-        };
       case "HOLD":
         return {
           header: text.holdHeader,
@@ -293,8 +207,6 @@ export function PayoutStatusAlertView(props) {
       case "VERIFICATION:REQUIRED":
         return (h("sl-button", { type: "default", loading: states.veriffLoading, onClick: callbacks.onClick }, text.verificationRequiredButtonText));
       default:
-        if (alertDetails.button)
-          return alertDetails.button;
         return;
     }
   }