@saasquatch/mint-components 1.5.3-0 → 1.5.3-3

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 (52) hide show
  1. package/CHANGELOG.md +18 -1
  2. package/dist/cjs/{ShadowViewAddon-8665ac96.js → ShadowViewAddon-8de07cc1.js} +3 -11
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-big-stat_35.cjs.entry.js +85 -62
  6. package/dist/cjs/sqm-stencilbook.cjs.entry.js +70 -54
  7. package/dist/collection/components/sqm-checkbox-field/CheckboxField.stories.js +4 -0
  8. package/dist/collection/components/sqm-checkbox-field/UseCheckboxField.stories.js +11 -1
  9. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +1 -1
  10. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +18 -8
  11. package/dist/collection/components/sqm-dropdown-field/UseDropdownField.stories.js +8 -0
  12. package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js +1 -1
  13. package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +18 -8
  14. package/dist/collection/components/sqm-input-field/InputField.stories.js +1 -8
  15. package/dist/collection/components/sqm-input-field/UseInputField.stories.js +5 -5
  16. package/dist/collection/components/sqm-input-field/sqm-input-field-view.js +1 -9
  17. package/dist/collection/components/sqm-input-field/sqm-input-field.js +23 -18
  18. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +1 -1
  19. package/dist/collection/utils/RequiredPropsError.js +5 -5
  20. package/dist/esm/{ShadowViewAddon-ec53d07b.js → ShadowViewAddon-63a40a95.js} +3 -11
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/esm/mint-components.js +1 -1
  23. package/dist/esm/sqm-big-stat_35.entry.js +87 -64
  24. package/dist/esm/sqm-stencilbook.entry.js +70 -54
  25. package/dist/esm-es5/{ShadowViewAddon-ec53d07b.js → ShadowViewAddon-63a40a95.js} +1 -1
  26. package/dist/esm-es5/loader.js +1 -1
  27. package/dist/esm-es5/mint-components.js +1 -1
  28. package/dist/esm-es5/sqm-big-stat_35.entry.js +1 -1
  29. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  30. package/dist/mint-components/mint-components.esm.js +1 -1
  31. package/dist/mint-components/p-436da6b8.system.js +1 -1
  32. package/dist/mint-components/{p-0b9784a6.entry.js → p-581e2f18.entry.js} +2 -2
  33. package/dist/mint-components/{p-78aa1b56.js → p-86263d7f.js} +1 -1
  34. package/dist/mint-components/p-a872cf92.system.entry.js +1 -0
  35. package/dist/mint-components/{p-36f3c053.system.js → p-d336a610.system.js} +1 -1
  36. package/dist/mint-components/{p-38858049.entry.js → p-d437fa7d.entry.js} +10 -10
  37. package/dist/mint-components/{p-d1cad711.system.entry.js → p-e459d237.system.entry.js} +1 -1
  38. package/dist/types/components/sqm-checkbox-field/CheckboxField.stories.d.ts +3 -0
  39. package/dist/types/components/sqm-checkbox-field/UseCheckboxField.stories.d.ts +9 -0
  40. package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field-view.d.ts +1 -1
  41. package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts +2 -2
  42. package/dist/types/components/sqm-dropdown-field/UseDropdownField.stories.d.ts +6 -0
  43. package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field-view.d.ts +1 -1
  44. package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts +2 -2
  45. package/dist/types/components/sqm-input-field/InputField.stories.d.ts +0 -1
  46. package/dist/types/components/sqm-input-field/UseInputField.stories.d.ts +2 -2
  47. package/dist/types/components/sqm-input-field/sqm-input-field-view.d.ts +2 -2
  48. package/dist/types/components/sqm-input-field/sqm-input-field.d.ts +4 -4
  49. package/dist/types/components.d.ts +16 -16
  50. package/grapesjs/grapesjs.js +1 -1
  51. package/package.json +1 -1
  52. package/dist/mint-components/p-2c098d2a.system.entry.js +0 -1
@@ -2,8 +2,12 @@ import { h } from "@stencil/core";
2
2
  import { PortalRegisterView, } from "../sqm-portal-register/sqm-portal-register-view";
3
3
  import { createHookStory } from "../sqm-stencilbook/HookStoryAddon";
4
4
  import { CheckboxFieldView, } from "./sqm-checkbox-field-view";
5
+ import scenario from "./sqm-checkbox-field.feature";
5
6
  export default {
6
7
  title: "Components/Checkbox Field",
8
+ parameters: {
9
+ scenario,
10
+ },
7
11
  };
8
12
  const defaultProps = {
9
13
  states: {
@@ -2,8 +2,12 @@ import { setUserIdentity } from "@saasquatch/component-boilerplate";
2
2
  import { useEffect } from "@saasquatch/universal-hooks";
3
3
  import { h } from "@stencil/core";
4
4
  import { createHookStory } from "../sqm-stencilbook/HookStoryAddon";
5
+ import scenario from "./sqm-checkbox-field.feature";
5
6
  export default {
6
7
  title: "Hooks / useCheckboxField",
8
+ parameters: {
9
+ scenario,
10
+ },
7
11
  };
8
12
  function setupGraphQL() {
9
13
  const id = "testestest";
@@ -52,7 +56,13 @@ export const OptionalCheckboxes = createHookStory(() => {
52
56
  setupGraphQL();
53
57
  return (h("sqm-portal-register", null,
54
58
  h("sqm-name-fields", { slot: "formData" }),
55
- h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "checkbox-required": "false", "checkbox-name": "isHuman" }),
59
+ h("sqm-checkbox-field", { slot: "formData", "checkbox-label": "I am not a robot", "checkbox-optional": "true", "checkbox-name": "isHuman" }),
60
+ h("div", { slot: "terms" },
61
+ h("sqm-checkbox-field", null))));
62
+ });
63
+ export const MissingName = createHookStory(() => {
64
+ setupGraphQL();
65
+ return (h("sqm-portal-register", null,
56
66
  h("div", { slot: "terms" },
57
67
  h("sqm-checkbox-field", null))));
58
68
  });
@@ -53,7 +53,7 @@ export function CheckboxFieldView(props) {
53
53
  h("sl-checkbox", Object.assign({ exportparts: "label: input-label", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
54
54
  e.target.value = e.target.checked;
55
55
  callbacks.setChecked(e.target.value);
56
- } }, (content.checkboxRequired ? { required: true } : []), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
56
+ } }, (!content.checkboxOptional ? { required: true } : []), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
57
57
  ? {
58
58
  class: sheet.classes.ErrorStyle,
59
59
  }
@@ -2,7 +2,8 @@ import { isDemo } from "@saasquatch/component-boilerplate";
2
2
  import { withHooks } from "@saasquatch/stencil-hooks";
3
3
  import { Component, h, Prop, State } from "@stencil/core";
4
4
  import deepmerge from "deepmerge";
5
- import { getProps } from "../../utils/utils";
5
+ import { RequiredPropsError } from "../../utils/RequiredPropsError";
6
+ import { getMissingProps, getProps } from "../../utils/utils";
6
7
  import { CheckboxFieldView, } from "./sqm-checkbox-field-view";
7
8
  import { useCheckboxField } from "./useCheckboxField";
8
9
  /**
@@ -29,13 +30,22 @@ export class CheckboxField {
29
30
  */
30
31
  this.errorMessage = "Must be checked";
31
32
  /**
32
- * @uiName Required
33
+ * @uiName Optional
33
34
  */
34
- this.checkboxRequired = true;
35
+ this.checkboxOptional = false;
35
36
  withHooks(this);
36
37
  }
37
38
  disconnectedCallback() { }
38
39
  render() {
40
+ const missingProps = getMissingProps([
41
+ {
42
+ attribute: "checkbox-name",
43
+ value: this.checkboxName,
44
+ },
45
+ ]);
46
+ if (missingProps) {
47
+ return h(RequiredPropsError, { missingProps: missingProps });
48
+ }
39
49
  const content = {
40
50
  ...getProps(this),
41
51
  };
@@ -150,7 +160,7 @@ export class CheckboxField {
150
160
  "reflect": false,
151
161
  "defaultValue": "\"Must be checked\""
152
162
  },
153
- "checkboxRequired": {
163
+ "checkboxOptional": {
154
164
  "type": "boolean",
155
165
  "mutable": false,
156
166
  "complexType": {
@@ -162,21 +172,21 @@ export class CheckboxField {
162
172
  "optional": true,
163
173
  "docs": {
164
174
  "tags": [{
165
- "text": "Required",
175
+ "text": "Optional",
166
176
  "name": "uiName"
167
177
  }],
168
178
  "text": ""
169
179
  },
170
- "attribute": "checkbox-required",
180
+ "attribute": "checkbox-optional",
171
181
  "reflect": false,
172
- "defaultValue": "true"
182
+ "defaultValue": "false"
173
183
  },
174
184
  "demoData": {
175
185
  "type": "unknown",
176
186
  "mutable": false,
177
187
  "complexType": {
178
188
  "original": "DemoData<CheckboxFieldViewProps>",
179
- "resolved": "{ states?: { validationErrors?: ValidationErrors; checked: boolean; }; content?: { checkboxName: string; checkboxLabel: string; checkboxLabelLink?: string; checkboxLabelLinkText?: string; checkboxRequired?: boolean; errorMessage: string; }; }",
189
+ "resolved": "{ states?: { validationErrors?: ValidationErrors; checked: boolean; }; content?: { checkboxName: string; checkboxLabel: string; checkboxLabelLink?: string; checkboxLabelLinkText?: string; checkboxOptional?: boolean; errorMessage: string; }; }",
180
190
  "references": {
181
191
  "DemoData": {
182
192
  "location": "import",
@@ -44,3 +44,11 @@ export const Countries = createHookStory(() => {
44
44
  h("sl-menu-item", { value: "US" }, "United States"),
45
45
  h("sl-menu-item", { value: "GB" }, "United Kingdom"))));
46
46
  });
47
+ export const MissingName = createHookStory(() => {
48
+ setupGraphQL();
49
+ return (h("sqm-portal-register", null,
50
+ h("sqm-dropdown-field", { slot: "formData", "dropdown-label": "Country" },
51
+ h("sl-menu-item", { value: "CA" }, "Canada"),
52
+ h("sl-menu-item", { value: "US" }, "United States"),
53
+ h("sl-menu-item", { value: "GB" }, "United Kingdom"))));
54
+ });
@@ -38,7 +38,7 @@ export function DropdownFieldView(props) {
38
38
  h("style", { type: "text/css" },
39
39
  vanillaStyle,
40
40
  styleString),
41
- h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (content.dropdownRequired ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
41
+ h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
42
42
  class: sheet.classes.ErrorStyle,
43
43
  }
44
44
  : [])), content.selectOptions),
@@ -2,7 +2,8 @@ import { isDemo } from "@saasquatch/component-boilerplate";
2
2
  import { withHooks } from "@saasquatch/stencil-hooks";
3
3
  import { Component, h, Prop, State } from "@stencil/core";
4
4
  import deepmerge from "deepmerge";
5
- import { getProps } from "../../utils/utils";
5
+ import { RequiredPropsError } from "../../utils/RequiredPropsError";
6
+ import { getMissingProps, getProps } from "../../utils/utils";
6
7
  import { DropdownFieldView, } from "./sqm-dropdown-field-view";
7
8
  import { useDropdownField } from "./useDropdownField";
8
9
  /**
@@ -20,13 +21,22 @@ export class DropdownField {
20
21
  */
21
22
  this.errorMessage = "Select an option";
22
23
  /**
23
- * @uiName Required
24
+ * @uiName Optional
24
25
  */
25
- this.dropdownRequired = true;
26
+ this.dropdownOptional = false;
26
27
  withHooks(this);
27
28
  }
28
29
  disconnectedCallback() { }
29
30
  render() {
31
+ const missingProps = getMissingProps([
32
+ {
33
+ attribute: "dropdown-name",
34
+ value: this.dropdownName,
35
+ },
36
+ ]);
37
+ if (missingProps) {
38
+ return h(RequiredPropsError, { missingProps: missingProps });
39
+ }
30
40
  const content = {
31
41
  ...getProps(this),
32
42
  selectOptions: h("slot", null),
@@ -100,7 +110,7 @@ export class DropdownField {
100
110
  "reflect": false,
101
111
  "defaultValue": "\"Select an option\""
102
112
  },
103
- "dropdownRequired": {
113
+ "dropdownOptional": {
104
114
  "type": "boolean",
105
115
  "mutable": false,
106
116
  "complexType": {
@@ -112,21 +122,21 @@ export class DropdownField {
112
122
  "optional": true,
113
123
  "docs": {
114
124
  "tags": [{
115
- "text": "Required",
125
+ "text": "Optional",
116
126
  "name": "uiName"
117
127
  }],
118
128
  "text": ""
119
129
  },
120
- "attribute": "dropdown-required",
130
+ "attribute": "dropdown-optional",
121
131
  "reflect": false,
122
- "defaultValue": "true"
132
+ "defaultValue": "false"
123
133
  },
124
134
  "demoData": {
125
135
  "type": "unknown",
126
136
  "mutable": false,
127
137
  "complexType": {
128
138
  "original": "DemoData<DropdownFieldViewProps>",
129
- "resolved": "{ states?: { validationErrors?: ValidationErrors; }; content?: { dropdownName: string; dropdownLabel: string; dropdownRequired?: boolean; errorMessage: string; selectOptions?: VNode | VNode[]; }; }",
139
+ "resolved": "{ states?: { validationErrors?: ValidationErrors; }; content?: { dropdownName: string; dropdownLabel: string; dropdownOptional?: boolean; errorMessage: string; selectOptions?: VNode | VNode[]; }; }",
130
140
  "references": {
131
141
  "DemoData": {
132
142
  "location": "import",
@@ -16,7 +16,7 @@ const defaultProps = {
16
16
  fieldName: "field",
17
17
  fieldLabel: "My Custom Input",
18
18
  fieldType: "text",
19
- fieldRequired: true,
19
+ fieldOptional: true,
20
20
  errorMessage: "Cannot be empty",
21
21
  },
22
22
  };
@@ -61,13 +61,6 @@ export const DateType = () => {
61
61
  fieldType: "date",
62
62
  } })));
63
63
  };
64
- export const NumberType = () => {
65
- return (h(InputFieldView, Object.assign({}, defaultProps, { content: {
66
- ...defaultProps.content,
67
- fieldLabel: "Number",
68
- fieldType: "number",
69
- } })));
70
- };
71
64
  export const TelType = () => {
72
65
  return (h(InputFieldView, Object.assign({}, defaultProps, { content: {
73
66
  ...defaultProps.content,
@@ -55,7 +55,7 @@ export const OptionalInputs = createHookStory(() => {
55
55
  setupGraphQL();
56
56
  return (h("sqm-portal-register", null,
57
57
  h("sqm-name-fields", { slot: "formData" }),
58
- h("sqm-input-field", { slot: "formData", "field-label": "Optional Field", "field-required": "false", "field-name": "optionalField" })));
58
+ h("sqm-input-field", { slot: "formData", "field-label": "Optional Field", "field-optional": "true", "field-name": "optionalField" })));
59
59
  });
60
60
  export const DateType = createHookStory(() => {
61
61
  setupGraphQL();
@@ -63,15 +63,15 @@ export const DateType = createHookStory(() => {
63
63
  h("sqm-name-fields", { slot: "formData" }),
64
64
  h("sqm-input-field", { slot: "formData", "field-label": "Date", "field-name": "date", "field-type": "date" })));
65
65
  });
66
- export const NumberType = createHookStory(() => {
66
+ export const TelType = createHookStory(() => {
67
67
  setupGraphQL();
68
68
  return (h("sqm-portal-register", null,
69
69
  h("sqm-name-fields", { slot: "formData" }),
70
- h("sqm-input-field", { slot: "formData", "field-label": "Number", "field-name": "number", "field-type": "number" })));
70
+ h("sqm-input-field", { slot: "formData", "field-label": "Phone Number", "field-name": "tel", "field-type": "tel" })));
71
71
  });
72
- export const TelType = createHookStory(() => {
72
+ export const MissingName = createHookStory(() => {
73
73
  setupGraphQL();
74
74
  return (h("sqm-portal-register", null,
75
75
  h("sqm-name-fields", { slot: "formData" }),
76
- h("sqm-input-field", { slot: "formData", "field-label": "Phone Number", "field-name": "tel", "field-type": "tel" })));
76
+ h("sqm-input-field", { slot: "formData", "field-label": "Phone Number", "field-type": "tel" })));
77
77
  });
@@ -14,14 +14,6 @@ const vanillaStyle = `
14
14
  width: 100%;
15
15
  display: block;
16
16
  }
17
- sl-checkbox::part(label){
18
- font-size: var(--sl-input-label-font-size-small);
19
- font-weight: var(--sl-font-weight-normal);
20
- line-height: 20px;
21
- }
22
- sl-checkbox::part(base){
23
- align-items: start;
24
- }
25
17
  `;
26
18
  jss.setup(preset());
27
19
  const sheet = jss.createStyleSheet(style);
@@ -33,7 +25,7 @@ export function InputFieldView(props) {
33
25
  h("style", { type: "text/css" },
34
26
  vanillaStyle,
35
27
  styleString),
36
- h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (content.fieldRequired ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
28
+ h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
37
29
  class: sheet.classes.ErrorStyle,
38
30
  helpText: content.errorMessage || (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]),
39
31
  }
@@ -2,7 +2,8 @@ import { isDemo } from "@saasquatch/component-boilerplate";
2
2
  import { withHooks } from "@saasquatch/stencil-hooks";
3
3
  import { Component, h, Prop, State } from "@stencil/core";
4
4
  import deepmerge from "deepmerge";
5
- import { getProps } from "../../utils/utils";
5
+ import { RequiredPropsError } from "../../utils/RequiredPropsError";
6
+ import { getMissingProps, getProps } from "../../utils/utils";
6
7
  import { InputFieldView } from "./sqm-input-field-view";
7
8
  import { useInputField } from "./useInputField";
8
9
  /**
@@ -11,14 +12,10 @@ import { useInputField } from "./useInputField";
11
12
  export class InputField {
12
13
  constructor() {
13
14
  this.ignored = true;
14
- /**
15
- * @uiName Input label
16
- */
17
- this.fieldLabel = "My Custom Input";
18
15
  /**
19
16
  * @uiName Input Type
20
17
  * @uiType string
21
- * @uiEnum ["text", "date", "number", "tel"]
18
+ * @uiEnum ["text", "date", "tel"]
22
19
  */
23
20
  this.fieldType = "text";
24
21
  /**
@@ -26,9 +23,9 @@ export class InputField {
26
23
  */
27
24
  this.errorMessage = "Cannot be empty";
28
25
  /**
29
- * @uiName Required
26
+ * @uiName Optional
30
27
  */
31
- this.fieldRequired = true;
28
+ this.fieldOptional = false;
32
29
  withHooks(this);
33
30
  }
34
31
  disconnectedCallback() { }
@@ -36,6 +33,15 @@ export class InputField {
36
33
  const content = {
37
34
  ...getProps(this),
38
35
  };
36
+ const missingProps = getMissingProps([
37
+ {
38
+ attribute: "field-name",
39
+ value: this.fieldName,
40
+ },
41
+ ]);
42
+ if (missingProps) {
43
+ return h(RequiredPropsError, { missingProps: missingProps });
44
+ }
39
45
  const { states } = isDemo() ? useInputFieldDemo(this) : useInputField();
40
46
  return h(InputFieldView, { states: states, content: content });
41
47
  }
@@ -79,15 +85,14 @@ export class InputField {
79
85
  "text": ""
80
86
  },
81
87
  "attribute": "field-label",
82
- "reflect": false,
83
- "defaultValue": "\"My Custom Input\""
88
+ "reflect": false
84
89
  },
85
90
  "fieldType": {
86
91
  "type": "string",
87
92
  "mutable": false,
88
93
  "complexType": {
89
- "original": "\"text\" | \"date\" | \"number\" | \"tel\"",
90
- "resolved": "\"date\" | \"number\" | \"tel\" | \"text\"",
94
+ "original": "\"text\" | \"date\" | \"tel\"",
95
+ "resolved": "\"date\" | \"tel\" | \"text\"",
91
96
  "references": {}
92
97
  },
93
98
  "required": false,
@@ -100,7 +105,7 @@ export class InputField {
100
105
  "text": "string",
101
106
  "name": "uiType"
102
107
  }, {
103
- "text": "[\"text\", \"date\", \"number\", \"tel\"]",
108
+ "text": "[\"text\", \"date\", \"tel\"]",
104
109
  "name": "uiEnum"
105
110
  }],
106
111
  "text": ""
@@ -130,7 +135,7 @@ export class InputField {
130
135
  "reflect": false,
131
136
  "defaultValue": "\"Cannot be empty\""
132
137
  },
133
- "fieldRequired": {
138
+ "fieldOptional": {
134
139
  "type": "boolean",
135
140
  "mutable": false,
136
141
  "complexType": {
@@ -142,21 +147,21 @@ export class InputField {
142
147
  "optional": true,
143
148
  "docs": {
144
149
  "tags": [{
145
- "text": "Required",
150
+ "text": "Optional",
146
151
  "name": "uiName"
147
152
  }],
148
153
  "text": ""
149
154
  },
150
- "attribute": "field-required",
155
+ "attribute": "field-optional",
151
156
  "reflect": false,
152
- "defaultValue": "true"
157
+ "defaultValue": "false"
153
158
  },
154
159
  "demoData": {
155
160
  "type": "unknown",
156
161
  "mutable": false,
157
162
  "complexType": {
158
163
  "original": "DemoData<InputFieldViewProps>",
159
- "resolved": "{ states?: { validationErrors?: ValidationErrors; }; content?: { fieldName: string; fieldLabel: string; fieldType: \"number\" | \"text\" | \"date\" | \"tel\"; fieldRequired?: boolean; errorMessage: string; }; }",
164
+ "resolved": "{ states?: { validationErrors?: ValidationErrors; }; content?: { fieldName: string; fieldLabel: string; fieldType: \"text\" | \"date\" | \"tel\"; fieldOptional?: boolean; errorMessage: string; }; }",
160
165
  "references": {
161
166
  "DemoData": {
162
167
  "location": "import",
@@ -159,7 +159,7 @@ export class StencilStorybook {
159
159
  const { class: Style, children } = useStencilbook(stories, {
160
160
  h,
161
161
  title: "Mint Components",
162
- addons: [CucumberAddon, ShadowViewAddon, HookStoryAddon],
162
+ addons: [HookStoryAddon, ShadowViewAddon, CucumberAddon],
163
163
  });
164
164
  const [selectedTheme, setSelected] = useState("Default");
165
165
  const [checkerboard, setCheckerboard] = useState(true);
@@ -9,16 +9,16 @@ const style = {
9
9
  top: "23px",
10
10
  },
11
11
  DivStyle: {
12
- marginLeft: "30px",
12
+ marginLeft: "28px",
13
13
  },
14
14
  Details: {
15
- marginLeft: "30px",
15
+ marginLeft: "28px",
16
16
  },
17
17
  Heading: {
18
18
  display: "inline-block",
19
19
  },
20
20
  Alert: {
21
- margin: "30px",
21
+ margin: "28px",
22
22
  },
23
23
  };
24
24
  const sheet = createStyleSheet(style);
@@ -33,8 +33,8 @@ export function RequiredPropsError({ missingProps }) {
33
33
  h("div", { slot: "icon", class: sheet.classes.IconStyle },
34
34
  h("sl-icon", { name: "exclamation-octagon" })),
35
35
  h("div", { class: sheet.classes.DivStyle },
36
- h("h2", { class: sheet.classes.Heading }, "There was a problem loading this page"),
37
- h("p", null, "There was a technical problem that prevented this page from loading. Please contact us with the link to this page.")),
36
+ h("h2", { class: sheet.classes.Heading }, "There was a problem loading this section"),
37
+ h("p", null, "There was a technical problem that prevented this section from loading. Please contact us with the link to this page.")),
38
38
  h("details", { class: sheet.classes.Details },
39
39
  h("summary", { onClick: () => setDetailsOpen(!detailsOpen) },
40
40
  detailsOpen ? "Less" : "More",
@@ -2512,7 +2512,7 @@ function CheckboxFieldView(props) {
2512
2512
  h("sl-checkbox", Object.assign({ exportparts: "label: input-label", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
2513
2513
  e.target.value = e.target.checked;
2514
2514
  callbacks.setChecked(e.target.value);
2515
- } }, (content.checkboxRequired ? { required: true } : []), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
2515
+ } }, (!content.checkboxOptional ? { required: true } : []), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
2516
2516
  ? {
2517
2517
  class: sheet$a.classes.ErrorStyle,
2518
2518
  }
@@ -2563,7 +2563,7 @@ function DropdownFieldView(props) {
2563
2563
  h("style", { type: "text/css" },
2564
2564
  vanillaStyle$5,
2565
2565
  styleString$b),
2566
- h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (content.dropdownRequired ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
2566
+ h("sl-select", Object.assign({ exportparts: "label: input-label", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
2567
2567
  class: sheet$b.classes.ErrorStyle,
2568
2568
  }
2569
2569
  : [])), content.selectOptions),
@@ -2582,14 +2582,6 @@ const vanillaStyle$6 = `
2582
2582
  width: 100%;
2583
2583
  display: block;
2584
2584
  }
2585
- sl-checkbox::part(label){
2586
- font-size: var(--sl-input-label-font-size-small);
2587
- font-weight: var(--sl-font-weight-normal);
2588
- line-height: 20px;
2589
- }
2590
- sl-checkbox::part(base){
2591
- align-items: start;
2592
- }
2593
2585
  `;
2594
2586
  jss.setup(create());
2595
2587
  const sheet$c = jss.createStyleSheet(style$c);
@@ -2601,7 +2593,7 @@ function InputFieldView(props) {
2601
2593
  h("style", { type: "text/css" },
2602
2594
  vanillaStyle$6,
2603
2595
  styleString$c),
2604
- h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (content.fieldRequired ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
2596
+ h("sl-input", Object.assign({ exportparts: "label: input-label", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
2605
2597
  class: sheet$c.classes.ErrorStyle,
2606
2598
  helpText: content.errorMessage || (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]),
2607
2599
  }
@@ -15,7 +15,7 @@ const patchEsm = () => {
15
15
  const defineCustomElements = (win, options) => {
16
16
  if (typeof window === 'undefined') return Promise.resolve();
17
17
  return patchEsm().then(() => {
18
- return bootstrapLazy(JSON.parse("[[\"sqm-stencilbook\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"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-rewards-table-customer-note-column\",[[1,\"sqm-rewards-table-customer-note-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-asset-card\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"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-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-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-route\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-tab\",[[4,\"sqm-tab\",{\"header\":[1]}]]],[\"sqm-tabs\",[[1,\"sqm-tabs\",{\"placement\":[1]}]]],[\"sqm-text-span\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-rewards-table-customer-note-cell\",[[1,\"sqm-rewards-table-customer-note-cell\",{\"note\":[1],\"locale\":[1],\"ignored\":[32]}]]],[\"sqm-password-field\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-form-message\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-empty_5\",[[1,\"sqm-empty\",{\"emptyStateImage\":[1,\"empty-state-image\"],\"emptyStateHeader\":[1,\"empty-state-header\"],\"emptyStateText\":[1,\"empty-state-text\"]}],[1,\"sqm-image\",{\"imageUrl\":[1,\"image-url\"],\"alignment\":[1],\"backgroundColor\":[1,\"background-color\"],\"minHeight\":[1,\"min-height\"]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"display\":[1],\"justifyContent\":[1,\"justify-content\"],\"maxWidth\":[1,\"max-width\"],\"center\":[4],\"ignored\":[32]}],[4,\"sqm-text\",{\"ignored\":[32]}],[1,\"sqm-titled-section\",{\"label\":[1],\"textAlign\":[1,\"text-align\"],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-big-stat_35\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"hideViewer\":[4,\"hide-viewer\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"anonymousUser\":[1,\"anonymous-user\"],\"interval\":[1],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"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,\"tooltip-text\"],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"rewardRedeemedText\":[1,\"reward-redeemed-text\"],\"promoCode\":[1,\"promo-code\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"rewardNameTitle\":[1,\"reward-name-title\"],\"rewardAmountTitle\":[1,\"reward-amount-title\"],\"costTitle\":[1,\"cost-title\"],\"demoData\":[16],\"ignored\":[32]}],[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-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"]}],[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}],[0,\"sqm-checkbox-field\",{\"checkboxName\":[1,\"checkbox-name\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxLabelLink\":[1,\"checkbox-label-link\"],\"checkboxLabelLinkText\":[1,\"checkbox-label-link-text\"],\"errorMessage\":[1,\"error-message\"],\"checkboxRequired\":[4,\"checkbox-required\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[4,\"sqm-dropdown-field\",{\"dropdownName\":[1,\"dropdown-name\"],\"dropdownLabel\":[1,\"dropdown-label\"],\"errorMessage\":[1,\"error-message\"],\"dropdownRequired\":[4,\"dropdown-required\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-hero-image\",{\"imageUrl\":[1,\"image-url\"],\"overlayColor\":[1,\"overlay-color\"],\"overlayOpacity\":[1,\"overlay-opacity\"],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"layout\":[1],\"imagePercentage\":[2,\"image-percentage\"],\"imagePos\":[1,\"image-pos\"],\"imageMobilePos\":[1,\"image-mobile-pos\"],\"header\":[1],\"description\":[1],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"buttonNewTab\":[4,\"button-new-tab\"],\"paddingText\":[1,\"padding-text\"],\"paddingImage\":[1,\"padding-image\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[0,\"sqm-input-field\",{\"fieldName\":[1,\"field-name\"],\"fieldLabel\":[1,\"field-label\"],\"fieldType\":[1,\"field-type\"],\"errorMessage\":[1,\"error-message\"],\"fieldRequired\":[4,\"field-required\"],\"demoData\":[16],\"ignored\":[32]}],[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-program-explainer\",{\"header\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"ignored\":[32]}],[1,\"sqm-program-explainer-step\",{\"header\":[1],\"description\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"imageUrl\":[1,\"image-url\"],\"icon\":[1]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[1,\"sqm-referral-card\",{\"verticalAlignment\":[1,\"vertical-alignment\"],\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-scroll\",{\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"scrollTagName\":[1,\"scroll-tag-name\"],\"scrollId\":[1,\"scroll-id\"],\"scrollAnimation\":[1,\"scroll-animation\"],\"size\":[1],\"outline\":[4],\"pill\":[4],\"circle\":[4],\"iconSlot\":[1,\"icon-slot\"],\"iconName\":[1,\"icon-name\"],\"mobile\":[4],\"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-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-stat-container\",{\"space\":[1],\"display\":[1],\"ignored\":[32]}],[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\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"displayDuration\":[1,\"display-duration\"],\"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\"],\"eventKey\":[1,\"event-key\"],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-timeline\",{\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-timeline-entry\",{\"reward\":[1],\"unit\":[1],\"desc\":[1],\"icon\":[1],\"ignored\":[32],\"iconState\":[32],\"setIcon\":[64]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}]]],[\"sqm-rewards-table_9\",[[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-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\"],\"copyText\":[1,\"copy-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\"],\"pendingUsTax\":[1,\"pending-us-tax\"],\"pendingScheduled\":[1,\"pending-scheduled\"],\"pendingUnhandled\":[1,\"pending-unhandled\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-rewards-table-reward-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"copyText\":[1,\"copy-text\"],\"locale\":[1]}],[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\"],\"locale\":[1]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"],\"locale\":[1],\"pendingUsTax\":[1,\"pending-us-tax\"],\"pendingScheduled\":[1,\"pending-scheduled\"],\"pendingUnhandled\":[1,\"pending-unhandled\"]}]]],[\"sqm-referral-table_11\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}],[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\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"demoData\":[16]}],[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64],\"renderReferrerCell\":[64]}],[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64],\"renderReferrerCell\":[64]}],[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],\"renderReferrerCell\":[64]}],[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64],\"renderReferrerCell\":[64]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"locale\":[1]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}]]]]"), options);
18
+ return bootstrapLazy(JSON.parse("[[\"sqm-stencilbook\",[[4,\"sqm-stencilbook\",{\"ignored\":[32]}]]],[\"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-rewards-table-customer-note-column\",[[1,\"sqm-rewards-table-customer-note-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}]]],[\"sqm-asset-card\",[[1,\"sqm-asset-card\",{\"titleText\":[1,\"title-text\"],\"imgUrl\":[1,\"img-url\"],\"demoData\":[16],\"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-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-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-route\",[[1,\"sqm-route\",{\"path\":[1],\"ignored\":[32]}]]],[\"sqm-tab\",[[4,\"sqm-tab\",{\"header\":[1]}]]],[\"sqm-tabs\",[[1,\"sqm-tabs\",{\"placement\":[1]}]]],[\"sqm-text-span\",[[0,\"sqm-text-span\",{\"text\":[1],\"type\":[1],\"ignored\":[32]}]]],[\"sqm-rewards-table-customer-note-cell\",[[1,\"sqm-rewards-table-customer-note-cell\",{\"note\":[1],\"locale\":[1],\"ignored\":[32]}]]],[\"sqm-password-field\",[[0,\"sqm-password-field\",{\"fieldLabel\":[1,\"field-label\"],\"enableValidation\":[4,\"enable-validation\"],\"demoData\":[16],\"ignored\":[32]}]]],[\"sqm-form-message\",[[1,\"sqm-form-message\",{\"type\":[1],\"icon\":[1],\"ignored\":[32]}]]],[\"sqm-empty_5\",[[1,\"sqm-empty\",{\"emptyStateImage\":[1,\"empty-state-image\"],\"emptyStateHeader\":[1,\"empty-state-header\"],\"emptyStateText\":[1,\"empty-state-text\"]}],[1,\"sqm-image\",{\"imageUrl\":[1,\"image-url\"],\"alignment\":[1],\"backgroundColor\":[1,\"background-color\"],\"minHeight\":[1,\"min-height\"]}],[1,\"sqm-portal-container\",{\"direction\":[1],\"padding\":[1],\"gap\":[1],\"minWidth\":[1,\"min-width\"],\"display\":[1],\"justifyContent\":[1,\"justify-content\"],\"maxWidth\":[1,\"max-width\"],\"center\":[4],\"ignored\":[32]}],[4,\"sqm-text\",{\"ignored\":[32]}],[1,\"sqm-titled-section\",{\"label\":[1],\"textAlign\":[1,\"text-align\"],\"labelMargin\":[1,\"label-margin\"],\"padding\":[1]}]]],[\"sqm-big-stat_35\",[[1,\"sqm-leaderboard\",{\"usersheading\":[1],\"statsheading\":[1],\"rankheading\":[1],\"showRank\":[4,\"show-rank\"],\"hideViewer\":[4,\"hide-viewer\"],\"rankType\":[1,\"rank-type\"],\"leaderboardType\":[1,\"leaderboard-type\"],\"anonymousUser\":[1,\"anonymous-user\"],\"interval\":[1],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-reward-exchange-list\",{\"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,\"tooltip-text\"],\"doneText\":[1,\"done-text\"],\"selectText\":[1,\"select-text\"],\"queryError\":[1,\"query-error\"],\"redemptionError\":[1,\"redemption-error\"],\"notEnoughError\":[1,\"not-enough-error\"],\"rewardRedeemedText\":[1,\"reward-redeemed-text\"],\"promoCode\":[1,\"promo-code\"],\"skeletonCardNum\":[2,\"skeleton-card-num\"],\"rewardNameTitle\":[1,\"reward-name-title\"],\"rewardAmountTitle\":[1,\"reward-amount-title\"],\"costTitle\":[1,\"cost-title\"],\"demoData\":[16],\"ignored\":[32]}],[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-big-stat\",{\"statType\":[1,\"stat-type\"],\"flexReverse\":[4,\"flex-reverse\"],\"alignment\":[1],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-brand\",{\"brandColor\":[1,\"brand-color\"],\"brandFont\":[1,\"brand-font\"]}],[1,\"sqm-card-feed\",{\"width\":[2],\"gap\":[2],\"ignored\":[32]}],[0,\"sqm-checkbox-field\",{\"checkboxName\":[1,\"checkbox-name\"],\"checkboxLabel\":[1,\"checkbox-label\"],\"checkboxLabelLink\":[1,\"checkbox-label-link\"],\"checkboxLabelLinkText\":[1,\"checkbox-label-link-text\"],\"errorMessage\":[1,\"error-message\"],\"checkboxOptional\":[4,\"checkbox-optional\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-divided-layout\",{\"direction\":[1],\"dividerStyle\":[1,\"divider-style\"]}],[4,\"sqm-dropdown-field\",{\"dropdownName\":[1,\"dropdown-name\"],\"dropdownLabel\":[1,\"dropdown-label\"],\"errorMessage\":[1,\"error-message\"],\"dropdownOptional\":[4,\"dropdown-optional\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-hero-image\",{\"imageUrl\":[1,\"image-url\"],\"overlayColor\":[1,\"overlay-color\"],\"overlayOpacity\":[1,\"overlay-opacity\"],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"layout\":[1],\"imagePercentage\":[2,\"image-percentage\"],\"imagePos\":[1,\"image-pos\"],\"imageMobilePos\":[1,\"image-mobile-pos\"],\"header\":[1],\"description\":[1],\"buttonText\":[1,\"button-text\"],\"buttonLink\":[1,\"button-link\"],\"buttonNewTab\":[4,\"button-new-tab\"],\"paddingText\":[1,\"padding-text\"],\"paddingImage\":[1,\"padding-image\"]}],[0,\"sqm-hook-story-container\",{\"hookStory\":[16],\"ignored\":[32]}],[0,\"sqm-input-field\",{\"fieldName\":[1,\"field-name\"],\"fieldLabel\":[1,\"field-label\"],\"fieldType\":[1,\"field-type\"],\"errorMessage\":[1,\"error-message\"],\"fieldOptional\":[4,\"field-optional\"],\"demoData\":[16],\"ignored\":[32]}],[0,\"sqm-name-fields\",{\"firstNameLabel\":[1,\"first-name-label\"],\"lastNameLabel\":[1,\"last-name-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-navigation-menu\",{\"includeDropdown\":[4,\"include-dropdown\"],\"menuLabel\":[1,\"menu-label\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-portal-frame\",{\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-program-explainer\",{\"header\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"ignored\":[32]}],[1,\"sqm-program-explainer-step\",{\"header\":[1],\"description\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"imageUrl\":[1,\"image-url\"],\"icon\":[1]}],[4,\"sqm-program-menu\",{\"ignored\":[32]}],[1,\"sqm-referral-card\",{\"verticalAlignment\":[1,\"vertical-alignment\"],\"ignored\":[32]}],[0,\"sqm-referral-iframe\",{\"iframeSrc\":[1,\"iframe-src\"],\"iframeHeight\":[1,\"iframe-height\"],\"iframeWidth\":[1,\"iframe-width\"],\"demoData\":[16],\"ignored\":[32]}],[4,\"sqm-router\",{\"ignored\":[32]}],[1,\"sqm-scroll\",{\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"scrollTagName\":[1,\"scroll-tag-name\"],\"scrollId\":[1,\"scroll-id\"],\"scrollAnimation\":[1,\"scroll-animation\"],\"size\":[1],\"outline\":[4],\"pill\":[4],\"circle\":[4],\"iconSlot\":[1,\"icon-slot\"],\"iconName\":[1,\"icon-name\"],\"mobile\":[4],\"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-code\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-share-link\",{\"programId\":[1,\"program-id\"],\"tooltiptext\":[1,\"tooltip-text\"],\"tooltiplifespan\":[2,\"tooltip-lifespan\"],\"demoData\":[16]}],[1,\"sqm-stat-container\",{\"space\":[1],\"display\":[1],\"ignored\":[32]}],[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\"],\"expiryMessage\":[1,\"expiry-message\"],\"rewardDuration\":[1,\"reward-duration\"],\"startsOnMessage\":[1,\"starts-on-message\"],\"displayDuration\":[1,\"display-duration\"],\"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\"],\"eventKey\":[1,\"event-key\"],\"programId\":[1,\"program-id\"],\"demoData\":[16],\"ignored\":[32]}],[1,\"sqm-timeline\",{\"icon\":[1],\"ignored\":[32]}],[1,\"sqm-timeline-entry\",{\"reward\":[1],\"unit\":[1],\"desc\":[1],\"icon\":[1],\"ignored\":[32],\"iconState\":[32],\"setIcon\":[64]}],[1,\"sqm-user-name\",{\"fallback\":[1],\"loadingText\":[1,\"loading-text\"],\"demoData\":[16],\"_ignored\":[32]}],[1,\"sqm-table-cell\",{\"colspan\":[2],\"padding\":[1]}],[1,\"sqm-table-row\",{\"border\":[1]}]]],[\"sqm-rewards-table_9\",[[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-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\"],\"copyText\":[1,\"copy-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\"],\"pendingUsTax\":[1,\"pending-us-tax\"],\"pendingScheduled\":[1,\"pending-scheduled\"],\"pendingUnhandled\":[1,\"pending-unhandled\"],\"renderCell\":[64],\"renderLabel\":[64]}],[1,\"sqm-rewards-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-rewards-table-reward-cell\",{\"reward\":[16],\"redeemedText\":[1,\"redeemed-text\"],\"availableText\":[1,\"available-text\"],\"copyText\":[1,\"copy-text\"],\"locale\":[1]}],[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\"],\"locale\":[1]}],[1,\"sqm-rewards-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"reward\":[16],\"expiryText\":[1,\"expiry-text\"],\"locale\":[1],\"pendingUsTax\":[1,\"pending-us-tax\"],\"pendingScheduled\":[1,\"pending-scheduled\"],\"pendingUnhandled\":[1,\"pending-unhandled\"]}]]],[\"sqm-referral-table_11\",[[1,\"sqm-referral-table-column\",{\"columnTitle\":[1,\"column-title\"],\"renderCell\":[64],\"renderLabel\":[64]}],[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\"],\"hiddenColumns\":[1,\"hidden-columns\"],\"smBreakpoint\":[2,\"sm-breakpoint\"],\"mdBreakpoint\":[2,\"md-breakpoint\"],\"demoData\":[16]}],[1,\"sqm-referral-table-date-column\",{\"columnTitle\":[1,\"column-title\"],\"dateShown\":[1,\"date-shown\"],\"renderCell\":[64],\"renderLabel\":[64],\"renderReferrerCell\":[64]}],[1,\"sqm-referral-table-rewards-column\",{\"columnTitle\":[1,\"column-title\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"hideDetails\":[4,\"hide-details\"],\"renderCell\":[64],\"renderLabel\":[64],\"renderReferrerCell\":[64]}],[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],\"renderReferrerCell\":[64]}],[1,\"sqm-referral-table-user-column\",{\"columnTitle\":[1,\"column-title\"],\"anonymousUser\":[1,\"anonymous-user\"],\"deletedUser\":[1,\"deleted-user\"],\"renderCell\":[64],\"renderLabel\":[64],\"renderReferrerCell\":[64]}],[1,\"sqm-referral-table-cell\",{\"innerTemplate\":[1,\"inner-template\"],\"ignored\":[32]}],[1,\"sqm-referral-table-date-cell\",{\"date\":[2],\"locale\":[1],\"ignored\":[32]}],[1,\"sqm-referral-table-rewards-cell\",{\"rewards\":[16],\"hideDetails\":[4,\"hide-details\"],\"statusText\":[1,\"status-text\"],\"statusLongText\":[1,\"status-long-text\"],\"fuelTankText\":[1,\"fuel-tank-text\"],\"rewardReceivedText\":[1,\"reward-received-text\"],\"expiringText\":[1,\"expiring-text\"],\"pendingForText\":[1,\"pending-for-text\"],\"locale\":[1]}],[1,\"sqm-referral-table-status-cell\",{\"statusText\":[1,\"status-text\"],\"converted\":[4]}],[1,\"sqm-referral-table-user-cell\",{\"name\":[1]}]]]]"), options);
19
19
  });
20
20
  };
21
21