@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.
- package/CHANGELOG.md +18 -1
- package/dist/cjs/{ShadowViewAddon-8665ac96.js → ShadowViewAddon-8de07cc1.js} +3 -11
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_35.cjs.entry.js +85 -62
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +70 -54
- package/dist/collection/components/sqm-checkbox-field/CheckboxField.stories.js +4 -0
- package/dist/collection/components/sqm-checkbox-field/UseCheckboxField.stories.js +11 -1
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +1 -1
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +18 -8
- package/dist/collection/components/sqm-dropdown-field/UseDropdownField.stories.js +8 -0
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js +1 -1
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +18 -8
- package/dist/collection/components/sqm-input-field/InputField.stories.js +1 -8
- package/dist/collection/components/sqm-input-field/UseInputField.stories.js +5 -5
- package/dist/collection/components/sqm-input-field/sqm-input-field-view.js +1 -9
- package/dist/collection/components/sqm-input-field/sqm-input-field.js +23 -18
- package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +1 -1
- package/dist/collection/utils/RequiredPropsError.js +5 -5
- package/dist/esm/{ShadowViewAddon-ec53d07b.js → ShadowViewAddon-63a40a95.js} +3 -11
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-big-stat_35.entry.js +87 -64
- package/dist/esm/sqm-stencilbook.entry.js +70 -54
- package/dist/esm-es5/{ShadowViewAddon-ec53d07b.js → ShadowViewAddon-63a40a95.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-big-stat_35.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-436da6b8.system.js +1 -1
- package/dist/mint-components/{p-0b9784a6.entry.js → p-581e2f18.entry.js} +2 -2
- package/dist/mint-components/{p-78aa1b56.js → p-86263d7f.js} +1 -1
- package/dist/mint-components/p-a872cf92.system.entry.js +1 -0
- package/dist/mint-components/{p-36f3c053.system.js → p-d336a610.system.js} +1 -1
- package/dist/mint-components/{p-38858049.entry.js → p-d437fa7d.entry.js} +10 -10
- package/dist/mint-components/{p-d1cad711.system.entry.js → p-e459d237.system.entry.js} +1 -1
- package/dist/types/components/sqm-checkbox-field/CheckboxField.stories.d.ts +3 -0
- package/dist/types/components/sqm-checkbox-field/UseCheckboxField.stories.d.ts +9 -0
- package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field-view.d.ts +1 -1
- package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts +2 -2
- package/dist/types/components/sqm-dropdown-field/UseDropdownField.stories.d.ts +6 -0
- package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field-view.d.ts +1 -1
- package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts +2 -2
- package/dist/types/components/sqm-input-field/InputField.stories.d.ts +0 -1
- package/dist/types/components/sqm-input-field/UseInputField.stories.d.ts +2 -2
- package/dist/types/components/sqm-input-field/sqm-input-field-view.d.ts +2 -2
- package/dist/types/components/sqm-input-field/sqm-input-field.d.ts +4 -4
- package/dist/types/components.d.ts +16 -16
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- 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-
|
|
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.
|
|
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 {
|
|
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
|
|
33
|
+
* @uiName Optional
|
|
33
34
|
*/
|
|
34
|
-
this.
|
|
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
|
-
"
|
|
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": "
|
|
175
|
+
"text": "Optional",
|
|
166
176
|
"name": "uiName"
|
|
167
177
|
}],
|
|
168
178
|
"text": ""
|
|
169
179
|
},
|
|
170
|
-
"attribute": "checkbox-
|
|
180
|
+
"attribute": "checkbox-optional",
|
|
171
181
|
"reflect": false,
|
|
172
|
-
"defaultValue": "
|
|
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;
|
|
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.
|
|
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 {
|
|
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
|
|
24
|
+
* @uiName Optional
|
|
24
25
|
*/
|
|
25
|
-
this.
|
|
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
|
-
"
|
|
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": "
|
|
125
|
+
"text": "Optional",
|
|
116
126
|
"name": "uiName"
|
|
117
127
|
}],
|
|
118
128
|
"text": ""
|
|
119
129
|
},
|
|
120
|
-
"attribute": "dropdown-
|
|
130
|
+
"attribute": "dropdown-optional",
|
|
121
131
|
"reflect": false,
|
|
122
|
-
"defaultValue": "
|
|
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;
|
|
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
|
-
|
|
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-
|
|
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
|
|
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": "
|
|
70
|
+
h("sqm-input-field", { slot: "formData", "field-label": "Phone Number", "field-name": "tel", "field-type": "tel" })));
|
|
71
71
|
});
|
|
72
|
-
export const
|
|
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-
|
|
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.
|
|
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 {
|
|
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",
|
|
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
|
|
26
|
+
* @uiName Optional
|
|
30
27
|
*/
|
|
31
|
-
this.
|
|
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\" | \"
|
|
90
|
-
"resolved": "\"date\" | \"
|
|
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\",
|
|
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
|
-
"
|
|
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": "
|
|
150
|
+
"text": "Optional",
|
|
146
151
|
"name": "uiName"
|
|
147
152
|
}],
|
|
148
153
|
"text": ""
|
|
149
154
|
},
|
|
150
|
-
"attribute": "field-
|
|
155
|
+
"attribute": "field-optional",
|
|
151
156
|
"reflect": false,
|
|
152
|
-
"defaultValue": "
|
|
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: \"
|
|
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: [
|
|
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: "
|
|
12
|
+
marginLeft: "28px",
|
|
13
13
|
},
|
|
14
14
|
Details: {
|
|
15
|
-
marginLeft: "
|
|
15
|
+
marginLeft: "28px",
|
|
16
16
|
},
|
|
17
17
|
Heading: {
|
|
18
18
|
display: "inline-block",
|
|
19
19
|
},
|
|
20
20
|
Alert: {
|
|
21
|
-
margin: "
|
|
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
|
|
37
|
-
h("p", null, "There was a technical problem that prevented this
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
}
|
package/dist/esm/loader.js
CHANGED
|
@@ -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
|
|