@saasquatch/mint-components 2.0.10 → 2.0.11-2

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -11,7 +11,7 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-b
 import { u as useChildElements } from './useChildElements-daf489b1.js';
 import { l as luxon } from './luxon-bbf75a9d.js';
 import { m as mockRewardData } from './mockRewardData-96a2d26d.js';
-import { g as generateUserError } from './useReferralTable-8e0acee0.js';
+import { g as generateUserError } from './useReferralTable-8128f0b2.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
@@ -76,6 +76,9 @@ const GET_REWARDS = dist.gql `
             partnerFundsTransfer {
               id
               status
+              dateScheduled
+              dateCreated
+              dateTransferred
             }
             statuses
             pendingReasons
@@ -852,8 +855,9 @@ const RewardTableStatusCell = class {
     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;
@@ -866,13 +870,24 @@ const RewardTableStatusCell = class {
     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) {
+      console.log({
+        isProcessing: reward.partnerFundsTransfer.dateScheduled > Date.now(),
+      });
+      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)
@@ -929,12 +944,14 @@ const RewardTableStatusCell = class {
         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;
@@ -952,6 +969,13 @@ const RewardTableStatusCell = class {
         return this.pendingTaxSubmission;
       case "PENDING_PARTNER_CREATION":
         return this.pendingPartnerCreation;
+      case "PROCESSING":
+        return intl.formatMessage({
+          id: "payoutProcessingText",
+          defaultMessage: this.payoutProcessing,
+        }, {
+          date: (_a = luxon.DateTime.fromMillis(this.reward.partnerFundsTransfer.dateScheduled)) === null || _a === void 0 ? void 0 : _a.setLocale(luxonLocale(this.locale)).toLocaleString(luxon.DateTime.DATE_MED),
+        });
     }
   }
   render() {
@@ -988,6 +1012,7 @@ const RewardTableStatusCell = class {
           return sheet$1.classes.RedeemBadge;
         case "PENDING":
         case "PENDING_REVIEW":
+        case "PROCESSING":
           return sheet$1.classes.WarningBadge;
         default:
           return sheet$1.classes.DangerBadge;
@@ -1030,7 +1055,7 @@ const RewardTableStatusColumn = class {
      * @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.
      *