@saasquatch/mint-components 1.11.1-61 → 1.11.1-63
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.
- package/dist/cjs/sqm-referral-table_11.cjs.entry.js +45 -60
- package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js +115 -130
- package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js +1 -2
- package/dist/esm/sqm-referral-table_11.entry.js +45 -60
- package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-22bb14d0.system.entry.js +1 -0
- package/dist/mint-components/p-28ece826.entry.js +1 -0
- package/dist/mint-components/p-ed17e637.system.js +1 -1
- package/dist/types/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.d.ts +0 -2
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-21670740.system.entry.js +0 -1
- package/dist/mint-components/p-fdbd9aa7.entry.js +0 -1
|
@@ -427,21 +427,12 @@ const ReferralTableDateColumn = class {
|
|
|
427
427
|
const ReferralTableRewardsCell = class {
|
|
428
428
|
constructor(hostRef) {
|
|
429
429
|
index.registerInstance(this, hostRef);
|
|
430
|
+
this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
|
|
431
|
+
this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
|
|
430
432
|
this.locale = "en";
|
|
431
|
-
stencilHooks_module.h$1(this);
|
|
432
433
|
}
|
|
433
|
-
disconnectedCallback() { }
|
|
434
434
|
render() {
|
|
435
|
-
|
|
436
|
-
this.statusText,
|
|
437
|
-
this.statusLongText,
|
|
438
|
-
this.fuelTankText,
|
|
439
|
-
this.rewardReceivedText,
|
|
440
|
-
this.expiringText,
|
|
441
|
-
this.pendingForText,
|
|
442
|
-
this.hideDetails,
|
|
443
|
-
]);
|
|
444
|
-
const hasTextProps = !!this.statusText;
|
|
435
|
+
var _a;
|
|
445
436
|
global.intl.locale = this.locale;
|
|
446
437
|
const style = {
|
|
447
438
|
"@keyframes slideRight": {
|
|
@@ -590,52 +581,47 @@ const ReferralTableRewardsCell = class {
|
|
|
590
581
|
.replace("in", "")
|
|
591
582
|
.trim();
|
|
592
583
|
};
|
|
593
|
-
|
|
594
|
-
var _a;
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
}
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
.setLocale(utils.luxonLocale(this.locale))
|
|
635
|
-
.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))))));
|
|
636
|
-
}) : [];
|
|
637
|
-
}, [hasTextProps]);
|
|
638
|
-
return rewardMap;
|
|
584
|
+
return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
|
|
585
|
+
var _a, _b;
|
|
586
|
+
const state = getState(reward, this.taxConnection);
|
|
587
|
+
const slBadgeType = getSLBadgeType(state);
|
|
588
|
+
const badgeText = global.intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
|
|
589
|
+
status: state,
|
|
590
|
+
});
|
|
591
|
+
const statusText = global.intl.formatMessage({
|
|
592
|
+
id: "statusLongMessage",
|
|
593
|
+
defaultMessage: this.statusLongText,
|
|
594
|
+
}, {
|
|
595
|
+
status: state,
|
|
596
|
+
});
|
|
597
|
+
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"
|
|
598
|
+
? sheet.classes.RedeemBadge
|
|
599
|
+
: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, global.intl.formatMessage({
|
|
600
|
+
id: "pendingForText",
|
|
601
|
+
defaultMessage: this.pendingForText,
|
|
602
|
+
}, {
|
|
603
|
+
status: badgeText,
|
|
604
|
+
date: getTimeDiff(reward.dateScheduledFor),
|
|
605
|
+
}))) : (index.h("sl-badge", { class: slBadgeType === "primary"
|
|
606
|
+
? sheet.classes.RedeemBadge
|
|
607
|
+
: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (index.h("sl-badge", { class: slBadgeType === "primary"
|
|
608
|
+
? sheet.classes.RedeemBadge
|
|
609
|
+
: 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)
|
|
610
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
611
|
+
.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)
|
|
612
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
613
|
+
.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)
|
|
614
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
615
|
+
.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)
|
|
616
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
617
|
+
.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)
|
|
618
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
619
|
+
.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)
|
|
620
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
621
|
+
.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)
|
|
622
|
+
.setLocale(utils.luxonLocale(this.locale))
|
|
623
|
+
.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))))));
|
|
624
|
+
});
|
|
639
625
|
}
|
|
640
626
|
};
|
|
641
627
|
|
|
@@ -699,8 +685,7 @@ const ReferralTableRewardsColumn = class {
|
|
|
699
685
|
}
|
|
700
686
|
disconnectedCallback() { }
|
|
701
687
|
async renderCell(data, options) {
|
|
702
|
-
|
|
703
|
-
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" }));
|
|
688
|
+
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" }));
|
|
704
689
|
}
|
|
705
690
|
async renderLabel() {
|
|
706
691
|
return this.columnTitle;
|
package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js
CHANGED
|
@@ -1,29 +1,17 @@
|
|
|
1
1
|
import { Component, h, Prop } from "@stencil/core";
|
|
2
2
|
import { DateTime } from "luxon";
|
|
3
|
-
import {
|
|
3
|
+
import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
|
|
4
4
|
import { createStyleSheet } from "../../../styling/JSS";
|
|
5
|
-
import {
|
|
5
|
+
import { intl } from "../../../global/global";
|
|
6
6
|
import { luxonLocale } from "../../../utils/utils";
|
|
7
|
-
import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
|
|
8
|
-
import { withHooks } from "@saasquatch/stencil-hooks";
|
|
9
|
-
import { useMemo } from "@saasquatch/universal-hooks";
|
|
10
7
|
export class ReferralTableRewardsCell {
|
|
11
8
|
constructor() {
|
|
9
|
+
this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
|
|
10
|
+
this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
|
|
12
11
|
this.locale = "en";
|
|
13
|
-
withHooks(this);
|
|
14
12
|
}
|
|
15
|
-
disconnectedCallback() { }
|
|
16
13
|
render() {
|
|
17
|
-
|
|
18
|
-
this.statusText,
|
|
19
|
-
this.statusLongText,
|
|
20
|
-
this.fuelTankText,
|
|
21
|
-
this.rewardReceivedText,
|
|
22
|
-
this.expiringText,
|
|
23
|
-
this.pendingForText,
|
|
24
|
-
this.hideDetails,
|
|
25
|
-
]);
|
|
26
|
-
const hasTextProps = !!this.statusText;
|
|
14
|
+
var _a;
|
|
27
15
|
intl.locale = this.locale;
|
|
28
16
|
const style = {
|
|
29
17
|
"@keyframes slideRight": {
|
|
@@ -172,118 +160,113 @@ export class ReferralTableRewardsCell {
|
|
|
172
160
|
.replace("in", "")
|
|
173
161
|
.trim();
|
|
174
162
|
};
|
|
175
|
-
|
|
176
|
-
var _a;
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
h("
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
state === "EXPIRED" && reward.dateExpires && (h("div", null,
|
|
252
|
-
h(TextSpanView, { type: "p" },
|
|
253
|
-
statusText,
|
|
254
|
-
" ",
|
|
255
|
-
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
|
|
256
|
-
.setLocale(luxonLocale(this.locale))
|
|
257
|
-
.toLocaleString(DateTime.DATE_MED))))),
|
|
258
|
-
state === "CANCELLED" && reward.dateCancelled && (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.dateCancelled)
|
|
263
|
-
.setLocale(luxonLocale(this.locale))
|
|
264
|
-
.toLocaleString(DateTime.DATE_MED))))),
|
|
265
|
-
state === "PENDING" && reward.dateScheduledFor && (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.dateScheduledFor)
|
|
270
|
-
.setLocale(luxonLocale(this.locale))
|
|
271
|
-
.toLocaleString(DateTime.DATE_MED))))),
|
|
163
|
+
return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
|
|
164
|
+
var _a, _b;
|
|
165
|
+
const state = getState(reward, this.taxConnection);
|
|
166
|
+
const slBadgeType = getSLBadgeType(state);
|
|
167
|
+
const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
|
|
168
|
+
status: state,
|
|
169
|
+
});
|
|
170
|
+
const statusText = intl.formatMessage({
|
|
171
|
+
id: "statusLongMessage",
|
|
172
|
+
defaultMessage: this.statusLongText,
|
|
173
|
+
}, {
|
|
174
|
+
status: state,
|
|
175
|
+
});
|
|
176
|
+
return (h("sl-details", { class: sheet.classes.Details, disabled: this.hideDetails },
|
|
177
|
+
h("style", { type: "text/css" }, styleString),
|
|
178
|
+
h("div", { slot: "summary", class: sheet.classes.DetailsContainer },
|
|
179
|
+
h(TextSpanView, { type: "p" },
|
|
180
|
+
h("span", { part: "sqm-cell-value", class: sheet.classes.BoldText }, reward.prettyValue)),
|
|
181
|
+
h("div", { class: sheet.classes.BadgeContainer },
|
|
182
|
+
state === "PENDING" && reward.dateScheduledFor ? (h("sl-badge", { class: slBadgeType === "primary"
|
|
183
|
+
? sheet.classes.RedeemBadge
|
|
184
|
+
: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
|
|
185
|
+
id: "pendingForText",
|
|
186
|
+
defaultMessage: this.pendingForText,
|
|
187
|
+
}, {
|
|
188
|
+
status: badgeText,
|
|
189
|
+
date: getTimeDiff(reward.dateScheduledFor),
|
|
190
|
+
}))) : (h("sl-badge", { class: slBadgeType === "primary"
|
|
191
|
+
? sheet.classes.RedeemBadge
|
|
192
|
+
: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)),
|
|
193
|
+
reward.dateExpires && state === "AVAILABLE" && (h("sl-badge", { class: slBadgeType === "primary"
|
|
194
|
+
? sheet.classes.RedeemBadge
|
|
195
|
+
: sheet.classes.StatusBadge, type: "info", pill: true },
|
|
196
|
+
this.expiringText,
|
|
197
|
+
` ${getTimeDiff(reward.dateExpires)}`)))),
|
|
198
|
+
h("div", null,
|
|
199
|
+
state === "PENDING_REVIEW" && ((_a = reward.referral) === null || _a === void 0 ? void 0 : _a.dateModerated) && (h("div", null,
|
|
200
|
+
h(TextSpanView, { type: "p" },
|
|
201
|
+
statusText,
|
|
202
|
+
" ",
|
|
203
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
|
|
204
|
+
.setLocale(luxonLocale(this.locale))
|
|
205
|
+
.toLocaleString(DateTime.DATE_MED))))),
|
|
206
|
+
state === "PAYOUT_APPROVED" && (h("div", null,
|
|
207
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
208
|
+
state === "PAYOUT_FAILED" && (h("div", null,
|
|
209
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
210
|
+
state === "PAYOUT_CANCELLED" && (h("div", null,
|
|
211
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
212
|
+
state === "PENDING_TAX_REVIEW" && (h("div", null,
|
|
213
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
214
|
+
state === "PENDING_NEW_TAX_FORM" && (h("div", null,
|
|
215
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
216
|
+
state === "PENDING_TAX_SUBMISSION" && (h("div", null,
|
|
217
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
218
|
+
state === "PENDING_PARTNER_CREATION" && (h("div", null,
|
|
219
|
+
h(TextSpanView, { type: "p" }, statusText))),
|
|
220
|
+
state === "DENIED" && ((_b = reward.referral) === null || _b === void 0 ? void 0 : _b.dateModerated) && (h("div", null,
|
|
221
|
+
h(TextSpanView, { type: "p" },
|
|
222
|
+
statusText,
|
|
223
|
+
" ",
|
|
224
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.referral.dateModerated)
|
|
225
|
+
.setLocale(luxonLocale(this.locale))
|
|
226
|
+
.toLocaleString(DateTime.DATE_MED)),
|
|
227
|
+
".",
|
|
228
|
+
this.deniedHelpText ? ` ${this.deniedHelpText}` : ``))),
|
|
229
|
+
reward.dateGiven && (h("div", null,
|
|
230
|
+
h(TextSpanView, { type: "p" },
|
|
231
|
+
this.rewardReceivedText,
|
|
232
|
+
" ",
|
|
233
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateGiven)
|
|
234
|
+
.setLocale(luxonLocale(this.locale))
|
|
235
|
+
.toLocaleString(DateTime.DATE_MED))))),
|
|
236
|
+
state === "EXPIRED" && reward.dateExpires && (h("div", null,
|
|
237
|
+
h(TextSpanView, { type: "p" },
|
|
238
|
+
statusText,
|
|
272
239
|
" ",
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
this.
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
240
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateExpires)
|
|
241
|
+
.setLocale(luxonLocale(this.locale))
|
|
242
|
+
.toLocaleString(DateTime.DATE_MED))))),
|
|
243
|
+
state === "CANCELLED" && reward.dateCancelled && (h("div", null,
|
|
244
|
+
h(TextSpanView, { type: "p" },
|
|
245
|
+
statusText,
|
|
246
|
+
" ",
|
|
247
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateCancelled)
|
|
248
|
+
.setLocale(luxonLocale(this.locale))
|
|
249
|
+
.toLocaleString(DateTime.DATE_MED))))),
|
|
250
|
+
state === "PENDING" && reward.dateScheduledFor && (h("div", null,
|
|
251
|
+
h(TextSpanView, { type: "p" },
|
|
252
|
+
statusText,
|
|
253
|
+
" ",
|
|
254
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, DateTime.fromMillis(reward.dateScheduledFor)
|
|
255
|
+
.setLocale(luxonLocale(this.locale))
|
|
256
|
+
.toLocaleString(DateTime.DATE_MED))))),
|
|
257
|
+
" ",
|
|
258
|
+
state === "AVAILABLE" && 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
|
+
reward.fuelTankCode && (h("div", null,
|
|
266
|
+
this.fuelTankText,
|
|
267
|
+
" ",
|
|
268
|
+
h("span", { class: sheet.classes.BoldText, part: "sqm-cell-value" }, reward.fuelTankCode))))));
|
|
269
|
+
});
|
|
287
270
|
}
|
|
288
271
|
static get is() { return "sqm-referral-table-rewards-cell"; }
|
|
289
272
|
static get encapsulation() { return "shadow"; }
|
|
@@ -358,7 +341,8 @@ export class ReferralTableRewardsCell {
|
|
|
358
341
|
"text": ""
|
|
359
342
|
},
|
|
360
343
|
"attribute": "status-text",
|
|
361
|
-
"reflect": false
|
|
344
|
+
"reflect": false,
|
|
345
|
+
"defaultValue": "\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\""
|
|
362
346
|
},
|
|
363
347
|
"statusLongText": {
|
|
364
348
|
"type": "string",
|
|
@@ -375,7 +359,8 @@ export class ReferralTableRewardsCell {
|
|
|
375
359
|
"text": ""
|
|
376
360
|
},
|
|
377
361
|
"attribute": "status-long-text",
|
|
378
|
-
"reflect": false
|
|
362
|
+
"reflect": false,
|
|
363
|
+
"defaultValue": "\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }\""
|
|
379
364
|
},
|
|
380
365
|
"fuelTankText": {
|
|
381
366
|
"type": "string",
|
package/dist/collection/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js
CHANGED
|
@@ -66,8 +66,7 @@ export class ReferralTableRewardsColumn {
|
|
|
66
66
|
}
|
|
67
67
|
disconnectedCallback() { }
|
|
68
68
|
async renderCell(data, options) {
|
|
69
|
-
|
|
70
|
-
return (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" }));
|
|
69
|
+
return (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" }));
|
|
71
70
|
}
|
|
72
71
|
async renderLabel() {
|
|
73
72
|
return this.columnTitle;
|
|
@@ -423,21 +423,12 @@ const ReferralTableDateColumn = class {
|
|
|
423
423
|
const ReferralTableRewardsCell = class {
|
|
424
424
|
constructor(hostRef) {
|
|
425
425
|
registerInstance(this, hostRef);
|
|
426
|
+
this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
|
|
427
|
+
this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
|
|
426
428
|
this.locale = "en";
|
|
427
|
-
h(this);
|
|
428
429
|
}
|
|
429
|
-
disconnectedCallback() { }
|
|
430
430
|
render() {
|
|
431
|
-
|
|
432
|
-
this.statusText,
|
|
433
|
-
this.statusLongText,
|
|
434
|
-
this.fuelTankText,
|
|
435
|
-
this.rewardReceivedText,
|
|
436
|
-
this.expiringText,
|
|
437
|
-
this.pendingForText,
|
|
438
|
-
this.hideDetails,
|
|
439
|
-
]);
|
|
440
|
-
const hasTextProps = !!this.statusText;
|
|
431
|
+
var _a;
|
|
441
432
|
intl.locale = this.locale;
|
|
442
433
|
const style = {
|
|
443
434
|
"@keyframes slideRight": {
|
|
@@ -586,52 +577,47 @@ const ReferralTableRewardsCell = class {
|
|
|
586
577
|
.replace("in", "")
|
|
587
578
|
.trim();
|
|
588
579
|
};
|
|
589
|
-
|
|
590
|
-
var _a;
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
}
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
.setLocale(luxonLocale(this.locale))
|
|
631
|
-
.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))))));
|
|
632
|
-
}) : [];
|
|
633
|
-
}, [hasTextProps]);
|
|
634
|
-
return rewardMap;
|
|
580
|
+
return (_a = this.rewards) === null || _a === void 0 ? void 0 : _a.map((reward) => {
|
|
581
|
+
var _a, _b;
|
|
582
|
+
const state = getState(reward, this.taxConnection);
|
|
583
|
+
const slBadgeType = getSLBadgeType(state);
|
|
584
|
+
const badgeText = intl.formatMessage({ id: "statusShortMessage", defaultMessage: this.statusText }, {
|
|
585
|
+
status: state,
|
|
586
|
+
});
|
|
587
|
+
const statusText = intl.formatMessage({
|
|
588
|
+
id: "statusLongMessage",
|
|
589
|
+
defaultMessage: this.statusLongText,
|
|
590
|
+
}, {
|
|
591
|
+
status: state,
|
|
592
|
+
});
|
|
593
|
+
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"
|
|
594
|
+
? sheet.classes.RedeemBadge
|
|
595
|
+
: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, intl.formatMessage({
|
|
596
|
+
id: "pendingForText",
|
|
597
|
+
defaultMessage: this.pendingForText,
|
|
598
|
+
}, {
|
|
599
|
+
status: badgeText,
|
|
600
|
+
date: getTimeDiff(reward.dateScheduledFor),
|
|
601
|
+
}))) : (h$1("sl-badge", { class: slBadgeType === "primary"
|
|
602
|
+
? sheet.classes.RedeemBadge
|
|
603
|
+
: sheet.classes.StatusBadge, type: slBadgeType, pill: true }, badgeText)), reward.dateExpires && state === "AVAILABLE" && (h$1("sl-badge", { class: slBadgeType === "primary"
|
|
604
|
+
? sheet.classes.RedeemBadge
|
|
605
|
+
: 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)
|
|
606
|
+
.setLocale(luxonLocale(this.locale))
|
|
607
|
+
.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)
|
|
608
|
+
.setLocale(luxonLocale(this.locale))
|
|
609
|
+
.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)
|
|
610
|
+
.setLocale(luxonLocale(this.locale))
|
|
611
|
+
.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)
|
|
612
|
+
.setLocale(luxonLocale(this.locale))
|
|
613
|
+
.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)
|
|
614
|
+
.setLocale(luxonLocale(this.locale))
|
|
615
|
+
.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)
|
|
616
|
+
.setLocale(luxonLocale(this.locale))
|
|
617
|
+
.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)
|
|
618
|
+
.setLocale(luxonLocale(this.locale))
|
|
619
|
+
.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))))));
|
|
620
|
+
});
|
|
635
621
|
}
|
|
636
622
|
};
|
|
637
623
|
|
|
@@ -695,8 +681,7 @@ const ReferralTableRewardsColumn = class {
|
|
|
695
681
|
}
|
|
696
682
|
disconnectedCallback() { }
|
|
697
683
|
async renderCell(data, options) {
|
|
698
|
-
|
|
699
|
-
return (h$1("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" }));
|
|
684
|
+
return (h$1("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" }));
|
|
700
685
|
}
|
|
701
686
|
async renderLabel() {
|
|
702
687
|
return this.columnTitle;
|