@saasquatch/mint-components 1.6.2-20 → 1.6.2-21
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-big-stat_35.cjs.entry.js +18 -12
- package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
- package/dist/cjs/sqm-portal-protected-route.cjs.entry.js +1 -1
- package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +3 -3
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +6 -6
- package/dist/collection/components/sqm-brand/sqm-brand.js +7 -1
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +1 -1
- package/dist/collection/components/sqm-divided-layout/sqm-divided-layout.js +2 -2
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +1 -1
- package/dist/collection/components/sqm-input-field/sqm-input-field.js +1 -1
- package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +10 -10
- package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js +4 -4
- package/dist/collection/components/sqm-portal-protected-route/sqm-portal-protected-route.js +2 -2
- package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +6 -6
- package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +6 -6
- package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe.js +4 -4
- package/dist/collection/components/sqm-route/sqm-route.js +1 -1
- package/dist/esm/sqm-big-stat_35.entry.js +18 -12
- package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
- package/dist/esm/sqm-portal-protected-route.entry.js +1 -1
- package/dist/esm/sqm-portal-registration-form.entry.js +3 -3
- package/dist/esm/sqm-stencilbook.entry.js +6 -6
- 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-11a4a003.system.js +1 -1
- package/dist/mint-components/{p-3245da29.entry.js → p-16280a8d.entry.js} +1 -1
- package/dist/mint-components/{p-f75f56f6.system.entry.js → p-41994f1b.system.entry.js} +1 -1
- package/dist/mint-components/{p-1f6d8c42.entry.js → p-b36802a0.entry.js} +4 -4
- package/dist/mint-components/p-d5e7f5e3.system.entry.js +1 -0
- package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts +1 -0
- package/dist/types/components/sqm-divided-layout/sqm-divided-layout.d.ts +1 -1
- package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts +1 -0
- package/dist/types/components/sqm-input-field/sqm-input-field.d.ts +1 -1
- package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts +5 -5
- package/dist/types/components/sqm-portal-email-verification/sqm-portal-email-verification.d.ts +2 -2
- package/dist/types/components/sqm-portal-protected-route/sqm-portal-protected-route.d.ts +1 -1
- package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts +3 -3
- package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts +3 -3
- package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe.d.ts +2 -2
- package/dist/types/components/sqm-route/sqm-route.d.ts +1 -0
- package/dist/types/components.d.ts +42 -36
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-94e85aa5.system.entry.js +0 -1
|
@@ -68,7 +68,13 @@ const BrandComponent = class {
|
|
|
68
68
|
render() {
|
|
69
69
|
var _a, _b;
|
|
70
70
|
const brandColor = (_a = this.brandColor) !== null && _a !== void 0 ? _a : "#FFF";
|
|
71
|
-
|
|
71
|
+
let css;
|
|
72
|
+
try {
|
|
73
|
+
css = ShadowViewAddon.autoColorScaleCss(brandColor);
|
|
74
|
+
}
|
|
75
|
+
catch {
|
|
76
|
+
css = ShadowViewAddon.autoColorScaleCss("#FFF");
|
|
77
|
+
}
|
|
72
78
|
const sanitizedFont = ((_b = this.brandFont) !== null && _b !== void 0 ? _b : "Nunito Sans").trim() || undefined;
|
|
73
79
|
stencilHooks_module.useEffect(() => {
|
|
74
80
|
if (!sanitizedFont) {
|
|
@@ -309,7 +315,7 @@ const DividedLayout = class {
|
|
|
309
315
|
constructor(hostRef) {
|
|
310
316
|
index.registerInstance(this, hostRef);
|
|
311
317
|
/**
|
|
312
|
-
* Uses Shorthand CSS border syntax
|
|
318
|
+
* Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
|
|
313
319
|
* @uiName Border Style
|
|
314
320
|
*/
|
|
315
321
|
this.dividerStyle = "1px solid #EAEAEA";
|
|
@@ -1288,25 +1294,25 @@ const PortalChangePassword = class {
|
|
|
1288
1294
|
*/
|
|
1289
1295
|
this.modalChangePasswordHeader = "Change Password";
|
|
1290
1296
|
/**
|
|
1291
|
-
*
|
|
1297
|
+
* Found in modal
|
|
1292
1298
|
*
|
|
1293
1299
|
* @uiName Cancel Button Text
|
|
1294
1300
|
*/
|
|
1295
1301
|
this.cancelText = "Cancel";
|
|
1296
1302
|
/**
|
|
1297
|
-
*
|
|
1303
|
+
* Found in modal
|
|
1298
1304
|
*
|
|
1299
1305
|
* @uiName Change Password Button Text
|
|
1300
1306
|
*/
|
|
1301
1307
|
this.changePasswordButtonText = "Change Password";
|
|
1302
1308
|
/**
|
|
1303
|
-
*
|
|
1309
|
+
* Found in modal
|
|
1304
1310
|
*
|
|
1305
|
-
* @uiName Password Label
|
|
1311
|
+
* @uiName New Password Field Label
|
|
1306
1312
|
*/
|
|
1307
1313
|
this.passwordFieldLabel = "New Password";
|
|
1308
1314
|
/**
|
|
1309
|
-
*
|
|
1315
|
+
* Found in modal
|
|
1310
1316
|
*
|
|
1311
1317
|
* @uiName Confirm Password Label
|
|
1312
1318
|
*/
|
|
@@ -1647,7 +1653,7 @@ const PortalRegister = class {
|
|
|
1647
1653
|
index.registerInstance(this, hostRef);
|
|
1648
1654
|
this.ignored = true;
|
|
1649
1655
|
/**
|
|
1650
|
-
* Redirect participants to this page
|
|
1656
|
+
* Redirect participants to this page from their verification email
|
|
1651
1657
|
*
|
|
1652
1658
|
* @uiName Registration Redirect
|
|
1653
1659
|
* @uiWidget pageSelect
|
|
@@ -1689,9 +1695,9 @@ const PortalRegister = class {
|
|
|
1689
1695
|
*/
|
|
1690
1696
|
this.disablePasswordValidation = false;
|
|
1691
1697
|
/**
|
|
1692
|
-
*
|
|
1698
|
+
* Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
|
|
1693
1699
|
*
|
|
1694
|
-
* @uiName Hide Default
|
|
1700
|
+
* @uiName Hide Default Fields
|
|
1695
1701
|
*/
|
|
1696
1702
|
this.hideInputs = false;
|
|
1697
1703
|
/**
|
|
@@ -2025,12 +2031,12 @@ const SqmReferralIframe = class {
|
|
|
2025
2031
|
index.registerInstance(this, hostRef);
|
|
2026
2032
|
this.ignored = true;
|
|
2027
2033
|
/**
|
|
2028
|
-
*
|
|
2034
|
+
* Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
|
|
2029
2035
|
* @uiName Iframe Height
|
|
2030
2036
|
*/
|
|
2031
2037
|
this.iframeHeight = "100%";
|
|
2032
2038
|
/**
|
|
2033
|
-
* Width of the iframe container
|
|
2039
|
+
* Width of the iframe container to Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
|
|
2034
2040
|
* @uiName Iframe Width
|
|
2035
2041
|
*/
|
|
2036
2042
|
this.iframeWidth = "100%";
|
|
@@ -64,9 +64,9 @@ const PortalEmailVerification = class {
|
|
|
64
64
|
index.registerInstance(this, hostRef);
|
|
65
65
|
this.ignored = true;
|
|
66
66
|
/**
|
|
67
|
-
*
|
|
67
|
+
* Redirect participants to this page from their verification email.
|
|
68
68
|
*
|
|
69
|
-
* @uiName Email
|
|
69
|
+
* @uiName Email Redirect
|
|
70
70
|
* @uiWidget pageSelect
|
|
71
71
|
*/
|
|
72
72
|
this.redirectPath = "/verifyEmail";
|
|
@@ -37,7 +37,7 @@ const PortalProtectedRoute = class {
|
|
|
37
37
|
index.registerInstance(this, hostRef);
|
|
38
38
|
this.ignored = true;
|
|
39
39
|
/**
|
|
40
|
-
* Redirect participants to this
|
|
40
|
+
* Redirect participants to this page they are not logged in.
|
|
41
41
|
*
|
|
42
42
|
* @uiName Redirect Path
|
|
43
43
|
*/
|
|
@@ -260,7 +260,7 @@ const PortalRegistrationForm = class {
|
|
|
260
260
|
*/
|
|
261
261
|
this.nextPage = "/";
|
|
262
262
|
/**
|
|
263
|
-
*
|
|
263
|
+
* Redirect participants to this page from their verification email
|
|
264
264
|
*
|
|
265
265
|
* @uiName Email Verification Redirect
|
|
266
266
|
* @uiWidget pageSelect
|
|
@@ -295,9 +295,9 @@ const PortalRegistrationForm = class {
|
|
|
295
295
|
*/
|
|
296
296
|
this.disablePasswordValidation = false;
|
|
297
297
|
/**
|
|
298
|
-
*
|
|
298
|
+
* Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
|
|
299
299
|
*
|
|
300
|
-
* @uiName Hide Default
|
|
300
|
+
* @uiName Hide Default Fields
|
|
301
301
|
*/
|
|
302
302
|
this.hideInputs = false;
|
|
303
303
|
/**
|
|
@@ -9580,21 +9580,21 @@ var marked = stencilHooks_module.createCommonjsModule(function (module, exports)
|
|
|
9580
9580
|
})));
|
|
9581
9581
|
});
|
|
9582
9582
|
|
|
9583
|
-
const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description
|
|
9583
|
+
const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| --------------------- | ----------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined` |\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\n| `forgotPasswordLabel` | `forgot-password-label` | | `string` | `\"Forgot Password?\"` |\n| `forgotPasswordPath` | `forgot-password-path` | Redirect participants to this page to reset their password | `string` | `\"/forgotPassword\"` |\n| `nextPage` | `next-page` | Redirect participants to this page after they successfully login. | `string` | `\"/\"` |\n| `pageLabel` | `page-label` | | `string` | `\"Sign in to your account\"` |\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\n| `registerLabel` | `register-label` | | `string` | `\"Register\"` |\n| `registerPath` | `register-path` | Redirect participants to this page to start registration. | `string` | `\"/register\"` |\n| `submitLabel` | `submit-label` | | `string` | `\"Sign In\"` |\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\n### Graph\n```mermaid\ngraph TD;\n sqm-portal-login --> sqm-form-message\n sqm-stencilbook --> sqm-portal-login\n style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
9584
9584
|
|
|
9585
9585
|
const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| -------------- | --------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData` | -- | | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` | Height of the iframe container | `string` | `\"100%\"` |\n| `iframeSrc` | `iframe-src` | URL of iframe to display | `string` | `undefined` |\n| `iframeWidth` | `iframe-width` | Width of the iframe container | `string` | `\"100%\"` |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n sqm-stencilbook --> sqm-referral-iframe\n style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
9586
9586
|
|
|
9587
|
-
const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description
|
|
9587
|
+
const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| -------------- | --------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined` |\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\n| `headerText` | `header-text` | | `string` | `\"Enter your email below to receive a password reset link.\"` |\n| `loginPath` | `login-path` | | `string` | `\"/login\"` |\n| `loginText` | `login-text` | Sign In Link Text | `string` | `\"Sign In\"` |\n| `redirectPath` | `redirect-path` | Redirect participants to this page after they verify their email. | `string` | `\"/resetPassword\"` |\n| `submitLabel` | `submit-label` | | `string` | `\"Request Password Reset\"` |\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-forgot-password --> sqm-form-message\n style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
9588
9588
|
|
|
9589
|
-
const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| --------------------------- | ----------------------------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n| `confirmPassword` | `confirm-password` |
|
|
9589
|
+
const RegisterReadme = "# sqm-portal-register\n\n\n\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; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined` |\n| `disablePasswordValidation` | `disable-password-validation` | | `boolean` | `false` |\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\n| `hideInputs` | `hide-inputs` | Hide default input fields to use custom fields. | `boolean` | `false` |\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\n| `loginPath` | `login-path` | Redirect participants to this page after clicking the login button. | `string` | `\"/login\"` |\n| `nextPage` | `next-page` | Redirect participants to this page after they successfully register. | `string` | `\"/\"` |\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\n| `redirectPath` | `redirect-path` | The page that participants are redirected to from the verification email. | `string` | `\"/verifyEmail\"` |\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";
|
|
9590
9590
|
|
|
9591
|
-
const EditProfileReadme = "# sqm-portal-profile\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description
|
|
9591
|
+
const EditProfileReadme = "# sqm-portal-profile\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\n| `countrytext` | `countrytext` | | `string` | `\"Country\"` |\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` |\n| `editProfileHeader` | `edit-profile-header` | | `string` | `\"Edit your profile\"` |\n| `editProfileSubHeader` | `edit-profile-sub-header` | | `string` | `\"Personal Information\"` |\n| `emailtext` | `emailtext` | | `string` | `\"Email\"` |\n| `firstnametext` | `firstnametext` | | `string` | `\"First Name\"` |\n| `hideCountry` | `hide-country` | | `boolean` | `false` |\n| `lastnametext` | `lastnametext` | | `string` | `\"Last Name\"` |\n| `submitChangeButtonText` | `submit-change-button-text` | | `string` | `\"Submit Changes\"` |\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-profile --> sqm-form-message\n style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
9592
9592
|
|
|
9593
|
-
const ResetPasswordReadme = "# sqm-portal-reset-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description
|
|
9593
|
+
const ResetPasswordReadme = "# sqm-portal-reset-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| --------------------------- | ------------------------------ | -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\n| `confirmPassword` | `confirm-password` | | `boolean` | `false` |\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` | | `string` | `\"Confirm Password\"` |\n| `continueButtonText` | `continue-button-text` | Button text displayed after a successful password reset. | `string` | `\"Continue\"` |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined` |\n| `failedPage` | `failed-page` | Redirect participants to this page if password reset fails due to an outdated reset attempt. | `string` | `\"/\"` |\n| `nextPage` | `next-page` | Redirect participants to this page when they successfully reset their password. | `string` | `\"/\"` |\n| `passwordFieldLabel` | `password-field-label` | | `string` | `\"New Password\"` |\n| `passwordResetHeader` | `password-reset-header` | Displayed after a successful password reset. | `string` | `\"Password reset\"` |\n| `resetPasswordButtonText` | `reset-password-button-text` | | `string` | `\"Reset Password\"` |\n| `resetPasswordHeader` | `reset-password-header` | | `string` | `\"Reset your password\"` |\n\n\n## Dependencies\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-reset-password --> sqm-form-message\n sqm-portal-reset-password --> sqm-password-field\n style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
9594
9594
|
|
|
9595
9595
|
const EmailVerificationReadme = "# sqm-portal-email-verification\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| ------------------------- | --------------------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined` |\n| `emailVerificationHeader` | `email-verification-header` | | `string` | `\"Verify your email\"` |\n| `redirectPath` | `redirect-path` | The microsite page that participants are redirected to from the verification email. | `string` | `\"/verifyEmail\"` |\n| `resendEmailButtonText` | `resend-email-button-text` | | `string` | `\"Re-send Email\"` |\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email with invalidate the previous email.\"` |\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-email-verification --> sqm-form-message\n style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
|
|
9596
9596
|
|
|
9597
|
-
const EmailVerifiedReadme = "# sqm-portal-verify-email\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property | Attribute | Description
|
|
9597
|
+
const EmailVerifiedReadme = "# sqm-portal-verify-email\n\n\n\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| `failedPage` | `failed-page` | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string` | `\"/\"` |\n| `nextPage` | `next-page` | Redirect participants to this page when they successfully verify their email. | `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";
|
|
9598
9598
|
|
|
9599
9599
|
const PortalTemplates_stories = {
|
|
9600
9600
|
title: "Templates / Portal",
|
|
@@ -17,7 +17,13 @@ export class BrandComponent {
|
|
|
17
17
|
render() {
|
|
18
18
|
var _a, _b;
|
|
19
19
|
const brandColor = (_a = this.brandColor) !== null && _a !== void 0 ? _a : "#FFF";
|
|
20
|
-
|
|
20
|
+
let css;
|
|
21
|
+
try {
|
|
22
|
+
css = autoColorScaleCss(brandColor);
|
|
23
|
+
}
|
|
24
|
+
catch {
|
|
25
|
+
css = autoColorScaleCss("#FFF");
|
|
26
|
+
}
|
|
21
27
|
const sanitizedFont = ((_b = this.brandFont) !== null && _b !== void 0 ? _b : "Nunito Sans").trim() || undefined;
|
|
22
28
|
useEffect(() => {
|
|
23
29
|
if (!sanitizedFont) {
|
|
@@ -79,7 +79,7 @@ export class CheckboxField {
|
|
|
79
79
|
"text": undefined,
|
|
80
80
|
"name": "required"
|
|
81
81
|
}],
|
|
82
|
-
"text": ""
|
|
82
|
+
"text": "This name is used as the key for this form field on submission. The name must be unique within this specific form."
|
|
83
83
|
},
|
|
84
84
|
"attribute": "checkbox-name",
|
|
85
85
|
"reflect": false
|
|
@@ -12,7 +12,7 @@ import { getProps } from "../../utils/utils";
|
|
|
12
12
|
export class DividedLayout {
|
|
13
13
|
constructor() {
|
|
14
14
|
/**
|
|
15
|
-
* Uses Shorthand CSS border syntax
|
|
15
|
+
* Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
|
|
16
16
|
* @uiName Border Style
|
|
17
17
|
*/
|
|
18
18
|
this.dividerStyle = "1px solid #EAEAEA";
|
|
@@ -70,7 +70,7 @@ export class DividedLayout {
|
|
|
70
70
|
"text": "Border Style",
|
|
71
71
|
"name": "uiName"
|
|
72
72
|
}],
|
|
73
|
-
"text": "Uses Shorthand CSS border syntax"
|
|
73
|
+
"text": "Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color."
|
|
74
74
|
},
|
|
75
75
|
"attribute": "divider-style",
|
|
76
76
|
"reflect": false,
|
|
@@ -72,7 +72,7 @@ export class DropdownField {
|
|
|
72
72
|
"text": undefined,
|
|
73
73
|
"name": "required"
|
|
74
74
|
}],
|
|
75
|
-
"text": ""
|
|
75
|
+
"text": "This name is used as the key for this form field on submission. The name must be unique within this specific form."
|
|
76
76
|
},
|
|
77
77
|
"attribute": "dropdown-name",
|
|
78
78
|
"reflect": false
|
|
@@ -70,7 +70,7 @@ export class InputField {
|
|
|
70
70
|
"text": undefined,
|
|
71
71
|
"name": "required"
|
|
72
72
|
}],
|
|
73
|
-
"text": "
|
|
73
|
+
"text": "This name is used as the key for this form field on submission. The name must be unique within this specific form."
|
|
74
74
|
},
|
|
75
75
|
"attribute": "field-name",
|
|
76
76
|
"reflect": false
|
|
@@ -16,25 +16,25 @@ export class PortalChangePassword {
|
|
|
16
16
|
*/
|
|
17
17
|
this.modalChangePasswordHeader = "Change Password";
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Found in modal
|
|
20
20
|
*
|
|
21
21
|
* @uiName Cancel Button Text
|
|
22
22
|
*/
|
|
23
23
|
this.cancelText = "Cancel";
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Found in modal
|
|
26
26
|
*
|
|
27
27
|
* @uiName Change Password Button Text
|
|
28
28
|
*/
|
|
29
29
|
this.changePasswordButtonText = "Change Password";
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* Found in modal
|
|
32
32
|
*
|
|
33
|
-
* @uiName Password Label
|
|
33
|
+
* @uiName New Password Field Label
|
|
34
34
|
*/
|
|
35
35
|
this.passwordFieldLabel = "New Password";
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Found in modal
|
|
38
38
|
*
|
|
39
39
|
* @uiName Confirm Password Label
|
|
40
40
|
*/
|
|
@@ -104,7 +104,7 @@ export class PortalChangePassword {
|
|
|
104
104
|
"text": "Cancel Button Text",
|
|
105
105
|
"name": "uiName"
|
|
106
106
|
}],
|
|
107
|
-
"text": "
|
|
107
|
+
"text": "Found in modal"
|
|
108
108
|
},
|
|
109
109
|
"attribute": "cancel-text",
|
|
110
110
|
"reflect": false,
|
|
@@ -125,7 +125,7 @@ export class PortalChangePassword {
|
|
|
125
125
|
"text": "Change Password Button Text",
|
|
126
126
|
"name": "uiName"
|
|
127
127
|
}],
|
|
128
|
-
"text": "
|
|
128
|
+
"text": "Found in modal"
|
|
129
129
|
},
|
|
130
130
|
"attribute": "change-password-button-text",
|
|
131
131
|
"reflect": false,
|
|
@@ -143,10 +143,10 @@ export class PortalChangePassword {
|
|
|
143
143
|
"optional": false,
|
|
144
144
|
"docs": {
|
|
145
145
|
"tags": [{
|
|
146
|
-
"text": "Password Label",
|
|
146
|
+
"text": "New Password Field Label",
|
|
147
147
|
"name": "uiName"
|
|
148
148
|
}],
|
|
149
|
-
"text": "
|
|
149
|
+
"text": "Found in modal"
|
|
150
150
|
},
|
|
151
151
|
"attribute": "password-field-label",
|
|
152
152
|
"reflect": false,
|
|
@@ -167,7 +167,7 @@ export class PortalChangePassword {
|
|
|
167
167
|
"text": "Confirm Password Label",
|
|
168
168
|
"name": "uiName"
|
|
169
169
|
}],
|
|
170
|
-
"text": "
|
|
170
|
+
"text": "Found in modal"
|
|
171
171
|
},
|
|
172
172
|
"attribute": "confirm-password-field-label",
|
|
173
173
|
"reflect": false,
|
package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js
CHANGED
|
@@ -11,9 +11,9 @@ export class PortalEmailVerification {
|
|
|
11
11
|
constructor() {
|
|
12
12
|
this.ignored = true;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Redirect participants to this page from their verification email.
|
|
15
15
|
*
|
|
16
|
-
* @uiName Email
|
|
16
|
+
* @uiName Email Redirect
|
|
17
17
|
* @uiWidget pageSelect
|
|
18
18
|
*/
|
|
19
19
|
this.redirectPath = "/verifyEmail";
|
|
@@ -54,13 +54,13 @@ export class PortalEmailVerification {
|
|
|
54
54
|
"optional": false,
|
|
55
55
|
"docs": {
|
|
56
56
|
"tags": [{
|
|
57
|
-
"text": "Email
|
|
57
|
+
"text": "Email Redirect",
|
|
58
58
|
"name": "uiName"
|
|
59
59
|
}, {
|
|
60
60
|
"text": "pageSelect",
|
|
61
61
|
"name": "uiWidget"
|
|
62
62
|
}],
|
|
63
|
-
"text": "
|
|
63
|
+
"text": "Redirect participants to this page from their verification email."
|
|
64
64
|
},
|
|
65
65
|
"attribute": "redirect-path",
|
|
66
66
|
"reflect": false,
|
|
@@ -10,7 +10,7 @@ export class PortalProtectedRoute {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
this.ignored = true;
|
|
12
12
|
/**
|
|
13
|
-
* Redirect participants to this
|
|
13
|
+
* Redirect participants to this page they are not logged in.
|
|
14
14
|
*
|
|
15
15
|
* @uiName Redirect Path
|
|
16
16
|
*/
|
|
@@ -53,7 +53,7 @@ export class PortalProtectedRoute {
|
|
|
53
53
|
"text": "Redirect Path",
|
|
54
54
|
"name": "uiName"
|
|
55
55
|
}],
|
|
56
|
-
"text": "Redirect participants to this
|
|
56
|
+
"text": "Redirect participants to this page they are not logged in."
|
|
57
57
|
},
|
|
58
58
|
"attribute": "redirect-to",
|
|
59
59
|
"reflect": false,
|
|
@@ -12,7 +12,7 @@ export class PortalRegister {
|
|
|
12
12
|
constructor() {
|
|
13
13
|
this.ignored = true;
|
|
14
14
|
/**
|
|
15
|
-
* Redirect participants to this page
|
|
15
|
+
* Redirect participants to this page from their verification email
|
|
16
16
|
*
|
|
17
17
|
* @uiName Registration Redirect
|
|
18
18
|
* @uiWidget pageSelect
|
|
@@ -54,9 +54,9 @@ export class PortalRegister {
|
|
|
54
54
|
*/
|
|
55
55
|
this.disablePasswordValidation = false;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
57
|
+
* Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
|
|
58
58
|
*
|
|
59
|
-
* @uiName Hide Default
|
|
59
|
+
* @uiName Hide Default Fields
|
|
60
60
|
*/
|
|
61
61
|
this.hideInputs = false;
|
|
62
62
|
/**
|
|
@@ -111,7 +111,7 @@ export class PortalRegister {
|
|
|
111
111
|
"text": "pageSelect",
|
|
112
112
|
"name": "uiWidget"
|
|
113
113
|
}],
|
|
114
|
-
"text": "Redirect participants to this page
|
|
114
|
+
"text": "Redirect participants to this page from their verification email"
|
|
115
115
|
},
|
|
116
116
|
"attribute": "next-page",
|
|
117
117
|
"reflect": false,
|
|
@@ -300,10 +300,10 @@ export class PortalRegister {
|
|
|
300
300
|
"optional": false,
|
|
301
301
|
"docs": {
|
|
302
302
|
"tags": [{
|
|
303
|
-
"text": "Hide Default
|
|
303
|
+
"text": "Hide Default Fields",
|
|
304
304
|
"name": "uiName"
|
|
305
305
|
}],
|
|
306
|
-
"text": "
|
|
306
|
+
"text": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed."
|
|
307
307
|
},
|
|
308
308
|
"attribute": "hide-inputs",
|
|
309
309
|
"reflect": false,
|
package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js
CHANGED
|
@@ -19,7 +19,7 @@ export class PortalRegistrationForm {
|
|
|
19
19
|
*/
|
|
20
20
|
this.nextPage = "/";
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Redirect participants to this page from their verification email
|
|
23
23
|
*
|
|
24
24
|
* @uiName Email Verification Redirect
|
|
25
25
|
* @uiWidget pageSelect
|
|
@@ -54,9 +54,9 @@ export class PortalRegistrationForm {
|
|
|
54
54
|
*/
|
|
55
55
|
this.disablePasswordValidation = false;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
57
|
+
* Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
|
|
58
58
|
*
|
|
59
|
-
* @uiName Hide Default
|
|
59
|
+
* @uiName Hide Default Fields
|
|
60
60
|
*/
|
|
61
61
|
this.hideInputs = false;
|
|
62
62
|
/**
|
|
@@ -135,7 +135,7 @@ export class PortalRegistrationForm {
|
|
|
135
135
|
"text": "pageSelect",
|
|
136
136
|
"name": "uiWidget"
|
|
137
137
|
}],
|
|
138
|
-
"text": "
|
|
138
|
+
"text": "Redirect participants to this page from their verification email"
|
|
139
139
|
},
|
|
140
140
|
"attribute": "redirect-path",
|
|
141
141
|
"reflect": false,
|
|
@@ -300,10 +300,10 @@ export class PortalRegistrationForm {
|
|
|
300
300
|
"optional": false,
|
|
301
301
|
"docs": {
|
|
302
302
|
"tags": [{
|
|
303
|
-
"text": "Hide Default
|
|
303
|
+
"text": "Hide Default Fields",
|
|
304
304
|
"name": "uiName"
|
|
305
305
|
}],
|
|
306
|
-
"text": "
|
|
306
|
+
"text": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed."
|
|
307
307
|
},
|
|
308
308
|
"attribute": "hide-inputs",
|
|
309
309
|
"reflect": false,
|