@saasquatch/mint-components 2.1.5 → 2.1.6

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

@@ -841,9 +841,8 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
-        payoutStatus: "DONE",
         veriffLoading: false,
-        noFormNeeded: false,
+        noFormNeeded: true,
         canEditPayoutInfo: true,
         status: "INACTIVE",
         documentType: "W9",
@@ -852,6 +851,45 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
         indirectTaxType: "VAT",
         indirectTaxNumber: "123456",
         showNewFormDialog: false,
+        payoutStatus: "OVER_W9_THRESHOLD",
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardNotActiveW8Form = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        noFormNeeded: false,
+        canEditPayoutInfo: true,
+        status: "INACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardNotActiveNoForm = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        noFormNeeded: true,
+        canEditPayoutInfo: true,
+        status: "INACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: "",
+        country: "United Kingdom",
+        indirectTaxType: "VAT",
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
         hasHold: false,
       },
     } }));
@@ -1175,6 +1213,150 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
       },
     } }));
 };
+export const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "BENEFICIARY_NAME_INVALID",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: true,
+        status: "ACTIVE",
+        documentType: undefined,
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: true,
+        indirectTaxNumber: "123456",
+        country: "USA",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "BENEFICIARY_NAME_INVALID",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: true,
+        status: "ACTIVE",
+        documentType: undefined,
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: true,
+        indirectTaxNumber: "123456",
+        country: "USA",
+        showNewFormDialog: false,
+        hasHold: true,
+        enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
+      },
+    } }));
+};
+export const TaxAndCashDashboardNoDocumentType = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "ACTIVE",
+        documentType: undefined,
+        documentTypeString: "",
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        country: "United Kingdom",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardNoDocumentTypeNoFormNeeded = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: undefined,
+        documentType: undefined,
+        documentTypeString: "",
+        dateSubmitted: undefined,
+        noFormNeeded: true,
+        indirectTaxNumber: "123456",
+        country: "United Kingdom",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
+export const TaxAndCashDashboardFallbackDocumentTypeW9 = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "ACTIVE",
+        documentType: "W9",
+        documentTypeString: taxTypeToName("W9"),
+        dateSubmitted: "Mar 15, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        country: "USA",
+        showNewFormDialog: false,
+        hasHold: false,
+        enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
+      },
+    } }));
+};
+export const TaxAndCashDashboardFallbackDocumentTypeW8BEN = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: taxTypeToName("W8BEN"),
+        dateSubmitted: "Feb 20, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "654321",
+        country: "Canada",
+        showNewFormDialog: false,
+        hasHold: false,
+        enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
+      },
+    } }));
+};
+export const TaxAndCashDashboardDeferW9NoDocumentType = () => {
+  return (h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "DONE",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        disabled: false,
+        status: undefined,
+        documentType: undefined,
+        documentTypeString: "",
+        dateSubmitted: undefined,
+        noFormNeeded: true,
+        indirectTaxNumber: "123456",
+        country: "USA",
+        showNewFormDialog: false,
+        hasHold: false,
+        enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
+      },
+    } }));
+};
 export const TaxAndCashDashboardLoading = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,

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

@@ -157,7 +157,7 @@ export const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      states.isPartner && (h("sqm-form-message", { loading: states.loading, type: "info" },
+      states.isPartner && (h("sqm-form-message", { type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
         intl.formatMessage({
           id: "isPartnerAlertDescription",

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.js

@@ -138,11 +138,11 @@ export function PayoutDetailsCardView(props) {
   const { states, text } = props;
   const renderLoadingSkeleton = () => {
     return (h("div", { class: classes.CardContainer },
-      h("div", { class: classes.StatusContainer, style: { display: "block" } },
-        h("sqm-skeleton", { style: { marginBottom: "var(--sl-spacing-medium)" }, width: "25%", height: "16px" }),
-        h("sqm-skeleton", { width: "25%", height: "24px" })),
-      h("sqm-skeleton", { width: "50%", height: "34px" }),
-      h("sqm-skeleton", { width: "25%", height: "16px" })));
+      h("div", { class: classes.StatusContainer },
+        h("sl-skeleton", { class: classes.SkeletonOne }),
+        h("sl-skeleton", { class: classes.SkeletonTwo })),
+      h("sl-skeleton", { class: classes.SkeletonThree }),
+      h("sl-skeleton", { class: classes.SkeletonOne })));
   };
   const renderStatusBadge = (status, statusBadgeText) => {
     const badgeType = status === "nextPayout" ? "success" : "primary";

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

@@ -11,9 +11,20 @@ const defaultProps = {
 export const InformationRequired = () => (h("sqm-payout-status-alert", { demoData: { states: defaultProps } }));
 export const VerifyIdentity = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:REQUIRED" } } }));
 export const VerifyIdentityRequiredInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:INTERNAL" } } }));
-export const VerifyIdentityReviewInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:REVIEW" } } }));
+export const VerifyIdentityReviewInternal = () => (h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps,
+      status: "VERIFICATION:REVIEW",
+    },
+  } }));
 export const VerifyIdentityFailedInternal = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "VERIFICATION:FAILED" } } }));
-export const W9ThresholdReached = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "OVER_W9_THRESHOLD" } } }));
+export const W9ThresholdReached = () => (h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps,
+      enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
+      status: "OVER_W9_THRESHOLD",
+    },
+  } }));
 export const Hold = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "HOLD" } } }));
 export const Loading = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, loading: true } } }));
 export const Error = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, error: true } } }));

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

@@ -168,8 +168,8 @@ export function PayoutStatusAlertView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
-            h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "secondary", exportparts: "base: secondarybutton-base", onClick: callbacks.onNewFormClick }, text.newFormButton))),
+            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
+            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
         };
@@ -183,8 +183,8 @@ export function PayoutStatusAlertView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
-            h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "secondary", exportparts: "base: secondarybutton-base", onClick: callbacks.onNewFormClick }, text.newFormButton))),
+            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
+            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
         };
@@ -198,8 +198,8 @@ export function PayoutStatusAlertView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
-            h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.loading, type: "secondary", exportparts: "base: secondarybutton-base", onClick: callbacks.onNewFormClick }, text.newFormButton))),
+            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
+            h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
         };
@@ -213,7 +213,7 @@ export function PayoutStatusAlertView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
-            h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
+            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
         };
@@ -227,7 +227,7 @@ export function PayoutStatusAlertView(props) {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
-            h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
+            h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
           alertType: "error",
           icon: "exclamation-triangle",
         };
@@ -252,9 +252,9 @@ export function PayoutStatusAlertView(props) {
       case "OVER_W9_THRESHOLD":
         if (states.enforceUsTaxComplianceOption === "CASH_ONLY")
           return;
-        return data.type === "SquatchJS2" ? (h("sqm-scroll", { "scroll-tag-name": "sqm-tabs", "button-text": text.w9RequiredButtonText, "scroll-animation": "smooth" })) : data.type === "SquatchPortal" ? (h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onTermsClick }, text.w9RequiredButtonText)) : (
+        return data.type === "SquatchJS2" ? (h("sqm-scroll", { "scroll-tag-name": "sqm-tabs", "button-text": text.w9RequiredButtonText, "scroll-animation": "smooth" })) : data.type === "SquatchPortal" ? (h("sl-button", { type: "default", onClick: callbacks.onTermsClick }, text.w9RequiredButtonText)) : (
         // Demo case
-        h("sl-button", { type: "primary", exportparts: "base: primarybutton-base" }, text.w9RequiredButtonText));
+        h("sl-button", { type: "default" }, text.w9RequiredButtonText));
       case "INFORMATION_REQUIRED":
         return data.type === "SquatchJS2" ? (h("div", { style: { paddingTop: "10px" } },
           h("sqm-scroll", { "scroll-tag-name": "sqm-tabs", "button-text": text.informationRequiredButtonText, "scroll-animation": "smooth" }))) : data.type === "SquatchPortal" ? (h("div", { style: { paddingTop: "10px" } },
@@ -271,6 +271,9 @@ export function PayoutStatusAlertView(props) {
         return;
     }
   }
+  if (states.loading) {
+    return h("sl-skeleton", { class: sheet.classes.SkeletonOne });
+  }
   const alertDetails = getAlert(states.status);
   if (states.status === "DONE" || !alertDetails) {
     return h("div", null);
@@ -278,7 +281,7 @@ export function PayoutStatusAlertView(props) {
   return (h("div", { part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
     h("style", { type: "text/css" }, vanillaStyle),
-    h("sqm-form-message", { loading: states.loading, type: alertDetails.alertType },
+    h("sqm-form-message", { type: alertDetails.alertType },
       h("p", { part: "alert-title" }, alertDetails.header),
       h("p", { part: "alert-description" }, alertDetails.description),
       getButton(states.status))));

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

@@ -134,7 +134,7 @@ export class PayoutStatusAlert {
     /**
      * @uiName W-9 payment threshold alert description
      */
-    this.w9RequiredDescription = "You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
+    this.w9RequiredDescription = "You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
     /**
      * @uiName W-9 payment threshold alert button text
      */
@@ -818,7 +818,7 @@ export class PayoutStatusAlert {
       },
       "attribute": "w-9-required-description",
       "reflect": false,
-      "defaultValue": "\"You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.\""
+      "defaultValue": "\"You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.\""
     },
     "w9RequiredButtonText": {
       "type": "string",
@@ -1073,5 +1073,5 @@ function useDemoPayoutStatusAlert(props) {
       onPaymentInfoClick: () => { },
       onNewFormClick: () => { },
     },
-  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -4,35 +4,47 @@ const style = {
   Container: {
     display: "flex",
     flexDirection: "column",
-    gap: "35px",
+    gap: "24px",
   },
   HeaderContainer: {
     display: "flex",
     flexDirection: "column",
     gap: "10px",
   },
+  TitleSkeleton: {
+    width: "45%",
+    height: "40px !important",
+  },
+  StepSkeleton: {
+    width: "15%",
+  },
+  HeaderSkeleton: {
+    width: "25%",
+    height: "30px !important",
+  },
+  InputSkeleton: {
+    width: "75%",
+  },
+  ButtonSkeleton: {
+    width: "80px",
+    height: "30px !important",
+  },
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 const LoadingView = () => {
   return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" }, styleString),
-    h("sqm-skeleton", { width: "45%", height: "40px !important" }),
+    h("sl-skeleton", { class: sheet.classes.TitleSkeleton }),
     h("div", { class: sheet.classes.HeaderContainer },
-      h("sqm-skeleton", { width: "15%" }),
-      h("sqm-skeleton", { width: "25%", height: "30px !important" })),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "15%" }),
-    h("sqm-skeleton", { width: "80px", height: "30px !important" })));
+      h("sl-skeleton", { class: sheet.classes.StepSkeleton }),
+      h("sl-skeleton", { class: sheet.classes.HeaderSkeleton })),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.InputSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.StepSkeleton }),
+    h("sl-skeleton", { class: sheet.classes.ButtonSkeleton })));
 };
 export default LoadingView;

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

@@ -113,6 +113,16 @@ const style = {
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-large)",
   },
+  SkeletonOne: {
+    width: "15%",
+    height: "10px",
+  },
+  SkeletonTwo: {
+    width: "25%",
+    height: "24px",
+    top: "var(--sl-spacing-small)",
+    marginBottom: "var(--sl-spacing-x-small)",
+  },
   TaxSectionSkeletonContainer: {
     display: "flex",
     flexDirection: "column",
@@ -494,7 +504,7 @@ export const TaxAndCashDashboardView = (props) => {
       h("sl-badge", { class: sheet.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
       h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
         id: `badgeTextSubmittedOn`,
-        defaultMessage: states.documentType === "W9"
+        defaultMessage: states.documentType === "W9" || !states.documentType
           ? text.badgeTextSubmittedOn
           : text.badgeTextSubmittedOnW8,
       }, {
@@ -513,7 +523,7 @@ export const TaxAndCashDashboardView = (props) => {
       })))),
   };
   const alertMap = {
-    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: sheet.classes.ErrorHoldAlertContainer, type: "danger", open: true },
       h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
       h("strong", null, intl.formatMessage({
         id: `taxAlertHeaderNotActive`,
@@ -521,7 +531,7 @@ export const TaxAndCashDashboardView = (props) => {
           ? text.taxAlertHeaderNotActiveW9
           : text.taxAlertHeaderNotActiveW8,
       }, {
-        documentType: states.documentTypeString,
+        documentType: states.documentType || "Your",
       })),
       h("br", null),
       intl.formatMessage({
@@ -530,7 +540,7 @@ export const TaxAndCashDashboardView = (props) => {
           ? text.taxAlertNotActiveMessageW9
           : text.taxAlertNotActiveMessageW8,
       }, {
-        documentType: states.documentTypeString,
+        documentType: states.documentTypeString || "tax",
       }))),
   };
   const getIndirectTaxRegisteredIn = () => {
@@ -616,7 +626,7 @@ export const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
+      alertInfo && (h("sqm-form-message", { exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
@@ -632,25 +642,27 @@ export const TaxAndCashDashboardView = (props) => {
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
           states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
-      (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
+      (!states.noFormNeeded || !!states.status) && (h("div", { class: sheet.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
-          h("sqm-skeleton", { width: "15%", height: "10px" }),
-          h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
+          h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+          h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
           h("div", null,
             h("span", { class: sheet.classes.TaxFormDetailsContainer },
               h("div", { class: sheet.classes.StatusContainer },
-                h("h3", null, intl.formatMessage({
-                  id: "section-subheader",
-                  defaultMessage: text.taxDocumentSectionSubHeader,
-                }, {
-                  documentType: states.documentTypeString || "W-9",
-                })),
+                h("h3", null, states.documentType
+                  ? intl.formatMessage({
+                    id: "section-subheader",
+                    defaultMessage: text.taxDocumentSectionSubHeader,
+                  }, {
+                    documentType: states.documentTypeString,
+                  })
+                  : text.taxDocumentSectionSubHeaderNoDocument),
                 h("span", { class: sheet.classes.StatusAlert }, statusMap[states.status]))),
-            !states.noFormNeeded &&
+            (!states.noFormNeeded || !!states.status) &&
               states.status !== "NOT_VERIFIED" && (h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
       h("div", { class: sheet.classes.IndirectTaxPreviewContainer }, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
-        h("sqm-skeleton", { width: "15%", height: "10px" }),
-        h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
+        h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+        h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
         h("h3", { class: sheet.classes.IndirectTaxPreviewHeaderContainer },
           text.indirectTaxInfoSectionHeader,
           h("sl-dropdown", { placement: "right", distance: 1, ref: dropdownHover, class: sheet.classes.DropdownTooltipContainer },

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

@@ -102,6 +102,12 @@ export class TaxAndCashDashboard {
      * @uiName Tax documents section description
      */
     this.taxDocumentSectionSubHeader = "{documentType} tax form";
+    /**
+     * Displayed under the tax document section header.
+     *
+     * @uiName Tax documents section description
+     */
+    this.taxDocumentSectionSubHeaderNoDocument = "Tax form";
     /**
      *
      * @uiName Indirect tax section header
@@ -238,7 +244,7 @@ export class TaxAndCashDashboard {
     /**
      * @uiName W-9 payment threshold alert description
      */
-    this.w9RequiredDescription = "You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
+    this.w9RequiredDescription = "You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
     /**
      * @uiName Account review alert header
      */
@@ -766,6 +772,27 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"{documentType} tax form\""
     },
+    "taxDocumentSectionSubHeaderNoDocument": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Tax documents section description",
+            "name": "uiName"
+          }],
+        "text": "Displayed under the tax document section header."
+      },
+      "attribute": "tax-document-section-sub-header-no-document",
+      "reflect": false,
+      "defaultValue": "\"Tax form\""
+    },
     "indirectTaxInfoSectionHeader": {
       "type": "string",
       "mutable": false,
@@ -1370,7 +1397,7 @@ export class TaxAndCashDashboard {
       },
       "attribute": "w-9-required-description",
       "reflect": false,
-      "defaultValue": "\"You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.\""
+      "defaultValue": "\"You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.\""
     },
     "accountReviewHeader": {
       "type": "string",

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

@@ -325,7 +325,7 @@ export const UserInfoFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         })))),
-      (states.isPartner || states.isUser) && (h("sqm-form-message", { loading: states.loading, type: "info" },
+      (states.isPartner || states.isUser) && (h("sqm-form-message", { type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
         h("p", { part: "alert-description" }, intl.formatMessage({
           id: "isPartnerAlertDescription",