Cash payouts auto funding

packages/mint-components/CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.1.0] - 2026-02-19
+
+### Updated
+
+- \<sqm-rewards-table>
+- \<sqm-referral-table>
+  - Added new reward status based on state of payouts
+    - Payment Processing
+
 ## [2.0.10] - 2026-01-27
 
 ### Fixed
@@ -1446,7 +1455,8 @@ This major release represents a significant advancement in the theming capabilit
   - \<sqm-popup-container>
   - \<sqm-stencilbook>
 
-[unreleased]: https://github.com/saasquatch/program-tools/compare/[email protected]
+[unreleased]: https://github.com/saasquatch/program-tools/compare/[email protected]
+[2.1.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%402.1.0
 [2.0.10]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%402.0.10
 [2.0.9]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%402.0.9
 [2.0.8]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%402.0.8

packages/mint-components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.0.10",
+  "version": "2.1.0",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -107,4 +107,4 @@
   },
   "homepage": "https://github.com/saasquatch/program-tools",
   "license": "MIT"
-}
+}

packages/mint-components/src/components.d.ts

@@ -4487,6 +4487,7 @@ export namespace Components {
         "payoutApproved": string;
         "payoutCancelled": string;
         "payoutFailed": string;
+        "payoutProcessing": string;
         "pendingNewTaxForm": string;
         "pendingPartnerCreation": string;
         "pendingReviewText": string;
@@ -4529,6 +4530,11 @@ export namespace Components {
           * @uiName Payout failed text
          */
         "payoutFailed": string;
+        /**
+          * Displayed when a reward payout is processing.
+          * @uiName Payout processing text
+         */
+        "payoutProcessing": string;
         /**
           * Displayed when pending due to requiring a new tax document
           * @uiName Pending new tax form text
@@ -12339,6 +12345,7 @@ declare namespace LocalJSX {
         "payoutApproved"?: string;
         "payoutCancelled"?: string;
         "payoutFailed"?: string;
+        "payoutProcessing"?: string;
         "pendingNewTaxForm"?: string;
         "pendingPartnerCreation"?: string;
         "pendingReviewText"?: string;
@@ -12381,6 +12388,11 @@ declare namespace LocalJSX {
           * @uiName Payout failed text
          */
         "payoutFailed"?: string;
+        /**
+          * Displayed when a reward payout is processing.
+          * @uiName Payout processing text
+         */
+        "payoutProcessing"?: string;
         /**
           * Displayed when pending due to requiring a new tax document
           * @uiName Pending new tax form text

packages/mint-components/src/components/sqm-referral-table/TaxAndCashReferralTable.stories.tsx

@@ -0,0 +1,118 @@
+import { h } from "@stencil/core";
+import { GenericTableView } from "../../tables/GenericTableView";
+import {
+  Converted as ConvertedStatus,
+  DateCell,
+} from "./ReferralTableCell.stories";
+import {
+  PayoutApproved,
+  PayoutProcessing,
+  PayoutFailed,
+  PayoutCancelled,
+  PendingTaxReview,
+  PendingNewTaxForm,
+  PendingTaxSubmission,
+  PendingPartnerCreation,
+  PendingW9,
+  CashReward,
+} from "./TaxAndCashReferralTableRewardsCell.stories";
+
+export default {
+  title: "Components/Tax And Cash Referral Table",
+};
+
+const taxAndCashTableProps = {
+  states: {
+    hasPrev: false,
+    hasNext: true,
+    show: "rows" as const,
+    namespace: "sqm-referral-table",
+  },
+  data: {
+    textOverrides: {
+      showLabels: true,
+      prevLabel: "Prev",
+      moreLabel: "View More",
+    },
+    hiddenColumns: "",
+    mdBreakpoint: 799,
+    smBreakpoint: 599,
+  },
+  callbacks: {
+    prevPage: () => console.log("Prev"),
+    nextPage: () => console.log("Next"),
+  },
+
+  elements: {
+    columns: ["Customer", "Status", "Date converted", "Rewards"],
+    rows: [
+      [
+        <sqm-referral-table-user-cell name="Payout Approved User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutApproved />,
+      ],
+
+      [
+        <sqm-referral-table-user-cell name="Payout Failed User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutFailed />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Payout Cancelled User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutCancelled />,
+      ],
+
+      [
+        <sqm-referral-table-user-cell name="Tax Review User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingTaxReview />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Payout Processing User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutProcessing />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="New Tax Form User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingNewTaxForm />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Tax Submission User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingTaxSubmission />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Partner Creation User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingPartnerCreation />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Missing W9 User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingW9 />,
+      ],
+
+      [
+        <sqm-referral-table-user-cell name="Standard Cash User"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <CashReward />,
+      ],
+    ],
+  },
+};
+
+export const TaxAndCashReferralTable = () => {
+  return <GenericTableView {...taxAndCashTableProps}></GenericTableView>;
+};