@saasquatch/mint-components 1.5.0-21 → 1.5.0-25
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/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-brand_39.cjs.entry.js +221 -106
- package/dist/collection/components/sqm-referral-table/sqm-referral-table.js +1 -1
- package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +57 -0
- package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-rewards-cell.js +19 -15
- package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-source-cell.js +14 -10
- package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js +21 -2
- package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.js +0 -1
- package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.js +4 -5
- package/dist/collection/components/sqm-rewards-table/sqm-rewards-table-view.js +79 -66
- package/dist/collection/components/sqm-rewards-table/sqm-rewards-table.js +70 -1
- package/dist/collection/components/sqm-rewards-table/useRewardsTable.js +4 -1
- package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +3 -1
- package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +0 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-brand_39.entry.js +221 -106
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-brand_39.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/mint-components.js +8543 -98
- package/dist/mint-components/{p-1f9153bc.entry.js → p-0fb2480a.entry.js} +10 -10
- package/dist/mint-components/p-59943eed.system.entry.js +1 -0
- package/dist/mint-components/p-ba0e812a.system.js +1 -1
- package/dist/types/components/sqm-rewards-table/RewardsTableCell.stories.d.ts +9 -0
- package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.d.ts +0 -1
- package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.d.ts +0 -1
- package/dist/types/components/sqm-rewards-table/sqm-rewards-table-view.d.ts +3 -0
- package/dist/types/components/sqm-rewards-table/sqm-rewards-table.d.ts +6 -0
- package/dist/types/components/sqm-rewards-table/useRewardsTable.d.ts +2 -2
- package/dist/types/components.d.ts +24 -0
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-a9b9cdb5.system.entry.js +0 -1
package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-rewards-cell.js
CHANGED
|
@@ -48,7 +48,7 @@ export class RewardTableRewardsCell {
|
|
|
48
48
|
jss.setup(preset());
|
|
49
49
|
const sheet = jss.createStyleSheet(style);
|
|
50
50
|
const styleString = sheet.toString();
|
|
51
|
-
|
|
51
|
+
const RewardValue = ({ reward }) => {
|
|
52
52
|
var _a;
|
|
53
53
|
const pimpedPrettyValue = reward.unit === "CENTS"
|
|
54
54
|
? reward.prettyValue.replace(/USD/gi, "$")
|
|
@@ -72,17 +72,15 @@ export class RewardTableRewardsCell {
|
|
|
72
72
|
})));
|
|
73
73
|
const style = {
|
|
74
74
|
Progress: {
|
|
75
|
-
background: "#e0e0e0",
|
|
76
|
-
borderRadius: "4px",
|
|
77
75
|
height: "3px",
|
|
78
|
-
width: "
|
|
79
|
-
|
|
80
|
-
|
|
76
|
+
width: "100px",
|
|
77
|
+
margin: "var(--sl-spacing-xx-small) 0",
|
|
78
|
+
background: "var(--sl-color-neutral-200)",
|
|
81
79
|
"&:after": {
|
|
82
80
|
content: '""',
|
|
83
81
|
display: "block",
|
|
84
|
-
background: "
|
|
85
|
-
borderRadius: "
|
|
82
|
+
background: "var(--sl-color-neutral-1000)",
|
|
83
|
+
borderRadius: "100px",
|
|
86
84
|
width: `${progress}%`,
|
|
87
85
|
height: "100%",
|
|
88
86
|
},
|
|
@@ -96,6 +94,14 @@ export class RewardTableRewardsCell {
|
|
|
96
94
|
overflow: "hidden",
|
|
97
95
|
textOverflow: "ellipsis",
|
|
98
96
|
},
|
|
97
|
+
RewardAmount: {
|
|
98
|
+
fontSize: "var(--sl-font-size-medium)",
|
|
99
|
+
fontWeight: "var(--sl-font-weight-semibold)",
|
|
100
|
+
},
|
|
101
|
+
RewardRemain: {
|
|
102
|
+
fontSize: "var(--sl-font-size-small)",
|
|
103
|
+
color: "var(--sl-color-neutral-500)",
|
|
104
|
+
},
|
|
99
105
|
};
|
|
100
106
|
jss.setup(preset());
|
|
101
107
|
const sheet = jss.createStyleSheet(style);
|
|
@@ -103,20 +109,18 @@ export class RewardTableRewardsCell {
|
|
|
103
109
|
return (h("div", null,
|
|
104
110
|
h("style", { type: "text/css" }, styleString),
|
|
105
111
|
h("div", { class: sheet.classes.Container },
|
|
106
|
-
h("span", {
|
|
107
|
-
" ",
|
|
112
|
+
h("span", { class: sheet.classes.RewardAmount }, pimpedPrettyValue + " "),
|
|
108
113
|
h("br", null),
|
|
109
114
|
" ",
|
|
110
115
|
h("div", { class: sheet.classes.Progress }),
|
|
111
|
-
progressBarSubtext)));
|
|
116
|
+
h("span", { class: sheet.classes.RewardRemain }, progressBarSubtext))));
|
|
112
117
|
}
|
|
113
|
-
return h("span",
|
|
114
|
-
}
|
|
118
|
+
return h("span", null, pimpedPrettyValue);
|
|
119
|
+
};
|
|
115
120
|
return (h("div", { style: { display: "contents" } },
|
|
116
121
|
h("style", { type: "text/css" }, styleString),
|
|
117
122
|
h(TextSpanView, { type: "p" },
|
|
118
|
-
h(
|
|
119
|
-
h(RewardValue, { reward: this.reward })))));
|
|
123
|
+
h(RewardValue, { reward: this.reward }))));
|
|
120
124
|
}
|
|
121
125
|
static get is() { return "sqm-rewards-table-rewards-cell"; }
|
|
122
126
|
static get encapsulation() { return "shadow"; }
|
|
@@ -3,16 +3,16 @@ import { intl } from "../../../global/global";
|
|
|
3
3
|
import { TextSpanView } from "../../sqm-text-span/sqm-text-span-view";
|
|
4
4
|
export class RewardTableSourceCell {
|
|
5
5
|
render() {
|
|
6
|
-
|
|
6
|
+
const RewardSource = ({ reward }) => {
|
|
7
7
|
return (h("span", null, intl.formatMessage({
|
|
8
8
|
id: "rewardSourceText",
|
|
9
9
|
defaultMessage: this.rewardSourceText,
|
|
10
10
|
}, {
|
|
11
11
|
rewardSource: reward.rewardSource,
|
|
12
12
|
})));
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
const SOURCE_COLUMN_LENGTH = 21;
|
|
15
|
-
|
|
15
|
+
const RewardExchangeBadge = ({ reward }) => {
|
|
16
16
|
var _a;
|
|
17
17
|
const rewardExchange = (h("div", null,
|
|
18
18
|
this.rewardExchangeText,
|
|
@@ -28,9 +28,9 @@ export class RewardTableSourceCell {
|
|
|
28
28
|
verticalAlign: "top",
|
|
29
29
|
maxWidth: "155px",
|
|
30
30
|
} }, rewardExchange));
|
|
31
|
-
}
|
|
31
|
+
};
|
|
32
32
|
// TODO: user type
|
|
33
|
-
|
|
33
|
+
const getFullName = (user) => {
|
|
34
34
|
if (!user)
|
|
35
35
|
return this.deletedUserText;
|
|
36
36
|
if (!user.firstName && !user.lastName)
|
|
@@ -40,17 +40,21 @@ export class RewardTableSourceCell {
|
|
|
40
40
|
if (!user.lastName)
|
|
41
41
|
return `${user.firstName}`;
|
|
42
42
|
return `${user.firstName} ${user.lastName}`;
|
|
43
|
-
}
|
|
43
|
+
};
|
|
44
44
|
const source = () => this.reward.rewardSource === "FRIEND_SIGNUP" ||
|
|
45
45
|
this.reward.rewardSource === "REFERRED" ? (h("div", null,
|
|
46
|
-
|
|
46
|
+
h("div", { style: {
|
|
47
|
+
fontSize: "var(--sl-font-size-small)",
|
|
48
|
+
color: "var(--sl-color-neutral-500)",
|
|
49
|
+
} }, intl.formatMessage({
|
|
47
50
|
id: "referralText",
|
|
48
51
|
defaultMessage: this.referralText,
|
|
49
52
|
}, {
|
|
50
53
|
rewardSource: this.reward.rewardSource,
|
|
51
|
-
}),
|
|
52
|
-
h("
|
|
53
|
-
|
|
54
|
+
})),
|
|
55
|
+
h("div", { style: {
|
|
56
|
+
fontSize: "var(--sl-font-size-medium)",
|
|
57
|
+
} }, getFullName(this.reward.referral.referredUser)))) : this.reward.exchangedRewardRedemptionTransaction ? (h(RewardExchangeBadge, { reward: this.reward })) : (h(RewardSource, { reward: this.reward }));
|
|
54
58
|
return h(TextSpanView, { type: "p" }, source());
|
|
55
59
|
}
|
|
56
60
|
static get is() { return "sqm-rewards-table-source-cell"; }
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { Component, h, Prop } from "@stencil/core";
|
|
2
2
|
import { DateTime } from "luxon";
|
|
3
3
|
import { intl } from "../../../global/global";
|
|
4
|
+
import jss from "jss";
|
|
5
|
+
import preset from "jss-preset-default";
|
|
4
6
|
export class RewardTableStatusCell {
|
|
5
7
|
rewardStatus(reward) {
|
|
6
8
|
if (reward.dateCancelled)
|
|
@@ -30,6 +32,22 @@ export class RewardTableStatusCell {
|
|
|
30
32
|
}
|
|
31
33
|
render() {
|
|
32
34
|
var _a;
|
|
35
|
+
const style = {
|
|
36
|
+
Badge: {
|
|
37
|
+
"&::part(base)": {
|
|
38
|
+
fontSize: "var(--sl-font-size-small)",
|
|
39
|
+
padding: "4px 8px",
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
Date: {
|
|
43
|
+
fontSize: "var(--sl-font-size-small)",
|
|
44
|
+
margin: "0",
|
|
45
|
+
color: "var(--sl-color-neutral-500)",
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
jss.setup(preset());
|
|
49
|
+
const sheet = jss.createStyleSheet(style);
|
|
50
|
+
const styleString = sheet.toString();
|
|
33
51
|
const rewardStatus = this.rewardStatus(this.reward);
|
|
34
52
|
const statusText = intl.formatMessage({ id: "statusMessage", defaultMessage: this.statusText }, {
|
|
35
53
|
status: rewardStatus,
|
|
@@ -48,8 +66,9 @@ export class RewardTableStatusCell {
|
|
|
48
66
|
const date = dateShown &&
|
|
49
67
|
`${this.reward.dateExpires ? this.expiryText : ""}${(_a = DateTime.fromMillis(dateShown)) === null || _a === void 0 ? void 0 : _a.toLocaleString(DateTime.DATE_MED)}`;
|
|
50
68
|
return (h("div", { style: { display: "contents" } },
|
|
51
|
-
h("
|
|
52
|
-
h("
|
|
69
|
+
h("style", { type: "text/css" }, styleString),
|
|
70
|
+
h("sl-badge", { type: badgeType, pill: true, class: sheet.classes.Badge }, statusText),
|
|
71
|
+
h("p", { class: sheet.classes.Date }, date)));
|
|
53
72
|
}
|
|
54
73
|
static get is() { return "sqm-rewards-table-status-cell"; }
|
|
55
74
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.js
CHANGED
|
@@ -27,12 +27,11 @@ export class RewardTableUserColumn {
|
|
|
27
27
|
*
|
|
28
28
|
* @uiName Referral Text
|
|
29
29
|
*/
|
|
30
|
-
this.referralText = "{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by}}";
|
|
30
|
+
this.referralText = "{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
33
32
|
* @uiName Reward Source Text
|
|
34
33
|
*/
|
|
35
|
-
this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {Automated}}";
|
|
34
|
+
this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {Automated} other {}}";
|
|
36
35
|
withHooks(this);
|
|
37
36
|
}
|
|
38
37
|
disconnectedCallback() { }
|
|
@@ -156,7 +155,7 @@ export class RewardTableUserColumn {
|
|
|
156
155
|
},
|
|
157
156
|
"attribute": "referral-text",
|
|
158
157
|
"reflect": false,
|
|
159
|
-
"defaultValue": "\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by}}\""
|
|
158
|
+
"defaultValue": "\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\""
|
|
160
159
|
},
|
|
161
160
|
"rewardSourceText": {
|
|
162
161
|
"type": "string",
|
|
@@ -177,7 +176,7 @@ export class RewardTableUserColumn {
|
|
|
177
176
|
},
|
|
178
177
|
"attribute": "reward-source-text",
|
|
179
178
|
"reflect": false,
|
|
180
|
-
"defaultValue": "\"{rewardSource, select, MANUAL {Manual} AUTOMATED {Automated}}\""
|
|
179
|
+
"defaultValue": "\"{rewardSource, select, MANUAL {Manual} AUTOMATED {Automated} other {}}\""
|
|
181
180
|
}
|
|
182
181
|
}; }
|
|
183
182
|
static get methods() { return {
|
|
@@ -1,88 +1,101 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
-
import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
|
|
3
2
|
import jss from "jss";
|
|
4
3
|
import preset from "jss-preset-default";
|
|
5
4
|
import { gap } from "../../global/mixins";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
5
|
+
export function RewardsTableView(props) {
|
|
6
|
+
const { states, data, callbacks, elements } = props;
|
|
7
|
+
const { columns, rows } = elements;
|
|
8
|
+
const { show } = states;
|
|
9
|
+
const hiddenCols = data.hiddenColumns.split(",").map(Number);
|
|
10
|
+
console.log(props);
|
|
11
|
+
const mobile = "@media (max-width: " + data.mdBreakpoint + "px)";
|
|
12
|
+
const tablet = "@media (min-width: " +
|
|
13
|
+
data.smBreakpoint +
|
|
14
|
+
"px) and (max-width: " +
|
|
15
|
+
data.mdBreakpoint +
|
|
16
|
+
"px)";
|
|
17
|
+
const style = {
|
|
18
|
+
Table: {
|
|
19
|
+
borderCollapse: "collapse",
|
|
20
|
+
width: "100%",
|
|
21
|
+
"& thead": {
|
|
22
|
+
padding: "var(--sl-spacing-small)",
|
|
23
|
+
paddingLeft: "0",
|
|
23
24
|
textAlign: "left",
|
|
25
|
+
fontWeight: "var(--sl-font-weight-normal)",
|
|
24
26
|
},
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
"& tr": {},
|
|
28
|
+
"& td": {
|
|
29
|
+
borderTop: "1px solid var(--sl-color-neutral-200)",
|
|
30
|
+
padding: "var(--sl-spacing-small)",
|
|
31
|
+
paddingLeft: "0",
|
|
30
32
|
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
[mobile]: {
|
|
34
|
+
"& thead": {
|
|
35
|
+
display: "none",
|
|
36
|
+
},
|
|
37
|
+
"& tr": {
|
|
38
|
+
display: "block",
|
|
39
|
+
background: "#FFFFFF",
|
|
40
|
+
border: "1px solid var(--sl-color-neutral-200)",
|
|
41
|
+
boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
|
|
42
|
+
borderRadius: "var(--sl-border-radius-medium)",
|
|
43
|
+
padding: "var(--sl-spacing-medium)",
|
|
44
|
+
color: "var(--sl-color-neutral-500)",
|
|
45
|
+
fontSize: "var(--sl-font-size-small)",
|
|
46
|
+
marginBottom: "var(--sl-spacing-large)",
|
|
47
|
+
},
|
|
48
|
+
"& td": {
|
|
49
|
+
display: "block",
|
|
50
|
+
borderTop: "none",
|
|
51
|
+
padding: "0",
|
|
52
|
+
marginBottom: "var(--sl-spacing-medium)",
|
|
53
|
+
".hidden::before": {
|
|
54
|
+
content: "",
|
|
55
|
+
},
|
|
56
|
+
"&:first-child": {
|
|
57
|
+
textAlign: "left",
|
|
58
|
+
},
|
|
59
|
+
"&:before": {
|
|
60
|
+
content: "attr(data-label)",
|
|
61
|
+
float: "left",
|
|
62
|
+
width: "40%",
|
|
63
|
+
marginBottom: "5px",
|
|
64
|
+
},
|
|
65
|
+
"&:last-child": {
|
|
66
|
+
marginBottom: "0",
|
|
67
|
+
},
|
|
68
|
+
},
|
|
33
69
|
},
|
|
34
|
-
|
|
35
|
-
|
|
70
|
+
[tablet]: {
|
|
71
|
+
"& tbody": {
|
|
72
|
+
display: "grid",
|
|
73
|
+
gridTemplateColumns: "0.5fr 0.5fr",
|
|
74
|
+
gap: "25px",
|
|
75
|
+
},
|
|
36
76
|
},
|
|
37
77
|
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
background: "#FFFFFF",
|
|
44
|
-
border: "1px solid #E0E0E0",
|
|
45
|
-
boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
|
|
46
|
-
borderRadius: "4px",
|
|
47
|
-
padding: "var(--sl-spacing-medium)",
|
|
48
|
-
color: "var(--sl-color-neutral-500)",
|
|
49
|
-
fontSize: "var(--sl-font-size-small)",
|
|
50
|
-
marginBottom: "var(--sl-spacing-large)",
|
|
78
|
+
ButtonContainer: {
|
|
79
|
+
display: "flex",
|
|
80
|
+
"justify-content": "flex-end",
|
|
81
|
+
"margin-top": "var(--sl-spacing-small)",
|
|
82
|
+
...gap({ direction: "row", size: "var(--sl-spacing-small)" }),
|
|
51
83
|
},
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
"@media (max-width: 699px)": {},
|
|
57
|
-
},
|
|
58
|
-
ButtonContainer: {
|
|
59
|
-
display: "flex",
|
|
60
|
-
"justify-content": "flex-end",
|
|
61
|
-
"margin-top": "var(--sl-spacing-small)",
|
|
62
|
-
...gap({ direction: "row", size: "var(--sl-spacing-small)" }),
|
|
63
|
-
},
|
|
64
|
-
};
|
|
65
|
-
jss.setup(preset());
|
|
66
|
-
const sheet = jss.createStyleSheet(style);
|
|
67
|
-
const styleString = sheet.toString();
|
|
68
|
-
export function RewardsTableView(props) {
|
|
69
|
-
const { states, data, callbacks, elements } = props;
|
|
70
|
-
const { columns, rows } = elements;
|
|
71
|
-
const { show } = states;
|
|
72
|
-
console.log(props);
|
|
84
|
+
};
|
|
85
|
+
jss.setup(preset());
|
|
86
|
+
const sheet = jss.createStyleSheet(style);
|
|
87
|
+
const styleString = sheet.toString();
|
|
73
88
|
return (h("div", null,
|
|
74
89
|
h("style", { type: "text/css" }, styleString),
|
|
75
90
|
h("table", { class: sheet.classes.Table },
|
|
76
91
|
data.textOverrides.showLabels && (h("thead", null,
|
|
77
|
-
h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (h("th",
|
|
78
|
-
h(TextSpanView, { type: "h3" }, column))))))),
|
|
92
|
+
h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (h("th", null, column)))))),
|
|
79
93
|
h("tbody", null,
|
|
80
94
|
show === "loading" && elements.loadingElement,
|
|
81
95
|
show === "empty" && elements.emptyElement,
|
|
82
|
-
show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", {
|
|
96
|
+
show === "rows" && (rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", { style: {
|
|
83
97
|
borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
|
|
84
|
-
}, part: "table-row" }, row.map((cell, j) => (h("td", { class:
|
|
85
|
-
h(TextSpanView, { type: "p" }, cell)))))))))),
|
|
98
|
+
}, part: "table-row" }, row.map((cell, j) => (h("td", { class: hiddenCols.includes(j) ? "hidden" : "", "data-label": columns[j] + ":" }, cell))))))))),
|
|
86
99
|
h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
|
|
87
100
|
h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.prevLabel),
|
|
88
101
|
h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.moreLabel))));
|
|
@@ -18,6 +18,12 @@ export class RewardsTable {
|
|
|
18
18
|
this.prevLabel = "Prev";
|
|
19
19
|
/** @uiName View More button text */
|
|
20
20
|
this.moreLabel = "Next";
|
|
21
|
+
/** @uiName Hide Columns (Mobile View) */
|
|
22
|
+
this.hiddenColumns = "0";
|
|
23
|
+
/** @uiName Hide Columns (Mobile View) */
|
|
24
|
+
this.smBreakpoint = 599;
|
|
25
|
+
/** @uiName Hide Columns (Mobile View) */
|
|
26
|
+
this.mdBreakpoint = 899;
|
|
21
27
|
withHooks(this);
|
|
22
28
|
}
|
|
23
29
|
disconnectedCallback() { }
|
|
@@ -136,12 +142,75 @@ export class RewardsTable {
|
|
|
136
142
|
"reflect": false,
|
|
137
143
|
"defaultValue": "\"Next\""
|
|
138
144
|
},
|
|
145
|
+
"hiddenColumns": {
|
|
146
|
+
"type": "string",
|
|
147
|
+
"mutable": false,
|
|
148
|
+
"complexType": {
|
|
149
|
+
"original": "string",
|
|
150
|
+
"resolved": "string",
|
|
151
|
+
"references": {}
|
|
152
|
+
},
|
|
153
|
+
"required": false,
|
|
154
|
+
"optional": true,
|
|
155
|
+
"docs": {
|
|
156
|
+
"tags": [{
|
|
157
|
+
"text": "Hide Columns (Mobile View)",
|
|
158
|
+
"name": "uiName"
|
|
159
|
+
}],
|
|
160
|
+
"text": ""
|
|
161
|
+
},
|
|
162
|
+
"attribute": "hidden-columns",
|
|
163
|
+
"reflect": false,
|
|
164
|
+
"defaultValue": "\"0\""
|
|
165
|
+
},
|
|
166
|
+
"smBreakpoint": {
|
|
167
|
+
"type": "number",
|
|
168
|
+
"mutable": false,
|
|
169
|
+
"complexType": {
|
|
170
|
+
"original": "number",
|
|
171
|
+
"resolved": "number",
|
|
172
|
+
"references": {}
|
|
173
|
+
},
|
|
174
|
+
"required": false,
|
|
175
|
+
"optional": true,
|
|
176
|
+
"docs": {
|
|
177
|
+
"tags": [{
|
|
178
|
+
"text": "Hide Columns (Mobile View)",
|
|
179
|
+
"name": "uiName"
|
|
180
|
+
}],
|
|
181
|
+
"text": ""
|
|
182
|
+
},
|
|
183
|
+
"attribute": "sm-breakpoint",
|
|
184
|
+
"reflect": false,
|
|
185
|
+
"defaultValue": "599"
|
|
186
|
+
},
|
|
187
|
+
"mdBreakpoint": {
|
|
188
|
+
"type": "number",
|
|
189
|
+
"mutable": false,
|
|
190
|
+
"complexType": {
|
|
191
|
+
"original": "number",
|
|
192
|
+
"resolved": "number",
|
|
193
|
+
"references": {}
|
|
194
|
+
},
|
|
195
|
+
"required": false,
|
|
196
|
+
"optional": true,
|
|
197
|
+
"docs": {
|
|
198
|
+
"tags": [{
|
|
199
|
+
"text": "Hide Columns (Mobile View)",
|
|
200
|
+
"name": "uiName"
|
|
201
|
+
}],
|
|
202
|
+
"text": ""
|
|
203
|
+
},
|
|
204
|
+
"attribute": "md-breakpoint",
|
|
205
|
+
"reflect": false,
|
|
206
|
+
"defaultValue": "899"
|
|
207
|
+
},
|
|
139
208
|
"demoData": {
|
|
140
209
|
"type": "unknown",
|
|
141
210
|
"mutable": false,
|
|
142
211
|
"complexType": {
|
|
143
212
|
"original": "DemoData<RewardsTableViewProps>",
|
|
144
|
-
"resolved": "{ states?: { hasPrev: boolean; hasNext: boolean; show: \"loading\" | \"empty\" | \"rows\"; namespace: string; }; data?: { textOverrides: { showLabels: boolean; prevLabel: string; moreLabel: string; }; }; elements?: { columns: VNode[]; rows: VNode[][]; loading?: boolean; emptyElement?: VNode; loadingElement?: VNode; page?: number; }; }",
|
|
213
|
+
"resolved": "{ states?: { hasPrev: boolean; hasNext: boolean; show: \"loading\" | \"empty\" | \"rows\"; namespace: string; }; data?: { textOverrides: { showLabels: boolean; prevLabel: string; moreLabel: string; }; hiddenColumns: string; mdBreakpoint: number; smBreakpoint: number; }; elements?: { columns: VNode[]; rows: VNode[][]; loading?: boolean; emptyElement?: VNode; loadingElement?: VNode; page?: number; }; }",
|
|
145
214
|
"references": {
|
|
146
215
|
"DemoData": {
|
|
147
216
|
"location": "import",
|
|
@@ -154,7 +154,7 @@ export function useRewardsTable(props, emptyElement, loadingElement) {
|
|
|
154
154
|
hasNext: states.currentPage < states.pageCount - 1,
|
|
155
155
|
hasPrev: states.currentPage > 0,
|
|
156
156
|
show,
|
|
157
|
-
namespace: CSS_NAMESPACE
|
|
157
|
+
namespace: CSS_NAMESPACE,
|
|
158
158
|
},
|
|
159
159
|
data: {
|
|
160
160
|
textOverrides: {
|
|
@@ -162,6 +162,9 @@ export function useRewardsTable(props, emptyElement, loadingElement) {
|
|
|
162
162
|
prevLabel: props.prevLabel,
|
|
163
163
|
moreLabel: props.moreLabel,
|
|
164
164
|
},
|
|
165
|
+
hiddenColumns: props.hiddenColumns,
|
|
166
|
+
smBreakpoint: props.smBreakpoint,
|
|
167
|
+
mdBreakpoint: props.mdBreakpoint,
|
|
165
168
|
},
|
|
166
169
|
elements: {
|
|
167
170
|
columns: content.columns,
|
|
@@ -50,6 +50,7 @@ import * as ProgramExplainerStep from "../sqm-program-explainer-step/ProgramExpl
|
|
|
50
50
|
import * as BrandStories from "../sqm-brand/SqmBrand.stories";
|
|
51
51
|
import * as CardFeed from "../sqm-card-feed/CardFeed.stories";
|
|
52
52
|
import * as PortalContainer from "../sqm-portal-container/PortalContainer.stories";
|
|
53
|
+
import * as RewardsTableCell from "../sqm-rewards-table/RewardsTableCell.stories";
|
|
53
54
|
import * as Themes from "./Themes";
|
|
54
55
|
import { CucumberAddon } from "./CucumberAddon";
|
|
55
56
|
import { HookStoryAddon } from "./HookStoryAddon";
|
|
@@ -104,7 +105,8 @@ const stories = [
|
|
|
104
105
|
ProgramExplainerStep,
|
|
105
106
|
BrandStories,
|
|
106
107
|
CardFeed,
|
|
107
|
-
PortalContainer
|
|
108
|
+
PortalContainer,
|
|
109
|
+
RewardsTableCell,
|
|
108
110
|
];
|
|
109
111
|
/**
|
|
110
112
|
* For internal documentation
|
|
@@ -16,7 +16,6 @@ export function TaskCardView(props) {
|
|
|
16
16
|
"& .main": {
|
|
17
17
|
position: "relative",
|
|
18
18
|
boxSizing: "border-box",
|
|
19
|
-
// minWidth: "347px",
|
|
20
19
|
background: "var(--sl-color-neutral-0)",
|
|
21
20
|
border: "1px solid var(--sl-color-neutral-200)",
|
|
22
21
|
borderRadius: "var(--sl-border-radius-medium)",
|
package/dist/esm/loader.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return bootstrapLazy(JSON.parse("[[\"sqm-portal-reset-password\",[[1,\"sqm-portal-reset-password\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"confirmPassword\":[4,\"confirm-password\"],\"resetPasswordHeader\":[1,\"reset-password-header\"],\"passwordResetHeader\":[1,\"password-reset-header\"],\"resetPasswordButtonText\":[1,\"reset-password-button-text\"],\"continueButtonText\":[1,\"continue-button-text\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-email-verification\",[[1,\"sqm-portal-email-verification\",{\"redirectPath\":[1,\"redirect-path\"],\"emailVerificationHeader\":[1,\"email-verification-header\"],\"resendEmailButtonText\":[1,\"resend-email-button-text\"],\"verifyMessage\":[1,\"verify-message\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-forgot-password\",[[1,\"sqm-portal-forgot-password\",{\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-profile\",[[1,\"sqm-portal-profile\",{\"firstnametext\":[1],\"lastnametext\":[1],\"emailtext\":[1],\"countrytext\":[1],\"editProfileHeader\":[1,\"edit-profile-header\"],\"editProfileSubHeader\":[1,\"edit-profile-sub-header\"],\"submitChangeButtonText\":[1,\"submit-change-button-text\"],\"showCountry\":[4,\"show-country\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-verify-email\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-referral-table-column\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-date-column\",[[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-rewards-column\",[[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-status-column\",[[1,\"sqm-referral-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"convertedStatusText\":[1,\"converted-status-text\"],\"inProgressStatusText\":[1,\"in-progress-status-text\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-user-column\",[[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-asset-card\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat\",[[1,\"sqm-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-card-feed\",[[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}]]],[\"sqm-graphql-client-provider\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"interval\":[1],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-leaderboard-rank\",[[1,\"sqm-leaderboard-rank\",{\"rankType\":[1,\"rank-type\"],\"rankText\":[1,\"rank-text\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"unrankedText\":[1,\"unranked-text\"],\"interval\":[1],\"demoData\":[16]}]]],[\"sqm-name-fields\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container\",[[4,\"sqm-popup-container\",{\"poweredBy\":[4,\"powered-by\"],\"closeButton\":[4,\"close-button\"],\"closeButtonText\":[1,\"close-button-text\"],\"embedPadding\":[1,\"embed-padding\"],\"popupPadding\":[1,\"popup-padding\"]}]]],[\"sqm-portal-footer\",[[1,\"sqm-portal-footer\",{\"supportEmail\":[1,\"support-email\"],\"supportText\":[1,\"support-text\"],\"termsLink\":[1,\"terms-link\"],\"termsText\":[1,\"terms-text\"],\"faqLink\":[1,\"faq-link\"],\"faqText\":[1,\"faq-text\"],\"showPoweredBy\":[4,\"show-powered-by\"],\"poweredByLink\":[1,\"powered-by-link\"],\"paddingTop\":[1,\"padding-top\"],\"paddingRight\":[1,\"padding-right\"],\"paddingBottom\":[1,\"padding-bottom\"],\"paddingLeft\":[1,\"padding-left\"],\"ignored\":[32]}]]],[\"sqm-portal-logout\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-program-explainer\",[[1,\"sqm-program-explainer\",{\"header\":[1],\"headerColor\":[1,\"header-color\"],\"headerBackground\":[1,\"header-background\"],\"cardTitle\":[1,\"card-title\"],\"cardDescription\":[1,\"card-description\"],\"cardColor\":[1,\"card-color\"],\"cardBackground\":[1,\"card-background\"],\"ignored\":[32]}]]],[\"sqm-program-explainer-step\",[[1,\"sqm-program-explainer-step\",{\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"color\":[1],\"background\":[1],\"icon\":[1]}]]],[\"sqm-route\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-share-code\",[[1,\"sqm-share-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}]]],[\"sqm-stat-container\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-titled-section\",[[1,\"sqm-titled-section\",{\"label\":[1],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-brand_39\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}],[1,\"sqm-referral-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"showReferrer\":[4,\"show-referrer\"],\"demoData\":[16]}],[1,\"sqm-rewards-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"demoData\":[16]}],[1,\"sqm-portal-change-password\",{\"modalChangePasswordHeader\":[1,\"modal-change-password-header\"],\"cancelText\":[1,\"cancel-text\"],\"changePasswordButtonText\":[1,\"change-password-button-text\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"successMessage\":[1,\"success-message\"],\"portalChangePasswordHeader\":[1,\"portal-change-password-header\"],\"portalChangePasswordButtonText\":[1,\"portal-change-password-button-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-register\",{\"nextPage\":[1,\"next-page\"],\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginLabel\":[1,\"login-label\"],\"confirmPasswordLabel\":[1,\"confirm-password-label\"],\"confirmPassword\":[4,\"confirm-password\"],\"enablePasswordValidation\":[4,\"enable-password-validation\"],\"hideInputs\":[4,\"hide-inputs\"],\"pageLabel\":[1,\"page-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-edit-profile\",{\"editprofileheader\":[1],\"editprofiletext\":[1],\"canceltext\":[1],\"updatetext\":[1],\"firstnametext\":[1],\"lastnametext\":[1],\"currentregiontext\":[1],\"showregion\":[4],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-login\",{\"nextPage\":[1,\"next-page\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"forgotPasswordLabel\":[1,\"forgot-password-label\"],\"registerLabel\":[1,\"register-label\"],\"pageLabel\":[1,\"page-label\"],\"registerPath\":[1,\"register-path\"],\"forgotPasswordPath\":[1,\"forgot-password-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-rewards-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-reward-column\",{\"columnTitle\":[1,\"column-title\"],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-source-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"expiryText\":[1,\"expiry-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"buttonText\":[1,\"button-text\"],\"notAvailableError\":[1,\"not-available-error\"],\"chooseRewardTitle\":[1,\"choose-reward-title\"],\"chooseAmountTitle\":[1,\"choose-amount-title\"],\"confirmationTitle\":[1,\"confirmation-title\"],\"rewardTitle\":[1,\"reward-title\"],\"cancelText\":[1,\"cancel-text\"],\"backText\":[1,\"back-text\"],\"continueText\":[1,\"continue-text\"],\"continueToConfirmationText\":[1,\"continue-to-confirmation-text\"],\"redeemText\":[1,\"redeem-text\"],\"redeemTitle\":[1,\"redeem-title\"],\"redemptionSuccessText\":[1,\"redemption-success-text\"],\"sourceAmountMessage\":[1,\"source-amount-message\"],\"tooltiptext\":[1],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-share-button\",{\"medium\":[1],\"programId\":[1,\"program-id\"],\"borderradius\":[2],\"backgroundcolor\":[1],\"textcolor\":[1],\"pill\":[4],\"disabled\":[4],\"type\":[1],\"size\":[1],\"iconslot\":[1],\"icon\":[1],\"hideicon\":[4],\"hidetext\":[4],\"sharetitle\":[1],\"sharetext\":[1],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-task-card\",{\"rewardAmount\":[1,\"reward-amount\"],\"rewardUnit\":[1,\"reward-unit\"],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"repeatable\":[4],\"finite\":[2],\"showProgressBar\":[4,\"show-progress-bar\"],\"goal\":[2],\"steps\":[4],\"progressBarUnit\":[1,\"progress-bar-unit\"],\"showExpiry\":[4,\"show-expiry\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"endedMessage\":[1,\"ended-message\"],\"completedText\":[1,\"completed-text\"],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"openNewTab\":[4,\"open-new-tab\"],\"statType\":[1,\"stat-type\"],\"ignored\":[32]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"ignored\":[32]}],[1,\"sqm-rewards-table-rewards-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"]}],[1,\"sqm-rewards-table-source-cell\",{\"reward\":[16],\"deletedUserText\":[1,\"deleted-user-text\"],\"anonymousUserText\":[1,\"anonymous-user-text\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}],[4,\"sqm-text\",{\"ignored\":[32]}],[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]]]"), options);
|
|
17
|
+
return bootstrapLazy(JSON.parse("[[\"sqm-portal-reset-password\",[[1,\"sqm-portal-reset-password\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"confirmPassword\":[4,\"confirm-password\"],\"resetPasswordHeader\":[1,\"reset-password-header\"],\"passwordResetHeader\":[1,\"password-reset-header\"],\"resetPasswordButtonText\":[1,\"reset-password-button-text\"],\"continueButtonText\":[1,\"continue-button-text\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-email-verification\",[[1,\"sqm-portal-email-verification\",{\"redirectPath\":[1,\"redirect-path\"],\"emailVerificationHeader\":[1,\"email-verification-header\"],\"resendEmailButtonText\":[1,\"resend-email-button-text\"],\"verifyMessage\":[1,\"verify-message\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-forgot-password\",[[1,\"sqm-portal-forgot-password\",{\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-profile\",[[1,\"sqm-portal-profile\",{\"firstnametext\":[1],\"lastnametext\":[1],\"emailtext\":[1],\"countrytext\":[1],\"editProfileHeader\":[1,\"edit-profile-header\"],\"editProfileSubHeader\":[1,\"edit-profile-sub-header\"],\"submitChangeButtonText\":[1,\"submit-change-button-text\"],\"showCountry\":[4,\"show-country\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-portal-verify-email\",[[1,\"sqm-portal-verify-email\",{\"nextPage\":[1,\"next-page\"],\"failedPage\":[1,\"failed-page\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-referral-table-column\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-date-column\",[[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-rewards-column\",[[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-status-column\",[[1,\"sqm-referral-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"convertedStatusText\":[1,\"converted-status-text\"],\"inProgressStatusText\":[1,\"in-progress-status-text\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-referral-table-user-column\",[[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-asset-card\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-big-stat\",[[1,\"sqm-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-card-feed\",[[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}]]],[\"sqm-graphql-client-provider\",[[4,\"sqm-graphql-client-provider\",{\"domain\":[1],\"ignored\":[32]}]]],[\"sqm-hero\",[[1,\"sqm-hero\",{\"columns\":[2],\"background\":[1],\"paddingSize\":[1,\"padding-size\"],\"secondaryBackground\":[1,\"secondary-background\"],\"wrapDirection\":[1,\"wrap-direction\"]}]]],[\"sqm-leaderboard\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"interval\":[1],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-leaderboard-rank\",[[1,\"sqm-leaderboard-rank\",{\"rankType\":[1,\"rank-type\"],\"rankText\":[1,\"rank-text\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"unrankedText\":[1,\"unranked-text\"],\"interval\":[1],\"demoData\":[16]}]]],[\"sqm-name-fields\",[[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-navigation-sidebar\",[[1,\"sqm-navigation-sidebar\",{\"ignored\":[32]}]]],[\"sqm-navigation-sidebar-item\",[[1,\"sqm-navigation-sidebar-item\",{\"path\":[1],\"icon\":[1],\"label\":[1],\"demoData\":[16]}]]],[\"sqm-popup-container\",[[4,\"sqm-popup-container\",{\"poweredBy\":[4,\"powered-by\"],\"closeButton\":[4,\"close-button\"],\"closeButtonText\":[1,\"close-button-text\"],\"embedPadding\":[1,\"embed-padding\"],\"popupPadding\":[1,\"popup-padding\"]}]]],[\"sqm-portal-footer\",[[1,\"sqm-portal-footer\",{\"supportEmail\":[1,\"support-email\"],\"supportText\":[1,\"support-text\"],\"termsLink\":[1,\"terms-link\"],\"termsText\":[1,\"terms-text\"],\"faqLink\":[1,\"faq-link\"],\"faqText\":[1,\"faq-text\"],\"showPoweredBy\":[4,\"show-powered-by\"],\"poweredByLink\":[1,\"powered-by-link\"],\"paddingTop\":[1,\"padding-top\"],\"paddingRight\":[1,\"padding-right\"],\"paddingBottom\":[1,\"padding-bottom\"],\"paddingLeft\":[1,\"padding-left\"],\"ignored\":[32]}]]],[\"sqm-portal-logout\",[[1,\"sqm-portal-logout\",{\"nextPage\":[1,\"next-page\"],\"ignored\":[32]}]]],[\"sqm-portal-protected-route\",[[1,\"sqm-portal-protected-route\",{\"redirectTo\":[1,\"redirect-to\"],\"requireEmailVerification\":[4,\"require-email-verification\"],\"redirectToUnverified\":[1,\"redirect-to-unverified\"],\"ignored\":[32]}]]],[\"sqm-program-explainer\",[[1,\"sqm-program-explainer\",{\"header\":[1],\"headerColor\":[1,\"header-color\"],\"headerBackground\":[1,\"header-background\"],\"cardTitle\":[1,\"card-title\"],\"cardDescription\":[1,\"card-description\"],\"cardColor\":[1,\"card-color\"],\"cardBackground\":[1,\"card-background\"],\"ignored\":[32]}]]],[\"sqm-program-explainer-step\",[[1,\"sqm-program-explainer-step\",{\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"color\":[1],\"background\":[1],\"icon\":[1]}]]],[\"sqm-route\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-share-code\",[[1,\"sqm-share-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}]]],[\"sqm-stat-container\",[[1,\"sqm-stat-container\",{\"space\":[1],\"ignored\":[32]}]]],[\"sqm-text-span\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-titled-section\",[[1,\"sqm-titled-section\",{\"label\":[1],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-brand_39\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}],[1,\"sqm-referral-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"showReferrer\":[4,\"show-referrer\"],\"demoData\":[16]}],[1,\"sqm-rewards-table\",{\"programId\":[1,\"program-id\"],\"perPage\":[2,\"per-page\"],\"showLabels\":[4,\"show-labels\"],\"prevLabel\":[1,\"prev-label\"],\"moreLabel\":[1,\"more-label\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"demoData\":[16]}],[1,\"sqm-portal-change-password\",{\"modalChangePasswordHeader\":[1,\"modal-change-password-header\"],\"cancelText\":[1,\"cancel-text\"],\"changePasswordButtonText\":[1,\"change-password-button-text\"],\"passwordFieldLabel\":[1,\"password-field-label\"],\"confirmPasswordFieldLabel\":[1,\"confirm-password-field-label\"],\"successMessage\":[1,\"success-message\"],\"portalChangePasswordHeader\":[1,\"portal-change-password-header\"],\"portalChangePasswordButtonText\":[1,\"portal-change-password-button-text\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-register\",{\"nextPage\":[1,\"next-page\"],\"redirectPath\":[1,\"redirect-path\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"loginLabel\":[1,\"login-label\"],\"confirmPasswordLabel\":[1,\"confirm-password-label\"],\"confirmPassword\":[4,\"confirm-password\"],\"enablePasswordValidation\":[4,\"enable-password-validation\"],\"hideInputs\":[4,\"hide-inputs\"],\"pageLabel\":[1,\"page-label\"],\"loginPath\":[1,\"login-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-edit-profile\",{\"editprofileheader\":[1],\"editprofiletext\":[1],\"canceltext\":[1],\"updatetext\":[1],\"firstnametext\":[1],\"lastnametext\":[1],\"currentregiontext\":[1],\"showregion\":[4],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-login\",{\"nextPage\":[1,\"next-page\"],\"emailLabel\":[1,\"email-label\"],\"passwordLabel\":[1,\"password-label\"],\"submitLabel\":[1,\"submit-label\"],\"forgotPasswordLabel\":[1,\"forgot-password-label\"],\"registerLabel\":[1,\"register-label\"],\"pageLabel\":[1,\"page-label\"],\"registerPath\":[1,\"register-path\"],\"forgotPasswordPath\":[1,\"forgot-password-path\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-rewards-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-reward-column\",{\"columnTitle\":[1,\"column-title\"],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-source-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-status-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"expiryText\":[1,\"expiry-text\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"buttonText\":[1,\"button-text\"],\"notAvailableError\":[1,\"not-available-error\"],\"chooseRewardTitle\":[1,\"choose-reward-title\"],\"chooseAmountTitle\":[1,\"choose-amount-title\"],\"confirmationTitle\":[1,\"confirmation-title\"],\"rewardTitle\":[1,\"reward-title\"],\"cancelText\":[1,\"cancel-text\"],\"backText\":[1,\"back-text\"],\"continueText\":[1,\"continue-text\"],\"continueToConfirmationText\":[1,\"continue-to-confirmation-text\"],\"redeemText\":[1,\"redeem-text\"],\"redeemTitle\":[1,\"redeem-title\"],\"redemptionSuccessText\":[1,\"redemption-success-text\"],\"sourceAmountMessage\":[1,\"source-amount-message\"],\"tooltiptext\":[1],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-share-button\",{\"medium\":[1],\"programId\":[1,\"program-id\"],\"borderradius\":[2],\"backgroundcolor\":[1],\"textcolor\":[1],\"pill\":[4],\"disabled\":[4],\"type\":[1],\"size\":[1],\"iconslot\":[1],\"icon\":[1],\"hideicon\":[4],\"hidetext\":[4],\"sharetitle\":[1],\"sharetext\":[1],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-task-card\",{\"rewardAmount\":[1,\"reward-amount\"],\"rewardUnit\":[1,\"reward-unit\"],\"cardTitle\":[1,\"card-title\"],\"description\":[1],\"repeatable\":[4],\"finite\":[2],\"showProgressBar\":[4,\"show-progress-bar\"],\"goal\":[2],\"steps\":[4],\"progressBarUnit\":[1,\"progress-bar-unit\"],\"showExpiry\":[4,\"show-expiry\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"endedMessage\":[1,\"ended-message\"],\"completedText\":[1,\"completed-text\"],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"openNewTab\":[4,\"open-new-tab\"],\"statType\":[1,\"stat-type\"],\"ignored\":[32]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"ignored\":[32]}],[1,\"sqm-rewards-table-rewards-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"]}],[1,\"sqm-rewards-table-source-cell\",{\"reward\":[16],\"deletedUserText\":[1,\"deleted-user-text\"],\"anonymousUserText\":[1,\"anonymous-user-text\"],\"rewardExchangeText\":[1,\"reward-exchange-text\"],\"referralText\":[1,\"referral-text\"],\"rewardSourceText\":[1,\"reward-source-text\"]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}],[4,\"sqm-text\",{\"ignored\":[32]}],[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]]]"), options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|