@saasquatch/mint-components 2.0.10 → 2.0.11-1

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

@@ -0,0 +1,113 @@
+import { h } from "@stencil/core";
+import { GenericTableView } from "../../tables/GenericTableView";
+import { SourceCellReferral, DateCell } from "./RewardsTableCell.stories";
+import { StatusCellPayoutSent, StatusCellPayoutFailed, StatusCellPendingNewTaxForm, StatusCellPendingPartnerCreation, StatusCellPendingTaxReview, StatusCellPendingTaxSubmission, StatusCellPayoutProcessing, CashReward, StatusCellPendingW9, StatusCellPayoutCancelled, } from "./TaxAndCashRewardsTableCell.stories";
+export default {
+  title: "Components/Tax And Cash Rewards Table",
+};
+const rewardsTableProps = (rows, empty = false, loading = false, prev = "Prev", next = "Next", hidden = "") => ({
+  states: {
+    hasPrev: false,
+    hasNext: true,
+    show: empty
+      ? "empty"
+      : loading
+        ? "loading"
+        : "rows",
+    namespace: "sqm-rewards-table",
+  },
+  data: {
+    textOverrides: {
+      showLabels: true,
+      prevLabel: prev,
+      moreLabel: next,
+    },
+    hiddenColumns: hidden,
+    mdBreakpoint: 799,
+    smBreakpoint: 599,
+  },
+  callbacks: {
+    prevPage: () => console.log("Prev"),
+    nextPage: () => console.log("Next"),
+  },
+  elements: {
+    columns: ["Rewards", "Status", "Source", "Date received"],
+    rows: rows,
+  },
+});
+/* -------------------------------------------------------------------------- */
+/* PENDING ROWS                                */
+/* -------------------------------------------------------------------------- */
+const r_pending_new_tax_form = [
+  h(CashReward, null),
+  h(StatusCellPendingNewTaxForm, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+const r_pending_tax_submission = [
+  h(CashReward, null),
+  h(StatusCellPendingTaxSubmission, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+const r_pending_tax_review = [
+  h(CashReward, null),
+  h(StatusCellPendingTaxReview, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+const r_pending_partner_creation = [
+  h(CashReward, null),
+  h(StatusCellPendingPartnerCreation, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+const r_pending_w9 = [
+  h(CashReward, null),
+  h(StatusCellPendingW9, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+/* -------------------------------------------------------------------------- */
+/* SUCCESS / PROCESSING ROWS                                                  */
+/* -------------------------------------------------------------------------- */
+const r_payout_sent = [
+  h(CashReward, null),
+  h(StatusCellPayoutSent, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+const r_payout_processing = [
+  h(CashReward, null),
+  h(StatusCellPayoutProcessing, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+/* -------------------------------------------------------------------------- */
+/* ERROR / CANCELLED ROWS                                                     */
+/* -------------------------------------------------------------------------- */
+const r_payout_failed = [
+  h(CashReward, null),
+  h(StatusCellPayoutFailed, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+const r_payout_cancelled = [
+  h(CashReward, null),
+  h(StatusCellPayoutCancelled, null),
+  h(SourceCellReferral, null),
+  h(DateCell, null),
+];
+export const RewardsTable = () => {
+  return (h(GenericTableView, Object.assign({}, rewardsTableProps([
+    r_pending_new_tax_form,
+    r_pending_tax_submission,
+    r_pending_tax_review,
+    r_pending_partner_creation,
+    r_pending_w9,
+    r_payout_processing,
+    r_payout_sent,
+    r_payout_failed,
+    r_payout_cancelled,
+  ]))));
+};

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

@@ -0,0 +1,213 @@
+import { h } from "@stencil/core";
+export default {
+  title: "Components/Tax And Cash Rewards Table Cell",
+};
+const cashReward = {
+  id: "68c34fd98a6cb4f5f8394084",
+  type: "CREDIT",
+  value: 59900,
+  prettyValue: "$599.00",
+  availableValue: 0,
+  prettyAvailableValue: "$0.00",
+  prettyAssignedCredit: "$599.00",
+  prettyRedeemedCredit: "$599.00",
+  prettyValueNumber: "599",
+  prettyAvailableNumber: "0",
+  prettyRedeemedNumber: "599",
+  unit: "CASH/USD",
+  baseUnit: "CASH",
+  rewardUnit: {
+    key: "CASH/USD",
+    name: "Cash",
+  },
+  name: null,
+  dateCreated: 1757630425085,
+  dateScheduledFor: 1757631025115,
+  dateGiven: 1757630737115,
+  dateExpires: null,
+  dateCancelled: null,
+  dateRedeemed: 1757630737115,
+  dateModified: 1757630737115,
+  rewardSource: "MANUAL",
+  fuelTankCode: null,
+  fuelTankType: null,
+  fuelTankSyncSetting: null,
+  currency: "USD",
+  meta: null,
+  programId: "40444",
+  programRewardKey: null,
+  globalRewardKey: "cash",
+  program: {
+    id: "40444",
+    name: "Make Money Program",
+    template: {
+      id: "2qdmAx1fi31deo3P9O36sQ",
+      name: "Referral Program With Objectives",
+    },
+  },
+  partnerFundsTransfer: null,
+  user: {
+    id: "8da2c67e05e3e56de7ea638c2705017945211621c80e1cd4b4aac0e423d1cdb2",
+    accountId: "8da2c67e05e3e56de7ea638c2705017945211621c80e1cd4b4aac0e423d1cdb2",
+    firstName: "Billy",
+    lastName: "Jean",
+    email: "billy.jean@impact.com",
+    impactConnection: {
+      connected: true,
+      taxHandlingEnabled: true,
+      publisher: null,
+    },
+  },
+  referral: null,
+  description: null,
+  statuses: ["REDEEMED"],
+  rewardRedemptionTransactions: {
+    data: null,
+  },
+  exchangedRewardRedemptionTransaction: null,
+  pendingReasons: [],
+};
+const pending = {
+  statuses: ["PENDING"],
+};
+const payoutSent = {
+  statuses: ["PAYOUT_APPROVED"],
+};
+const payoutFailed = {
+  statuses: ["PAYOUT_FAILED"],
+};
+const payoutCancelled = {
+  statuses: ["PAYOUT_CANCELLED"],
+  dateCancelled: 1355612521321,
+};
+const processingPFT = {
+  partnerFundsTransfer: {
+    id: "123",
+    status: null,
+    dateCreated: 1355612521321,
+    dateScheduled: 2779257600000,
+    dateTransferred: null,
+  },
+};
+const taxConnection = {
+  connected: true,
+  taxHandlingEnabled: true,
+  publisher: {
+    requiredTaxDocumentType: "W8BEN",
+    currentTaxDocument: {
+      status: "NOT_VERIFIED",
+      type: "W8BEN",
+      dateCreated: 321321487,
+    },
+    withdrawalSettings: {
+      paymentMethod: "BANK_TRANSFER",
+    },
+    payoutsAccount: null,
+  },
+};
+export const CashReward = () => {
+  return (h("sqm-rewards-table-reward-cell", { reward: { ...cashReward }, availableText: "{availableAmount} remaining" }));
+};
+export const StatusCellPendingTaxReview = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: { ...cashReward, ...pending, pendingReasons: ["US_TAX"] }, taxConnection: {
+      ...taxConnection,
+      publisher: {
+        requiredTaxDocumentType: "W8BEN",
+        currentTaxDocument: {
+          status: "",
+        },
+        ...taxConnection.publisher,
+      },
+    } }));
+};
+export const StatusCellPendingNewTaxForm = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+      ...cashReward,
+      statuses: ["PENDING"],
+      pendingReasons: ["US_TAX"],
+    }, taxConnection: {
+      connected: true,
+      taxHandlingEnabled: true,
+      publisher: {
+        requiredTaxDocumentType: "W8BEN",
+        withdrawalSettings: {
+          paymentMethod: "BANK_TRANSFER",
+        },
+        payoutsAccount: null,
+        currentTaxDocument: {
+          status: "INACTIVE",
+          type: "W8BEN",
+          dateCreated: 321321487,
+        },
+      },
+    } }));
+};
+export const StatusCellPendingTaxSubmission = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: { ...cashReward, ...pending, pendingReasons: ["US_TAX"] }, taxConnection: {
+      ...taxConnection,
+      publisher: {
+        ...taxConnection.publisher,
+        requiredTaxDocumentType: "W8BEN",
+        currentTaxDocument: null,
+      },
+    } }));
+};
+export const StatusCellPendingPartnerCreation = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+      ...cashReward,
+      ...pending,
+      pendingReasons: ["US_TAX"],
+    }, taxConnection: {
+      ...taxConnection,
+      connected: false,
+    } }));
+};
+export const StatusCellPendingW9 = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
+      ...cashReward,
+      ...pending,
+      pendingReasons: ["US_TAX"],
+    }, taxConnection: {
+      ...taxConnection,
+      taxHandlingEnabled: false,
+    } }));
+};
+export const StatusCellPayoutSent = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Sent", reward: {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "transfer-123",
+        status: "TRANSFERRED",
+        dateScheduled: 1640995200000,
+        dateTransferred: 1640995200000,
+        dateCreated: 1640995200000,
+      },
+    }, taxConnection: taxConnection }));
+};
+export const StatusCellPayoutFailed = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Failed", reward: {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "transfer-failed",
+        status: "OVERDUE",
+        dateScheduled: 1640995200000,
+        dateTransferred: null,
+        dateCreated: 1640995200000,
+      },
+    } }));
+};
+export const StatusCellPayoutProcessing = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Payment Processing", reward: { ...cashReward, ...processingPFT } }));
+};
+export const StatusCellPayoutCancelled = () => {
+  return (h("sqm-rewards-table-status-cell", { statusText: "Payout Cancelled", reward: {
+      ...cashReward,
+      partnerFundsTransfer: {
+        id: "transfer-reversed",
+        status: "REVERSED",
+        dateScheduled: 1640995200000,
+        dateTransferred: null,
+        dateCreated: 1640995200000,
+      },
+    } }));
+};

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

@@ -74,8 +74,9 @@ export class RewardTableStatusCell {
     this.pendingReviewText = "Awaiting review";
     this.deniedText = "Detected self-referral";
     this.payoutFailed = "Payout failed due to a fulfillment issue and is current being retried.";
-    this.payoutApproved = "Reward was scheduled for payment based on your settings, barring any account holds.";
+    this.payoutApproved = "Payout approved and scheduled for payment based on your settings.";
     this.payoutCancelled = "If you think this is a mistake, contact our Support team.";
+    this.payoutProcessing = "Processing until {date}. Payout is then scheduled based on your settings.";
   }
   rewardStatus(reward) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -88,13 +89,21 @@ export class RewardTableStatusCell {
     if (fraudStatus === "PENDING")
       return "PENDING_REVIEW";
     const partnerTransferStatus = (_e = reward.partnerFundsTransfer) === null || _e === void 0 ? void 0 : _e.status;
-    if (partnerTransferStatus === "TRANSFERRED" ||
-      partnerTransferStatus === "NOT_YET_DUE")
-      return "PAYOUT_APPROVED";
-    if (partnerTransferStatus === "OVERDUE")
-      return "PAYOUT_FAILED";
-    if (partnerTransferStatus === "REVERSED")
-      return "PAYOUT_CANCELLED";
+    if (reward.partnerFundsTransfer) {
+      if (partnerTransferStatus === "REVERSED")
+        return "PAYOUT_CANCELLED";
+      if (partnerTransferStatus === "OVERDUE")
+        return "PAYOUT_FAILED";
+      if (reward.partnerFundsTransfer.dateScheduled > Date.now()) {
+        return "PROCESSING";
+      }
+      if (partnerTransferStatus === "TRANSFERRED" ||
+        partnerTransferStatus === "NOT_YET_DUE" ||
+        (reward.partnerFundsTransfer.dateScheduled < Date.now() &&
+          partnerTransferStatus !== "OVERDUE" &&
+          partnerTransferStatus !== "REVERSED"))
+        return "PAYOUT_APPROVED";
+    }
     if (reward.dateCancelled)
       return "CANCELLED";
     if (hasExpired)
@@ -151,12 +160,14 @@ export class RewardTableStatusCell {
         return "primary";
       case "PENDING":
       case "PENDING_REVIEW":
+      case "PROCESSING":
         return "warning";
       default:
         return "danger";
     }
   }
   getPayoutStatusText(taxStatus) {
+    var _a;
     switch (taxStatus) {
       case "US_TAX":
         return this.pendingUsTax;
@@ -174,6 +185,13 @@ export class RewardTableStatusCell {
         return this.pendingTaxSubmission;
       case "PENDING_PARTNER_CREATION":
         return this.pendingPartnerCreation;
+      case "PROCESSING":
+        return intl.formatMessage({
+          id: "payoutProcessingText",
+          defaultMessage: this.payoutProcessing,
+        }, {
+          date: (_a = DateTime.fromMillis(this.reward.partnerFundsTransfer.dateScheduled)) === null || _a === void 0 ? void 0 : _a.setLocale(luxonLocale(this.locale)).toLocaleString(DateTime.DATE_MED),
+        });
     }
   }
   render() {
@@ -210,6 +228,7 @@ export class RewardTableStatusCell {
           return sheet.classes.RedeemBadge;
         case "PENDING":
         case "PENDING_REVIEW":
+        case "PROCESSING":
           return sheet.classes.WarningBadge;
         default:
           return sheet.classes.DangerBadge;
@@ -534,7 +553,7 @@ export class RewardTableStatusCell {
       },
       "attribute": "payout-approved",
       "reflect": false,
-      "defaultValue": "\"Reward was scheduled for payment based on your settings, barring any account holds.\""
+      "defaultValue": "\"Payout approved and scheduled for payment based on your settings.\""
     },
     "payoutCancelled": {
       "type": "string",
@@ -553,6 +572,24 @@ export class RewardTableStatusCell {
       "attribute": "payout-cancelled",
       "reflect": false,
       "defaultValue": "\"If you think this is a mistake, contact our Support team.\""
+    },
+    "payoutProcessing": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "payout-processing",
+      "reflect": false,
+      "defaultValue": "\"Processing until {date}. Payout is then scheduled based on your settings.\""
     }
   }; }
 }

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.js

@@ -17,7 +17,7 @@ export class RewardTableStatusColumn {
      * @uiName Reward status text
      * @uiWidget textArea
      */
-    this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }";
+    this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Processing} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }";
     /**
      * Text shown before the date of an expiring reward.
      *
@@ -163,7 +163,7 @@ export class RewardTableStatusColumn {
       },
       "attribute": "status-text",
       "reflect": false,
-      "defaultValue": "\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }\""
+      "defaultValue": "\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Processing} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }\""
     },
     "expiryText": {
       "type": "string",

package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js

@@ -66,13 +66,17 @@ import * as ReferralCode from "../sqm-referral-code/ReferralCode.stories";
 import * as ReferralCodes from "../sqm-referral-codes/ReferralCodes.stories";
 import * as ReferralIframe from "../sqm-referral-iframe/ReferralIframe.stories";
 import * as ReferralTable from "../sqm-referral-table/ReferralTable.stories";
+import * as TaxAndCashReferralTable from "../sqm-referral-table/TaxAndCashReferralTable.stories";
+import * as TaxAndCashReferralTableRewardsCell from "../sqm-referral-table/TaxAndCashReferralTableRewardsCell.stories";
 import * as ReferralTableCell from "../sqm-referral-table/ReferralTableCell.stories";
 import * as ReferralTableRewardsCell from "../sqm-referral-table/ReferralTableRewardsCell.stories";
 import * as UseReferralTable from "../sqm-referral-table/UseReferralTable.stories";
 import * as RewardExchangeList from "../sqm-reward-exchange-list/RewardExchangeList.stories";
 import * as UseRewardExchangeList from "../sqm-reward-exchange-list/UseRewardExchangeList.stories";
-import * as RewardsTable from "../sqm-rewards-table/RewardsTable.stories";
+import * as RewardsTable from "../sqm-rewards-table/TaxAndCashRewardsTable.stories";
+import * as TaxAndCashRewardsTable from "../sqm-rewards-table/RewardsTable.stories";
 import * as RewardsTableCell from "../sqm-rewards-table/RewardsTableCell.stories";
+import * as TaxAndCashRewardsTableCell from "../sqm-rewards-table/TaxAndCashRewardsTableCell.stories";
 import * as UseRewardsTable from "../sqm-rewards-table/UseRewardsTable.stories";
 import * as Router from "../sqm-router/Router.stories";
 import * as Scroll from "../sqm-scroll/Scroll.stories";
@@ -208,6 +212,10 @@ const stories = [
   LeadInputField,
   LeadFormDropdownField,
   LeadCheckboxField,
+  TaxAndCashRewardsTableCell,
+  TaxAndCashRewardsTable,
+  TaxAndCashReferralTableRewardsCell,
+  TaxAndCashReferralTable,
 ];
 /**
  * For internal documentation