@saasquatch/mint-components 1.12.0-2 → 1.12.0-20

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

@@ -0,0 +1,169 @@
+import { useLazyQuery, useMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
+const UserLookupQuery = gql `
+  query userLookup {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        impactConnection {
+          user {
+            id
+            email
+          }
+        }
+      }
+    }
+  }
+`;
+const ParticipantVerificationEmailMutation = gql `
+  mutation requestUserEmailVerification($user: UserIdInput!) {
+    requestUserEmailVerification(user: $user) {
+      success
+    }
+  }
+`;
+const ImpactVerificationEmailMutation = gql `
+  mutation requestImpactPublisherEmail2FA($user: UserIdInput!) {
+    requestImpactPublisherEmail2FA(user: $user) {
+      success
+    }
+  }
+`;
+const VerifyUserEmailMutation = gql `
+  mutation verifyUserEmail($user: UserIdInput!, $code: String!) {
+    verifyUserEmail(user: $user, code: $code) {
+      id
+      accountId
+      email
+      emailVerified
+    }
+  }
+`;
+const SubmitImpactCodeMutation = gql `
+  mutation submitImpactPublisherEmail2FACode(
+    $user: UserIdInput!
+    $code: String!
+  ) {
+    submitImpactPublisherEmail2FACode(user: $user, code: $code) {
+      verifiedEmail
+      accessKey
+    }
+  }
+`;
+// ! It's important when using this hook to ensure initialisation
+// ! 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,
+  });
+  const [fetch] = useLazyQuery(UserLookupQuery);
+  // Send mutations
+  const [sendParticipantEmail, { loading: participantEmailLoading, errors: participantEmailErrors },] = useMutation(ParticipantVerificationEmailMutation);
+  const [sendImpactEmail, { loading: impactEmailLoading, errors: impactEmailErrors },] = useMutation(ImpactVerificationEmailMutation);
+  const sendLoading = participantEmailLoading || impactEmailLoading;
+  const sendErrors = participantEmailErrors || impactEmailErrors;
+  // Verification mutations
+  const [verifyUserEmail, { loading: verifyMutationLoading, errors: verifyMutationErrors },] = useMutation(VerifyUserEmailMutation);
+  const [submitImpactCode, { loading: submitImpactCodeLoading, errors: submitImpactCodeErrors },] = useMutation(SubmitImpactCodeMutation);
+  const verifyLoading = verifyMutationLoading || submitImpactCodeLoading;
+  const verifyErrors = verifyMutationErrors || submitImpactCodeErrors;
+  const [initialized, setInitialized] = useState(false);
+  const initialise = async () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const lookup = await fetch({});
+      if (!lookup || lookup instanceof Error)
+        throw new Error();
+      setHasEmails({
+        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) {
+      console.error("Could not initialise verification", e);
+    }
+  };
+  const sendVerificationEmail = async () => {
+    let result = null;
+    if (!initialized)
+      return result;
+    if (!hasEmails.participant && !hasEmails.impact)
+      return result;
+    try {
+      const request = hasEmails.impact ? sendImpactEmail : sendParticipantEmail;
+      const res = await request({
+        user: {
+          id: userIdentity.id,
+          accountId: userIdentity.accountId,
+        },
+      });
+      if (res instanceof Error || !res)
+        throw new Error();
+      result = hasEmails.impact
+        ? res.requestImpactPublisherEmail2FA
+        : res.requestUserEmailVerification;
+    }
+    catch (e) {
+      console.error("Could not send verification email", e);
+    }
+    finally {
+      return result;
+    }
+  };
+  const verifyVerificationEmail = async (code) => {
+    var _a;
+    let result = null;
+    if (!initialized)
+      return result;
+    if (!hasEmails.participant && !hasEmails.impact)
+      return result;
+    try {
+      const request = hasEmails.impact ? submitImpactCode : verifyUserEmail;
+      const res = await request({
+        user: {
+          id: userIdentity.id,
+          accountId: userIdentity.accountId,
+        },
+        code,
+      });
+      if (res instanceof Error || !res)
+        throw new Error();
+      result = {
+        success: true,
+        accessKey: hasEmails.impact
+          ? (_a = res.submitImpactPublisherEmail2FACode) === null || _a === void 0 ? void 0 : _a.accessKey : undefined,
+      };
+    }
+    catch (e) {
+      console.error("Could not verify email", e);
+    }
+    finally {
+      return result;
+    }
+  };
+  useEffect(() => {
+    if (!initialized)
+      initialise();
+  }, []);
+  return {
+    initialized,
+    verificationEmail,
+    send: [
+      sendVerificationEmail,
+      { loading: sendLoading, errors: sendErrors },
+    ],
+    verify: [
+      verifyVerificationEmail,
+      { loading: verifyLoading, errors: verifyErrors },
+    ],
+  };
+}

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

@@ -19,8 +19,11 @@ const bankingFormProps = {
     thresholds: [],
     currency: "USD",
     loadingError: false,
+    email: "test@example.com",
   },
   callbacks: {
+    onVerificationHide: () => { },
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -330,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,14 @@ const stepFourProps = {
     saveDisabled: false,
     thresholds: [],
     loadingError: false,
+    email: "test@example.com",
     formState: {
       paymentMethodChecked: "toBankAccount",
     },
   },
   callbacks: {
+    onVerificationHide: () => { },
+    onVerification: () => { },
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => { },
     setPaymentScheduleChecked: () => { },
@@ -246,6 +249,8 @@ const docusignFormProps = {
 };
 const dashboardProps = {
   states: {
+    veriffLoading: false,
+    payoutStatus: "DONE",
     canEditPayoutInfo: true,
     disabled: false,
     status: "ACTIVE",
@@ -257,6 +262,7 @@ const dashboardProps = {
     indirectTaxNumber: "123456",
     indirectTaxType: "VAT",
     showNewFormDialog: false,
+    hasHold: false,
   },
   slots: {
     payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
@@ -270,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 = () => {
@@ -754,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,
@@ -763,6 +783,8 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BEN",
@@ -771,6 +793,7 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -778,6 +801,8 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         documentType: "W8BENE",
@@ -786,6 +811,7 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -793,6 +819,8 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         noFormNeeded: false,
         canEditPayoutInfo: true,
         status: "INACTIVE",
@@ -802,6 +830,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -809,6 +838,7 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -819,6 +849,8 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
+        veriffLoading: false,
       },
     } }));
 };
@@ -826,6 +858,8 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -837,6 +871,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -844,6 +879,8 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_VERIFIED",
@@ -855,6 +892,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -862,6 +900,8 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "NOT_ACTIVE",
@@ -873,6 +913,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
         indirectTaxType: "VAT",
         country: "United Kingdom",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -880,6 +921,8 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         documentType: "W9",
@@ -891,6 +934,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
         indirectTaxNumber: "123456",
         indirectTaxType: "GST",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -898,6 +942,8 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -910,6 +956,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
         indirectTaxType: "GST",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -917,6 +964,8 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -930,6 +979,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
         indirectTaxNumber: "123456",
         qstNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -937,6 +987,8 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         disabled: false,
@@ -950,6 +1002,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
         indirectTaxNumber: "123456",
         subRegionTaxNumber: "44212",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -957,6 +1010,8 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -965,6 +1020,7 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -972,8 +1028,44 @@ export const TaxAndCashDashboardIdentityVerifcationRequired = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
-        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",
@@ -982,6 +1074,25 @@ export const TaxAndCashDashboardIdentityVerifcationRequired = () => {
         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",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        notRegistered: true,
+        showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -989,6 +1100,8 @@ export const TaxAndCashDashboardNewTaxForm = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
         documentType: "W8BEN",
@@ -997,6 +1110,27 @@ export const TaxAndCashDashboardNewTaxForm = () => {
         noFormNeeded: false,
         notRegistered: true,
         showNewFormDialog: true,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardPayoutsOnHold = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        country: "Slovania",
+        showNewFormDialog: false,
+        hasHold: true,
       },
     } }));
 };
@@ -1004,6 +1138,8 @@ export const TaxAndCashDashboardLoading = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1013,6 +1149,7 @@ export const TaxAndCashDashboardLoading = () => {
         noFormNeeded: false,
         loading: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1020,6 +1157,8 @@ export const TaxAndCashDashboardWithLoadingError = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         disabled: false,
         canEditPayoutInfo: true,
         status: "ACTIVE",
@@ -1030,6 +1169,7 @@ export const TaxAndCashDashboardWithLoadingError = () => {
         loading: true,
         loadingError: true,
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };
@@ -1037,6 +1177,8 @@ export const TaxAndCashDashboardWithGeneralError = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: false,
         status: "ACTIVE",
@@ -1048,6 +1190,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
         indirectTaxType: "VAT",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
         errors: {
           general: true,
         },
@@ -1058,6 +1201,8 @@ export const TaxAndCashDashboardDisabled = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
         canEditPayoutInfo: true,
         disabled: true,
         status: "ACTIVE",
@@ -1068,6 +1213,7 @@ export const TaxAndCashDashboardDisabled = () => {
         indirectTaxNumber: "123456",
         country: "Slovania",
         showNewFormDialog: false,
+        hasHold: false,
       },
     } }));
 };

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))),