@saasquatch/mint-components 1.5.0-0 → 1.5.0-101

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

@@ -0,0 +1,225 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Host, Method, Prop } from "@stencil/core";
+import { useRequestRerender } from "../../../tables/re-render";
+/**
+ * @uiName Reward Table Source Column
+ */
+export class RewardTableUserColumn {
+  constructor() {
+    /**
+     * @uiName User Column Title
+     */
+    this.columnTitle = "Source";
+    /**
+     * @uiName Name displayed for anonymous users
+     */
+    this.anonymousUser = "Anonymous User";
+    /**
+     * @uiName Name displayed for deleted users
+     */
+    this.deletedUser = "Deleted User";
+    /**
+     * @uiName Reward Exchange label
+     */
+    this.rewardExchangeText = "Reward Exchange";
+    /**
+     * Shown when a reward has been created by a referral
+     *
+     * @uiName Referral Text
+     */
+    this.referralText = "{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";
+    /**
+     * @uiName Reward Source Text
+     */
+    this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data, locale) {
+    return (h("sqm-rewards-table-source-cell", { reward: data === null || data === void 0 ? void 0 : data[0], anonymousUserText: this.anonymousUser, deletedUserText: this.deletedUser, rewardExchangeText: this.rewardExchangeText, referralText: this.referralText, rewardSourceText: this.rewardSourceText, locale: locale }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    useRequestRerender([
+      this.deletedUser,
+      this.anonymousUser,
+      this.columnTitle,
+    ]);
+    return h(Host, { style: { display: "none" } });
+  }
+  static get is() { return "sqm-rewards-table-source-column"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "columnTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "User Column Title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "column-title",
+      "reflect": false,
+      "defaultValue": "\"Source\""
+    },
+    "anonymousUser": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Name displayed for anonymous users",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "anonymous-user",
+      "reflect": false,
+      "defaultValue": "\"Anonymous User\""
+    },
+    "deletedUser": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Name displayed for deleted users",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "deleted-user",
+      "reflect": false,
+      "defaultValue": "\"Deleted User\""
+    },
+    "rewardExchangeText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reward Exchange label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "reward-exchange-text",
+      "reflect": false,
+      "defaultValue": "\"Reward Exchange\""
+    },
+    "referralText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Referral Text",
+            "name": "uiName"
+          }],
+        "text": "Shown when a reward has been created by a referral"
+      },
+      "attribute": "referral-text",
+      "reflect": false,
+      "defaultValue": "\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\""
+    },
+    "rewardSourceText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reward Source Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "reward-source-text",
+      "reflect": false,
+      "defaultValue": "\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\""
+    }
+  }; }
+  static get methods() { return {
+    "renderCell": {
+      "complexType": {
+        "signature": "(data: Reward[], locale: any) => Promise<any>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }, {
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "Reward": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "renderLabel": {
+      "complexType": {
+        "signature": "() => Promise<string>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<string>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+}

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

@@ -0,0 +1,145 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Host, Method, Prop } from "@stencil/core";
+import { useRequestRerender } from "../../../tables/re-render";
+/**
+ * @uiName Reward Table Status Column
+ */
+export class RewardTableStatusColumn {
+  constructor() {
+    /**
+     * @uiName Column Title
+     */
+    this.columnTitle = "Status";
+    /**
+     * @uiName Reward Status Text
+     */
+    this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+    /**
+     * @uiName Expired Status Text
+     */
+    this.expiryText = "Expires on ";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  async renderCell(data, locale) {
+    const rewardData = data === null || data === void 0 ? void 0 : data[0];
+    return (h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: rewardData, expiryText: this.expiryText, locale: locale }));
+  }
+  async renderLabel() {
+    return this.columnTitle;
+  }
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return h(Host, { style: { display: "none" } });
+  }
+  static get is() { return "sqm-rewards-table-status-column"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "columnTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Column Title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "column-title",
+      "reflect": false,
+      "defaultValue": "\"Status\""
+    },
+    "statusText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reward Status Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "status-text",
+      "reflect": false,
+      "defaultValue": "\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\""
+    },
+    "expiryText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Expired Status Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "expiry-text",
+      "reflect": false,
+      "defaultValue": "\"Expires on \""
+    }
+  }; }
+  static get methods() { return {
+    "renderCell": {
+      "complexType": {
+        "signature": "(data: Reward[], locale: string) => Promise<any>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }, {
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "Reward": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "renderLabel": {
+      "complexType": {
+        "signature": "() => Promise<string>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<string>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+}

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

@@ -0,0 +1,326 @@
+export default {
+  totalCount: 53,
+  count: 4,
+  data: [
+    {
+      id: "61f7878e096c9265de88b46f",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643612046293,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f7878e096c9265de88b414",
+        creditRedeemed: 50,
+        prettyRedeemedCredit: "50 Points",
+        unit: "POINT",
+        dateRedeemed: 1643612046258,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f449ca096c9265de847ef5",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643399626845,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f449ca096c9265de847ecf",
+        creditRedeemed: 50,
+        prettyRedeemedCredit: "50 Points",
+        unit: "POINT",
+        dateRedeemed: 1643399626808,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f43c3d40b8d244bb05dc51",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643396157092,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f43c3d40b8d244bb05dbfa",
+        creditRedeemed: 25,
+        prettyRedeemedCredit: "25 Points",
+        unit: "POINT",
+        dateRedeemed: 1643396157045,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f43b4a40b8d244bb05cfe4",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643395914220,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f43b4a40b8d244bb05cf8c",
+        creditRedeemed: 25,
+        prettyRedeemedCredit: "25 Points",
+        unit: "POINT",
+        dateRedeemed: 1643395914151,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f43b4a40b8d244bb05cfe4",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643395914220,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f43b4a40b8d244bb05cf8c",
+        creditRedeemed: 25,
+        prettyRedeemedCredit: "25 Points",
+        unit: "POINT",
+        dateRedeemed: 1643395914151,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f43b4a40b8d244bb05cfe4",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643395914220,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f43b4a40b8d244bb05cf8c",
+        creditRedeemed: 25,
+        prettyRedeemedCredit: "25 Points",
+        unit: "POINT",
+        dateRedeemed: 1643395914151,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f43b4a40b8d244bb05cfe4",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643395914220,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f43b4a40b8d244bb05cf8c",
+        creditRedeemed: 25,
+        prettyRedeemedCredit: "25 Points",
+        unit: "POINT",
+        dateRedeemed: 1643395914151,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+    {
+      id: "61f43b4a40b8d244bb05cfe4",
+      type: "CREDIT",
+      value: 1,
+      unit: "THING",
+      name: null,
+      dateGiven: 1643395914220,
+      dateExpires: null,
+      dateCancelled: null,
+      dateRedeemed: null,
+      dateScheduledFor: null,
+      fuelTankCode: null,
+      fuelTankType: null,
+      currency: null,
+      prettyValue: "1 THING",
+      prettyValueNumber: "1",
+      prettyAvailableNumber: "1",
+      prettyRedeemedNumber: "0",
+      programId: null,
+      program: null,
+      statuses: ["AVAILABLE"],
+      pendingReasons: [],
+      globalRewardKey: null,
+      programRewardKey: null,
+      rewardSource: "MANUAL",
+      prettyRedeemedCredit: "0 THING",
+      prettyAssignedCredit: "1 THING",
+      prettyAvailableValue: "1 THING",
+      exchangedRewardRedemptionTransaction: {
+        id: "61f43b4a40b8d244bb05cf8c",
+        creditRedeemed: 25,
+        prettyRedeemedCredit: "25 Points",
+        unit: "POINT",
+        dateRedeemed: 1643395914151,
+      },
+      referral: null,
+      rewardRedemptionTransactions: {
+        data: [],
+      },
+    },
+  ],
+};