@saasquatch/mint-components 1.6.7 → 1.6.8-1

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

@@ -1,127 +1,127 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { b as browser, f as useReducer, u as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-b48b45ec.js';
-import { i as intl } from './global-fbe84c58.js';
+import { i as intl } from './global-148543ea.js';
 import './use-callback-051c06c6.js';
-import { d as dist, N, O, x, v as vn, i as isDemo } from './index.module-3c720e8f.js';
+import { d as dist, W, O, x, h as hn, i as isDemo } from './index.module-9ea0fbf4.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { G as GenericTableView } from './GenericTableView-ce26115f.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-695ddbbd.js';
-import { u as useChildElements } from './useChildElements-79be4145.js';
+import { G as GenericTableView } from './GenericTableView-266126f9.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-f93d483e.js';
+import { u as useChildElements } from './useChildElements-1a725093.js';
 import { l as luxon } from './luxon-1e38d7f1.js';
-import { g as generateUserError, m as mockRewardData } from './useReferralTable-7f8db41f.js';
+import { g as generateUserError, m as mockRewardData } from './useReferralTable-442a5fd4.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";
-const GET_REWARDS = 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 = 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 = N();
+  const user = W();
   const programIdContext = O();
   const locale = x();
   // Default to context, overriden by props
@@ -145,7 +145,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = 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, } = hn(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,
   }, {
@@ -569,7 +569,7 @@ const RewardTableRewardsCell = class {
         };
         const sheet = createStyleSheet(style);
         const styleString = sheet.toString();
-        return (h("div", null, h("style", { type: "text/css" }, styleString), h("div", { class: sheet.classes.Container }, h("span", null, pimpedPrettyValue + " "), h("br", null), " ", h("div", { class: sheet.classes.Progress }), h("span", { class: sheet.classes.Subtext }, progressBarSubtext))));
+        return (h("div", null, h("style", { type: "text/css" }, styleString), h("div", { class: sheet.classes.Container }, h("span", { part: "sqm-rewards-cell-value" }, pimpedPrettyValue + " "), h("br", null), " ", h("div", { part: "sqm-rewards-cell-progress-bar", class: sheet.classes.Progress }), h("span", { part: "sqm-rewards-cell-subtext", class: sheet.classes.Subtext }, progressBarSubtext))));
       }
       return h("div", null, pimpedPrettyValue);
     };
@@ -600,7 +600,7 @@ const RewardsTableColumn = class {
   }
   disconnectedCallback() { }
   async renderCell(data, locale) {
-    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: locale }));
+    return (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;