@saasquatch/mint-components 1.3.2-2 → 1.3.2-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/dist/cjs/sqm-divided-layout_27.cjs.entry.js +70 -61
- package/dist/collection/components/sqm-reward-exchange-list/progressBar.js +21 -36
- package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +32 -23
- package/dist/collection/components/sqm-reward-exchange-list/useRewardExchangeList.js +1 -0
- package/dist/esm/sqm-divided-layout_27.entry.js +70 -61
- package/dist/esm-es5/sqm-divided-layout_27.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/mint-components.js +1 -1
- package/dist/mint-components/{p-bca8867d.entry.js → p-4cc79fb9.entry.js} +10 -9
- package/dist/mint-components/p-8c605e30.system.entry.js +1 -0
- package/dist/mint-components/p-91d39961.system.js +1 -1
- package/dist/types/components/sqm-reward-exchange-list/progressBar.d.ts +3 -2
- package/package.json +1 -1
- package/dist/mint-components/p-0ba3c956.system.entry.js +0 -1
|
@@ -14767,6 +14767,7 @@ const GET_EXCHANGE_LIST = dist.gql `
|
|
|
14767
14767
|
destinationValue
|
|
14768
14768
|
prettyDestinationValue
|
|
14769
14769
|
available
|
|
14770
|
+
unavailableReasonCode
|
|
14770
14771
|
}
|
|
14771
14772
|
}
|
|
14772
14773
|
totalCount
|
|
@@ -14959,51 +14960,50 @@ function Dot({ active, completed, incomplete, }) {
|
|
|
14959
14960
|
boxSizing: "content-box",
|
|
14960
14961
|
} })));
|
|
14961
14962
|
}
|
|
14963
|
+
function ProgressLine({ incomplete = false, active = false }) {
|
|
14964
|
+
return (h("div", { style: {
|
|
14965
|
+
content: "''",
|
|
14966
|
+
flex: "0.5 0.5 0",
|
|
14967
|
+
height: "4px",
|
|
14968
|
+
borderRadius: "4px",
|
|
14969
|
+
background: incomplete || active ? "#E5E5E5" : "#9E9E9E",
|
|
14970
|
+
position: "relative",
|
|
14971
|
+
bottom: "0",
|
|
14972
|
+
left: "0",
|
|
14973
|
+
display: "flex",
|
|
14974
|
+
justifyContent: "center",
|
|
14975
|
+
columnGap: "50px",
|
|
14976
|
+
marginRight: "-2px",
|
|
14977
|
+
boxSizing: "content-box",
|
|
14978
|
+
} }));
|
|
14979
|
+
}
|
|
14962
14980
|
function Progress({ active, completed, incomplete }) {
|
|
14963
14981
|
return [
|
|
14964
|
-
h(
|
|
14965
|
-
content: "''",
|
|
14966
|
-
flex: "0.5 0.5 0",
|
|
14967
|
-
height: "4px",
|
|
14968
|
-
borderRadius: "4px",
|
|
14969
|
-
background: incomplete ? "#E5E5E5" : "#9E9E9E",
|
|
14970
|
-
position: "relative",
|
|
14971
|
-
bottom: "0",
|
|
14972
|
-
left: "0",
|
|
14973
|
-
display: "flex",
|
|
14974
|
-
justifyContent: "center",
|
|
14975
|
-
columnGap: "50px",
|
|
14976
|
-
marginRight: "-2px",
|
|
14977
|
-
boxSizing: "content-box",
|
|
14978
|
-
} }),
|
|
14982
|
+
h(ProgressLine, { incomplete: incomplete }),
|
|
14979
14983
|
h(Dot, { active: active, completed: completed, incomplete: incomplete }),
|
|
14980
|
-
h(
|
|
14981
|
-
content: "''",
|
|
14982
|
-
flex: "0.5 0.5 0",
|
|
14983
|
-
height: "4px",
|
|
14984
|
-
borderRadius: "4px",
|
|
14985
|
-
background: incomplete || active ? "#E5E5E5" : "#9E9E9E",
|
|
14986
|
-
position: "relative",
|
|
14987
|
-
bottom: "0",
|
|
14988
|
-
left: "0",
|
|
14989
|
-
display: "flex",
|
|
14990
|
-
justifyContent: "center",
|
|
14991
|
-
columnGap: "50px",
|
|
14992
|
-
marginRight: "-2px",
|
|
14993
|
-
boxSizing: "content-box",
|
|
14994
|
-
} }),
|
|
14984
|
+
h(ProgressLine, { incomplete: incomplete, active: active }),
|
|
14995
14985
|
];
|
|
14996
14986
|
}
|
|
14997
|
-
function ProgressBar({
|
|
14998
|
-
|
|
14999
|
-
return (h("div", { style: { display: "flex", columnGap: "-2px" } },
|
|
15000
|
-
h(Progress, { active: stage === 0, completed: stage > 0, incomplete: stage < 0 }),
|
|
15001
|
-
h(Progress, { active: stage === 1, completed: stage > 1, incomplete: stage < 1 }),
|
|
15002
|
-
h(Progress, { active: stage === 2, completed: stage > 2, incomplete: stage < 2 })));
|
|
14987
|
+
function ProgressBar({ stageCount, currentStage, }) {
|
|
14988
|
+
return (h("div", { style: { display: "flex", columnGap: "-2px" } }, Array.from(Array(stageCount).keys()).map((stage) => (h(Progress, { active: currentStage === stage, completed: currentStage > stage, incomplete: currentStage < stage })))));
|
|
15003
14989
|
}
|
|
15004
14990
|
|
|
15005
14991
|
const LeftArrow = () => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { marginBottom: "-2px", marginRight: "5px" } },
|
|
15006
|
-
h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.34655 1.90573C7.75405 2.31323 7.75405 2.97392 7.34655 3.38143L3.56266 7.16531H14.9565C15.5328 7.16531 16 7.6325 16 8.20879C16 8.78509 15.5328 9.25227 14.9565 9.25227H3.56266L7.69437 13.384C8.10188 13.7915 8.10188 14.4522 7.69437 14.8597C7.28687 15.2672 6.62617 15.2672 6.21867 14.8597L0.305628 8.94664C-0.101876 8.53914 -0.101876 7.87845 0.305628 7.47094L5.87084 1.90573C6.27835 1.49822 6.93904 1.49822 7.34655 1.90573Z", fill: "#858585" })));
|
|
14992
|
+
h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.34655 1.90573C7.75405 2.31323 7.75405 2.97392 7.34655 3.38143L3.56266 7.16531H14.9565C15.5328 7.16531 16 7.6325 16 8.20879C16 8.78509 15.5328 9.25227 14.9565 9.25227H3.56266L7.69437 13.384C8.10188 13.7915 8.10188 14.4522 7.69437 14.8597C7.28687 15.2672 6.62617 15.2672 6.21867 14.8597L0.305628 8.94664C-0.101876 8.53914 -0.101876 7.87845 0.305628 7.47094L5.87084 1.90573C6.27835 1.49822 6.93904 1.49822 7.34655 1.90573Z", fill: "#858585" })));
|
|
14993
|
+
const ExchangeArrows = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "42", height: "42", viewBox: "0 0 42 42", fill: "none" },
|
|
14994
|
+
h("g", { filter: "url(#filter0_d_428_4515)" },
|
|
14995
|
+
h("circle", { cx: "21", cy: "21", r: "15", fill: "white" })),
|
|
14996
|
+
h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.6255 27.783C16.5129 27.8963 16.3597 27.96 16.2 27.96C16.0402 27.96 15.887 27.8963 15.7744 27.783L11.8744 23.8597C11.6408 23.6247 11.6419 23.2448 11.877 23.0112C12.112 22.7775 12.4919 22.7787 12.7255 23.0137L15.6 25.9054V14.52C15.6 14.1886 15.8686 13.92 16.2 13.92C16.5313 13.92 16.8 14.1886 16.8 14.52V25.9054L19.6744 23.0137C19.908 22.7787 20.2879 22.7775 20.5229 23.0112C20.758 23.2448 20.7591 23.6247 20.5255 23.8597L16.6255 27.783ZM26.2255 14.0971C26.1129 13.9838 25.9597 13.9201 25.8 13.9201C25.6402 13.9201 25.487 13.9838 25.3744 14.0971L21.4744 18.0204C21.2408 18.2554 21.2419 18.6353 21.477 18.8689C21.712 19.1025 22.0919 19.1014 22.3255 18.8664L25.2 15.9747V27.3601C25.2 27.6914 25.4686 27.9601 25.8 27.9601C26.1313 27.9601 26.4 27.6914 26.4 27.3601V15.9747L29.2744 18.8664C29.508 19.1014 29.8879 19.1025 30.1229 18.8689C30.358 18.6353 30.3591 18.2554 30.1255 18.0204L26.2255 14.0971Z", fill: "#333333" }),
|
|
14997
|
+
h("defs", null,
|
|
14998
|
+
h("filter", { id: "filter0_d_428_4515", x: "0", y: "0", width: "42", height: "42", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" },
|
|
14999
|
+
h("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
|
|
15000
|
+
h("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
|
|
15001
|
+
h("feOffset", null),
|
|
15002
|
+
h("feGaussianBlur", { stdDeviation: "3" }),
|
|
15003
|
+
h("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
15004
|
+
h("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.670833 0 0 0 0 0.670833 0 0 0 0 0.670833 0 0 0 0.2 0" }),
|
|
15005
|
+
h("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_428_4515" }),
|
|
15006
|
+
h("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_428_4515", result: "shape" })))));
|
|
15007
15007
|
|
|
15008
15008
|
const stageList = ["chooseReward", "chooseAmount", "confirmation", "success"];
|
|
15009
15009
|
const stageProgressList = {
|
|
@@ -15106,7 +15106,8 @@ function RewardExchangeView(props) {
|
|
|
15106
15106
|
});
|
|
15107
15107
|
} }, (_b = item.steps) === null || _b === void 0 ? void 0 : _b.map((step) => (h("sl-menu-item", { value: step, disabled: !step.available },
|
|
15108
15108
|
step.prettyDestinationValue,
|
|
15109
|
-
h("
|
|
15109
|
+
h("div", { slot: "suffix", style: { fontSize: "75%", float: "right" } }, step.prettySourceValue),
|
|
15110
|
+
step.unavailableReasonCode && (h("p", { style: { fontSize: "70%", color: "#F2994A" } }, step.unavailableReasonCode)))))));
|
|
15110
15111
|
}
|
|
15111
15112
|
function chooseReward() {
|
|
15112
15113
|
var _a;
|
|
@@ -15127,12 +15128,24 @@ function RewardExchangeView(props) {
|
|
|
15127
15128
|
boxShadow: item.key === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) ? "0 1px 8px #87ceeb" : "none",
|
|
15128
15129
|
marginBottom: "10px 0",
|
|
15129
15130
|
flex: "1",
|
|
15130
|
-
minWidth: "
|
|
15131
|
+
minWidth: "100%",
|
|
15132
|
+
color: !item.available && "#eee",
|
|
15133
|
+
"&:hover": {
|
|
15134
|
+
boxShadow: !item.available && "none",
|
|
15135
|
+
},
|
|
15131
15136
|
};
|
|
15132
|
-
return (h("div", { key: item.key, class: sheet.classes.CardContainer,
|
|
15133
|
-
|
|
15137
|
+
return (h("div", { key: item.key, class: sheet.classes.CardContainer,
|
|
15138
|
+
//@ts-ignore
|
|
15139
|
+
style: style },
|
|
15140
|
+
h("sl-card", { class: sheet.classes.Base, onClick: () => item.available &&
|
|
15141
|
+
callbacks.setExchangeState({ selectedItem: item }) },
|
|
15134
15142
|
h("img", { class: sheet.classes.PreviewImage, src: (item === null || item === void 0 ? void 0 : item.imageUrl) || getAssetPath("./assets/Reward-icon.png") }),
|
|
15135
|
-
h("p",
|
|
15143
|
+
h("p", { style: { marginBottom: "0" } }, item.description),
|
|
15144
|
+
item.unavailableReasonCode && (h("p", { style: {
|
|
15145
|
+
fontSize: "70%",
|
|
15146
|
+
color: "#F2994A",
|
|
15147
|
+
marginTop: "0",
|
|
15148
|
+
} }, item.unavailableReasonCode)))));
|
|
15136
15149
|
}),
|
|
15137
15150
|
h("div", { class: sheet.classes.Buttons },
|
|
15138
15151
|
h("sl-button", { onClick: () => callbacks.setStage(nextStage), style: { display: "block" }, class: sheet.classes.Button, disabled: !states.selectedItem }, "Continue"),
|
|
@@ -15150,24 +15163,20 @@ function RewardExchangeView(props) {
|
|
|
15150
15163
|
}
|
|
15151
15164
|
console.log({ selectedItem, selectedStep });
|
|
15152
15165
|
function confirmation() {
|
|
15153
|
-
console.log("confirmation:", { selectedItem });
|
|
15154
|
-
const redemptionAmount = () => {
|
|
15155
|
-
var _a;
|
|
15156
|
-
if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.ruleType) === "FIXED_GLOBAL_REWARD") {
|
|
15157
|
-
return `Redeem ${selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.sourceValue} ${selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.sourceUnit} for ${selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.globalRewardKey}`;
|
|
15158
|
-
}
|
|
15159
|
-
else {
|
|
15160
|
-
const amount = states.amount;
|
|
15161
|
-
const reward = (_a = selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.prettyDestinationValue) !== null && _a !== void 0 ? _a : `${amount} ${selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.destinationUnit}`;
|
|
15162
|
-
return `Redeem ${amount} ${selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.sourceUnit} for ${reward}`;
|
|
15163
|
-
}
|
|
15164
|
-
};
|
|
15165
15166
|
const previousStage = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.ruleType) === "FIXED_GLOBAL_REWARD"
|
|
15166
15167
|
? "chooseReward"
|
|
15167
15168
|
: "chooseAmount";
|
|
15168
15169
|
return (h("div", null,
|
|
15169
|
-
h("h2", null, "Confirm
|
|
15170
|
-
|
|
15170
|
+
h("h2", null, "Confirm and redeem"),
|
|
15171
|
+
h("div", { style: { textAlign: "center" } },
|
|
15172
|
+
h("p", null,
|
|
15173
|
+
h("b", null, selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.sourceValue)),
|
|
15174
|
+
h("p", null,
|
|
15175
|
+
h("b", null, selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.prettySourceValue)),
|
|
15176
|
+
h("p", null,
|
|
15177
|
+
h(ExchangeArrows, null)),
|
|
15178
|
+
h("p", null, selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.destinationValue),
|
|
15179
|
+
h("p", null, selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.prettyDestinationValue)),
|
|
15171
15180
|
h("div", { class: sheet.classes.Buttons },
|
|
15172
15181
|
h("sl-button", { onClick: callbacks.exchangeReward, style: { display: "block" }, class: sheet.classes.Button }, "Redeem"),
|
|
15173
15182
|
h("a", { onClick: () => callbacks.setStage(previousStage), style: { display: "block" }, class: sheet.classes.Button }, "Back"))));
|
|
@@ -15189,7 +15198,7 @@ function RewardExchangeView(props) {
|
|
|
15189
15198
|
function stageMap() {
|
|
15190
15199
|
const stageNumber = stageList.indexOf(states.redeemStage);
|
|
15191
15200
|
return (h("div", { style: { fontSize: "80%" } },
|
|
15192
|
-
h(ProgressBar, {
|
|
15201
|
+
h(ProgressBar, { stageCount: 3, currentStage: stageNumber }),
|
|
15193
15202
|
h("div", { style: {
|
|
15194
15203
|
marginTop: "5px",
|
|
15195
15204
|
display: "flex",
|
|
@@ -15205,7 +15214,7 @@ function RewardExchangeView(props) {
|
|
|
15205
15214
|
return h("i", { style: { flex: "1 1 0" } }, stageProgressList[stage]);
|
|
15206
15215
|
}))));
|
|
15207
15216
|
}
|
|
15208
|
-
const
|
|
15217
|
+
const BackButton = () => {
|
|
15209
15218
|
if (states.redeemStage === "success")
|
|
15210
15219
|
return "";
|
|
15211
15220
|
let previousStage = "";
|
|
@@ -15227,7 +15236,7 @@ function RewardExchangeView(props) {
|
|
|
15227
15236
|
h("style", { type: "text/css" }, styleString),
|
|
15228
15237
|
h("div", null,
|
|
15229
15238
|
h("sl-drawer", { ref: (ref) => (refs.drawerRef.current = ref), placement: "right", class: sheet.classes.Drawer, open: stageList.indexOf(states.redeemStage) >= 0 },
|
|
15230
|
-
h(
|
|
15239
|
+
h(BackButton, null),
|
|
15231
15240
|
stageMap(),
|
|
15232
15241
|
currentStage && currentStage(),
|
|
15233
15242
|
states.exchangeError &&
|
|
@@ -24049,7 +24058,7 @@ const ReferralIframeReadme = "# sqm-referral-iframe\r\n\r\n\r\n\r\n<!-- Auto Gen
|
|
|
24049
24058
|
|
|
24050
24059
|
const ForgotPasswordReadme = "# sqm-portal-forgot-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------- | -------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined` |\r\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\r\n| `submitLabel` | `submit-label` | | `string` | `\"Request Password Reset\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-forgot-password --> sqm-form-message\r\n style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
24051
24060
|
|
|
24052
|
-
const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| -------------------------- | ---------------------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\n| `confirmPasswordLabel` | `confirm-password-label` | | `string` | `\"Confirm Password\"` |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; }; refs?: { formRef: any; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined` |\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\n| `enablePasswordValidation` | `enable-password-validation` | | `boolean` | `true` |\n| `hideInputs` | `hide-inputs` | | `boolean` | `false` |\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\n| `submitLabel` | `submit-label` | | `string` | `\"Register\"` |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n sqm-portal-register --> sqm-form-message\n sqm-portal-register --> sqm-password-field\n sqm-stencilbook --> sqm-portal-register\n style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
24061
|
+
const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| -------------------------- | ---------------------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\r\n| `confirmPasswordLabel` | `confirm-password-label` | | `string` | `\"Confirm Password\"` |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; }; refs?: { formRef: any; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined` |\r\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\r\n| `enablePasswordValidation` | `enable-password-validation` | | `boolean` | `true` |\r\n| `hideInputs` | `hide-inputs` | | `boolean` | `false` |\r\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\r\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\r\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\r\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\r\n| `submitLabel` | `submit-label` | | `string` | `\"Register\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-register --> sqm-form-message\r\n sqm-portal-register --> sqm-password-field\r\n sqm-stencilbook --> sqm-portal-register\r\n style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
24053
24062
|
|
|
24054
24063
|
const EditProfileReadme = "# sqm-portal-profile\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\r\n| `countrytext` | `countrytext` | | `string` | `\"Country\"` |\r\n| `demoData` | -- | | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }` | `undefined` |\r\n| `editProfileHeader` | `edit-profile-header` | | `string` | `\"Edit your profile\"` |\r\n| `editProfileSubHeader` | `edit-profile-sub-header` | | `string` | `\"Personal Information\"` |\r\n| `emailtext` | `emailtext` | | `string` | `\"Email\"` |\r\n| `firstnametext` | `firstnametext` | | `string` | `\"First Name\"` |\r\n| `lastnametext` | `lastnametext` | | `string` | `\"Last Name\"` |\r\n| `showCountry` | `show-country` | | `boolean` | `true` |\r\n| `submitChangeButtonText` | `submit-change-button-text` | | `string` | `\"Submit Changes\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-profile --> sqm-form-message\r\n style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
24055
24064
|
|
|
@@ -24057,7 +24066,7 @@ const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Aut
|
|
|
24057
24066
|
|
|
24058
24067
|
const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property | Attribute | Description | Type | Default |\r\n| ------------------------- | --------------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined` |\r\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\r\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\r\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n sqm-portal-email-verification --> sqm-form-message\r\n style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
|
|
24059
24068
|
|
|
24060
|
-
const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\
|
|
24069
|
+
const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| ---------- | ----------- | ----------- | ---------------------------------------------------------------------------------------------------- | ----------- |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\n| `nextPage` | `next-page` | | `string` | `\"/\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n sqm-portal-verify-email --> sqm-form-message\n style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
24061
24070
|
|
|
24062
24071
|
const PortalTemplates_stories = {
|
|
24063
24072
|
title: "Templates / Portal",
|