@saasquatch/mint-components 1.12.0-9 → 1.12.0

package/dist/collection/components/sqm-widget-verification/useVerificationEmail.js

@@ -57,6 +57,7 @@ const SubmitImpactCodeMutation = gql `
 // ! is done before calling any mutations
 export function useVerificationEmail() {
   const userIdentity = useUserIdentity();
+  const [verificationEmail, setVerificationEmail] = useState(null);
   const [hasEmails, setHasEmails] = useState({
     participant: false,
     impact: false,
@@ -74,7 +75,7 @@ export function useVerificationEmail() {
   const verifyErrors = verifyMutationErrors || submitImpactCodeErrors;
   const [initialized, setInitialized] = useState(false);
   const initialise = async () => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     try {
       const lookup = await fetch({});
       if (!lookup || lookup instanceof Error)
@@ -83,6 +84,8 @@ export function useVerificationEmail() {
         participant: !!((_a = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _a === void 0 ? void 0 : _a.email),
         impact: !!((_d = (_c = (_b = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.email),
       });
+      setVerificationEmail(((_g = (_f = (_e = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.user) === null || _g === void 0 ? void 0 : _g.email) || ((_h = lookup === null || lookup === void 0 ? void 0 : lookup.viewer) === null || _h === void 0 ? void 0 : _h.email) ||
+        null);
       setInitialized(true);
     }
     catch (e) {
@@ -153,6 +156,7 @@ export function useVerificationEmail() {
   }, []);
   return {
     initialized,
+    verificationEmail,
     send: [
       sendVerificationEmail,
       { loading: sendLoading, errors: sendErrors },

package/dist/collection/components/sqm-widget-verification/useWidgetVerification.js

@@ -0,0 +1,60 @@
+import { useLazyQuery, useParentState, useSetParent, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useState } from "@saasquatch/stencil-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
+import { SHOW_CODE_NAMESPACE, VERIFICATION_EMAIL_NAMESPACE, VERIFICATION_PARENT_NAMESPACE, } from "./keys";
+const USER_LOOKUP = gql `
+  query checkUserVerification {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        emailVerified
+        managedIdentity {
+          email
+          emailVerified
+        }
+      }
+    }
+  }
+`;
+export function useWidgetVerification() {
+  const userIdentity = useUserIdentity();
+  const [showCode, setShowCode] = useParentState({
+    namespace: SHOW_CODE_NAMESPACE,
+    initialValue: false,
+  });
+  const [email, setEmail] = useParentState({
+    namespace: VERIFICATION_EMAIL_NAMESPACE,
+    initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
+  });
+  const setContext = useSetParent(VERIFICATION_PARENT_NAMESPACE);
+  const [loading, setLoading] = useState(true);
+  const [fetch] = useLazyQuery(USER_LOOKUP);
+  useEffect(() => {
+    const checkUser = async () => {
+      var _a, _b, _c;
+      try {
+        const res = await fetch({});
+        if (!res || res instanceof Error)
+          throw new Error();
+        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
+          setContext(true);
+        else if ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified)
+          setContext(true);
+      }
+      catch (e) {
+        console.error("Could not fetch user information:", e);
+      }
+      finally {
+        setLoading(false);
+      }
+    };
+    checkUser();
+  }, []);
+  const onVerification = () => {
+    setContext(true);
+  };
+  return { showCode, onVerification, loading };
+}

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

@@ -19,8 +19,10 @@ const bankingFormProps = {
     thresholds: [],
     currency: "USD",
     loadingError: false,
+    email: "test@example.com",
   },
   callbacks: {
+    onVerificationHide: () => { },
     onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
@@ -331,3 +333,19 @@ export const BankingInfoFormWithFixedDayPaymentScheduleLoading = () => {
       },
     } }));
 };
+export const BankingInfoFormVerififyIdentityModal = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...bankingFormProps,
+      states: {
+        ...bankingFormProps.states,
+        isPartner: true,
+        showVerification: true,
+        formState: {
+          ...bankingFormProps.states.formState,
+          bankCountry: "US",
+          paymentScheduleChecked: "FIXED_DAY",
+        },
+        currency: "USD",
+      },
+    } }));
+};

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

@@ -205,11 +205,13 @@ const stepFourProps = {
     saveDisabled: false,
     thresholds: [],
     loadingError: false,
+    email: "test@example.com",
     formState: {
       paymentMethodChecked: "toBankAccount",
     },
   },
   callbacks: {
+    onVerificationHide: () => { },
     onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
@@ -247,7 +249,7 @@ const docusignFormProps = {
 };
 const dashboardProps = {
   states: {
-    showVerifyIdentity: false,
+    veriffLoading: false,
     payoutStatus: "DONE",
     canEditPayoutInfo: true,
     disabled: false,
@@ -274,7 +276,7 @@ export const GeneralLoadingView = () => {
   return h(LoadingView, null);
 };
 export const GeneralErrorView = () => {
-  return (h(ErrorView, { loadingErrorAlertHeader: "There was a problem loading your form", loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact Support." }));
+  return (h(ErrorView, { loadingErrorAlertHeader: "There was a problem loading your form", loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact our support team." }));
 };
 // STEP ONE
 export const StepOne = () => {
@@ -758,6 +760,20 @@ export const StepFourToPaypalChecked = () => {
       },
     } }));
 };
+export const StepFourReVerifyEmail = () => {
+  return (h("sqm-banking-info-form", { demoData: {
+      ...stepFourProps,
+      states: {
+        ...stepFourProps.states,
+        showVerification: true,
+        isPartner: true,
+        formState: {
+          ...stepFourProps.states.formState,
+          paymentMethodChecked: "toPayPalAccount",
+        },
+      },
+    } }));
+};
 export const TaxAndCashDashboardActiveW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
@@ -768,7 +784,7 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BEN",
@@ -786,7 +802,7 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BENE",
@@ -804,7 +820,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         status: "INACTIVE",
@@ -823,7 +839,6 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -835,6 +850,7 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
         hasHold: false,
+        veriffLoading: false,
       },
     } }));
 };
@@ -843,7 +859,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -864,7 +880,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -885,7 +901,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_ACTIVE",
@@ -906,7 +922,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         documentType: "W9",
@@ -927,7 +943,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -949,7 +965,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -972,7 +988,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -995,7 +1011,7 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1012,10 +1028,62 @@ export const TaxAndCashDashboardIdentityVerifcationRequired = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
-        payoutStatus: "VERIFICATION_NEEDED",
-        showVerifyIdentity: true,
-        showIdentityVerificationDialog: true,
-        identiyRequired: true,
+        payoutStatus: "VERIFICATION:REQUIRED",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardIdentityVerifcationRequiredInternal = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:INTERNAL",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardIdentityVerifcationReviewInternal = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:REVIEW",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardIdentityVerifcationFailedInternal = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "VERIFICATION:FAILED",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1033,7 +1101,7 @@ export const TaxAndCashDashboardNewTaxForm = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -1051,7 +1119,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: true,
         status: "ACTIVE",
@@ -1071,7 +1139,7 @@ export const TaxAndCashDashboardLoading = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1090,7 +1158,7 @@ export const TaxAndCashDashboardWithLoadingError = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         disabled: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
@@ -1110,7 +1178,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1134,7 +1202,7 @@ export const TaxAndCashDashboardDisabled = () => {
       ...dashboardProps,
       states: {
         payoutStatus: "DONE",
-        showVerifyIdentity: false,
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: true,
         status: "ACTIVE",

package/dist/collection/components/tax-and-cash/eventKeys.js

@@ -0,0 +1 @@
+export const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js

@@ -223,12 +223,22 @@ export const BankingInfoFormView = (props) => {
         h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
         h("strong", null, text.error.generalTitle),
         h("br", null),
-        text.error.generalDescription)),
+        intl.formatMessage({
+          id: "generalDescription",
+          defaultMessage: text.error.generalDescription,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        }))),
       states.isPartner && !states.hideSteps && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "primary", open: true, class: sheet.classes.PartnerAlertContainer },
         h("sl-icon", { slot: "icon", name: "info-circle" }),
         h("strong", null, text.isPartnerAlertHeader),
         h("br", null),
-        text.isPartnerAlertDescription)),
+        intl.formatMessage({
+          id: "isPartnerAlertDescription",
+          defaultMessage: text.isPartnerAlertDescription,
+        }, {
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        }))),
       h("div", null,
         h("h4", null, text.paymentMethod),
         h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),