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

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

@@ -1,6 +1,8 @@
-import { useQuery } from "@saasquatch/component-boilerplate";
-import { useState, useEffect } from "@saasquatch/stencil-hooks";
+import { getEnvironmentSDK, useQuery } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/stencil-hooks";
 import { gql } from "graphql-request";
+import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
+import { useVeriffApp, VERIFF_COMPLETE_EVENT_KEY } from "../useVeriffApp";
 const GET_USER_STATUS = gql `
   query getUserStatus {
     user: viewer {
@@ -12,6 +14,7 @@ const GET_USER_STATUS = gql `
             id
             payoutsAccount {
               hold
+              holdReasons
             }
           }
         }
@@ -19,32 +22,55 @@ const GET_USER_STATUS = gql `
     }
   }
 `;
+export function getStatus(data) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
+  if (!((_d = (_c = data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.connected) || !account)
+    return "INFORMATION_REQUIRED";
+  if ((_e = account.holdReasons) === null || _e === void 0 ? void 0 : _e.includes("IDV_CHECK_REQUIRED"))
+    return "VERIFICATION:REQUIRED";
+  if ((_f = account.holdReasons) === null || _f === void 0 ? void 0 : _f.includes("IDV_CHECK_REQUIRED_INTERNAL"))
+    return "VERIFICATION:INTERNAL";
+  if ((_g = account.holdReasons) === null || _g === void 0 ? void 0 : _g.includes("IDV_CHECK_REVIEW_INTERNAL"))
+    return "VERIFICATION:REVIEW";
+  if ((_h = account.holdReasons) === null || _h === void 0 ? void 0 : _h.includes("IDV_CHECK_FAILED_INTERNAL"))
+    return "VERIFICATION:FAILED";
+  if (account.hold)
+    return "HOLD";
+  return "DONE";
+}
 export function usePayoutStatus(props) {
+  const { type } = getEnvironmentSDK();
   const { loading, data, errors, refetch } = useQuery(GET_USER_STATUS, {});
+  const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
   const [status, setStatus] = useState(undefined);
   useEffect(() => {
     if (!data)
       return;
-    function getStatus(data) {
-      var _a, _b;
-      const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
-      if (!account)
-        return "INFORMATION_REQUIRED";
-      if (account.hold)
-        return "HOLD";
-      // @ts-ignore, TODO: add check for account verification
-      if (!account.verified)
-        return "VERIFICATION_NEEDED";
-      return "DONE";
-    }
     const s = getStatus(data);
     setStatus(s);
   }, [data]);
   useEffect(() => {
     const cb = () => refetch();
-    window.addEventListener("sqm:tax-form-updated", cb);
-    return () => window.removeEventListener("sqm:tax-form-updated", cb);
+    window.addEventListener(TAX_FORM_UPDATED_EVENT_KEY, cb);
+    window.addEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    return () => {
+      window.removeEventListener(TAX_FORM_UPDATED_EVENT_KEY, cb);
+      window.removeEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    };
   }, []);
-  console.log({ data });
-  return { states: { loading, status }, text: props.getTextProps() };
+  return {
+    states: {
+      loading,
+      veriffLoading,
+      status,
+      error: !!errors,
+    },
+    data: { type },
+    text: props.getTextProps(),
+    callbacks: {
+      onTermsClick: () => window.open(props.cashPayoutsPageUrl, "_blank").focus(),
+      onClick: render,
+    },
+  };
 }

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/data.js

@@ -19,6 +19,11 @@ export const GET_USER = gql `
         email
         countryCode
         customFields
+        managedIdentity {
+          uid
+          email
+          emailVerified
+        }
         impactConnection {
           connected
           user {
@@ -62,6 +67,7 @@ export const GET_USER = gql `
             }
             payoutsAccount {
               hold
+              holdReasons
               balance
             }
           }

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

@@ -116,6 +116,8 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 1 Properties
      */
     this.step1_searchForCurrencyText = "Search for currency..";
+    /**
+  
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 2 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -218,7 +220,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 2 Properties
      * @uiWidget textArea
      */
-    this.step2_cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.";
+    this.step2_cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our {supportLink} after you complete this step. Make sure these are correct before continuing.";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       STEP 3 PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -291,7 +293,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Step 3 Properties
      * @uiWidget textArea
      */
-    this.step3_docusignError = "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
+    this.step3_docusignError = "There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.";
     /**
      * @uiName Refresh page button label
      * @uiGroup Step 3 Properties
@@ -653,7 +655,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact Support.";
+    this.dashboard_indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact our {supportLink}.";
     /**
      * Displayed to participants who have submitted their indirect tax information.
      *
@@ -676,7 +678,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_notRegisteredForTax = "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.";
+    this.dashboard_notRegisteredForTax = "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.";
     /**
      * Displayed to participants registered in Quebec, Canada.
      * @uiName QST indirect tax details
@@ -748,14 +750,14 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_errorTitleText = "Your payout is on hold ";
+    this.payoutHoldAlertHeader = "Your payout is on hold";
     /**
      * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
      * @uiName Payout error message description
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_errorDescriptionText = "If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.";
+    this.payoutHoldAlertDescription = "Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.";
     /**
      * Text displayed for existing publishers that do not have saved banking information.
      * @uiName Payout missing information subtext
@@ -824,7 +826,7 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      * @uiWidget textArea
      */
-    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact Support.";
+    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact our {supportLink}.";
     /**
      * Displayed under a field that is missing required information.
      * @uiName Empty form field error message
@@ -871,7 +873,7 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      * @uiWidget textArea
      */
-    this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.";
+    this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.";
     /**
      * Placeholder text displayed in the country search dropdown
      * @uiName Country field placeholder text
@@ -891,13 +893,19 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      * @uiWidget textArea
      */
-    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
+    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact our {supportLink}.";
     /**
      * Displayed at the top of the page on all set up steps.
      * @uiName Page description
      * @uiGroup General Form Properties
      */
     this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
+    /**
+     * Link text for contacting support team
+     * @uiName Suport link text
+     * @uiGroup General Form Properties
+     */
+    this.supportLink = "support team";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -921,6 +929,7 @@ export class TaxAndCashMonolith {
       taxAndPayoutsDescription: props.taxAndPayoutsDescription,
       searchForCountryText: props.searchForCountryText,
       formStep: props.formStep,
+      supportLink: props.supportLink,
     };
   }
   render() {
@@ -1816,7 +1825,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-2_cannot-change-info-alert",
       "reflect": false,
-      "defaultValue": "\"Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.\""
+      "defaultValue": "\"Changes to your personal and indirect tax information can only be made through our {supportLink} after you complete this step. Make sure these are correct before continuing.\""
     },
     "step3_taxForm": {
       "type": "string",
@@ -2098,7 +2107,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-3_docusign-error",
       "reflect": false,
-      "defaultValue": "\"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.\""
+      "defaultValue": "\"There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.\""
     },
     "step3_refreshButton": {
       "type": "string",
@@ -3604,7 +3613,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_indirect-tax-tooltip-support",
       "reflect": false,
-      "defaultValue": "\"To make changes to your indirect tax information, please contact Support.\""
+      "defaultValue": "\"To make changes to your indirect tax information, please contact our {supportLink}.\""
     },
     "dashboard_indirectTaxDetails": {
       "type": "string",
@@ -3703,7 +3712,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_not-registered-for-tax",
       "reflect": false,
-      "defaultValue": "\"Not registered for indirect tax. If you\u2019ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.\""
+      "defaultValue": "\"Not registered for indirect tax. If you\u2019ve previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.\""
     },
     "dashboard_qstNumber": {
       "type": "string",
@@ -3972,7 +3981,7 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Earnings after tax\""
     },
-    "dashboard_errorTitleText": {
+    "payoutHoldAlertHeader": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -3995,11 +4004,11 @@ export class TaxAndCashMonolith {
           }],
         "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
-      "attribute": "dashboard_error-title-text",
+      "attribute": "payout-hold-alert-header",
       "reflect": false,
-      "defaultValue": "\"Your payout is on hold \""
+      "defaultValue": "\"Your payout is on hold\""
     },
-    "dashboard_errorDescriptionText": {
+    "payoutHoldAlertDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -4022,9 +4031,9 @@ export class TaxAndCashMonolith {
           }],
         "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
-      "attribute": "dashboard_error-description-text",
+      "attribute": "payout-hold-alert-description",
       "reflect": false,
-      "defaultValue": "\"If you\u2019ve recently added your payout information, please wait while we verify your information. If it\u2019s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
+      "defaultValue": "\"Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.\""
     },
     "dashboard_payoutMissingInformationText": {
       "type": "string",
@@ -4321,7 +4330,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "general-error-description",
       "reflect": false,
-      "defaultValue": "\"Please review your information and try again. If this problem continues, contact Support.\""
+      "defaultValue": "\"Please review your information and try again. If this problem continues, contact our {supportLink}.\""
     },
     "fieldRequiredError": {
       "type": "string",
@@ -4519,7 +4528,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "is-partner-alert-description",
       "reflect": false,
-      "defaultValue": "\"If you don\u2019t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.\""
+      "defaultValue": "\"If you don\u2019t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.\""
     },
     "searchForCountryText": {
       "type": "string",
@@ -4597,7 +4606,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "loading-error-alert-description",
       "reflect": false,
-      "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact Support.\""
+      "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact our {supportLink}.\""
     },
     "taxAndPayoutsDescription": {
       "type": "string",
@@ -4623,6 +4632,30 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Submit your tax documents and add your banking information to receive your rewards.\""
     },
+    "supportLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Suport link text",
+            "name": "uiName"
+          }, {
+            "text": "General Form Properties",
+            "name": "uiGroup"
+          }],
+        "text": "Link text for contacting support team"
+      },
+      "attribute": "support-link",
+      "reflect": false,
+      "defaultValue": "\"support team\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js

@@ -3,8 +3,8 @@ import { useEffect, useMemo } from "@saasquatch/universal-hooks";
 import { getCountryObj } from "../utils";
 import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "./data";
 function getCurrentStep(user) {
-  var _a;
-  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected)) {
+  var _a, _b;
+  if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, } = user.impactConnection.publisher;

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -2,11 +2,46 @@ import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 const style = {
-  WarningAlertContainer: {
+  ErrorAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-red-100)",
       borderTop: "none",
     },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  WarningAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-yellow-100)",
+      borderTop: "none",
+      maxWidth: "600px",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-warning-500)",
+    },
+  },
+  WarningHoldAlertContainer: {
+    marginLeft: "-20px",
+    "&::part(base)": {
+      maxWidth: "850px",
+      border: "none",
+      backgroundColor: "transparent",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-warning-500)",
+    },
+  },
+  ErrorHoldAlertContainer: {
+    marginLeft: "-20px",
+    "&::part(base)": {
+      maxWidth: "850px",
+      border: "none",
+      backgroundColor: "transparent",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
   },
   ExpiringSoonAlertContainer: {
     "&::part(base)": {
@@ -127,6 +162,7 @@ const style = {
   PageDescriptionText: {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-medium)",
+    marginTop: "0",
   },
   Dialog: {
     "&::part(panel)": {
@@ -159,8 +195,81 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export const TaxAndCashDashboardView = (props) => {
-  var _a;
+  var _a, _b, _c, _d;
   const { states, text, callbacks, slots } = props;
+  function getAlert(status) {
+    switch (status) {
+      case "VERIFICATION:REQUIRED":
+        return {
+          header: text.verificationRequiredHeader,
+          description: intl.formatMessage({
+            id: "verificationRequiredDescription",
+            defaultMessage: text.verificationRequiredDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: text.verificationRequiredButtonText,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet.classes.WarningHoldAlertContainer,
+        };
+      case "VERIFICATION:INTERNAL":
+        return {
+          header: text.verificationRequiredInternalHeader,
+          description: intl.formatMessage({
+            id: "verificationRequiredInternalDescription",
+            defaultMessage: text.verificationRequiredInternalDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet.classes.WarningHoldAlertContainer,
+        };
+      case "VERIFICATION:REVIEW":
+        return {
+          header: text.verificationReviewInternalHeader,
+          description: intl.formatMessage({
+            id: "verificationReviewInternalDescription",
+            defaultMessage: text.verificationReviewInternalDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet.classes.WarningHoldAlertContainer,
+        };
+      case "VERIFICATION:FAILED":
+        return {
+          header: text.verificationFailedInternalHeader,
+          description: intl.formatMessage({
+            id: "verificationFailedInternalDescription",
+            defaultMessage: text.verificationFailedInternalDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          alertType: "critical",
+          icon: "exclamation-octagon",
+          class: sheet.classes.ErrorHoldAlertContainer,
+        };
+      case "HOLD":
+        return {
+          header: text.payoutHoldAlertHeader,
+          description: intl.formatMessage({
+            id: "payoutHoldAlertDescription",
+            defaultMessage: text.payoutHoldAlertDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: null,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet.classes.WarningHoldAlertContainer,
+        };
+      default:
+        return;
+    }
+  }
   const statusMap = {
     NOT_VERIFIED: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
       h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
@@ -185,7 +294,7 @@ export const TaxAndCashDashboardView = (props) => {
       h("p", null, text.invalidForm))),
   };
   const alertMap = {
-    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.WarningAlertContainer },
+    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
       h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
       h("strong", null, intl.formatMessage({
         id: `taxAlertHeaderNotActive`,
@@ -237,23 +346,38 @@ export const TaxAndCashDashboardView = (props) => {
     h("div", null,
       h("style", { type: "text/css" }, styleString),
       states.loadingError && (h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.WarningAlertContainer },
+        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
           h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
           h("strong", null, text.error.loadingErrorAlertHeader),
           h("br", null),
-          text.error.loadingErrorAlertDescription))),
-      ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.WarningAlertContainer },
+          intl.formatMessage({
+            id: "loadingErrorAlertDescription",
+            defaultMessage: text.error.loadingErrorAlertDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          })))),
+      ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
         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)),
+        }))),
+      getAlert(states.payoutStatus) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: (_b = getAlert(states.payoutStatus)) === null || _b === void 0 ? void 0 : _b.alertType, open: true, class: (_c = getAlert(states.payoutStatus)) === null || _c === void 0 ? void 0 : _c.class },
+        h("sl-icon", { slot: "icon", name: (_d = getAlert(states.payoutStatus)) === null || _d === void 0 ? void 0 : _d.icon }),
+        h("strong", null, getAlert(states.payoutStatus).header),
+        h("p", { style: { margin: "0" } }, getAlert(states.payoutStatus).description),
+        getAlert(states.payoutStatus).buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, getAlert(states.payoutStatus).buttonText)))),
       h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
         h("p", null, text.replaceTaxFormModalBodyText),
         h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
         h("sl-button", { slot: "footer", type: "default", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
       states.status === "INACTIVE" && alertMap[states.status],
       h("div", null,
-        h("h3", null, text.bankingInformationSectionHeader),
+        h("h3", { style: { marginBottom: "0" } }, text.bankingInformationSectionHeader),
         h("p", { class: sheet.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
         h("div", { class: sheet.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
@@ -283,7 +407,12 @@ export const TaxAndCashDashboardView = (props) => {
           h("sl-tooltip", { trigger: "hover", placement: "top", content: text.indirectTaxTooltipSupport, class: sheet.classes.TooltipContainer },
             h("sl-icon", { name: "info-circle", class: sheet.classes.ToolTip }))),
         h("div", { class: sheet.classes.IndirectTaxPreviewDetails },
-          h("span", null, states.notRegistered ? (h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, text.notRegisteredForTax)) : (getIndirectTaxRegisteredIn())),
+          h("span", null, states.notRegistered ? (h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, intl.formatMessage({
+            id: "notRegisteredForTax",
+            defaultMessage: text.notRegisteredForTax,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }))) : (getIndirectTaxRegisteredIn())),
           !states.notRegistered && (h("div", { class: sheet.classes.TaxNumberContainer },
             h("span", null, intl.formatMessage({
               id: `indirectTaxDetails`,