@saasquatch/mint-components 1.6.8 → 1.6.9

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

@@ -4,130 +4,129 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-0b8cbb00.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const global = require('./global-40232313.js');
+const index_module = require('./index.module-4314dfb1.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const GenericTableView = require('./GenericTableView-9271483b.js');
-const reRender = require('./re-render-fce04f85.js');
-const useChildElements = require('./useChildElements-eaa9e49d.js');
+const GenericTableView = require('./GenericTableView-380b83e2.js');
+const reRender = require('./re-render-9a4ef430.js');
+const useChildElements = require('./useChildElements-749f9c9c.js');
 const luxon = require('./luxon-53e983a6.js');
-const useReferralTable = require('./useReferralTable-f3e792eb.js');
+const useReferralTable = require('./useReferralTable-650b1957.js');
 const utils = require('./utils-6847bc06.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
-const GET_REWARDS = index_module.dist.gql `
-  query getRewards(
-    $limit: Int!
-    $offset: Int!
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        id
-        rewards(
-          limit: $limit
-          offset: $offset
-          filter: $rewardFilter
-          sortBy: { field: "dateCreated", order: DESC }
-        ) {
-          totalCount
-          count
-          data {
-            meta {
-              status
-              integration {
-                name
-              }
-              message
-              customMeta
-            }
-            id
-            type
-            value
-            unit
-            name
-            dateGiven
-            dateCreated
-            dateExpires
-            dateCancelled
-            dateRedeemed
-            dateScheduledFor
-            fuelTankCode
-            fuelTankType
-            currency
-            prettyValue(locale: $locale)
-            prettyValueNumber: prettyValue(
-              formatType: NUMBER_FORMATTED
-              locale: $locale
-            )
-            prettyAvailableNumber: prettyAvailableValue(
-              formatType: NUMBER_FORMATTED
-              locale: $locale
-            )
-            prettyRedeemedNumber: prettyRedeemedCredit(
-              formatType: NUMBER_FORMATTED
-              locale: $locale
-            )
-            programId
-            program {
-              name
-            }
-            statuses
-            pendingReasons
-            globalRewardKey
-            programRewardKey
-            rewardSource
-            prettyRedeemedCredit(locale: $locale)
-            prettyAssignedCredit(locale: $locale)
-            prettyAvailableValue(locale: $locale)
-            exchangedRewardRedemptionTransaction {
-              id
-              creditRedeemed
-              prettyRedeemedCredit(locale: $locale)
-              unit
-              dateRedeemed
-            }
-            referral {
-              id
-              referrerUser {
-                id
-                firstName
-                lastName
-              }
-              referredUser {
-                id
-                firstName
-                lastName
-              }
-            }
-            rewardRedemptionTransactions {
-              data {
-                exchangedRewards {
-                  data {
-                    prettyValue(locale: $locale)
-                    type
-                    fuelTankCode
-                    globalRewardKey
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+const GET_REWARDS = index_module.dist.gql `
+  query getRewards(
+    $limit: Int!
+    $offset: Int!
+    $rewardFilter: RewardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        id
+        rewards(
+          limit: $limit
+          offset: $offset
+          filter: $rewardFilter
+          sortBy: { field: "dateCreated", order: DESC }
+        ) {
+          totalCount
+          count
+          data {
+            meta {
+              status
+              integration {
+                name
+              }
+              message
+              customMeta
+            }
+            id
+            type
+            value
+            unit
+            name
+            dateGiven
+            dateCreated
+            dateExpires
+            dateCancelled
+            dateRedeemed
+            dateScheduledFor
+            fuelTankCode
+            fuelTankType
+            currency
+            prettyValue(locale: $locale)
+            prettyValueNumber: prettyValue(
+              formatType: NUMBER_FORMATTED
+              locale: $locale
+            )
+            prettyAvailableNumber: prettyAvailableValue(
+              formatType: NUMBER_FORMATTED
+              locale: $locale
+            )
+            prettyRedeemedNumber: prettyRedeemedCredit(
+              formatType: NUMBER_FORMATTED
+              locale: $locale
+            )
+            programId
+            program {
+              name
+            }
+            statuses
+            pendingReasons
+            globalRewardKey
+            programRewardKey
+            rewardSource
+            prettyRedeemedCredit(locale: $locale)
+            prettyAssignedCredit(locale: $locale)
+            prettyAvailableValue(locale: $locale)
+            exchangedRewardRedemptionTransaction {
+              id
+              creditRedeemed
+              prettyRedeemedCredit(locale: $locale)
+              unit
+              dateRedeemed
+            }
+            referral {
+              id
+              referrerUser {
+                id
+                firstName
+                lastName
+              }
+              referredUser {
+                id
+                firstName
+                lastName
+              }
+            }
+            rewardRedemptionTransactions {
+              data {
+                exchangedRewards {
+                  data {
+                    prettyValue(locale: $locale)
+                    type
+                    fuelTankCode
+                    globalRewardKey
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = index_module.N();
+  const user = index_module.L();
   const programIdContext = index_module.O();
-  const locale = index_module.x();
+  const locale = index_module.W();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -149,7 +148,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = index_module.vn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { envelope: rewardsData, states, callbacks, } = index_module.yn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {
@@ -253,22 +252,22 @@ async function tryMethod(c, callback) {
 const RewardsTable = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** @uiName Number of rewards per page */
+    /** @uiName Rewards per page */
     this.perPage = 4;
-    /** @uiName Hide Column Labels */
+    /** @uiName Hide column labels */
     this.hideLabels = false;
     /** @uiName Previous button text  */
     this.prevLabel = "Prev";
-    /** @uiName View More button text  */
+    /** @uiName View more button text  */
     this.moreLabel = "Next";
     /**
      * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
      *
-     *  @uiName Mobile Hidden Columns  */
+     *  @uiName Mobile hidden columns  */
     this.hiddenColumns = "0";
-    /** @uiName Mobile Breakpoint  */
+    /** @uiName Mobile breakpoint  */
     this.smBreakpoint = 599;
-    /** @uiName Tablet Breakpoint  */
+    /** @uiName Tablet breakpoint  */
     this.mdBreakpoint = 799;
     stencilHooks_module.h$1(this);
   }
@@ -404,11 +403,11 @@ const RewardTableDateColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Date Column Title
+     * @uiName Date column title
      */
     this.columnTitle = "Date received";
     /**
-     * @uiName Date Displayed
+     * @uiName Date displayed
      * @uiType string
      * @uiEnum ["dateGiven",
      * "dateExpires",
@@ -573,7 +572,7 @@ const RewardTableRewardsCell = class {
         };
         const sheet = JSS.createStyleSheet(style);
         const styleString = sheet.toString();
-        return (index.h("div", null, index.h("style", { type: "text/css" }, styleString), index.h("div", { class: sheet.classes.Container }, index.h("span", null, pimpedPrettyValue + " "), index.h("br", null), " ", index.h("div", { class: sheet.classes.Progress }), index.h("span", { class: sheet.classes.Subtext }, progressBarSubtext))));
+        return (index.h("div", null, index.h("style", { type: "text/css" }, styleString), index.h("div", { class: sheet.classes.Container }, index.h("span", { part: "sqm-reward-cell-value" }, pimpedPrettyValue + " "), index.h("br", null), " ", index.h("div", { part: "sqm-reward-cell-progress", class: sheet.classes.Progress }), index.h("span", { part: "sqm-reward-cell-subtext", class: sheet.classes.Subtext }, progressBarSubtext))));
       }
       return index.h("div", null, pimpedPrettyValue);
     };
@@ -585,26 +584,26 @@ const RewardsTableColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Reward Column Title
+     * @uiName Reward column title
      */
     this.columnTitle = "Reward";
     /**
-     * @uiName Redeemed Amount Text
+     * @uiName Redeemed amount text
      */
     this.redeemedText = "{redeemedAmount} redeemed";
     /**
-     * @uiName Remaining Amount Text
+     * @uiName Remaining amount text
      */
     this.availableText = "{availableAmount} remaining";
     /**
-     * @uiName Copied Fuel Tank Text
+     * @uiName Copied fuel tank text
      */
     this.copyText = "Copied!";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data, locale) {
-    return (index.h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: locale }));
+    return (index.h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -684,36 +683,36 @@ const RewardTableUserColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Soruce Column Title
+     * @uiName Soruce column title
      */
     this.columnTitle = "Source";
     /**
      * Name displayed for unknown users
      *
-     * @uiName Anonymous User Text
+     * @uiName Anonymous user text
      */
     this.anonymousUser = "Anonymous User";
     /**
      * Name displayed for deleted users
      *
-     * @uiName Deleted User Text
+     * @uiName Deleted user text
      */
     this.deletedUser = "Deleted User";
     /**
-     * @uiName Reward Exchange Label
+     * @uiName Reward exchange label
      */
     this.rewardExchangeText = "Reward Exchange";
     /**
      * Shown when a reward has been created by a referral
      *
-     * @uiName Referral Text
+     * @uiName Referral text
      * @uiWidget textArea
      */
     this.referralText = "{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";
     /**
      * Shown when a reward has been created by a source other than a referral.
      *
-     * @uiName Reward Source Text
+     * @uiName Reward source text
      * @uiWidget textArea
      */
     this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";
@@ -844,36 +843,36 @@ const RewardTableStatusColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @uiName Column Title
+     * @uiName Column title
      */
     this.columnTitle = "Status";
     /**
-     * @uiName Reward Status Text
+     * @uiName Reward status text
      * @uiWidget textArea
      */
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
     /**
      * Text shown before the date of an expiring reward.
      *
-     * @uiName Expiry Date Prefix
+     * @uiName Expiry date prefix
      */
     this.expiryText = "Expires on ";
     /**
      * Displayed when a reward is pending due to W9 compliance.
      *
-     * @uiName W9 Pending Text
+     * @uiName W9 pending text
      */
     this.pendingUsTax = "W-9 required";
     /**
      * Text shown before the available date of a pending reward.
      *
-     * @uiName Pending Date Prefix
+     * @uiName Pending date prefix
      */
     this.pendingScheduled = "Until";
     /**
      * Displayed when fulfillment error occured when creating a reward.
      *
-     * @uiName Unhandled Error Text
+     * @uiName Unhandled error text
      */
     this.pendingUnhandled = "Fulfillment error";
     stencilHooks_module.h$1(this);