@saasquatch/mint-components 1.6.5-13 → 1.6.5-15

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -14,7 +14,7 @@ const GenericTableView = require('./GenericTableView-9271483b.js');
 const reRender = require('./re-render-172958b1.js');
 const useChildElements = require('./useChildElements-6993ec39.js');
 const luxon = require('./luxon-479fc825.js');
-const useReferralTable = require('./useReferralTable-b07be5ec.js');
+const useReferralTable = require('./useReferralTable-95ceaa3d.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
 
@@ -115,6 +115,9 @@ const getMockData = () => {
           statuses: statuses[Math.floor(Math.random() * statuses.length)],
           globalRewardKey: null,
           programRewardKey: "partnerReward",
+          meta: {
+            ...useReferralTable.getPaypalMeta(),
+          },
           rewardRedemptionTransactions: {
             data: [
               {

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

@@ -14,106 +14,9 @@ const GenericTableView = require('./GenericTableView-9271483b.js');
 const reRender = require('./re-render-172958b1.js');
 const useChildElements = require('./useChildElements-6993ec39.js');
 const luxon = require('./luxon-479fc825.js');
-const useReferralTable = require('./useReferralTable-b07be5ec.js');
+const useReferralTable = require('./useReferralTable-95ceaa3d.js');
 const utils = require('./utils-6847bc06.js');
 
-const mockRewardData = (count = 4) => {
-  const data = [...Array(count)].map(() => getMockData());
-  return { data };
-};
-const units = ["POINT", "TICKET", "GIFT"];
-const prettyValues = ["Points", "Tickets", "Gifts"];
-const statuses = ["AVAILABLE", "PENDING", "CANCELLED", "EXPIRED", "REDEEMED"];
-const pendingReasons = ["US_TAX", "SCHEDULED", "UNHANDLED_ERROR"];
-const getMockData = () => {
-  let isAvailableZero = false;
-  let randomRedeemed = 0;
-  let pendingReason;
-  let dateScheduledFor;
-  let dateCancelled;
-  let dateExpires;
-  const today = luxon.luxon.DateTime.now();
-  //  set random data
-  const randomUnitNumber = Math.floor(Math.random() * 3);
-  const randomStatus = statuses[Math.floor(Math.random() * 5)];
-  const unit = units[randomUnitNumber];
-  const prettyValue = prettyValues[randomUnitNumber];
-  const randomValue = Math.floor(Math.random() * 100) + 2;
-  if (randomStatus === "AVAILABLE") {
-    randomRedeemed = Math.floor(Math.random() * randomValue);
-    dateExpires =
-      Math.floor(Math.random() * 10) < 3 ? today.plus({ days: 7 }).toMillis() : null;
-  }
-  else if (randomStatus === "EXPIRED") {
-    isAvailableZero = true;
-    randomRedeemed = Math.floor(Math.random() * randomValue);
-    dateExpires = today.minus({ days: 1 }).toMillis();
-  }
-  else if (randomStatus === "PENDING") {
-    const reason = pendingReasons[Math.floor(Math.random() * 3)];
-    pendingReason = [reason];
-    if (reason === "SCHEDULED") {
-      dateScheduledFor = today.plus({ days: 6 }).toMillis();
-    }
-  }
-  else if (randomStatus === "REDEEMED") {
-    isAvailableZero = true;
-  }
-  else {
-    isAvailableZero = true;
-    dateCancelled = today.minus({ days: 2 }).toMillis();
-  }
-  const source = Math.floor(Math.random() * 3);
-  return {
-    id: "61f7878e096c9265de88b46f",
-    type: "CREDIT",
-    value: randomValue,
-    unit,
-    name: null,
-    dateGiven: today.minus({ days: 3 }).toMillis(),
-    dateExpires,
-    dateCancelled,
-    dateRedeemed: randomStatus === "REDEEMED" ? today.plus({ days: 2 }).toMillis() : null,
-    dateScheduledFor,
-    fuelTankCode: null,
-    fuelTankType: null,
-    currency: null,
-    prettyValue: `${randomValue} ${prettyValue}`,
-    prettyValueNumber: `${randomValue}`,
-    prettyAvailableNumber: isAvailableZero
-      ? "0"
-      : `${randomValue - randomRedeemed}`,
-    prettyRedeemedNumber: isAvailableZero && !randomRedeemed ? "0" : `${randomRedeemed}`,
-    programId: source === 1 ? "program-id" : null,
-    program: {
-      name: "My Program",
-    },
-    statuses: [randomStatus],
-    pendingReasons: pendingReason,
-    globalRewardKey: null,
-    programRewardKey: null,
-    rewardSource: source === 1 ? "AUTOMATED" : "MANUAL",
-    prettyRedeemedCredit: `${randomRedeemed} ${prettyValue}`,
-    prettyAssignedCredit: `${randomValue} ${prettyValue}`,
-    prettyAvailableValue: isAvailableZero
-      ? `0 ${prettyValue}`
-      : `${randomValue - randomRedeemed} ${prettyValue}`,
-    exchangedRewardRedemptionTransaction: source === 2
-      ? {
-        id: "61f7878e096c9265de88b414",
-        creditRedeemed: 50,
-        prettyRedeemedCredit: "50 Tokens",
-        unit: "TOKEN",
-        dateRedeemed: 1643612046258,
-      }
-      : null,
-    referral: null,
-    rewardRedemptionTransactions: {
-      data: [],
-    },
-  };
-};
-
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
 const GET_REWARDS = index_module.dist.gql `
@@ -400,7 +303,7 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = reRender.useRerenderListener();
-  const { data } = stencilHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockRewardData(props.perPage); }, [props.perPage]);
+  const { data } = stencilHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || useReferralTable.mockRewardData(props.perPage); }, [props.perPage]);
   const components = useChildElements.useChildElements();
   async function getComponentData(components) {
     let componentData = data;

package/dist/cjs/{useReferralTable-b07be5ec.js → useReferralTable-95ceaa3d.js}

@@ -5,6 +5,149 @@ const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 const index_module = require('./index.module-0b9b8891.js');
 const reRender = require('./re-render-172958b1.js');
 const useChildElements = require('./useChildElements-6993ec39.js');
+const luxon = require('./luxon-479fc825.js');
+
+const mockRewardData = (count = 4) => {
+  const data = [...Array(count)].map(() => getMockData());
+  return { data };
+};
+const units = ["POINT", "TICKET", "GIFT"];
+const prettyValues = ["Points", "Tickets", "Gifts"];
+const statuses = ["AVAILABLE", "PENDING", "CANCELLED", "EXPIRED", "REDEEMED"];
+const pendingReasons = ["US_TAX", "SCHEDULED", "UNHANDLED_ERROR"];
+const paypalStatuses = [
+  "FAILED",
+  "UNCLAIMED",
+  "ONHOLD",
+  "REFUNDED",
+  "RETURNED",
+  "REVERSED",
+  "BLOCKED",
+  "DENIED",
+];
+function getPaypalStatus(datePaidOut) {
+  if (datePaidOut)
+    return "SUCCESS";
+  const randomIndex = Math.floor(Math.random() * 6);
+  const randomStatus = paypalStatuses.find((_status, index) => index === randomIndex);
+  return randomStatus;
+}
+const getPaypalMeta = () => {
+  const datePaidOut = Math.floor(Math.random() * 10) >= 5 ? 123456789 : null;
+  const dateLastAttempted = Math.floor(Math.random() * 10) >= 5 ? 123456789 : null;
+  const paypalStatus = getPaypalStatus(datePaidOut);
+  const status = paypalStatus === "DENIED"
+    ? "WARN"
+    : !!datePaidOut
+      ? "SUCCESS"
+      : Math.floor(Math.random() * 10) >= 8
+        ? "ERROR"
+        : "SUCCESS";
+  return {
+    status,
+    customMeta: {
+      datePaidOut,
+      dateLastAttempted,
+      dateFirstAttempted: dateLastAttempted,
+      rawPayPalInfo: {
+        transaction_status: paypalStatus,
+      },
+    },
+  };
+};
+const getMockData = () => {
+  let isAvailableZero = false;
+  let randomRedeemed = 0;
+  let pendingReason;
+  let dateScheduledFor;
+  let dateCancelled;
+  let dateExpires;
+  const today = luxon.luxon.DateTime.now();
+  //  set random data
+  const randomUnitNumber = Math.floor(Math.random() * 3);
+  const randomStatus = statuses[Math.floor(Math.random() * 5)];
+  const unit = units[randomUnitNumber];
+  const prettyValue = prettyValues[randomUnitNumber];
+  const randomValue = Math.floor(Math.random() * 100) + 2;
+  if (randomStatus === "AVAILABLE") {
+    randomRedeemed = Math.floor(Math.random() * randomValue);
+    dateExpires =
+      Math.floor(Math.random() * 10) < 3
+        ? today.plus({ days: 7 }).toMillis()
+        : null;
+  }
+  else if (randomStatus === "EXPIRED") {
+    isAvailableZero = true;
+    randomRedeemed = Math.floor(Math.random() * randomValue);
+    dateExpires = today.minus({ days: 1 }).toMillis();
+  }
+  else if (randomStatus === "PENDING") {
+    const reason = pendingReasons[Math.floor(Math.random() * 3)];
+    pendingReason = [reason];
+    if (reason === "SCHEDULED") {
+      dateScheduledFor = today.plus({ days: 6 }).toMillis();
+    }
+  }
+  else if (randomStatus === "REDEEMED") {
+    isAvailableZero = true;
+  }
+  else {
+    isAvailableZero = true;
+    dateCancelled = today.minus({ days: 2 }).toMillis();
+  }
+  const source = Math.floor(Math.random() * 3);
+  return {
+    id: "61f7878e096c9265de88b46f",
+    type: "CREDIT",
+    value: randomValue,
+    unit,
+    name: null,
+    dateGiven: today.minus({ days: 3 }).toMillis(),
+    dateExpires,
+    dateCancelled,
+    dateRedeemed: randomStatus === "REDEEMED" ? today.plus({ days: 2 }).toMillis() : null,
+    dateScheduledFor,
+    fuelTankCode: null,
+    fuelTankType: null,
+    currency: null,
+    prettyValue: `${randomValue} ${prettyValue}`,
+    prettyValueNumber: `${randomValue}`,
+    prettyAvailableNumber: isAvailableZero
+      ? "0"
+      : `${randomValue - randomRedeemed}`,
+    prettyRedeemedNumber: isAvailableZero && !randomRedeemed ? "0" : `${randomRedeemed}`,
+    programId: source === 1 ? "program-id" : null,
+    program: {
+      name: "My Program",
+    },
+    meta: {
+      ...getPaypalMeta(),
+    },
+    statuses: [randomStatus],
+    pendingReasons: pendingReason,
+    globalRewardKey: null,
+    programRewardKey: null,
+    rewardSource: source === 1 ? "AUTOMATED" : "MANUAL",
+    prettyRedeemedCredit: `${randomRedeemed} ${prettyValue}`,
+    prettyAssignedCredit: `${randomValue} ${prettyValue}`,
+    prettyAvailableValue: isAvailableZero
+      ? `0 ${prettyValue}`
+      : `${randomValue - randomRedeemed} ${prettyValue}`,
+    exchangedRewardRedemptionTransaction: source === 2
+      ? {
+        id: "61f7878e096c9265de88b414",
+        creditRedeemed: 50,
+        prettyRedeemedCredit: "50 Tokens",
+        unit: "TOKEN",
+        dateRedeemed: 1643612046258,
+      }
+      : null,
+    referral: null,
+    rewardRedemptionTransactions: {
+      data: [],
+    },
+  };
+};
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -368,5 +511,7 @@ async function tryMethod(c, callback) {
 }
 
 exports.generateUserError = generateUserError;
+exports.getPaypalMeta = getPaypalMeta;
+exports.mockRewardData = mockRewardData;
 exports.tryMethod = tryMethod;
 exports.useReferralTable = useReferralTable;

package/dist/collection/components/sqm-referral-table/mockReferralData.js

@@ -1,4 +1,5 @@
 import { DateTime } from "luxon";
+import { getPaypalMeta } from "../sqm-rewards-table/mockRewardData";
 export default (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());
   return {
@@ -96,6 +97,9 @@ const getMockData = () => {
           statuses: statuses[Math.floor(Math.random() * statuses.length)],
           globalRewardKey: null,
           programRewardKey: "partnerReward",
+          meta: {
+            ...getPaypalMeta(),
+          },
           rewardRedemptionTransactions: {
             data: [
               {

package/dist/collection/components/sqm-rewards-table/mockRewardData.js

@@ -7,6 +7,46 @@ const units = ["POINT", "TICKET", "GIFT"];
 const prettyValues = ["Points", "Tickets", "Gifts"];
 const statuses = ["AVAILABLE", "PENDING", "CANCELLED", "EXPIRED", "REDEEMED"];
 const pendingReasons = ["US_TAX", "SCHEDULED", "UNHANDLED_ERROR"];
+const paypalStatuses = [
+  "FAILED",
+  "UNCLAIMED",
+  "ONHOLD",
+  "REFUNDED",
+  "RETURNED",
+  "REVERSED",
+  "BLOCKED",
+  "DENIED",
+];
+function getPaypalStatus(datePaidOut) {
+  if (datePaidOut)
+    return "SUCCESS";
+  const randomIndex = Math.floor(Math.random() * 6);
+  const randomStatus = paypalStatuses.find((_status, index) => index === randomIndex);
+  return randomStatus;
+}
+export const getPaypalMeta = () => {
+  const datePaidOut = Math.floor(Math.random() * 10) >= 5 ? 123456789 : null;
+  const dateLastAttempted = Math.floor(Math.random() * 10) >= 5 ? 123456789 : null;
+  const paypalStatus = getPaypalStatus(datePaidOut);
+  const status = paypalStatus === "DENIED"
+    ? "WARN"
+    : !!datePaidOut
+      ? "SUCCESS"
+      : Math.floor(Math.random() * 10) >= 8
+        ? "ERROR"
+        : "SUCCESS";
+  return {
+    status,
+    customMeta: {
+      datePaidOut,
+      dateLastAttempted,
+      dateFirstAttempted: dateLastAttempted,
+      rawPayPalInfo: {
+        transaction_status: paypalStatus,
+      },
+    },
+  };
+};
 const getMockData = () => {
   let isAvailableZero = false;
   let randomRedeemed = 0;
@@ -27,7 +67,9 @@ const getMockData = () => {
     prettyAvailableValue = `${randomValue} ${prettyValue}`;
     randomRedeemed = Math.floor(Math.random() * randomValue);
     dateExpires =
-      Math.floor(Math.random() * 10) < 3 ? today.plus({ days: 7 }).toMillis() : null;
+      Math.floor(Math.random() * 10) < 3
+        ? today.plus({ days: 7 }).toMillis()
+        : null;
   }
   else if (randomStatus === "EXPIRED") {
     prettyAvailableValue = `0 ${prettyValue}`;
@@ -76,6 +118,9 @@ const getMockData = () => {
     program: {
       name: "My Program",
     },
+    meta: {
+      ...getPaypalMeta(),
+    },
     statuses: [randomStatus],
     pendingReasons: pendingReason,
     globalRewardKey: null,

package/dist/esm/sqm-referral-table_11.entry.js

@@ -10,7 +10,7 @@ import { G as GenericTableView } from './GenericTableView-ce26115f.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-f406e379.js';
 import { u as useChildElements } from './useChildElements-11279a92.js';
 import { l as luxon } from './luxon-198ac0b0.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-46da6b31.js';
+import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-f60241cb.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-f1cacc75.js';
 
@@ -111,6 +111,9 @@ const getMockData = () => {
           statuses: statuses[Math.floor(Math.random() * statuses.length)],
           globalRewardKey: null,
           programRewardKey: "partnerReward",
+          meta: {
+            ...getPaypalMeta(),
+          },
           rewardRedemptionTransactions: {
             data: [
               {

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

@@ -10,106 +10,9 @@ import { G as GenericTableView } from './GenericTableView-ce26115f.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-f406e379.js';
 import { u as useChildElements } from './useChildElements-11279a92.js';
 import { l as luxon } from './luxon-198ac0b0.js';
-import { g as generateUserError } from './useReferralTable-46da6b31.js';
+import { g as generateUserError, m as mockRewardData } from './useReferralTable-f60241cb.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
-const mockRewardData = (count = 4) => {
-  const data = [...Array(count)].map(() => getMockData());
-  return { data };
-};
-const units = ["POINT", "TICKET", "GIFT"];
-const prettyValues = ["Points", "Tickets", "Gifts"];
-const statuses = ["AVAILABLE", "PENDING", "CANCELLED", "EXPIRED", "REDEEMED"];
-const pendingReasons = ["US_TAX", "SCHEDULED", "UNHANDLED_ERROR"];
-const getMockData = () => {
-  let isAvailableZero = false;
-  let randomRedeemed = 0;
-  let pendingReason;
-  let dateScheduledFor;
-  let dateCancelled;
-  let dateExpires;
-  const today = luxon.DateTime.now();
-  //  set random data
-  const randomUnitNumber = Math.floor(Math.random() * 3);
-  const randomStatus = statuses[Math.floor(Math.random() * 5)];
-  const unit = units[randomUnitNumber];
-  const prettyValue = prettyValues[randomUnitNumber];
-  const randomValue = Math.floor(Math.random() * 100) + 2;
-  if (randomStatus === "AVAILABLE") {
-    randomRedeemed = Math.floor(Math.random() * randomValue);
-    dateExpires =
-      Math.floor(Math.random() * 10) < 3 ? today.plus({ days: 7 }).toMillis() : null;
-  }
-  else if (randomStatus === "EXPIRED") {
-    isAvailableZero = true;
-    randomRedeemed = Math.floor(Math.random() * randomValue);
-    dateExpires = today.minus({ days: 1 }).toMillis();
-  }
-  else if (randomStatus === "PENDING") {
-    const reason = pendingReasons[Math.floor(Math.random() * 3)];
-    pendingReason = [reason];
-    if (reason === "SCHEDULED") {
-      dateScheduledFor = today.plus({ days: 6 }).toMillis();
-    }
-  }
-  else if (randomStatus === "REDEEMED") {
-    isAvailableZero = true;
-  }
-  else {
-    isAvailableZero = true;
-    dateCancelled = today.minus({ days: 2 }).toMillis();
-  }
-  const source = Math.floor(Math.random() * 3);
-  return {
-    id: "61f7878e096c9265de88b46f",
-    type: "CREDIT",
-    value: randomValue,
-    unit,
-    name: null,
-    dateGiven: today.minus({ days: 3 }).toMillis(),
-    dateExpires,
-    dateCancelled,
-    dateRedeemed: randomStatus === "REDEEMED" ? today.plus({ days: 2 }).toMillis() : null,
-    dateScheduledFor,
-    fuelTankCode: null,
-    fuelTankType: null,
-    currency: null,
-    prettyValue: `${randomValue} ${prettyValue}`,
-    prettyValueNumber: `${randomValue}`,
-    prettyAvailableNumber: isAvailableZero
-      ? "0"
-      : `${randomValue - randomRedeemed}`,
-    prettyRedeemedNumber: isAvailableZero && !randomRedeemed ? "0" : `${randomRedeemed}`,
-    programId: source === 1 ? "program-id" : null,
-    program: {
-      name: "My Program",
-    },
-    statuses: [randomStatus],
-    pendingReasons: pendingReason,
-    globalRewardKey: null,
-    programRewardKey: null,
-    rewardSource: source === 1 ? "AUTOMATED" : "MANUAL",
-    prettyRedeemedCredit: `${randomRedeemed} ${prettyValue}`,
-    prettyAssignedCredit: `${randomValue} ${prettyValue}`,
-    prettyAvailableValue: isAvailableZero
-      ? `0 ${prettyValue}`
-      : `${randomValue - randomRedeemed} ${prettyValue}`,
-    exchangedRewardRedemptionTransaction: source === 2
-      ? {
-        id: "61f7878e096c9265de88b414",
-        creditRedeemed: 50,
-        prettyRedeemedCredit: "50 Tokens",
-        unit: "TOKEN",
-        dateRedeemed: 1643612046258,
-      }
-      : null,
-    referral: null,
-    rewardRedemptionTransactions: {
-      data: [],
-    },
-  };
-};
-
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
 const GET_REWARDS = dist.gql `

package/dist/esm/{useReferralTable-46da6b31.js → useReferralTable-f60241cb.js}

@@ -3,6 +3,149 @@ import { b as browser, f as useReducer, u as useEffect } from './stencil-hooks.m
 import { d as dist, N, O, x, a as dn, v as vn } from './index.module-48cc9ee0.js';
 import { u as useRerenderListener } from './re-render-f406e379.js';
 import { u as useChildElements } from './useChildElements-11279a92.js';
+import { l as luxon } from './luxon-198ac0b0.js';
+
+const mockRewardData = (count = 4) => {
+  const data = [...Array(count)].map(() => getMockData());
+  return { data };
+};
+const units = ["POINT", "TICKET", "GIFT"];
+const prettyValues = ["Points", "Tickets", "Gifts"];
+const statuses = ["AVAILABLE", "PENDING", "CANCELLED", "EXPIRED", "REDEEMED"];
+const pendingReasons = ["US_TAX", "SCHEDULED", "UNHANDLED_ERROR"];
+const paypalStatuses = [
+  "FAILED",
+  "UNCLAIMED",
+  "ONHOLD",
+  "REFUNDED",
+  "RETURNED",
+  "REVERSED",
+  "BLOCKED",
+  "DENIED",
+];
+function getPaypalStatus(datePaidOut) {
+  if (datePaidOut)
+    return "SUCCESS";
+  const randomIndex = Math.floor(Math.random() * 6);
+  const randomStatus = paypalStatuses.find((_status, index) => index === randomIndex);
+  return randomStatus;
+}
+const getPaypalMeta = () => {
+  const datePaidOut = Math.floor(Math.random() * 10) >= 5 ? 123456789 : null;
+  const dateLastAttempted = Math.floor(Math.random() * 10) >= 5 ? 123456789 : null;
+  const paypalStatus = getPaypalStatus(datePaidOut);
+  const status = paypalStatus === "DENIED"
+    ? "WARN"
+    : !!datePaidOut
+      ? "SUCCESS"
+      : Math.floor(Math.random() * 10) >= 8
+        ? "ERROR"
+        : "SUCCESS";
+  return {
+    status,
+    customMeta: {
+      datePaidOut,
+      dateLastAttempted,
+      dateFirstAttempted: dateLastAttempted,
+      rawPayPalInfo: {
+        transaction_status: paypalStatus,
+      },
+    },
+  };
+};
+const getMockData = () => {
+  let isAvailableZero = false;
+  let randomRedeemed = 0;
+  let pendingReason;
+  let dateScheduledFor;
+  let dateCancelled;
+  let dateExpires;
+  const today = luxon.DateTime.now();
+  //  set random data
+  const randomUnitNumber = Math.floor(Math.random() * 3);
+  const randomStatus = statuses[Math.floor(Math.random() * 5)];
+  const unit = units[randomUnitNumber];
+  const prettyValue = prettyValues[randomUnitNumber];
+  const randomValue = Math.floor(Math.random() * 100) + 2;
+  if (randomStatus === "AVAILABLE") {
+    randomRedeemed = Math.floor(Math.random() * randomValue);
+    dateExpires =
+      Math.floor(Math.random() * 10) < 3
+        ? today.plus({ days: 7 }).toMillis()
+        : null;
+  }
+  else if (randomStatus === "EXPIRED") {
+    isAvailableZero = true;
+    randomRedeemed = Math.floor(Math.random() * randomValue);
+    dateExpires = today.minus({ days: 1 }).toMillis();
+  }
+  else if (randomStatus === "PENDING") {
+    const reason = pendingReasons[Math.floor(Math.random() * 3)];
+    pendingReason = [reason];
+    if (reason === "SCHEDULED") {
+      dateScheduledFor = today.plus({ days: 6 }).toMillis();
+    }
+  }
+  else if (randomStatus === "REDEEMED") {
+    isAvailableZero = true;
+  }
+  else {
+    isAvailableZero = true;
+    dateCancelled = today.minus({ days: 2 }).toMillis();
+  }
+  const source = Math.floor(Math.random() * 3);
+  return {
+    id: "61f7878e096c9265de88b46f",
+    type: "CREDIT",
+    value: randomValue,
+    unit,
+    name: null,
+    dateGiven: today.minus({ days: 3 }).toMillis(),
+    dateExpires,
+    dateCancelled,
+    dateRedeemed: randomStatus === "REDEEMED" ? today.plus({ days: 2 }).toMillis() : null,
+    dateScheduledFor,
+    fuelTankCode: null,
+    fuelTankType: null,
+    currency: null,
+    prettyValue: `${randomValue} ${prettyValue}`,
+    prettyValueNumber: `${randomValue}`,
+    prettyAvailableNumber: isAvailableZero
+      ? "0"
+      : `${randomValue - randomRedeemed}`,
+    prettyRedeemedNumber: isAvailableZero && !randomRedeemed ? "0" : `${randomRedeemed}`,
+    programId: source === 1 ? "program-id" : null,
+    program: {
+      name: "My Program",
+    },
+    meta: {
+      ...getPaypalMeta(),
+    },
+    statuses: [randomStatus],
+    pendingReasons: pendingReason,
+    globalRewardKey: null,
+    programRewardKey: null,
+    rewardSource: source === 1 ? "AUTOMATED" : "MANUAL",
+    prettyRedeemedCredit: `${randomRedeemed} ${prettyValue}`,
+    prettyAssignedCredit: `${randomValue} ${prettyValue}`,
+    prettyAvailableValue: isAvailableZero
+      ? `0 ${prettyValue}`
+      : `${randomValue - randomRedeemed} ${prettyValue}`,
+    exchangedRewardRedemptionTransaction: source === 2
+      ? {
+        id: "61f7878e096c9265de88b414",
+        creditRedeemed: 50,
+        prettyRedeemedCredit: "50 Tokens",
+        unit: "TOKEN",
+        dateRedeemed: 1643612046258,
+      }
+      : null,
+    referral: null,
+    rewardRedemptionTransactions: {
+      data: [],
+    },
+  };
+};
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -365,4 +508,4 @@ async function tryMethod(c, callback) {
   }
 }
 
-export { generateUserError as g, tryMethod as t, useReferralTable as u };
+export { getPaypalMeta as a, generateUserError as g, mockRewardData as m, tryMethod as t, useReferralTable as u };