@saasquatch/mint-components 2.2.0-0 → 2.2.0-10

package/dist/collection/components/sqm-referral-table/TaxAndCashReferralTableRewardsCell.stories.js

@@ -1,200 +1,252 @@
 import { h } from "@stencil/core";
-import { DateTime } from "luxon";
 export default {
   title: "Components/Tax And Cash Referral Table Rewards Cell",
 };
-function getDays() {
-  return DateTime.now().toMillis() + 600000000;
-}
-function getMonths() {
-  return DateTime.now().toMillis() + 10000000000;
-}
+// Reusable timestamps (current date is May 2026)
+const PAST = 1640995200000; // Jan 1, 2022
+const FUTURE = 2779257600000; // ~2058
 const cashReward = {
   id: "1234",
   type: "CREDIT",
   value: 50,
   unit: "USD",
   name: "test",
-  dateScheduledFor: getDays(),
-  dateExpires: getMonths(),
-  dateCancelled: 134400,
-  dateRedeemed: 0,
+  dateScheduledFor: null,
+  dateExpires: null,
+  dateCancelled: null,
+  dateRedeemed: null,
   fuelTankCode: null,
   fuelTankType: null,
   currency: "USD",
   prettyValue: "$50.00",
-  statuses: ["AVAILABLE"],
+  statuses: [],
   globalRewardKey: "Key",
   rewardRedemptionTransactions: null,
   partnerFundsTransfer: null,
+  rewardedCash: true,
 };
-const taxConnection = {
+// ============================================================
+// Reusable tax connections
+// ============================================================
+const fullySetupTaxConnection = {
   connected: true,
   taxHandlingEnabled: true,
   publisher: {
     requiredTaxDocumentType: "W9",
+    currentTaxDocument: {
+      status: "ACTIVE",
+      type: "W9",
+      dateCreated: PAST,
+    },
     withdrawalSettings: { paymentMethod: "BANK_TRANSFER" },
     payoutsAccount: null,
+  },
+};
+const connectedNoWithdrawalSettings = {
+  connected: true,
+  taxHandlingEnabled: true,
+  publisher: {
+    requiredTaxDocumentType: "W9",
     currentTaxDocument: {
       status: "ACTIVE",
       type: "W9",
-      dateCreated: 1627427794891,
+      dateCreated: PAST,
     },
+    withdrawalSettings: null,
+    payoutsAccount: null,
   },
 };
-const defaultPFT = {
-  id: "ID1234",
-  status: null,
-  dateCreated: null,
-  dateScheduled: null,
-  dateTransferred: null,
-};
-const defaultTaxDocument = {
-  status: "NOT_VERIFIED",
-  type: "W9",
-  dateCreated: DateTime.now().toMillis() - 1000000,
+const notConnectedTaxConnection = {
+  connected: false,
+  taxHandlingEnabled: true,
+  publisher: null,
 };
 const defaultProps = {
   statusText: "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",
-  statusLongText: "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }",
+  statusLongText: "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }",
   rewardReceivedText: "Reward received on",
   hideDetails: false,
 };
-export const CashReward = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [{ ...cashReward }], taxConnection: taxConnection }, defaultProps)));
-};
-export const PayoutApproved = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          status: "TRANSFERRED",
-          dateScheduled: Date.now() - 600000000,
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps)));
-};
-export const PayoutProcessing = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          dateCreated: 1355612521321,
-          dateScheduled: getDays(),
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps)));
-};
-export const PayoutFailed = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          status: "OVERDUE",
-          dateScheduled: Date.now() - 100000,
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps)));
-};
-export const PayoutCancelled = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        partnerFundsTransfer: {
-          ...defaultPFT,
-          status: "REVERSED",
-          dateScheduled: Date.now() - 100000,
-        },
-      },
-    ], taxConnection: taxConnection }, defaultProps)));
-};
-export const PendingTaxReview = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
-      },
-    ], taxConnection: {
-      ...taxConnection,
-      publisher: {
-        ...taxConnection.publisher,
-        currentTaxDocument: {
-          ...defaultTaxDocument,
-          status: "NOT_VERIFIED",
-        },
-      },
-    } }, defaultProps)));
-};
-export const PendingNewTaxForm = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
+// ============================================================
+// STATE PRECEDENCE LADDER — one story per rule
+// (See referral-table-rewards-column-new.feature § 2)
+// ============================================================
+// 1. Fraud check denied the referral → state is DENIED
+export const RewardsCellFraudDenied = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      referral: { fraudData: { moderationStatus: "DENIED" } },
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// 2. Fraud check is still pending review → state is PENDING_REVIEW
+export const RewardsCellFraudPendingReview = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      referral: { fraudData: { moderationStatus: "PENDING" } },
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// 3a. Cash reward but the user has not connected an Impact partner → shows the partner-setup prompt
+export const RewardsCellPartnerNotCreatedSetupNotStarted = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [{ ...cashReward, statuses: ["AVAILABLE"] }], taxConnection: notConnectedTaxConnection }, defaultProps)));
+// 3b. Cash reward, partner is connected but withdrawal settings are missing → shows the partner-setup prompt
+export const RewardsCellPartnerCreatedSetupStartedButIncomplete = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-not-yet-due",
+        status: "NOT_YET_DUE",
+        dateCreated: PAST,
+        dateScheduled: FUTURE,
+        dateTransferred: null,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      publisher: {
-        ...taxConnection.publisher,
-        currentTaxDocument: {
-          ...defaultTaxDocument,
-          status: "INACTIVE",
-        },
+    },
+  ], taxConnection: connectedNoWithdrawalSettings }, defaultProps)));
+// 4. Partner funds transfer was reversed → state is PAYOUT_CANCELLED
+export const RewardsCellPayoutCancelled = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-reversed",
+        status: "REVERSED",
+        dateCreated: PAST,
+        dateScheduled: PAST,
+        dateTransferred: null,
       },
-    } }, defaultProps)));
-};
-export const PendingTaxSubmission = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// 5. Partner funds transfer is overdue → state is PAYOUT_FAILED
+export const RewardsCellPayoutFailed = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-overdue",
+        status: "OVERDUE",
+        dateCreated: PAST,
+        dateScheduled: PAST,
+        dateTransferred: null,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      publisher: {
-        ...taxConnection.publisher,
-        currentTaxDocument: null,
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// 6. Partner funds transfer is scheduled for a future date → state is PROCESSING
+export const RewardsCellPayoutProcessing = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-processing",
+        status: null,
+        dateCreated: PAST,
+        dateScheduled: FUTURE,
+        dateTransferred: null,
       },
-    } }, defaultProps)));
-};
-export const PartnerNotCreatedSetupNotStarted = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// 7. Partner funds transfer has been transferred → state is PAYOUT_APPROVED
+export const RewardsCellPayoutApproved = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "pft-transferred",
+        status: "TRANSFERRED",
+        dateCreated: PAST,
+        dateScheduled: PAST,
+        dateTransferred: PAST,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      connected: false,
-    } }, defaultProps)));
-};
-export const PartnerCreatedSetupStartedButIncomplete = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+    },
+  ], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// 8. Reward is pending US_TAX but tax handling is disabled → state is PENDING (W-9 required)
+export const RewardsCellPendingW9Required = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: { ...fullySetupTaxConnection, taxHandlingEnabled: false } }, defaultProps)));
+// 9. Reward is pending US_TAX and the partner is not connected → shows the partner-setup prompt
+export const RewardsCellUsTaxPartnerNotConnected = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: notConnectedTaxConnection }, defaultProps)));
+// 10. Partner is connected but has not submitted any tax documents → shows the submit-tax-docs prompt
+export const RewardsCellPendingTaxSubmission = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: {
+    ...fullySetupTaxConnection,
+    publisher: {
+      ...fullySetupTaxConnection.publisher,
+      currentTaxDocument: null,
+    },
+  } }, defaultProps)));
+// 11. Partner's tax document is inactive (rejected) → shows the submit-a-new-form prompt
+export const RewardsCellPendingNewTaxForm = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: {
+    ...fullySetupTaxConnection,
+    publisher: {
+      ...fullySetupTaxConnection.publisher,
+      currentTaxDocument: {
+        status: "INACTIVE",
+        type: "W9",
+        dateCreated: PAST,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      connected: false,
-    } }, defaultProps)));
-};
-export const PendingW9 = () => {
-  return (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
-      {
-        ...cashReward,
-        statuses: ["PENDING"],
-        pendingReasons: ["US_TAX"],
+    },
+  } }, defaultProps)));
+// 12. Partner's tax document is awaiting verification → shows the awaiting-review prompt
+export const RewardsCellPendingTaxReview = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: {
+    ...fullySetupTaxConnection,
+    publisher: {
+      ...fullySetupTaxConnection.publisher,
+      currentTaxDocument: {
+        status: "NOT_VERIFIED",
+        type: "W9",
+        dateCreated: PAST,
       },
-    ], taxConnection: {
-      ...taxConnection,
-      taxHandlingEnabled: false,
-    } }, defaultProps)));
-};
+    },
+  } }, defaultProps)));
+// 13. Partner has an active tax form but has not configured withdrawal settings → shows the partner-setup prompt
+export const RewardsCellExistingTaxFormNoWithdrawalSettings = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    },
+  ], taxConnection: connectedNoWithdrawalSettings }, defaultProps)));
+// 14. Reward has MISSING_PAYOUT_CONFIGURATION pending reason → shows the partner-setup prompt
+export const RewardsCellMissingPayoutConfiguration = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [
+    {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
+    },
+  ], taxConnection: connectedNoWithdrawalSettings }, defaultProps)));
+// 18. Reward does not match any precedence rule → state is undefined (Not available)
+export const RewardsCellNoMatchingRule = () => (h("sqm-referral-table-rewards-cell", Object.assign({ rewards: [{ ...cashReward, statuses: [] }], taxConnection: fullySetupTaxConnection }, defaultProps)));
+// ============================================================
+// Aliases kept for backwards compatibility with existing references
+// ============================================================
+export const CashReward = RewardsCellPayoutApproved;
+export const PayoutApproved = RewardsCellPayoutApproved;
+export const PayoutProcessing = RewardsCellPayoutProcessing;
+export const PayoutFailed = RewardsCellPayoutFailed;
+export const PayoutCancelled = RewardsCellPayoutCancelled;
+export const PendingTaxReview = RewardsCellPendingTaxReview;
+export const PendingNewTaxForm = RewardsCellPendingNewTaxForm;
+export const PendingTaxSubmission = RewardsCellPendingTaxSubmission;
+export const PartnerNotCreatedSetupNotStarted = RewardsCellPartnerNotCreatedSetupNotStarted;
+export const PartnerCreatedSetupStartedButIncomplete = RewardsCellPartnerCreatedSetupStartedButIncomplete;
+export const PendingW9 = RewardsCellPendingW9Required;

package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js

@@ -7,7 +7,7 @@ import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
 export class ReferralTableRewardsCell {
   constructor() {
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
-    this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
+    this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
     this.pendingForText = "{status} for {date}";
     this.locale = "en";
   }
@@ -114,7 +114,7 @@ export class ReferralTableRewardsCell {
       }
     };
     const getState = (reward, taxConnection) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
       const possibleStates = [
         "REDEEMED",
         "CANCELLED",
@@ -138,12 +138,21 @@ export class ReferralTableRewardsCell {
         if (((_f = (_e = reward.referral) === null || _e === void 0 ? void 0 : _e.fraudData) === null || _f === void 0 ? void 0 : _f.moderationStatus) === "DENIED")
           return "DENIED";
       }
-      const partnerFundsStatus = (_g = reward.partnerFundsTransfer) === null || _g === void 0 ? void 0 : _g.status;
+      const isCashReward = reward.rewardedCash;
+      if (isCashReward) {
+        if (!((_g = this.taxConnection) === null || _g === void 0 ? void 0 : _g.connected) ||
+          (((_h = this.taxConnection) === null || _h === void 0 ? void 0 : _h.connected) &&
+            !((_k = (_j = this.taxConnection) === null || _j === void 0 ? void 0 : _j.publisher) === null || _k === void 0 ? void 0 : _k.withdrawalSettings)))
+          return "PENDING_PARTNER_CREATION";
+      }
+      const partnerFundsStatus = (_l = reward.partnerFundsTransfer) === null || _l === void 0 ? void 0 : _l.status;
       if (reward.partnerFundsTransfer) {
         if (partnerFundsStatus === "REVERSED")
           return "PAYOUT_CANCELLED";
         if (partnerFundsStatus === "OVERDUE")
           return "PAYOUT_FAILED";
+      }
+      if (reward.partnerFundsTransfer) {
         if (reward.partnerFundsTransfer.dateScheduled &&
           reward.partnerFundsTransfer.dateScheduled > Date.now()) {
           return "PROCESSING";
@@ -156,13 +165,13 @@ export class ReferralTableRewardsCell {
             partnerFundsStatus !== "REVERSED"))
           return "PAYOUT_APPROVED";
       }
-      if ((_h = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _h === void 0 ? void 0 : _h.includes("US_TAX")) {
+      if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("US_TAX")) {
         if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.taxHandlingEnabled))
           return "PENDING";
         if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected))
           return "PENDING_PARTNER_CREATION";
-        if ((_j = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _j === void 0 ? void 0 : _j.requiredTaxDocumentType) {
-          if (!((_k = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _k === void 0 ? void 0 : _k.currentTaxDocument))
+        if ((_o = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _o === void 0 ? void 0 : _o.requiredTaxDocumentType) {
+          if (!((_p = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _p === void 0 ? void 0 : _p.currentTaxDocument))
             return "PENDING_TAX_SUBMISSION";
           const status = taxConnection.publisher.currentTaxDocument.status;
           if (status === "INACTIVE" ||
@@ -172,10 +181,19 @@ export class ReferralTableRewardsCell {
           if (status === "NOT_VERIFIED")
             return "PENDING_TAX_REVIEW";
         }
-        if (!((_l = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _l === void 0 ? void 0 : _l.withdrawalSettings))
+        if (!((_q = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _q === void 0 ? void 0 : _q.withdrawalSettings))
           return "PENDING_PARTNER_CREATION";
       }
-      if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("MISSING_PAYOUT_CONFIGURATION")) {
+      // Fallback: when rewardStatus() forced PENDING because the user is
+      // connected but hasn't set up withdrawal settings (no pendingReasons
+      // were returned by the API, e.g. for credit rewards with a PFT).
+      if (reward.rewardedCash) {
+        if (!(taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected) ||
+          ((taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.connected) &&
+            !((_r = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _r === void 0 ? void 0 : _r.withdrawalSettings)))
+          return "PENDING_PARTNER_CREATION";
+      }
+      if ((_s = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _s === void 0 ? void 0 : _s.includes("MISSING_PAYOUT_CONFIGURATION")) {
         return "PENDING_PARTNER_CREATION";
       }
       if (reward.statuses.length === 1)
@@ -251,10 +269,12 @@ export class ReferralTableRewardsCell {
               h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
                 .setLocale(luxonLocale(this.locale))
                 .toLocaleString(DateTime.DATE_MED))))),
-          state === "PAYOUT_APPROVED" && (h("div", null,
+          state === "" && (h("div", null,
             h(TextSpanView, { type: "p" }, statusText))),
           state === "PROCESSING" && (h("div", null,
             h(TextSpanView, { type: "p" }, statusText))),
+          state === "PAYOUT_APPROVED" && (h("div", null,
+            h(TextSpanView, { type: "p" }, statusText))),
           state === "PAYOUT_FAILED" && (h("div", null,
             h(TextSpanView, { type: "p" }, statusText))),
           state === "PAYOUT_CANCELLED" && (h("div", null,
@@ -412,7 +432,7 @@ export class ReferralTableRewardsCell {
       },
       "attribute": "status-long-text",
       "reflect": false,
-      "defaultValue": "\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }\""
+      "defaultValue": "\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }\""
     },
     "fuelTankText": {
       "type": "string",

package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js

@@ -132,6 +132,7 @@ const cashReward = {
   },
   exchangedRewardRedemptionTransaction: null,
   pendingReasons: [],
+  rewardedCash: true,
 };
 const taxConnection = {
   connected: true,