@saasquatch/mint-components 1.11.1-6 → 1.11.1-61

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -6,16 +6,16 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const global = require('./global-02e50f09.js');
 const index_module = require('./index.module-df530553.js');
-const utils = require('./utils-6847bc06.js');
-const JSS = require('./JSS-8503a151.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-const GenericTableView = require('./GenericTableView-a3f48e15.js');
+const JSS = require('./JSS-8503a151.js');
+const GenericTableView = require('./GenericTableView-80d7642e.js');
 const reRender = require('./re-render-1976e05e.js');
 const useChildElements = require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 const mockRewardData = require('./mockRewardData-4258e067.js');
 const useReferralTable = require('./useReferralTable-a76adb0d.js');
+const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 const mockReferralData = (count = 4) => {
@@ -428,9 +428,20 @@ const ReferralTableRewardsCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.locale = "en";
+    stencilHooks_module.h$1(this);
   }
+  disconnectedCallback() { }
   render() {
-    var _a;
+    reRender.useRequestRerender([
+      this.statusText,
+      this.statusLongText,
+      this.fuelTankText,
+      this.rewardReceivedText,
+      this.expiringText,
+      this.pendingForText,
+      this.hideDetails,
+    ]);
+    const hasTextProps = !!this.statusText;
     global.intl.locale = this.locale;
     const style = {
       "@keyframes slideRight": {
@@ -579,47 +590,52 @@ const ReferralTableRewardsCell = class {
         .replace("in", "")
         .trim();
     };
-    return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
-      var _a, _b;
-      const state = getState(reward, this.taxConnection);
-      const slBadgeType = getSLBadgeType(state);
-      const badgeText = global.intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
-        status: state,
-      });
-      const statusText = global.intl.formatMessage({
-        id: "statusLongMessage",
-        defaultMessage: this.statusLongText,
-      }, {
-        status: state,
-      });
-      return (index.h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), index.h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (index.h("sl-badge", { class: slBadgeType === "primary"
-          ? sheet.classes.RedeemBadge
-          : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
-        id: "pendingForText",
-        defaultMessage: this.pendingForText,
-      }, {
-        status: badgeText,
-        date: getTimeDiff(reward.dateScheduledFor),
-      }))) : (index.h("sl-badge", { class: slBadgeType === "primary"
-          ? sheet.classes.RedeemBadge
-          : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
-          ? sheet.classes.RedeemBadge
-          : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED)), ".", this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))), reward.dateGiven && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, this.rewardReceivedText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateGiven)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateCancelled)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateScheduledFor)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
-        .setLocale(utils.luxonLocale(this.locale))
-        .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (index.h("div", null, this.fuelTankText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
-    });
+    const rewardMap = stencilHooks_module.useMemo(() => {
+      var _a;
+      return this.statusText
+        ? (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
+          var _a, _b;
+          const state = getState(reward, this.taxConnection);
+          const slBadgeType = getSLBadgeType(state);
+          const badgeText = global.intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
+            status: state,
+          });
+          const statusText = global.intl.formatMessage({
+            id: "statusLongMessage",
+            defaultMessage: this.statusLongText,
+          }, {
+            status: state,
+          });
+          return (index.h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, index.h("style", { type: "text/css" }, styleString), index.h("div", { slot: "summary", class: sheet.classes.DetailsContainer }, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, index.h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), index.h("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (index.h("sl-badge", { class: slBadgeType === "primary"
+              ? sheet.classes.RedeemBadge
+              : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
+            id: "pendingForText",
+            defaultMessage: this.pendingForText,
+          }, {
+            status: badgeText,
+            date: getTimeDiff(reward.dateScheduledFor),
+          }))) : (index.h("sl-badge", { class: slBadgeType === "primary"
+              ? sheet.classes.RedeemBadge
+              : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
+              ? sheet.classes.RedeemBadge
+              : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), index.h("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.referral.dateModerated)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED)), ".", this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))), reward.dateGiven && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, this.rewardReceivedText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateGiven)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateCancelled)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateScheduledFor)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (index.h("div", null, index.h(sqmTextSpanView.TextSpanView, { type: "p" }, statusText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.luxon.DateTime.fromMillis(reward.dateExpires)
+            .setLocale(utils.luxonLocale(this.locale))
+            .toLocaleString(luxon.luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (index.h("div", null, this.fuelTankText, " ", index.h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
+        }) : [];
+    }, [hasTextProps]);
+    return rewardMap;
   }
 };
 
@@ -683,7 +699,8 @@ const ReferralTableRewardsColumn = class {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards, taxConnection: options === null || options === void 0 ? void 0 : options.taxConnection, statusText: this.statusText, statusLongText: this.statusLongText, fuelTankText: this.fuelTankText, rewardReceivedText: this.rewardReceivedText, expiringText: this.expiringText, pendingForText: this.pendingForText, hideDetails: this.hideDetails, deniedHelpText: this.deniedHelpText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-cell-value" }));
+    console.log({ statusText: this.statusText });
+    return (index.h("sqm-referral-table-rewards-cell", { rewards: data.rewards, "tax-connection": options === null || options === void 0 ? void 0 : options.taxConnection, "status-text": this.statusText, "status-long-text": this.statusLongText, "fuel-tank-text": this.fuelTankText, "reward-received-text": this.rewardReceivedText, "expiring-text": this.expiringText, "pending-for-text": this.pendingForText, "hide-details": this.hideDetails, "denied-help-text": this.deniedHelpText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-cell-value" }));
   }
   async renderLabel() {
     return this.columnTitle;

package/dist/cjs/sqm-referred-registration.cjs.entry.js

@@ -6,10 +6,10 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const index_module = require('./index.module-df530553.js');
 require('./jsonpointer-11327262.js');
-require('./JSS-8503a151.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-const emailRegistrationView = require('./email-registration-view-4c5d9379.js');
+require('./JSS-8503a151.js');
+const emailRegistrationView = require('./email-registration-view-248652bb.js');
 require('./useRegistrationFormState-876ed65d.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-bbe746d1.js');
 

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

@@ -6,16 +6,16 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
 const global = require('./global-02e50f09.js');
 const index_module = require('./index.module-df530553.js');
-const utils = require('./utils-6847bc06.js');
-const JSS = require('./JSS-8503a151.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-const GenericTableView = require('./GenericTableView-a3f48e15.js');
+const JSS = require('./JSS-8503a151.js');
+const GenericTableView = require('./GenericTableView-80d7642e.js');
 const reRender = require('./re-render-1976e05e.js');
 const useChildElements = require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 const mockRewardData = require('./mockRewardData-4258e067.js');
 const useReferralTable = require('./useReferralTable-a76adb0d.js');
+const utils = require('./utils-6847bc06.js');
 
 const debug = stencilHooks_module.browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";