@saasquatch/mint-components 1.6.5-8 → 1.6.5

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

@@ -1,442 +0,0 @@
-import { Component, h, Prop } from "@stencil/core";
-import { DateTime } from "luxon";
-import { intl } from "../../../global/global";
-import { createStyleSheet } from "../../../styling/JSS";
-import { luxonLocale } from "../../../utils/utils";
-import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
-const paypalStatuses = ["TRANSFERRED", "FAILED", "INPROGRESS"];
-export class ReferralTableRewardsCell {
-  constructor() {
-    this.locale = "en";
-  }
-  render() {
-    var _a;
-    intl.locale = this.locale;
-    const style = {
-      "@keyframes slideRight": {
-        from: { opacity: 0 },
-        to: { opacity: 1 },
-      },
-      DetailsContainer: {
-        width: "100%",
-        display: "flex",
-        "align-items": "center",
-        "justify-content": "space-between",
-        "margin-right": "var(--sl-spacing-small)",
-        "flex-wrap": "wrap",
-      },
-      Details: {
-        "padding-bottom": "var(--sl-spacing-small)",
-        "max-width": "500px",
-        // "padding-right": "var(--sl-spacing-x-small)",
-        "&::part(header)": {
-          padding: "var(--sl-spacing-x-small)",
-          cursor: `${this.hideDetails ? "default" : "pointer"}`,
-        },
-        "&::part(content)": {
-          padding: "var(--sl-spacing-x-small) var(--sl-spacing-medium)",
-        },
-        "&::part(base)": {
-          opacity: "1",
-        },
-        "&::part(summary-icon)": {
-          display: `${this.hideDetails ? "none" : "flex"}`,
-        },
-        "&::part(summary-icon[open])": {
-          transform: "rotate(-90deg)",
-          background: "red",
-        },
-      },
-      BadgeContainer: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "flex-start",
-        gap: "10px",
-      },
-      BoldText: {
-        "font-weight": "var(--sl-font-weight-semibold)",
-      },
-      StatusBadge: {
-        paddingLeft: "var(--sl-spacing-xxx-small)",
-        "&::part(base)": {
-          textAlign: "center",
-          maxWidth: "170px",
-          whiteSpace: "pre-line",
-        },
-      },
-      RedeemBadge: {
-        paddingLeft: "var(--sl-spacing-xxx-small)",
-        "&::part(base)": {
-          background: "var(--sl-color-blue-600)",
-        },
-      },
-    };
-    const sheet = createStyleSheet(style);
-    const styleString = sheet.toString();
-    const getState = (reward) => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      if (((_b = (_a = reward.meta) === null || _a === void 0 ? void 0 : _a.customMeta) === null || _b === void 0 ? void 0 : _b.datePaidOut) &&
-        reward.statuses.includes("REDEEMED")) {
-        return "TRANSFERRED";
-      }
-      if (((_c = reward.meta) === null || _c === void 0 ? void 0 : _c.status) === "ERROR") {
-        return "FAILED";
-      }
-      if (((_e = (_d = reward.meta) === null || _d === void 0 ? void 0 : _d.customMeta) === null || _e === void 0 ? void 0 : _e.dateLastAttempted) &&
-        !((_g = (_f = reward.meta) === null || _f === void 0 ? void 0 : _f.customMeta) === null || _g === void 0 ? void 0 : _g.datePaidOut)) {
-        return "INPROGRESS";
-      }
-      const states = reward.statuses;
-      const possibleStates = [
-        "REDEEMED",
-        "CANCELLED",
-        "EXPIRED",
-        "PENDING",
-        "AVAILABLE",
-      ];
-      if (states.length === 1)
-        return states[0];
-      return possibleStates.find((state) => states.includes(state) && state);
-    };
-    const getSLBadgeType = (state) => {
-      switch (state) {
-        case "REDEEMED":
-          return "primary";
-        case "TRANSFERRED":
-          return "primary";
-        case "INPROGRESS":
-          return "warning";
-        case "FAILED":
-          return "danger";
-        case "EXPIRED":
-          return "danger";
-        case "CANCELLED":
-          return "danger";
-        case "PENDING":
-          return "warning";
-        case "AVAILABLE":
-          return "success";
-      }
-    };
-    const getTimeDiff = (endTime) => {
-      // Current implementation only calculates the difference from current time
-      return DateTime.fromMillis(endTime)
-        .setLocale(luxonLocale(this.locale))
-        .toRelative()
-        .replace("in", "")
-        .trim();
-    };
-    return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
-      var _a;
-      const state = getState(reward);
-      const isPayPal = paypalStatuses.includes(state);
-      const slBadgeType = getSLBadgeType(state);
-      const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
-        status: state,
-      });
-      const statusText = intl.formatMessage({
-        id: "statusLongMessage",
-        defaultMessage: this.statusLongText,
-      }, {
-        status: state,
-      });
-      console.log((_a = reward.meta) === null || _a === void 0 ? void 0 : _a.customMeta);
-      const RewardGivenText = () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return state === "INPROGRESS" ? (h("div", null,
-          h(TextSpanView, { type: "p" },
-            this.rewardPayoutInProgressText,
-            " ",
-            h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(((_b = (_a = reward.meta) === null || _a === void 0 ? void 0 : _a.customMeta) === null || _b === void 0 ? void 0 : _b.dateLastAttempted) || ((_d = (_c = reward.meta) === null || _c === void 0 ? void 0 : _c.customMeta) === null || _d === void 0 ? void 0 : _d.dateFirstAttempted))
-              .setLocale(luxonLocale(this.locale))
-              .toLocaleString(DateTime.DATE_MED))))) : state === "TRANSFERRED" ? (h("div", null,
-          h(TextSpanView, { type: "p" },
-            this.rewardPaidOutText,
-            " ",
-            h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis((_f = (_e = reward.meta) === null || _e === void 0 ? void 0 : _e.customMeta) === null || _f === void 0 ? void 0 : _f.datePaidOut)
-              .setLocale(luxonLocale(this.locale))
-              .toLocaleString(DateTime.DATE_MED))))) : state === "FAILED" ? (h("div", null,
-          h(TextSpanView, { type: "p" },
-            this.rewardPayoutFailedText,
-            " ",
-            h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(((_h = (_g = reward.meta) === null || _g === void 0 ? void 0 : _g.customMeta) === null || _h === void 0 ? void 0 : _h.dateLastAttempted) || ((_k = (_j = reward.meta) === null || _j === void 0 ? void 0 : _j.customMeta) === null || _k === void 0 ? void 0 : _k.dateFirstAttempted))
-              .setLocale(luxonLocale(this.locale))
-              .toLocaleString(DateTime.DATE_MED))))) : (h("div", null,
-          h(TextSpanView, { type: "p" },
-            this.rewardReceivedText,
-            " ",
-            h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(reward.dateGiven)
-              .setLocale(luxonLocale(this.locale))
-              .toLocaleString(DateTime.DATE_MED)))));
-      };
-      return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails },
-        h("style", { type: "text/css" }, styleString),
-        h("div", { slot: "summary", class: sheet.classes.DetailsContainer },
-          h(TextSpanView, { type: "p" },
-            h("span", { class: sheet.classes.BoldText }, reward.prettyValue)),
-          h("div", { class: sheet.classes.BadgeContainer },
-            state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
-                ? sheet.classes.RedeemBadge
-                : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
-              id: "pendingForText",
-              defaultMessage: this.pendingForText,
-            }, {
-              status: badgeText,
-              date: getTimeDiff(reward.dateScheduledFor),
-            }))) : (h("sl-badge", { class: slBadgeType === "primary"
-                ? sheet.classes.RedeemBadge
-                : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)),
-            reward.dateExpires && state === "AVAILABLE" && (h("sl-badge", { class: slBadgeType === "primary"
-                ? sheet.classes.RedeemBadge
-                : sheet.classes.StatusBadge, type: "info", pill: true },
-              this.expiringText,
-              ` ${getTimeDiff(reward.dateExpires)}`)))),
-        h("div", null,
-          reward.dateGiven && h(RewardGivenText, null),
-          state === "EXPIRED" && reward.dateExpires && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(reward.dateExpires)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          state === "CANCELLED" && reward.dateCancelled && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(reward.dateCancelled)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          state === "PENDING" && reward.dateScheduledFor && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(reward.dateScheduledFor)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          " ",
-          state === "AVAILABLE" && reward.dateExpires && (h("div", null,
-            h(TextSpanView, { type: "p" },
-              statusText,
-              " ",
-              h("span", { class: sheet.classes.BoldText }, DateTime.fromMillis(reward.dateExpires)
-                .setLocale(luxonLocale(this.locale))
-                .toLocaleString(DateTime.DATE_MED))))),
-          reward.fuelTankCode && (h("div", null,
-            this.fuelTankText,
-            " ",
-            h("span", { class: sheet.classes.BoldText }, reward.fuelTankCode))))));
-    });
-  }
-  static get is() { return "sqp-rewards-cell"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "rewards": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Reward[]",
-        "resolved": "Reward[]",
-        "references": {
-          "Reward": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "hideDetails": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-details",
-      "reflect": false
-    },
-    "statusText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status-text",
-      "reflect": false
-    },
-    "statusLongText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status-long-text",
-      "reflect": false
-    },
-    "fuelTankText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fuel-tank-text",
-      "reflect": false
-    },
-    "rewardReceivedText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reward-received-text",
-      "reflect": false
-    },
-    "expiringText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "expiring-text",
-      "reflect": false
-    },
-    "pendingForText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "pending-for-text",
-      "reflect": false
-    },
-    "rewardPaidOutText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reward-paid-out-text",
-      "reflect": false
-    },
-    "rewardPayoutInProgressText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reward-payout-in-progress-text",
-      "reflect": false
-    },
-    "rewardPayoutFailedText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reward-payout-failed-text",
-      "reflect": false
-    },
-    "locale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "locale",
-      "reflect": false,
-      "defaultValue": "\"en\""
-    }
-  }; }
-}