@saasquatch/mint-components 1.6.2-22 → 1.6.2-23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/cjs/{ShadowViewAddon-4b75a331.js → ShadowViewAddon-fa9574a8.js} +2 -5
  2. package/dist/cjs/sqm-big-stat_35.cjs.entry.js +34 -27
  3. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  4. package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js +2 -2
  5. package/dist/cjs/sqm-portal-logout.cjs.entry.js +1 -1
  6. package/dist/cjs/sqm-portal-profile.cjs.entry.js +0 -2
  7. package/dist/cjs/sqm-portal-protected-route.cjs.entry.js +2 -2
  8. package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +9 -11
  9. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +7 -9
  10. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +4 -4
  11. package/dist/cjs/sqm-stencilbook.cjs.entry.js +8 -8
  12. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +2 -5
  13. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +2 -2
  14. package/dist/collection/components/sqm-checkbox-field/useCheckboxField.js +9 -2
  15. package/dist/collection/components/sqm-divided-layout/sqm-divided-layout.js +2 -2
  16. package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +1 -1
  17. package/dist/collection/components/sqm-input-field/sqm-input-field.js +1 -1
  18. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +10 -10
  19. package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js +4 -4
  20. package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js +4 -4
  21. package/dist/collection/components/sqm-portal-login/sqm-portal-login.js +12 -10
  22. package/dist/collection/components/sqm-portal-logout/sqm-portal-logout.js +2 -2
  23. package/dist/collection/components/sqm-portal-profile/sqm-portal-profile.js +1 -3
  24. package/dist/collection/components/sqm-portal-protected-route/sqm-portal-protected-route.js +4 -4
  25. package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +17 -19
  26. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +20 -22
  27. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js +15 -17
  28. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +8 -8
  29. package/dist/collection/components/sqm-referral-iframe/sqm-referral-iframe.js +4 -4
  30. package/dist/collection/components/sqm-route/sqm-route.js +1 -1
  31. package/dist/collection/components/sqm-user-name/sqm-user-name.js +5 -5
  32. package/dist/esm/{ShadowViewAddon-c201908c.js → ShadowViewAddon-9da264db.js} +2 -5
  33. package/dist/esm/sqm-big-stat_35.entry.js +34 -27
  34. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  35. package/dist/esm/sqm-portal-forgot-password.entry.js +2 -2
  36. package/dist/esm/sqm-portal-logout.entry.js +1 -1
  37. package/dist/esm/sqm-portal-profile.entry.js +0 -2
  38. package/dist/esm/sqm-portal-protected-route.entry.js +2 -2
  39. package/dist/esm/sqm-portal-registration-form.entry.js +9 -11
  40. package/dist/esm/sqm-portal-reset-password.entry.js +7 -9
  41. package/dist/esm/sqm-portal-verify-email.entry.js +4 -4
  42. package/dist/esm/sqm-stencilbook.entry.js +8 -8
  43. package/dist/esm-es5/ShadowViewAddon-9da264db.js +1 -0
  44. package/dist/esm-es5/sqm-big-stat_35.entry.js +1 -1
  45. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  46. package/dist/mint-components/mint-components.esm.js +1 -1
  47. package/dist/mint-components/p-11a4a003.system.js +1 -1
  48. package/dist/mint-components/{p-33cf5799.entry.js → p-16e4ee0a.entry.js} +2 -2
  49. package/dist/mint-components/{p-5a78d954.system.js → p-68824c97.system.js} +1 -1
  50. package/dist/mint-components/{p-a837750f.system.entry.js → p-97c5e680.system.entry.js} +1 -1
  51. package/dist/mint-components/{p-8dfebcc6.js → p-ca319b4f.js} +1 -1
  52. package/dist/mint-components/{p-c83ec898.entry.js → p-f2150df4.entry.js} +1 -1
  53. package/dist/mint-components/{p-e58e454d.system.entry.js → p-f828edc5.system.entry.js} +1 -1
  54. package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts +1 -0
  55. package/dist/types/components/sqm-checkbox-field/useCheckboxField.d.ts +2 -1
  56. package/dist/types/components/sqm-divided-layout/sqm-divided-layout.d.ts +1 -1
  57. package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field.d.ts +1 -0
  58. package/dist/types/components/sqm-input-field/sqm-input-field.d.ts +1 -1
  59. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts +5 -5
  60. package/dist/types/components/sqm-portal-email-verification/sqm-portal-email-verification.d.ts +2 -2
  61. package/dist/types/components/sqm-portal-forgot-password/sqm-portal-forgot-password.d.ts +2 -2
  62. package/dist/types/components/sqm-portal-login/sqm-portal-login.d.ts +6 -4
  63. package/dist/types/components/sqm-portal-logout/sqm-portal-logout.d.ts +1 -1
  64. package/dist/types/components/sqm-portal-profile/sqm-portal-profile.d.ts +0 -2
  65. package/dist/types/components/sqm-portal-protected-route/sqm-portal-protected-route.d.ts +2 -2
  66. package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts +8 -10
  67. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts +10 -12
  68. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts +7 -9
  69. package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts +4 -4
  70. package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe.d.ts +2 -2
  71. package/dist/types/components/sqm-route/sqm-route.d.ts +1 -0
  72. package/dist/types/components/sqm-user-name/sqm-user-name.d.ts +2 -2
  73. package/dist/types/components.d.ts +112 -110
  74. package/docs/docs.docx +0 -0
  75. package/docs/raisins.json +1 -1
  76. package/grapesjs/grapesjs.js +1 -1
  77. package/package.json +1 -1
  78. package/dist/esm-es5/ShadowViewAddon-c201908c.js +0 -1
package/dist/cjs/{ShadowViewAddon-4b75a331.js → ShadowViewAddon-fa9574a8.js} RENAMED
@@ -2512,7 +2512,7 @@ JSS.jss.setup(JSS.create());
2512
2512
  const sheet$a = JSS.jss.createStyleSheet(style$a);
2513
2513
  const styleString$a = sheet$a.toString();
2514
2514
  function CheckboxFieldView(props) {
2515
- var _a, _b, _c, _d, _e, _f, _g;
2515
+ var _a, _b, _c;
2516
2516
  const { states, content, callbacks } = props;
2517
2517
  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
2518
2518
  return (index.h("div", { class: sheet$a.classes.FieldContainer },
@@ -2522,10 +2522,7 @@ function CheckboxFieldView(props) {
2522
2522
  index.h("sl-checkbox", Object.assign({ exportparts: "label: input-label", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
2523
2523
  e.target.value = e.target.checked;
2524
2524
  callbacks.setChecked(e.target.value);
2525
- } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.checkboxName]) ? {
2526
- value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.checkboxName],
2527
- }
2528
- : {}), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
2525
+ } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
2529
2526
  ? {
2530
2527
  class: sheet$a.classes.ErrorStyle,
2531
2528
  }
package/dist/cjs/sqm-big-stat_35.cjs.entry.js CHANGED
@@ -19,7 +19,7 @@ require('./sqm-text-span-view-b318af73.js');
19
19
  require('./sqm-portal-container-view-2ddcaa12.js');
20
20
  const AsYouType = require('./AsYouType-6788393a.js');
21
21
  const useRegistrationFormState = require('./useRegistrationFormState-bee054d6.js');
22
- const ShadowViewAddon = require('./ShadowViewAddon-4b75a331.js');
22
+ const ShadowViewAddon = require('./ShadowViewAddon-fa9574a8.js');
23
23
  require('./sqm-portal-section-view-1e5bbcb1.js');
24
24
 
25
25
  const BigStat = class {
@@ -185,9 +185,16 @@ function RequiredPropsError({ missingProps, heading = "There was a problem loadi
185
185
  index.h("div", { class: sheet.classes.Children }, children)));
186
186
  }
187
187
 
188
- function useCheckboxField() {
188
+ function useCheckboxField(props) {
189
+ var _a;
189
190
  const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
190
191
  const [checked, setChecked] = stencilHooks_module.useState(false);
192
+ stencilHooks_module.useEffect(() => {
193
+ var _a, _b;
194
+ if ((_a = registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]) {
195
+ setChecked(!!((_b = registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData) === null || _b === void 0 ? void 0 : _b[props.checkboxName]));
196
+ }
197
+ }, [(_a = registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.initialData) === null || _a === void 0 ? void 0 : _a[props.checkboxName]]);
191
198
  return {
192
199
  states: {
193
200
  registrationFormState,
@@ -244,7 +251,7 @@ const CheckboxField = class {
244
251
  };
245
252
  const { states, callbacks } = index_module.isDemo()
246
253
  ? useCheckboxFieldDemo(this)
247
- : useCheckboxField();
254
+ : useCheckboxField(this);
248
255
  return (index.h(ShadowViewAddon.CheckboxFieldView, { states: states, content: content, callbacks: callbacks }));
249
256
  }
250
257
  };
@@ -315,7 +322,7 @@ const DividedLayout = class {
315
322
  constructor(hostRef) {
316
323
  index.registerInstance(this, hostRef);
317
324
  /**
318
- * Uses Shorthand CSS border syntax
325
+ * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
319
326
  * @uiName Border Style
320
327
  */
321
328
  this.dividerStyle = "1px solid #EAEAEA";
@@ -1292,25 +1299,25 @@ const PortalChangePassword = class {
1292
1299
  */
1293
1300
  this.modalChangePasswordHeader = "Change Password";
1294
1301
  /**
1295
- * Modal cancel button text
1302
+ * Found in modal
1296
1303
  *
1297
1304
  * @uiName Cancel Button Text
1298
1305
  */
1299
1306
  this.cancelText = "Cancel";
1300
1307
  /**
1301
- * Modal change password button text
1308
+ * Found in modal
1302
1309
  *
1303
1310
  * @uiName Change Password Button Text
1304
1311
  */
1305
1312
  this.changePasswordButtonText = "Change Password";
1306
1313
  /**
1307
- * Password input field label
1314
+ * Found in modal
1308
1315
  *
1309
- * @uiName Password Label
1316
+ * @uiName New Password Field Label
1310
1317
  */
1311
1318
  this.passwordFieldLabel = "New Password";
1312
1319
  /**
1313
- * Password confirmation input field label
1320
+ * Found in modal
1314
1321
  *
1315
1322
  * @uiName Confirm Password Label
1316
1323
  */
@@ -1456,9 +1463,9 @@ const PortalLogin = class {
1456
1463
  index.registerInstance(this, hostRef);
1457
1464
  this.ignored = true;
1458
1465
  /**
1459
- * Page participants are navigated to after login.
1466
+ * Redirect participants to this page after they successfully login.
1460
1467
  *
1461
- * @uiName Login Redirect Path
1468
+ * @uiName Login Redirect
1462
1469
  * @uiWidget pageSelect
1463
1470
  */
1464
1471
  this.nextPage = "/";
@@ -1475,7 +1482,8 @@ const PortalLogin = class {
1475
1482
  */
1476
1483
  this.submitLabel = "Sign In";
1477
1484
  /**
1478
- * @uiName Forgot Password Redirect Path
1485
+ * Redirect participants to this page to reset their password
1486
+ * @uiName Forgot Password Redirect
1479
1487
  * @uiWidget pageSelect
1480
1488
  */
1481
1489
  this.forgotPasswordPath = "/forgotPassword";
@@ -1488,7 +1496,8 @@ const PortalLogin = class {
1488
1496
  */
1489
1497
  this.registerLabel = "Register";
1490
1498
  /**
1491
- * @uiName Register Button Redirect Path
1499
+ * Redirect participants to this page to start registration.
1500
+ * @uiName Register Button Redirect
1492
1501
  * @uiWidget pageSelect
1493
1502
  */
1494
1503
  this.registerPath = "/register";
@@ -1663,16 +1672,16 @@ const PortalRegister = class {
1663
1672
  index.registerInstance(this, hostRef);
1664
1673
  this.ignored = true;
1665
1674
  /**
1666
- * Page participants are navigated to after registration.
1675
+ * Redirect participants to this page from their verification email
1667
1676
  *
1668
- * @uiName Registration Redirect Path
1677
+ * @uiName Registration Redirect
1669
1678
  * @uiWidget pageSelect
1670
1679
  */
1671
1680
  this.nextPage = "/";
1672
1681
  /**
1673
1682
  * The page that participants are redirected to from the verification email.
1674
1683
  *
1675
- * @uiName Email Redirection Path
1684
+ * @uiName Email Verification Redirect
1676
1685
  * @uiWidget pageSelect
1677
1686
  */
1678
1687
  this.redirectPath = "/verifyEmail";
@@ -1693,12 +1702,10 @@ const PortalRegister = class {
1693
1702
  */
1694
1703
  this.loginLabel = "Sign in";
1695
1704
  /**
1696
- * @uiName Confirm Password Label
1705
+ * @uiName Confirm Password Field Label
1697
1706
  */
1698
1707
  this.confirmPasswordLabel = "Confirm Password";
1699
1708
  /**
1700
- * Show or hide the confirm password input.
1701
- *
1702
1709
  * @uiName Show Confirm Password Field
1703
1710
  */
1704
1711
  this.confirmPassword = false;
@@ -1707,9 +1714,9 @@ const PortalRegister = class {
1707
1714
  */
1708
1715
  this.disablePasswordValidation = false;
1709
1716
  /**
1710
- * Hide default input fields to use custom fields.
1717
+ * 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.
1711
1718
  *
1712
- * @uiName Hide Default Inputs
1719
+ * @uiName Hide Default Fields
1713
1720
  */
1714
1721
  this.hideInputs = false;
1715
1722
  /**
@@ -1717,9 +1724,9 @@ const PortalRegister = class {
1717
1724
  */
1718
1725
  this.pageLabel = "Register";
1719
1726
  /**
1720
- * Login button redirection path.
1727
+ * Redirect participants to this page after clicking the login button.
1721
1728
  *
1722
- * @uiName Login Redirect Path
1729
+ * @uiName Login Redirect
1723
1730
  * @uiWidget pageSelect
1724
1731
  */
1725
1732
  this.loginPath = "/login";
@@ -2043,12 +2050,12 @@ const SqmReferralIframe = class {
2043
2050
  index.registerInstance(this, hostRef);
2044
2051
  this.ignored = true;
2045
2052
  /**
2046
- * Height of the iframe container
2053
+ * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
2047
2054
  * @uiName Iframe Height
2048
2055
  */
2049
2056
  this.iframeHeight = "100%";
2050
2057
  /**
2051
- * Width of the iframe container
2058
+ * Width of the iframe container to Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
2052
2059
  * @uiName Iframe Width
2053
2060
  */
2054
2061
  this.iframeWidth = "100%";
@@ -3847,11 +3854,11 @@ const UserName = class {
3847
3854
  index.registerInstance(this, hostRef);
3848
3855
  this.ignored = true;
3849
3856
  /**
3850
- * Fallback name for unknown users
3851
- * @uiName Fallback Name
3857
+ * @uiName Unknown User Name
3852
3858
  */
3853
3859
  this.fallback = "Anonymous User";
3854
3860
  /**
3861
+ * Text displayed while the participant’s name is loading.
3855
3862
  * @uiName Loading Text
3856
3863
  */
3857
3864
  this.loadingText = "...";
package/dist/cjs/sqm-portal-email-verification.cjs.entry.js CHANGED
@@ -64,9 +64,9 @@ const PortalEmailVerification = class {
64
64
  index.registerInstance(this, hostRef);
65
65
  this.ignored = true;
66
66
  /**
67
- * The microsite page that participants are redirected to from the verification email.
67
+ * Redirect participants to this page from their verification email.
68
68
  *
69
- * @uiName Email Redirection Path
69
+ * @uiName Email Redirect
70
70
  * @uiWidget pageSelect
71
71
  */
72
72
  this.redirectPath = "/verifyEmail";
package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js CHANGED
@@ -62,9 +62,9 @@ const PortalForgotPassword = class {
62
62
  index.registerInstance(this, hostRef);
63
63
  this.ignored = true;
64
64
  /**
65
- * The microsite page that participants are redirected to from the password reset email.
65
+ * Redirect participants to this page after they verify their email.
66
66
  *
67
- * @uiName Email Redirection Path
67
+ * @uiName Email Redirect
68
68
  * @uiWidget pageSelect
69
69
  */
70
70
  this.redirectPath = "/resetPassword";
package/dist/cjs/sqm-portal-logout.cjs.entry.js CHANGED
@@ -17,7 +17,7 @@ const PortalLogout = class {
17
17
  index.registerInstance(this, hostRef);
18
18
  this.ignored = true;
19
19
  /**
20
- * Redirect participants to this path when they log out
20
+ * Redirect participants to this page when they log out.
21
21
  *
22
22
  * @uiName Logout Redirect Path
23
23
  * @uiWidget pageSelect
package/dist/cjs/sqm-portal-profile.cjs.entry.js CHANGED
@@ -194,8 +194,6 @@ const PortalProfile = class {
194
194
  */
195
195
  this.submitChangeButtonText = "Submit Changes";
196
196
  /**
197
- * Show or hide the country field.
198
- *
199
197
  * @uiName Hide Country Field
200
198
  */
201
199
  this.hideCountry = false;
package/dist/cjs/sqm-portal-protected-route.cjs.entry.js CHANGED
@@ -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 path they are not logged in.
40
+ * Redirect participants to this page they are not logged in.
41
41
  *
42
42
  * @uiName Redirect Path
43
43
  */
@@ -47,7 +47,7 @@ const PortalProtectedRoute = class {
47
47
  */
48
48
  this.requireEmailVerification = false;
49
49
  /**
50
- * Redirect participants to this path when email verification is required but they have not verified their email.
50
+ * Redirect participants to this page when email verification is required but they have not verified their email.
51
51
  *
52
52
  * @uiName Unverified Participant Redirect Path
53
53
  */
package/dist/cjs/sqm-portal-registration-form.cjs.entry.js CHANGED
@@ -271,16 +271,16 @@ const PortalRegistrationForm = class {
271
271
  index.registerInstance(this, hostRef);
272
272
  this.ignored = true;
273
273
  /**
274
- * Page participants are navigated to after registration.
274
+ * Redirect participants to this page after they successfully register.
275
275
  *
276
- * @uiName Registration Redirect Path
276
+ * @uiName Registration Redirect
277
277
  * @uiWidget pageSelect
278
278
  */
279
279
  this.nextPage = "/";
280
280
  /**
281
- * The page that participants are redirected to from the verification email.
281
+ * Redirect participants to this page from their verification email
282
282
  *
283
- * @uiName Email Redirection Path
283
+ * @uiName Email Verification Redirect
284
284
  * @uiWidget pageSelect
285
285
  */
286
286
  this.redirectPath = "/verifyEmail";
@@ -301,12 +301,10 @@ const PortalRegistrationForm = class {
301
301
  */
302
302
  this.loginLabel = "Sign in";
303
303
  /**
304
- * @uiName Confirm Password Label
304
+ * @uiName Confirm Password Field Label
305
305
  */
306
306
  this.confirmPasswordLabel = "Confirm Password";
307
307
  /**
308
- * Show or hide the confirm password input.
309
- *
310
308
  * @uiName Show Confirm Password Field
311
309
  */
312
310
  this.confirmPassword = false;
@@ -315,9 +313,9 @@ const PortalRegistrationForm = class {
315
313
  */
316
314
  this.disablePasswordValidation = false;
317
315
  /**
318
- * Hide default input fields to use custom fields.
316
+ * 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.
319
317
  *
320
- * @uiName Hide Default Inputs
318
+ * @uiName Hide Default Fields
321
319
  */
322
320
  this.hideInputs = false;
323
321
  /**
@@ -325,9 +323,9 @@ const PortalRegistrationForm = class {
325
323
  */
326
324
  this.pageLabel = "Register";
327
325
  /**
328
- * Login button redirection path.
326
+ * Redirect participants to this page after clicking the login button.
329
327
  *
330
- * @uiName Login Redirect Path
328
+ * @uiName Login Redirect
331
329
  * @uiWidget pageSelect
332
330
  */
333
331
  this.loginPath = "/login";
package/dist/cjs/sqm-portal-reset-password.cjs.entry.js CHANGED
@@ -93,23 +93,21 @@ const PortalResetPassword = class {
93
93
  index.registerInstance(this, hostRef);
94
94
  this.ignored = true;
95
95
  /**
96
- * The page that participants are redirected to when the password reset succeeds.
96
+ * Redirect participants to this page when they successfully reset their password.
97
97
  *
98
- * @uiName Reset Successful Redirect Path
98
+ * @uiName Successful Reset Redirect
99
99
  * @uiWidget pageSelect
100
100
  */
101
101
  this.nextPage = "/";
102
102
  /**
103
- * The page that participants are redirected to if the reset fails due to outdated password reset attempt.
103
+ * Redirect participants to this page if password reset fails due to an outdated reset attempt.
104
104
  *
105
- * @uiName Reset Failed Redirect Path
105
+ * @uiName Failed Reset Redirect
106
106
  * @uiWidget pageSelect
107
107
  */
108
108
  this.failedPage = "/";
109
109
  /**
110
- * Show or hide confirm password field.
111
- *
112
- * @uiName Show Confirm Password
110
+ * @uiName Show Confirm Password Field
113
111
  */
114
112
  this.confirmPassword = false;
115
113
  /**
@@ -134,11 +132,11 @@ const PortalResetPassword = class {
134
132
  */
135
133
  this.continueButtonText = "Continue";
136
134
  /**
137
- * @uiName Password Comfirmation Label
135
+ * @uiName Password Confirmation Field Label
138
136
  */
139
137
  this.confirmPasswordFieldLabel = "Confirm Password";
140
138
  /**
141
- * @uiName Password Label
139
+ * @uiName Password Field Label
142
140
  */
143
141
  this.passwordFieldLabel = "New Password";
144
142
  stencilHooks_module.h$1(this);
package/dist/cjs/sqm-portal-verify-email.cjs.entry.js CHANGED
@@ -76,16 +76,16 @@ const PortalVerifyEmail = class {
76
76
  index.registerInstance(this, hostRef);
77
77
  this.ignored = true;
78
78
  /**
79
- * The page that participants are redirected to when the verification succeeds.
79
+ * Redirect participants to this page when they successfully verify their email.
80
80
  *
81
- * @uiName Verification Redirect Path
81
+ * @uiName Successful Verification Redirect
82
82
  * @uiWidget pageSelect
83
83
  */
84
84
  this.nextPage = "/";
85
85
  /**
86
- * The page that participants are redirected to if verification fails due to outdated verification attempt.
86
+ * Redirect participants to this page if verification fails due to an outdated verification attempt.
87
87
  *
88
- * @uiName Verification Failed Redirect Path
88
+ * @uiName Failed Verification Redirect
89
89
  * @uiWidget pageSelect
90
90
  */
91
91
  this.failedPage = "/";
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -27,7 +27,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-2ddcaa12.js'
27
27
  const sqmPortalProfileView = require('./sqm-portal-profile-view-e615e2b2.js');
28
28
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d23de69.js');
29
29
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-96adafc0.js');
30
- const ShadowViewAddon = require('./ShadowViewAddon-4b75a331.js');
30
+ const ShadowViewAddon = require('./ShadowViewAddon-fa9574a8.js');
31
31
  const sqmPortalSectionView = require('./sqm-portal-section-view-1e5bbcb1.js');
32
32
 
33
33
  /**
@@ -9588,21 +9588,21 @@ var marked = stencilHooks_module.createCommonjsModule(function (module, exports)
9588
9588
  })));
9589
9589
  });
9590
9590
 
9591
- 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` | | `string` | `\"/forgotPassword\"` |\n| `nextPage` | `next-page` | Page participants are navigated to after 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` | | `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";
9591
+ 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";
9592
9592
 
9593
- 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";
9593
+ 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` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string` | `\"100%\"` |\n| `iframeSrc` | `iframe-src` | URL of iframe to display | `string` | `undefined` |\n| `iframeWidth` | `iframe-width` | Width of the iframe container to Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto. | `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";
9594
9594
 
9595
- 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` | The microsite page that participants are redirected to from the password reset 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";
9595
+ 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";
9596
9596
 
9597
9597
  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` | Show or hide the confirm password input. | `boolean` | `false` |\n| `confirmPasswordLabel` | `confirm-password-label` | | `string` | `\"Confirm Password\"` |\n| `demoData` | -- | | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState: RegistrationFormState; 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` | Login button redirection path. | `string` | `\"/login\"` |\n| `nextPage` | `next-page` | Page participants are navigated to after registration. | `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";
9598
9598
 
9599
- 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` | Show or hide the country field. | `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";
9599
+ 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";
9600
9600
 
9601
- 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` | Show or hide confirm password field. | `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` | The page that participants are redirected to if the reset fails due to outdated password reset attempt. | `string` | `\"/\"` |\n| `nextPage` | `next-page` | The page that participants are redirected to when the password reset succeeds. | `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";
9601
+ 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";
9602
9602
 
9603
- 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";
9603
+ 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` | Redirect participants to this page from their 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";
9604
9604
 
9605
- 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` | The page that participants are redirected to if verification fails due to outdated verification attempt. | `string` | `\"/\"` |\n| `nextPage` | `next-page` | The page that participants are redirected to when the verification succeeds. | `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";
9605
+ 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";
9606
9606
 
9607
9607
  const PortalTemplates_stories = {
9608
9608
  title: "Templates / Portal",
package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js CHANGED
@@ -44,7 +44,7 @@ jss.setup(preset());
44
44
  const sheet = jss.createStyleSheet(style);
45
45
  const styleString = sheet.toString();
46
46
  export function CheckboxFieldView(props) {
47
- var _a, _b, _c, _d, _e, _f, _g;
47
+ var _a, _b, _c;
48
48
  const { states, content, callbacks } = props;
49
49
  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
50
50
  return (h("div", { class: sheet.classes.FieldContainer },
@@ -54,10 +54,7 @@ export function CheckboxFieldView(props) {
54
54
  h("sl-checkbox", Object.assign({ exportparts: "label: input-label", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
55
55
  e.target.value = e.target.checked;
56
56
  callbacks.setChecked(e.target.value);
57
- } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.checkboxName]) ? {
58
- value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.checkboxName],
59
- }
60
- : {}), (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
57
+ } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
61
58
  ? {
62
59
  class: sheet.classes.ErrorStyle,
63
60
  }