@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.
Files changed (36) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/sqm-brand_39.cjs.entry.js +221 -106
  4. package/dist/collection/components/sqm-referral-table/sqm-referral-table.js +1 -1
  5. package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +57 -0
  6. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-rewards-cell.js +19 -15
  7. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-source-cell.js +14 -10
  8. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js +21 -2
  9. package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.js +0 -1
  10. package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.js +4 -5
  11. package/dist/collection/components/sqm-rewards-table/sqm-rewards-table-view.js +79 -66
  12. package/dist/collection/components/sqm-rewards-table/sqm-rewards-table.js +70 -1
  13. package/dist/collection/components/sqm-rewards-table/useRewardsTable.js +4 -1
  14. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +3 -1
  15. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +0 -1
  16. package/dist/esm/loader.js +1 -1
  17. package/dist/esm/mint-components.js +1 -1
  18. package/dist/esm/sqm-brand_39.entry.js +221 -106
  19. package/dist/esm-es5/loader.js +1 -1
  20. package/dist/esm-es5/mint-components.js +1 -1
  21. package/dist/esm-es5/sqm-brand_39.entry.js +1 -1
  22. package/dist/mint-components/mint-components.esm.js +1 -1
  23. package/dist/mint-components/mint-components.js +8543 -98
  24. package/dist/mint-components/{p-1f9153bc.entry.js → p-0fb2480a.entry.js} +10 -10
  25. package/dist/mint-components/p-59943eed.system.entry.js +1 -0
  26. package/dist/mint-components/p-ba0e812a.system.js +1 -1
  27. package/dist/types/components/sqm-rewards-table/RewardsTableCell.stories.d.ts +9 -0
  28. package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.d.ts +0 -1
  29. package/dist/types/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.d.ts +0 -1
  30. package/dist/types/components/sqm-rewards-table/sqm-rewards-table-view.d.ts +3 -0
  31. package/dist/types/components/sqm-rewards-table/sqm-rewards-table.d.ts +6 -0
  32. package/dist/types/components/sqm-rewards-table/useRewardsTable.d.ts +2 -2
  33. package/dist/types/components.d.ts +24 -0
  34. package/grapesjs/grapesjs.js +1 -1
  35. package/package.json +1 -1
  36. package/dist/mint-components/p-a9b9cdb5.system.entry.js +0 -1
@@ -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
- function RewardValue({ reward }) {
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: "80px",
79
- marginTop: "6px",
80
- marginBottom: "6px",
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: "#222222",
85
- borderRadius: "4px",
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", { style: { color: "#232323" } }, pimpedPrettyValue),
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", { style: { color: "#232323" } }, pimpedPrettyValue);
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("span", { class: sheet.classes.BoldText },
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
- function RewardSource({ reward }) {
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
- function RewardExchangeBadge({ reward }) {
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
- function getFullName(user) {
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
- intl.formatMessage({
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("br", null),
53
- h("b", null, getFullName(this.reward.referral.referredUser)))) : this.reward.exchangedRewardRedemptionTransaction ? (h(RewardExchangeBadge, { reward: this.reward })) : (h(RewardSource, { reward: this.reward }));
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("sl-badge", { type: badgeType, pill: true }, statusText),
52
- h("p", { style: { fontSize: "90%", marginTop: "0" } }, date)));
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"; }
@@ -15,7 +15,6 @@ export class RewardsTableColumn {
15
15
  */
16
16
  this.redeemedText = "{redeemedAmount} redeemed";
17
17
  /**
18
- *
19
18
  * @uiName Available Amount Text
20
19
  */
21
20
  this.availableText = "{availableAmount} available";
@@ -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
- const style = {
7
- THead: {
8
- padding: "var(--sl-spacing-small)",
9
- paddingLeft: "0",
10
- textAlign: "left",
11
- "@media (max-width: 699px)": {
12
- display: "none",
13
- },
14
- },
15
- TCell: {
16
- padding: "var(--sl-spacing-small)",
17
- paddingLeft: "0",
18
- "@media (max-width: 699px)": {
19
- display: "block",
20
- padding: "0",
21
- marginBottom: "var(--sl-spacing-medium)",
22
- "&:first-child": {
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
- "&:before": {
26
- content: "attr(data-label)",
27
- float: "left",
28
- width: "40%",
29
- marginBottom: "1px",
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
- "&:first-child::before": {
32
- content: "none",
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
- "&:last-child": {
35
- marginBottom: "0",
70
+ [tablet]: {
71
+ "& tbody": {
72
+ display: "grid",
73
+ gridTemplateColumns: "0.5fr 0.5fr",
74
+ gap: "25px",
75
+ },
36
76
  },
37
77
  },
38
- },
39
- TRow: {
40
- "border-top": "1px solid #EAEAEA",
41
- "@media (max-width: 699px)": {
42
- display: "block",
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
- Table: {
54
- "border-collapse": "collapse",
55
- width: "100%",
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", { class: sheet.classes.THead },
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", { class: sheet.classes.TRow, style: {
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: sheet.classes.TCell, "data-label": columns[j] + ":" },
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)",
@@ -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