@saasquatch/mint-components 1.3.3-3 → 1.3.3-4

package/dist/collection/stories/ReferralTableCell.stories.js

@@ -1,62 +1,62 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Referral Table Cell",
-};
-export const TableCell = () => {
-  return (h("sqm-referral-table-cell", { innerTemplate: "Table Cell Text" }));
-};
-export const TableUserCell = () => {
-  return (h("sqm-referral-table-user-cell", { name: "Table User Cell Text" }));
-};
-export const EmptyCell = () => (h("sqm-sqm-referral-table-cell", null, "-"));
-export const StatusCell = () => {
-  return (h("div", null,
-    h("sqm-referral-table-status-cell", { statusText: "Complete", converted: true }),
-    h("sqm-referral-table-status-cell", { statusText: "In Progress", converted: false })));
-};
-export const DateCell = () => {
-  return (h("sqm-referral-table-date-cell", { date: 800000000000 }));
-};
-/*
-  TODO'S:
-  - Add more rewards
-  - Empty and Loading states for tables
-  - Build rewards for every type of reward
-*/
-const rewardsData = {
-  id: "123",
-  type: "CREDIT",
-  value: 19,
-  unit: "POINT",
-  name: "test",
-  dateGiven: 1627427794891,
-  dateScheduledFor: 1628146800000,
-  dateExpires: 1629010800000,
-  dateCancelled: 134400,
-  fuelTankCode: "ABC",
-  fuelTankType: "Code",
-  currency: "null",
-  prettyValue: "19 Points",
-  statuses: ["AVAILABLE"],
-  globalRewardKey: "Key",
-  rewardRedemptionTransactions: {
-    data: [
-      {
-        exchangedRewards: {
-          data: [
-            {
-              prettyValue: "19 Points",
-              type: "CREDIT",
-              fuelTankCode: "ABC",
-              globalRewardKey: "Key",
-            },
-          ],
-        },
-      },
-    ],
-  },
-};
-const rewards = [rewardsData];
-export const RewardsCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: rewards }));
-};
+import { h } from "@stencil/core";
+export default {
+  title: "Referral Table Cell",
+};
+export const TableCell = () => {
+  return (h("sqm-referral-table-cell", { innerTemplate: "Table Cell Text" }));
+};
+export const TableUserCell = () => {
+  return (h("sqm-referral-table-user-cell", { name: "Table User Cell Text" }));
+};
+export const EmptyCell = () => (h("sqm-sqm-referral-table-cell", null, "-"));
+export const StatusCell = () => {
+  return (h("div", null,
+    h("sqm-referral-table-status-cell", { statusText: "Complete", converted: true }),
+    h("sqm-referral-table-status-cell", { statusText: "In Progress", converted: false })));
+};
+export const DateCell = () => {
+  return (h("sqm-referral-table-date-cell", { date: 800000000000 }));
+};
+/*
+  TODO'S:
+  - Add more rewards
+  - Empty and Loading states for tables
+  - Build rewards for every type of reward
+*/
+const rewardsData = {
+  id: "123",
+  type: "CREDIT",
+  value: 19,
+  unit: "POINT",
+  name: "test",
+  dateGiven: 1627427794891,
+  dateScheduledFor: 1628146800000,
+  dateExpires: 1629010800000,
+  dateCancelled: 134400,
+  fuelTankCode: "ABC",
+  fuelTankType: "Code",
+  currency: "null",
+  prettyValue: "19 Points",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: {
+    data: [
+      {
+        exchangedRewards: {
+          data: [
+            {
+              prettyValue: "19 Points",
+              type: "CREDIT",
+              fuelTankCode: "ABC",
+              globalRewardKey: "Key",
+            },
+          ],
+        },
+      },
+    ],
+  },
+};
+const rewards = [rewardsData];
+export const RewardsCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: rewards }));
+};

package/dist/collection/stories/ReferralTableRewardsCell.stories.js

@@ -1,213 +1,213 @@
-import { h } from "@stencil/core";
-import { DateTime } from "luxon";
-export default {
-  title: "Referral Table Rewards Cell",
-};
-const baseReward = {
-  id: "123",
-  type: "CREDIT",
-  value: 19,
-  unit: "POINT",
-  name: "test",
-  dateGiven: 1627427794891,
-  dateScheduledFor: getDays(),
-  dateExpires: getMonths(),
-  dateCancelled: 134400,
-  fuelTankCode: "ABC",
-  fuelTankType: "Code",
-  currency: "null",
-  prettyValue: "19 Points",
-  statuses: ["AVAILABLE"],
-  globalRewardKey: "Key",
-  rewardRedemptionTransactions: {
-    data: [
-      {
-        exchangedRewards: {
-          data: [
-            {
-              prettyValue: "19 Points",
-              type: "CREDIT",
-              fuelTankCode: "ABC",
-              globalRewardKey: "Key",
-            },
-          ],
-        },
-      },
-    ],
-  },
-};
-const nullExpiresIn = {
-  dateExpires: null,
-};
-const nullScheduledFor = {
-  dateScheduledFor: null,
-};
-const nullFuelTank = {
-  fuelTankCode: null,
-};
-// Reward Type Cases
-const discountReward = {
-  type: "PCT_DISCOUNT",
-};
-const creditReward = {
-  type: "CREDIT",
-};
-const fuelTankReward = {
-  type: "FUELTANK",
-};
-const integrationReward = {
-  type: "INTEGRATION",
-};
-// Reward Status Cases
-const pendingReward = {
-  statuses: ["AVAILABLE", "PENDING"],
-};
-const cancelledReward = {
-  statuses: ["PENDING", "CANCELLED"],
-  dateCancelled: 1626850800000,
-};
-const expiredReward = {
-  statuses: ["EXPIRED", "AVAILABLE"],
-  dateExpires: 1626850800000,
-};
-const redeemedReward = {
-  statuses: ["AVAILABLE", "EXPIRED", "REDEEMED"],
-};
-const availableReward = {
-  statuses: ["AVAILABLE"],
-};
-const zeroRewards = [];
-const oneReward = [{ ...baseReward, ...availableReward }];
-const twoRewards = [
-  { ...baseReward, ...discountReward, ...pendingReward },
-  { ...baseReward, ...creditReward },
-];
-const threeRewards = [
-  { ...baseReward, ...fuelTankReward, ...nullExpiresIn },
-  { ...baseReward, ...fuelTankReward, ...expiredReward },
-  { ...baseReward, ...pendingReward, ...nullFuelTank },
-];
-const fiveRewards = [
-  { ...baseReward, ...fuelTankReward },
-  { ...baseReward, ...integrationReward },
-  { ...baseReward, ...pendingReward },
-  { ...baseReward, ...cancelledReward, ...nullExpiresIn, ...nullFuelTank },
-  { ...baseReward, ...expiredReward, ...nullFuelTank },
-];
-const eightRewards = [
-  { ...baseReward, ...redeemedReward, ...nullFuelTank },
-  { ...baseReward, ...availableReward, ...nullExpiresIn },
-  { ...baseReward, ...pendingReward },
-  { ...baseReward, ...cancelledReward },
-  { ...baseReward, ...expiredReward },
-  { ...baseReward, ...pendingReward, ...nullExpiresIn, ...nullScheduledFor },
-  { ...baseReward, ...cancelledReward },
-  { ...baseReward, ...expiredReward },
-];
-const tenRewards = [
-  { ...baseReward, ...integrationReward },
-  { ...baseReward, ...redeemedReward },
-  { ...baseReward, ...availableReward },
-  { ...baseReward, ...cancelledReward, ...nullExpiresIn },
-  { ...baseReward, ...expiredReward },
-  { ...baseReward, ...pendingReward },
-  { ...baseReward, ...discountReward },
-  { ...baseReward, ...fuelTankReward },
-  { ...baseReward, ...cancelledReward, ...nullExpiresIn },
-  { ...baseReward, ...creditReward },
-];
-function getSeconds() {
-  return DateTime.now().toMillis() + 10000;
-}
-function getMinutes() {
-  return DateTime.now().toMillis() + 400000;
-}
-function getHours() {
-  return DateTime.now().toMillis() + 9000000;
-}
-function getDays() {
-  return DateTime.now().toMillis() + 600000000;
-}
-function getMonths() {
-  return DateTime.now().toMillis() + 10000000000;
-}
-function getYears() {
-  return DateTime.now().toMillis() + 200000000000;
-}
-export const PendingNoUnpend = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }] }));
-};
-export const PendingNoUnpendNoDetails = () => {
-  return (h("sqm-referral-table-rewards-cell", { hideDetails: true, rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }] }));
-};
-export const PendingWithUnpend = () => {
-  return [
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...pendingReward, dateScheduledFor: getSeconds() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...pendingReward, dateScheduledFor: getMinutes() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...pendingReward, dateScheduledFor: getHours() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...pendingReward, dateScheduledFor: getDays() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...pendingReward, dateScheduledFor: getMonths() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...pendingReward, dateScheduledFor: getYears() },
-      ] }),
-  ];
-};
-export const AvailableNoExpiry = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, ...nullExpiresIn }] }));
-};
-export const AvailableWithExpiry = () => {
-  return [
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...availableReward, dateExpires: getSeconds() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...availableReward, dateExpires: getMinutes() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, dateExpires: getHours() }] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, dateExpires: getDays() }] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [
-        { ...baseReward, ...availableReward, dateExpires: getMonths() },
-      ] }),
-    h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, dateExpires: getYears() }] }),
-  ];
-};
-export const Redeemed = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...redeemedReward }] }));
-};
-export const Cancelled = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...cancelledReward }] }));
-};
-export const Expired = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...expiredReward }] }));
-};
-export const EmptyCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: zeroRewards }));
-};
-export const oneRewardCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: oneReward }));
-};
-export const twoRewardsCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: twoRewards }));
-};
-export const threeRewardsCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: threeRewards }));
-};
-export const fiveRewardsCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: fiveRewards }));
-};
-export const eightRewardsCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: eightRewards }));
-};
-export const tenRewardsCell = () => {
-  return (h("sqm-referral-table-rewards-cell", { rewards: tenRewards }));
-};
+import { h } from "@stencil/core";
+import { DateTime } from "luxon";
+export default {
+  title: "Referral Table Rewards Cell",
+};
+const baseReward = {
+  id: "123",
+  type: "CREDIT",
+  value: 19,
+  unit: "POINT",
+  name: "test",
+  dateGiven: 1627427794891,
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  dateCancelled: 134400,
+  fuelTankCode: "ABC",
+  fuelTankType: "Code",
+  currency: "null",
+  prettyValue: "19 Points",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: {
+    data: [
+      {
+        exchangedRewards: {
+          data: [
+            {
+              prettyValue: "19 Points",
+              type: "CREDIT",
+              fuelTankCode: "ABC",
+              globalRewardKey: "Key",
+            },
+          ],
+        },
+      },
+    ],
+  },
+};
+const nullExpiresIn = {
+  dateExpires: null,
+};
+const nullScheduledFor = {
+  dateScheduledFor: null,
+};
+const nullFuelTank = {
+  fuelTankCode: null,
+};
+// Reward Type Cases
+const discountReward = {
+  type: "PCT_DISCOUNT",
+};
+const creditReward = {
+  type: "CREDIT",
+};
+const fuelTankReward = {
+  type: "FUELTANK",
+};
+const integrationReward = {
+  type: "INTEGRATION",
+};
+// Reward Status Cases
+const pendingReward = {
+  statuses: ["AVAILABLE", "PENDING"],
+};
+const cancelledReward = {
+  statuses: ["PENDING", "CANCELLED"],
+  dateCancelled: 1626850800000,
+};
+const expiredReward = {
+  statuses: ["EXPIRED", "AVAILABLE"],
+  dateExpires: 1626850800000,
+};
+const redeemedReward = {
+  statuses: ["AVAILABLE", "EXPIRED", "REDEEMED"],
+};
+const availableReward = {
+  statuses: ["AVAILABLE"],
+};
+const zeroRewards = [];
+const oneReward = [{ ...baseReward, ...availableReward }];
+const twoRewards = [
+  { ...baseReward, ...discountReward, ...pendingReward },
+  { ...baseReward, ...creditReward },
+];
+const threeRewards = [
+  { ...baseReward, ...fuelTankReward, ...nullExpiresIn },
+  { ...baseReward, ...fuelTankReward, ...expiredReward },
+  { ...baseReward, ...pendingReward, ...nullFuelTank },
+];
+const fiveRewards = [
+  { ...baseReward, ...fuelTankReward },
+  { ...baseReward, ...integrationReward },
+  { ...baseReward, ...pendingReward },
+  { ...baseReward, ...cancelledReward, ...nullExpiresIn, ...nullFuelTank },
+  { ...baseReward, ...expiredReward, ...nullFuelTank },
+];
+const eightRewards = [
+  { ...baseReward, ...redeemedReward, ...nullFuelTank },
+  { ...baseReward, ...availableReward, ...nullExpiresIn },
+  { ...baseReward, ...pendingReward },
+  { ...baseReward, ...cancelledReward },
+  { ...baseReward, ...expiredReward },
+  { ...baseReward, ...pendingReward, ...nullExpiresIn, ...nullScheduledFor },
+  { ...baseReward, ...cancelledReward },
+  { ...baseReward, ...expiredReward },
+];
+const tenRewards = [
+  { ...baseReward, ...integrationReward },
+  { ...baseReward, ...redeemedReward },
+  { ...baseReward, ...availableReward },
+  { ...baseReward, ...cancelledReward, ...nullExpiresIn },
+  { ...baseReward, ...expiredReward },
+  { ...baseReward, ...pendingReward },
+  { ...baseReward, ...discountReward },
+  { ...baseReward, ...fuelTankReward },
+  { ...baseReward, ...cancelledReward, ...nullExpiresIn },
+  { ...baseReward, ...creditReward },
+];
+function getSeconds() {
+  return DateTime.now().toMillis() + 10000;
+}
+function getMinutes() {
+  return DateTime.now().toMillis() + 400000;
+}
+function getHours() {
+  return DateTime.now().toMillis() + 9000000;
+}
+function getDays() {
+  return DateTime.now().toMillis() + 600000000;
+}
+function getMonths() {
+  return DateTime.now().toMillis() + 10000000000;
+}
+function getYears() {
+  return DateTime.now().toMillis() + 200000000000;
+}
+export const PendingNoUnpend = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }] }));
+};
+export const PendingNoUnpendNoDetails = () => {
+  return (h("sqm-referral-table-rewards-cell", { hideDetails: true, rewards: [{ ...baseReward, ...pendingReward, ...nullScheduledFor }] }));
+};
+export const PendingWithUnpend = () => {
+  return [
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...pendingReward, dateScheduledFor: getSeconds() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...pendingReward, dateScheduledFor: getMinutes() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...pendingReward, dateScheduledFor: getHours() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...pendingReward, dateScheduledFor: getDays() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...pendingReward, dateScheduledFor: getMonths() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...pendingReward, dateScheduledFor: getYears() },
+      ] }),
+  ];
+};
+export const AvailableNoExpiry = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, ...nullExpiresIn }] }));
+};
+export const AvailableWithExpiry = () => {
+  return [
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...availableReward, dateExpires: getSeconds() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...availableReward, dateExpires: getMinutes() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, dateExpires: getHours() }] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, dateExpires: getDays() }] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [
+        { ...baseReward, ...availableReward, dateExpires: getMonths() },
+      ] }),
+    h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...availableReward, dateExpires: getYears() }] }),
+  ];
+};
+export const Redeemed = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...redeemedReward }] }));
+};
+export const Cancelled = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...cancelledReward }] }));
+};
+export const Expired = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: [{ ...baseReward, ...expiredReward }] }));
+};
+export const EmptyCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: zeroRewards }));
+};
+export const oneRewardCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: oneReward }));
+};
+export const twoRewardsCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: twoRewards }));
+};
+export const threeRewardsCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: threeRewards }));
+};
+export const fiveRewardsCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: fiveRewards }));
+};
+export const eightRewardsCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: eightRewards }));
+};
+export const tenRewardsCell = () => {
+  return (h("sqm-referral-table-rewards-cell", { rewards: tenRewards }));
+};