@saasquatch/mint-components 1.11.1-59 → 1.11.1-60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +50 -48
  2. package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js +118 -113
  3. package/dist/esm/sqm-referral-table_11.entry.js +50 -48
  4. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  5. package/dist/mint-components/mint-components.esm.js +1 -1
  6. package/dist/mint-components/p-2a784d42.entry.js +1 -0
  7. package/dist/mint-components/{p-4e173784.system.entry.js → p-6c59f08a.system.entry.js} +1 -1
  8. package/dist/mint-components/p-ed17e637.system.js +1 -1
  9. package/docs/docs.docx +0 -0
  10. package/package.json +1 -1
  11. package/dist/mint-components/p-c51005e1.entry.js +0 -1
package/dist/cjs/sqm-referral-table_11.cjs.entry.js CHANGED
@@ -591,54 +591,56 @@ const ReferralTableRewardsCell = class {
591
591
  };
592
592
  const rewardMap = stencilHooks_module.useMemo(() => {
593
593
  var _a;
594
- return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
595
- var _a, _b;
596
- const state = getState(reward, this.taxConnection);
597
- const slBadgeType = getSLBadgeType(state);
598
- const badgeText = global.intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
599
- status: state,
600
- });
601
- console.log({
602
- state,
603
- intl: global.intl,
604
- badgeText,
605
- statusText: this.statusText,
606
- reward,
607
- });
608
- const statusText = global.intl.formatMessage({
609
- id: "statusLongMessage",
610
- defaultMessage: this.statusLongText,
611
- }, {
612
- status: state,
613
- });
614
- 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"
615
- ? sheet.classes.RedeemBadge
616
- : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
617
- id: "pendingForText",
618
- defaultMessage: this.pendingForText,
619
- }, {
620
- status: badgeText,
621
- date: getTimeDiff(reward.dateScheduledFor),
622
- }))) : (index.h("sl-badge", { class: slBadgeType === "primary"
623
- ? sheet.classes.RedeemBadge
624
- : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
625
- ? sheet.classes.RedeemBadge
626
- : 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)
627
- .setLocale(utils.luxonLocale(this.locale))
628
- .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)
629
- .setLocale(utils.luxonLocale(this.locale))
630
- .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)
631
- .setLocale(utils.luxonLocale(this.locale))
632
- .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)
633
- .setLocale(utils.luxonLocale(this.locale))
634
- .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)
635
- .setLocale(utils.luxonLocale(this.locale))
636
- .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)
637
- .setLocale(utils.luxonLocale(this.locale))
638
- .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)
639
- .setLocale(utils.luxonLocale(this.locale))
640
- .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))))));
641
- });
594
+ console.log({ statusText: this.statusText });
595
+ return this.statusText
596
+ ? (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
597
+ var _a, _b;
598
+ const state = getState(reward, this.taxConnection);
599
+ const slBadgeType = getSLBadgeType(state);
600
+ const badgeText = global.intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
601
+ status: state,
602
+ });
603
+ console.log({
604
+ state,
605
+ intl: global.intl,
606
+ badgeText,
607
+ statusText: this.statusText,
608
+ reward,
609
+ });
610
+ const statusText = global.intl.formatMessage({
611
+ id: "statusLongMessage",
612
+ defaultMessage: this.statusLongText,
613
+ }, {
614
+ status: state,
615
+ });
616
+ 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"
617
+ ? sheet.classes.RedeemBadge
618
+ : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
619
+ id: "pendingForText",
620
+ defaultMessage: this.pendingForText,
621
+ }, {
622
+ status: badgeText,
623
+ date: getTimeDiff(reward.dateScheduledFor),
624
+ }))) : (index.h("sl-badge", { class: slBadgeType === "primary"
625
+ ? sheet.classes.RedeemBadge
626
+ : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
627
+ ? sheet.classes.RedeemBadge
628
+ : 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)
629
+ .setLocale(utils.luxonLocale(this.locale))
630
+ .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)
631
+ .setLocale(utils.luxonLocale(this.locale))
632
+ .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)
633
+ .setLocale(utils.luxonLocale(this.locale))
634
+ .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)
635
+ .setLocale(utils.luxonLocale(this.locale))
636
+ .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)
637
+ .setLocale(utils.luxonLocale(this.locale))
638
+ .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)
639
+ .setLocale(utils.luxonLocale(this.locale))
640
+ .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)
641
+ .setLocale(utils.luxonLocale(this.locale))
642
+ .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))))));
643
+ }) : [];
642
644
  }, [this.statusText]);
643
645
  return rewardMap;
644
646
  }
package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js CHANGED
@@ -171,120 +171,125 @@ export class ReferralTableRewardsCell {
171
171
  .replace("in", "")
172
172
  .trim();
173
173
  };
174
- const rewardMap = useMemo(() => { var _a; return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
175
- var _a, _b;
176
- const state = getState(reward, this.taxConnection);
177
- const slBadgeType = getSLBadgeType(state);
178
- const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
179
- status: state,
180
- });
181
- console.log({
182
- state,
183
- intl,
184
- badgeText,
185
- statusText: this.statusText,
186
- reward,
187
- });
188
- const statusText = intl.formatMessage({
189
- id: "statusLongMessage",
190
- defaultMessage: this.statusLongText,
191
- }, {
192
- status: state,
193
- });
194
- return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails },
195
- h("style", { type: "text/css" }, styleString),
196
- h("div", { slot: "summary", class: sheet.classes.DetailsContainer },
197
- h(TextSpanView, { type: "p" },
198
- h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)),
199
- h("div", { class: sheet.classes.BadgeContainer },
200
- state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
201
- ? sheet.classes.RedeemBadge
202
- : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
203
- id: "pendingForText",
204
- defaultMessage: this.pendingForText,
205
- }, {
206
- status: badgeText,
207
- date: getTimeDiff(reward.dateScheduledFor),
208
- }))) : (h("sl-badge", { class: slBadgeType === "primary"
209
- ? sheet.classes.RedeemBadge
210
- : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)),
211
- reward.dateExpires && state === "AVAILABLE" && (h("sl-badge", { class: slBadgeType === "primary"
212
- ? sheet.classes.RedeemBadge
213
- : sheet.classes.StatusBadge, type: "info", pill: true },
214
- this.expiringText,
215
- ` ${getTimeDiff(reward.dateExpires)}`)))),
216
- h("div", null,
217
- state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h("div", null,
218
- h(TextSpanView, { type: "p" },
219
- statusText,
174
+ const rewardMap = useMemo(() => {
175
+ var _a;
176
+ console.log({ statusText: this.statusText });
177
+ return this.statusText
178
+ ? (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
179
+ var _a, _b;
180
+ const state = getState(reward, this.taxConnection);
181
+ const slBadgeType = getSLBadgeType(state);
182
+ const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
183
+ status: state,
184
+ });
185
+ console.log({
186
+ state,
187
+ intl,
188
+ badgeText,
189
+ statusText: this.statusText,
190
+ reward,
191
+ });
192
+ const statusText = intl.formatMessage({
193
+ id: "statusLongMessage",
194
+ defaultMessage: this.statusLongText,
195
+ }, {
196
+ status: state,
197
+ });
198
+ return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails },
199
+ h("style", { type: "text/css" }, styleString),
200
+ h("div", { slot: "summary", class: sheet.classes.DetailsContainer },
201
+ h(TextSpanView, { type: "p" },
202
+ h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)),
203
+ h("div", { class: sheet.classes.BadgeContainer },
204
+ state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
205
+ ? sheet.classes.RedeemBadge
206
+ : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
207
+ id: "pendingForText",
208
+ defaultMessage: this.pendingForText,
209
+ }, {
210
+ status: badgeText,
211
+ date: getTimeDiff(reward.dateScheduledFor),
212
+ }))) : (h("sl-badge", { class: slBadgeType === "primary"
213
+ ? sheet.classes.RedeemBadge
214
+ : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)),
215
+ reward.dateExpires && state === "AVAILABLE" && (h("sl-badge", { class: slBadgeType === "primary"
216
+ ? sheet.classes.RedeemBadge
217
+ : sheet.classes.StatusBadge, type: "info", pill: true },
218
+ this.expiringText,
219
+ ` ${getTimeDiff(reward.dateExpires)}`)))),
220
+ h("div", null,
221
+ state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h("div", null,
222
+ h(TextSpanView, { type: "p" },
223
+ statusText,
224
+ " ",
225
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
226
+ .setLocale(luxonLocale(this.locale))
227
+ .toLocaleString(DateTime.DATE_MED))))),
228
+ state === "PAYOUT_APPROVED" && (h("div", null,
229
+ h(TextSpanView, { type: "p" }, statusText))),
230
+ state === "PAYOUT_FAILED" && (h("div", null,
231
+ h(TextSpanView, { type: "p" }, statusText))),
232
+ state === "PAYOUT_CANCELLED" && (h("div", null,
233
+ h(TextSpanView, { type: "p" }, statusText))),
234
+ state === "PENDING_TAX_REVIEW" && (h("div", null,
235
+ h(TextSpanView, { type: "p" }, statusText))),
236
+ state === "PENDING_NEW_TAX_FORM" && (h("div", null,
237
+ h(TextSpanView, { type: "p" }, statusText))),
238
+ state === "PENDING_TAX_SUBMISSION" && (h("div", null,
239
+ h(TextSpanView, { type: "p" }, statusText))),
240
+ state === "PENDING_PARTNER_CREATION" && (h("div", null,
241
+ h(TextSpanView, { type: "p" }, statusText))),
242
+ state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h("div", null,
243
+ h(TextSpanView, { type: "p" },
244
+ statusText,
245
+ " ",
246
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
247
+ .setLocale(luxonLocale(this.locale))
248
+ .toLocaleString(DateTime.DATE_MED)),
249
+ ".",
250
+ this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))),
251
+ reward.dateGiven && (h("div", null,
252
+ h(TextSpanView, { type: "p" },
253
+ this.rewardReceivedText,
254
+ " ",
255
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateGiven)
256
+ .setLocale(luxonLocale(this.locale))
257
+ .toLocaleString(DateTime.DATE_MED))))),
258
+ state === "EXPIRED" && reward.dateExpires && (h("div", null,
259
+ h(TextSpanView, { type: "p" },
260
+ statusText,
261
+ " ",
262
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
263
+ .setLocale(luxonLocale(this.locale))
264
+ .toLocaleString(DateTime.DATE_MED))))),
265
+ state === "CANCELLED" && reward.dateCancelled && (h("div", null,
266
+ h(TextSpanView, { type: "p" },
267
+ statusText,
268
+ " ",
269
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateCancelled)
270
+ .setLocale(luxonLocale(this.locale))
271
+ .toLocaleString(DateTime.DATE_MED))))),
272
+ state === "PENDING" && reward.dateScheduledFor && (h("div", null,
273
+ h(TextSpanView, { type: "p" },
274
+ statusText,
275
+ " ",
276
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateScheduledFor)
277
+ .setLocale(luxonLocale(this.locale))
278
+ .toLocaleString(DateTime.DATE_MED))))),
220
279
  " ",
221
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
222
- .setLocale(luxonLocale(this.locale))
223
- .toLocaleString(DateTime.DATE_MED))))),
224
- state === "PAYOUT_APPROVED" && (h("div", null,
225
- h(TextSpanView, { type: "p" }, statusText))),
226
- state === "PAYOUT_FAILED" && (h("div", null,
227
- h(TextSpanView, { type: "p" }, statusText))),
228
- state === "PAYOUT_CANCELLED" && (h("div", null,
229
- h(TextSpanView, { type: "p" }, statusText))),
230
- state === "PENDING_TAX_REVIEW" && (h("div", null,
231
- h(TextSpanView, { type: "p" }, statusText))),
232
- state === "PENDING_NEW_TAX_FORM" && (h("div", null,
233
- h(TextSpanView, { type: "p" }, statusText))),
234
- state === "PENDING_TAX_SUBMISSION" && (h("div", null,
235
- h(TextSpanView, { type: "p" }, statusText))),
236
- state === "PENDING_PARTNER_CREATION" && (h("div", null,
237
- h(TextSpanView, { type: "p" }, statusText))),
238
- state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h("div", null,
239
- h(TextSpanView, { type: "p" },
240
- statusText,
241
- " ",
242
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
243
- .setLocale(luxonLocale(this.locale))
244
- .toLocaleString(DateTime.DATE_MED)),
245
- ".",
246
- this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))),
247
- reward.dateGiven && (h("div", null,
248
- h(TextSpanView, { type: "p" },
249
- this.rewardReceivedText,
250
- " ",
251
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateGiven)
252
- .setLocale(luxonLocale(this.locale))
253
- .toLocaleString(DateTime.DATE_MED))))),
254
- state === "EXPIRED" && reward.dateExpires && (h("div", null,
255
- h(TextSpanView, { type: "p" },
256
- statusText,
257
- " ",
258
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
259
- .setLocale(luxonLocale(this.locale))
260
- .toLocaleString(DateTime.DATE_MED))))),
261
- state === "CANCELLED" && reward.dateCancelled && (h("div", null,
262
- h(TextSpanView, { type: "p" },
263
- statusText,
264
- " ",
265
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateCancelled)
266
- .setLocale(luxonLocale(this.locale))
267
- .toLocaleString(DateTime.DATE_MED))))),
268
- state === "PENDING" && reward.dateScheduledFor && (h("div", null,
269
- h(TextSpanView, { type: "p" },
270
- statusText,
271
- " ",
272
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateScheduledFor)
273
- .setLocale(luxonLocale(this.locale))
274
- .toLocaleString(DateTime.DATE_MED))))),
275
- " ",
276
- state === "AVAILABLE" && reward.dateExpires && (h("div", null,
277
- h(TextSpanView, { type: "p" },
278
- statusText,
279
- " ",
280
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
281
- .setLocale(luxonLocale(this.locale))
282
- .toLocaleString(DateTime.DATE_MED))))),
283
- reward.fuelTankCode && (h("div", null,
284
- this.fuelTankText,
285
- " ",
286
- h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
287
- }); }, [this.statusText]);
280
+ state === "AVAILABLE" && reward.dateExpires && (h("div", null,
281
+ h(TextSpanView, { type: "p" },
282
+ statusText,
283
+ " ",
284
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
285
+ .setLocale(luxonLocale(this.locale))
286
+ .toLocaleString(DateTime.DATE_MED))))),
287
+ reward.fuelTankCode && (h("div", null,
288
+ this.fuelTankText,
289
+ " ",
290
+ h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
291
+ }) : [];
292
+ }, [this.statusText]);
288
293
  return rewardMap;
289
294
  }
290
295
  static get is() { return "sqm-referral-table-rewards-cell"; }
package/dist/esm/sqm-referral-table_11.entry.js CHANGED
@@ -587,54 +587,56 @@ const ReferralTableRewardsCell = class {
587
587
  };
588
588
  const rewardMap = useMemo(() => {
589
589
  var _a;
590
- return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
591
- var _a, _b;
592
- const state = getState(reward, this.taxConnection);
593
- const slBadgeType = getSLBadgeType(state);
594
- const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
595
- status: state,
596
- });
597
- console.log({
598
- state,
599
- intl,
600
- badgeText,
601
- statusText: this.statusText,
602
- reward,
603
- });
604
- const statusText = intl.formatMessage({
605
- id: "statusLongMessage",
606
- defaultMessage: this.statusLongText,
607
- }, {
608
- status: state,
609
- });
610
- return (h$1("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, h$1("style", { type: "text/css" }, styleString), h$1("div", { slot: "summary", class: sheet.classes.DetailsContainer }, h$1(TextSpanView, { type: "p" }, h$1("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), h$1("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (h$1("sl-badge", { class: slBadgeType === "primary"
611
- ? sheet.classes.RedeemBadge
612
- : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
613
- id: "pendingForText",
614
- defaultMessage: this.pendingForText,
615
- }, {
616
- status: badgeText,
617
- date: getTimeDiff(reward.dateScheduledFor),
618
- }))) : (h$1("sl-badge", { class: slBadgeType === "primary"
619
- ? sheet.classes.RedeemBadge
620
- : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (h$1("sl-badge", { class: slBadgeType === "primary"
621
- ? sheet.classes.RedeemBadge
622
- : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), h$1("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
623
- .setLocale(luxonLocale(this.locale))
624
- .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
625
- .setLocale(luxonLocale(this.locale))
626
- .toLocaleString(luxon.DateTime.DATE_MED)), ".", this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))), reward.dateGiven && (h$1("div", null, h$1(TextSpanView, { type: "p" }, this.rewardReceivedText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateGiven)
627
- .setLocale(luxonLocale(this.locale))
628
- .toLocaleString(luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateExpires)
629
- .setLocale(luxonLocale(this.locale))
630
- .toLocaleString(luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateCancelled)
631
- .setLocale(luxonLocale(this.locale))
632
- .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateScheduledFor)
633
- .setLocale(luxonLocale(this.locale))
634
- .toLocaleString(luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateExpires)
635
- .setLocale(luxonLocale(this.locale))
636
- .toLocaleString(luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (h$1("div", null, this.fuelTankText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
637
- });
590
+ console.log({ statusText: this.statusText });
591
+ return this.statusText
592
+ ? (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
593
+ var _a, _b;
594
+ const state = getState(reward, this.taxConnection);
595
+ const slBadgeType = getSLBadgeType(state);
596
+ const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
597
+ status: state,
598
+ });
599
+ console.log({
600
+ state,
601
+ intl,
602
+ badgeText,
603
+ statusText: this.statusText,
604
+ reward,
605
+ });
606
+ const statusText = intl.formatMessage({
607
+ id: "statusLongMessage",
608
+ defaultMessage: this.statusLongText,
609
+ }, {
610
+ status: state,
611
+ });
612
+ return (h$1("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails }, h$1("style", { type: "text/css" }, styleString), h$1("div", { slot: "summary", class: sheet.classes.DetailsContainer }, h$1(TextSpanView, { type: "p" }, h$1("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)), h$1("div", { class: sheet.classes.BadgeContainer }, state === "PENDING" && reward.dateScheduledFor ? (h$1("sl-badge", { class: slBadgeType === "primary"
613
+ ? sheet.classes.RedeemBadge
614
+ : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
615
+ id: "pendingForText",
616
+ defaultMessage: this.pendingForText,
617
+ }, {
618
+ status: badgeText,
619
+ date: getTimeDiff(reward.dateScheduledFor),
620
+ }))) : (h$1("sl-badge", { class: slBadgeType === "primary"
621
+ ? sheet.classes.RedeemBadge
622
+ : sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (h$1("sl-badge", { class: slBadgeType === "primary"
623
+ ? sheet.classes.RedeemBadge
624
+ : sheet.classes.StatusBadge, type: "info", pill: true }, this.expiringText, ` ${getTimeDiff(reward.dateExpires)}`)))), h$1("div", null, state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
625
+ .setLocale(luxonLocale(this.locale))
626
+ .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PAYOUT_APPROVED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_FAILED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PAYOUT_CANCELLED" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_REVIEW" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_NEW_TAX_FORM" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_TAX_SUBMISSION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "PENDING_PARTNER_CREATION" && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText))), state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.referral.dateModerated)
627
+ .setLocale(luxonLocale(this.locale))
628
+ .toLocaleString(luxon.DateTime.DATE_MED)), ".", this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))), reward.dateGiven && (h$1("div", null, h$1(TextSpanView, { type: "p" }, this.rewardReceivedText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateGiven)
629
+ .setLocale(luxonLocale(this.locale))
630
+ .toLocaleString(luxon.DateTime.DATE_MED))))), state === "EXPIRED" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateExpires)
631
+ .setLocale(luxonLocale(this.locale))
632
+ .toLocaleString(luxon.DateTime.DATE_MED))))), state === "CANCELLED" && reward.dateCancelled && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateCancelled)
633
+ .setLocale(luxonLocale(this.locale))
634
+ .toLocaleString(luxon.DateTime.DATE_MED))))), state === "PENDING" && reward.dateScheduledFor && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateScheduledFor)
635
+ .setLocale(luxonLocale(this.locale))
636
+ .toLocaleString(luxon.DateTime.DATE_MED))))), " ", state === "AVAILABLE" && reward.dateExpires && (h$1("div", null, h$1(TextSpanView, { type: "p" }, statusText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, luxon.DateTime.fromMillis(reward.dateExpires)
637
+ .setLocale(luxonLocale(this.locale))
638
+ .toLocaleString(luxon.DateTime.DATE_MED))))), reward.fuelTankCode && (h$1("div", null, this.fuelTankText, " ", h$1("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
639
+ }) : [];
638
640
  }, [this.statusText]);
639
641
  return rewardMap;
640
642
  }