@saasquatch/mint-components 1.6.7 → 1.6.8-0

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

@@ -2,24 +2,25 @@
 
 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-67a37b3f.js');
-require('./use-callback-86e9ac75.js');
-const index_module = require('./index.module-c6626247.js');
+const index$1 = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+const global = require('./global-3ebda209.js');
+require('./use-callback-05714e23.js');
+const index_module = require('./index.module-30d74cb5.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 luxon = require('./luxon-53e983a6.js');
-const useReferralTable = require('./useReferralTable-6257eb3b.js');
+const reRender = require('./re-render-6963789e.js');
+const useChildElements = require('./useChildElements-161457a6.js');
+const luxon = require('./luxon-1b6e7276.js');
+const useReferralTable = require('./useReferralTable-e933351b.js');
+const index = require('./index-e4027f09.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 `
+const GET_REWARDS = index.dist.gql `
   query getRewards(
     $limit: Int!
     $offset: Int!
@@ -125,7 +126,7 @@ const GET_REWARDS = index_module.dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = index_module.N();
+  const user = index_module.W();
   const programIdContext = index_module.O();
   const locale = index_module.x();
   // Default to context, overriden by props
@@ -149,7 +150,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.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,
   }, {
@@ -166,7 +167,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (r) => {
-      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale, index.h)));
+      const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(r, locale, index$1.h)));
       const cells = (await Promise.all(cellPromise));
       return cells;
     });
@@ -234,7 +235,7 @@ async function tryMethod(c, callback) {
     // renderLabel did not return a promise, so this method probably doesn't exist
     // therefore, we IGNORE the label
     debug("label promise failed", e);
-    return index.h("span", null);
+    return index$1.h("span", null);
   }
   try {
     return await labelPromise;
@@ -244,15 +245,15 @@ async function tryMethod(c, callback) {
     // This should not happen so we fail fast
     debug("Error rendering label", e);
     const userError = useReferralTable.generateUserError(e);
-    return (index.h("details", null,
-      index.h("summary", null, "Error"),
+    return (index$1.h("details", null,
+      index$1.h("summary", null, "Error"),
       userError));
   }
 }
 
 const RewardsTable = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /** @uiName Number of rewards per page */
     this.perPage = 4;
     /** @uiName Hide Column Labels */
@@ -270,27 +271,27 @@ const RewardsTable = class {
     this.smBreakpoint = 599;
     /** @uiName Tablet Breakpoint  */
     this.mdBreakpoint = 799;
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
-    const empty = index.h(EmptySlot, null);
-    const loading = index.h(LoadingSlot, null);
+    const empty = index$1.h(EmptySlot, null);
+    const loading = index$1.h(LoadingSlot, null);
     const { states, data, callbacks, elements } = index_module.isDemo()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     reRender.useRequestRerender([this.perPage]);
-    return (index.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements }));
+    return (index$1.h(GenericTableView.GenericTableView, { states: states, data: data, callbacks: callbacks, elements: elements }));
   }
 };
 function EmptySlot() {
-  return (index.h("slot", { name: "empty" }, index.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png", "empty-state-header": "View your rewards", "empty-state-text": "Refer friends and complete tasks to view the details of your rewards" })));
+  return (index$1.h("slot", { name: "empty" }, index$1.h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png", "empty-state-header": "View your rewards", "empty-state-text": "Refer friends and complete tasks to view the details of your rewards" })));
 }
 function LoadingSlot() {
-  return (index.h("slot", { name: "loading" }, index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null), index.h(LoadingRow, null)));
+  return (index$1.h("slot", { name: "loading" }, index$1.h(LoadingRow, null), index$1.h(LoadingRow, null), index$1.h(LoadingRow, null), index$1.h(LoadingRow, null)));
 }
 function LoadingRow() {
-  return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 5 }, index.h("sl-skeleton", null))));
+  return (index$1.h("sqm-table-row", null, index$1.h("sqm-table-cell", { colspan: 5 }, index$1.h("sl-skeleton", null))));
 }
 function useRewardsTableDemo(props, emptyElement, loadingElement) {
   const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
@@ -385,10 +386,10 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
 
 const RewardTableDateCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.ignored = true;
     this.locale = "en";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   render() {
@@ -402,7 +403,7 @@ const RewardTableDateCell = class {
 
 const RewardTableDateColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Date Column Title
      */
@@ -418,18 +419,18 @@ const RewardTableDateColumn = class {
      * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
      */
     this.dateShown = "dateGiven";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, locale) {
-    return (index.h("sqm-rewards-table-date-cell", { date: data[this.dateShown], locale: locale }));
+    return (index$1.h("sqm-rewards-table-date-cell", { date: data[this.dateShown], locale: locale }));
   }
   async renderLabel() {
     return this.columnTitle;
   }
   render() {
     reRender.useRequestRerender([this.dateShown, this.columnTitle]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 
@@ -506,7 +507,7 @@ const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 const RewardTableRewardsCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
   }
   // TODO: value function from portalv2
   render() {
@@ -519,19 +520,19 @@ const RewardTableRewardsCell = class {
       const singleReward = reward.prettyValueNumber === "1" ||
         (reward.dateRedeemed && reward.prettyAvailableNumber === "0");
       if (reward.type === "FUELTANK") {
-        return (index.h("div", { class: sheet.classes.Fueltank }, reward.prettyValue, reward.fuelTankCode && (index.h("div", { class: "code", onClick: () => navigator.clipboard.writeText(reward.fuelTankCode) }, index.h("sl-tooltip", { trigger: "click", placement: "top", distance: 5, skidding: 11, content: this.copyText, "onSl-show": (e) => setTimeout(() => e.path[0].hide(), 1000) }, index.h("span", { class: "text" }, reward.fuelTankCode), index.h("span", { class: "icon" }, index.h("sl-icon", { name: "files" })))))));
+        return (index$1.h("div", { class: sheet.classes.Fueltank }, reward.prettyValue, reward.fuelTankCode && (index$1.h("div", { class: "code", onClick: () => navigator.clipboard.writeText(reward.fuelTankCode) }, index$1.h("sl-tooltip", { trigger: "click", placement: "top", distance: 5, skidding: 11, content: this.copyText, "onSl-show": (e) => setTimeout(() => e.path[0].hide(), 1000) }, index$1.h("span", { class: "text" }, reward.fuelTankCode), index$1.h("span", { class: "icon" }, index$1.h("sl-icon", { name: "files" })))))));
       }
       if (reward.type === "CREDIT" && !singleReward) {
         const remainingValue = parseFloat(reward.prettyValueNumber) -
           parseFloat(reward.prettyRedeemedNumber);
         const progress = Math.round((remainingValue / parseFloat(reward.prettyValueNumber)) * 100);
         const progressBarSubtext = reward.statuses.includes("EXPIRED") ||
-          reward.statuses.includes("CANCELLED") ? (index.h("div", null, global.intl.formatMessage({
+          reward.statuses.includes("CANCELLED") ? (index$1.h("div", null, global.intl.formatMessage({
           id: "redeemedText",
           defaultMessage: this.redeemedText,
         }, {
           redeemedAmount: reward.prettyRedeemedCredit,
-        }))) : (index.h("div", null, global.intl.formatMessage({
+        }))) : (index$1.h("div", null, global.intl.formatMessage({
           id: "availableText",
           defaultMessage: this.availableText,
         }, {
@@ -573,17 +574,17 @@ 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$1.h("div", null, index$1.h("style", { type: "text/css" }, styleString), index$1.h("div", { class: sheet.classes.Container }, index$1.h("span", { part: "sqm-rewards-cell-value" }, pimpedPrettyValue + " "), index$1.h("br", null), " ", index$1.h("div", { part: "sqm-rewards-cell-progress-bar", class: sheet.classes.Progress }), index$1.h("span", { part: "sqm-rewards-cell-subtext", class: sheet.classes.Subtext }, progressBarSubtext))));
       }
-      return index.h("div", null, pimpedPrettyValue);
+      return index$1.h("div", null, pimpedPrettyValue);
     };
-    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString), index.h(RewardValue, { reward: this.reward })));
+    return (index$1.h("div", { style: { display: "contents" } }, index$1.h("style", { type: "text/css" }, styleString), index$1.h(RewardValue, { reward: this.reward })));
   }
 };
 
 const RewardsTableColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Reward Column Title
      */
@@ -600,11 +601,11 @@ const RewardsTableColumn = class {
      * @uiName Copied Fuel Tank Text
      */
     this.copyText = "Copied!";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(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$1.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;
@@ -616,20 +617,20 @@ const RewardsTableColumn = class {
       this.availableText,
       this.copyText,
     ]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 
 const RewardTableSourceCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.locale = "en";
   }
   render() {
     global.intl.locale = this.locale;
     const RewardSource = ({ reward }) => {
       var _a;
-      return (index.h("span", null, global.intl.formatMessage({
+      return (index$1.h("span", null, global.intl.formatMessage({
         id: "rewardSourceText",
         defaultMessage: this.rewardSourceText,
       }, {
@@ -640,15 +641,15 @@ const RewardTableSourceCell = class {
     const SOURCE_COLUMN_LENGTH = 21;
     const RewardExchangeBadge = ({ reward }) => {
       var _a;
-      const rewardExchange = (index.h("div", null, index.h("span", { style: {
+      const rewardExchange = (index$1.h("div", null, index$1.h("span", { style: {
           fontSize: "var(--sl-font-size-small)",
           color: "var(--sl-color-neutral-500)",
-        } }, this.rewardExchangeText), index.h("br", null), (_a = reward.exchangedRewardRedemptionTransaction) === null || _a === void 0 ? void 0 :
+        } }, this.rewardExchangeText), index$1.h("br", null), (_a = reward.exchangedRewardRedemptionTransaction) === null || _a === void 0 ? void 0 :
         _a.prettyRedeemedCredit, " → ", reward.prettyValue));
       return reward.exchangedRewardRedemptionTransaction.prettyRedeemedCredit
         .length +
         reward.prettyValue.length <
-        SOURCE_COLUMN_LENGTH ? (rewardExchange) : (index.h("div", { style: {
+        SOURCE_COLUMN_LENGTH ? (rewardExchange) : (index$1.h("div", { style: {
           display: "inline-block",
           verticalAlign: "top",
         } }, rewardExchange));
@@ -665,7 +666,7 @@ const RewardTableSourceCell = class {
       return `${user.firstName} ${user.lastName}`;
     };
     const Source = () => this.reward.rewardSource === "FRIEND_SIGNUP" ||
-      this.reward.rewardSource === "REFERRED" ? (index.h("div", null, index.h("div", { style: {
+      this.reward.rewardSource === "REFERRED" ? (index$1.h("div", null, index$1.h("div", { style: {
         fontSize: "var(--sl-font-size-small)",
         color: "var(--sl-color-neutral-500)",
       } }, global.intl.formatMessage({
@@ -673,16 +674,16 @@ const RewardTableSourceCell = class {
       defaultMessage: this.referralText,
     }, {
       rewardSource: this.reward.rewardSource,
-    })), index.h("div", null, this.reward.rewardSource == "FRIEND_SIGNUP"
+    })), index$1.h("div", null, this.reward.rewardSource == "FRIEND_SIGNUP"
       ? getFullName(this.reward.referral.referredUser)
-      : getFullName(this.reward.referral.referrerUser)))) : this.reward.exchangedRewardRedemptionTransaction ? (index.h(RewardExchangeBadge, { reward: this.reward })) : (index.h(RewardSource, { reward: this.reward }));
-    return index.h(Source, null);
+      : getFullName(this.reward.referral.referrerUser)))) : this.reward.exchangedRewardRedemptionTransaction ? (index$1.h(RewardExchangeBadge, { reward: this.reward })) : (index$1.h(RewardSource, { reward: this.reward }));
+    return index$1.h(Source, null);
   }
 };
 
 const RewardTableUserColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Soruce Column Title
      */
@@ -717,11 +718,11 @@ const RewardTableUserColumn = class {
      * @uiWidget textArea
      */
     this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, locale) {
-    return (index.h("sqm-rewards-table-source-cell", { reward: data, anonymousUserText: this.anonymousUser, deletedUserText: this.deletedUser, rewardExchangeText: this.rewardExchangeText, referralText: this.referralText, rewardSourceText: this.rewardSourceText, locale: locale }));
+    return (index$1.h("sqm-rewards-table-source-cell", { reward: data, anonymousUserText: this.anonymousUser, deletedUserText: this.deletedUser, rewardExchangeText: this.rewardExchangeText, referralText: this.referralText, rewardSourceText: this.rewardSourceText, locale: locale }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -735,7 +736,7 @@ const RewardTableUserColumn = class {
       this.referralText,
       this.rewardSourceText,
     ]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };
 
@@ -765,7 +766,7 @@ const sheet$1 = JSS.createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();
 const RewardTableStatusCell = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.expiryText = "Expires";
     this.locale = "en";
     this.pendingUsTax = "W-9 required";
@@ -821,9 +822,9 @@ const RewardTableStatusCell = class {
         ? this.expiryText + " "
         : ""}${(_a = luxon.luxon.DateTime.fromMillis(dateShown)) === null || _a === void 0 ? void 0 : _a.setLocale(utils.luxonLocale(utils.luxonLocale(this.locale))).toLocaleString(luxon.luxon.DateTime.DATE_MED)}`;
     const pendingReasons = rewardStatus === "PENDING" ? getRewardPendingReasons(this) : null;
-    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString$1), index.h("sl-badge", { type: badgeType, pill: true, class: rewardStatus === "REDEEMED"
+    return (index$1.h("div", { style: { display: "contents" } }, index$1.h("style", { type: "text/css" }, styleString$1), index$1.h("sl-badge", { type: badgeType, pill: true, class: rewardStatus === "REDEEMED"
         ? sheet$1.classes.RedeemBadge
-        : sheet$1.classes.Badge }, statusText), index.h("p", { class: sheet$1.classes.Date }, pendingReasons || date)));
+        : sheet$1.classes.Badge }, statusText), index$1.h("p", { class: sheet$1.classes.Date }, pendingReasons || date)));
     function getRewardPendingReasons(prop) {
       var _a;
       const pendingCodeMap = {
@@ -842,7 +843,7 @@ const RewardTableStatusCell = class {
 
 const RewardTableStatusColumn = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * @uiName Column Title
      */
@@ -876,11 +877,11 @@ const RewardTableStatusColumn = class {
      * @uiName Unhandled Error Text
      */
     this.pendingUnhandled = "Fulfillment error";
-    stencilHooks_module.h$1(this);
+    stencilHooks_module.h(this);
   }
   disconnectedCallback() { }
   async renderCell(data, locale) {
-    return (index.h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: data, expiryText: this.expiryText, pendingScheduled: this.pendingScheduled, pendingUsTax: this.pendingUsTax, pendingUnhandled: this.pendingUnhandled, locale: locale }));
+    return (index$1.h("sqm-rewards-table-status-cell", { statusText: this.statusText, reward: data, expiryText: this.expiryText, pendingScheduled: this.pendingScheduled, pendingUsTax: this.pendingUsTax, pendingUnhandled: this.pendingUnhandled, locale: locale }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -894,7 +895,7 @@ const RewardTableStatusColumn = class {
       this.pendingUsTax,
       this.pendingUnhandled,
     ]);
-    return index.h(index.Host, { style: { display: "none" } });
+    return index$1.h(index$1.Host, { style: { display: "none" } });
   }
 };