@saasquatch/mint-components 1.7.3-1 → 1.7.3-2

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 (92) hide show
  1. package/dist/cjs/{ShadowViewAddon-43f35e24.js → ShadowViewAddon-250836ad.js} +2 -2
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-big-stat_39.cjs.entry.js +67 -1
  5. package/dist/cjs/sqm-password-field.cjs.entry.js +8 -8
  6. package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +31 -1
  7. package/dist/cjs/{sqm-portal-reset-password-view-d5bc7afc.js → sqm-portal-reset-password-view-7680fc87.js} +1 -1
  8. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +37 -1
  9. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +4 -0
  10. package/dist/cjs/sqm-stencilbook.cjs.entry.js +12 -6
  11. package/dist/collection/components/sqm-password-field/passwordValidation.js +4 -4
  12. package/dist/collection/components/sqm-password-field/sqm-password-field.js +12 -12
  13. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js +1 -1
  14. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js +157 -1
  15. package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js +6 -0
  16. package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +1 -1
  17. package/dist/collection/components/sqm-portal-register/sqm-portal-register.js +157 -1
  18. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +1 -1
  19. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js +157 -1
  20. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js +2 -2
  21. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js +157 -1
  22. package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js +6 -0
  23. package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js +6 -0
  24. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +11 -1
  25. package/dist/esm/{ShadowViewAddon-a5b397ce.js → ShadowViewAddon-6dc295a1.js} +2 -2
  26. package/dist/esm/loader.js +1 -1
  27. package/dist/esm/mint-components.js +1 -1
  28. package/dist/esm/sqm-big-stat_39.entry.js +67 -1
  29. package/dist/esm/sqm-password-field.entry.js +8 -8
  30. package/dist/esm/sqm-portal-registration-form.entry.js +31 -1
  31. package/dist/esm/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
  32. package/dist/esm/sqm-portal-reset-password.entry.js +37 -1
  33. package/dist/esm/sqm-portal-verify-email.entry.js +4 -0
  34. package/dist/esm/sqm-stencilbook.entry.js +12 -6
  35. package/dist/esm-es5/ShadowViewAddon-6dc295a1.js +1 -0
  36. package/dist/esm-es5/loader.js +1 -1
  37. package/dist/esm-es5/mint-components.js +1 -1
  38. package/dist/esm-es5/sqm-big-stat_39.entry.js +1 -1
  39. package/dist/esm-es5/sqm-password-field.entry.js +1 -1
  40. package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
  41. package/dist/esm-es5/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-cdbf99dc.js} +1 -1
  42. package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
  43. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  44. package/dist/mint-components/mint-components.esm.js +1 -1
  45. package/dist/mint-components/p-03c4d81a.js +1 -0
  46. package/dist/mint-components/p-061d90bc.system.entry.js +1 -0
  47. package/dist/mint-components/p-0943b547.system.js +1 -1
  48. package/dist/mint-components/p-418362a9.entry.js +9 -0
  49. package/dist/mint-components/p-50daed57.entry.js +13 -0
  50. package/dist/mint-components/{p-a61bb370.entry.js → p-59a505e1.entry.js} +1 -1
  51. package/dist/mint-components/p-5e9e9a29.system.entry.js +1 -0
  52. package/dist/mint-components/p-6354c559.system.entry.js +1 -0
  53. package/dist/mint-components/p-69a7558a.system.entry.js +1 -0
  54. package/dist/mint-components/p-72c9fbf6.system.entry.js +1 -0
  55. package/dist/mint-components/p-9142d62b.entry.js +1 -0
  56. package/dist/mint-components/p-d29c820c.system.js +1 -0
  57. package/dist/mint-components/{p-74e8a90c.entry.js → p-dc72e7e9.entry.js} +10 -10
  58. package/dist/mint-components/p-f8f278e9.js +379 -0
  59. package/dist/mint-components/p-fc51a087.system.js +1 -0
  60. package/dist/types/components/sqm-password-field/sqm-password-field.d.ts +4 -4
  61. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password-view.d.ts +6 -0
  62. package/dist/types/components/sqm-portal-change-password/sqm-portal-change-password.d.ts +24 -0
  63. package/dist/types/components/sqm-portal-change-password/usePortalChangePassword.d.ts +6 -0
  64. package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts +6 -0
  65. package/dist/types/components/sqm-portal-register/sqm-portal-register.d.ts +24 -0
  66. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts +6 -0
  67. package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts +24 -0
  68. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password-view.d.ts +6 -0
  69. package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts +24 -0
  70. package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts +4 -0
  71. package/dist/types/components.d.ts +208 -8
  72. package/dist/types/global/android.d.ts +7 -0
  73. package/dist/types/global/demo.d.ts +1 -0
  74. package/dist/types/stories/features.d.ts +4 -0
  75. package/dist/types/stories/templates.d.ts +4 -0
  76. package/docs/docs.docx +0 -0
  77. package/docs/raisins.json +1 -1
  78. package/grapesjs/grapesjs.js +1 -1
  79. package/package.json +1 -1
  80. package/dist/esm-es5/ShadowViewAddon-a5b397ce.js +0 -1
  81. package/dist/mint-components/p-13570402.system.entry.js +0 -1
  82. package/dist/mint-components/p-1ce682cf.js +0 -379
  83. package/dist/mint-components/p-1fb7c93f.system.entry.js +0 -1
  84. package/dist/mint-components/p-56525896.system.js +0 -1
  85. package/dist/mint-components/p-57a89487.entry.js +0 -1
  86. package/dist/mint-components/p-734ab204.entry.js +0 -9
  87. package/dist/mint-components/p-7b490a03.system.js +0 -1
  88. package/dist/mint-components/p-821004e9.system.entry.js +0 -1
  89. package/dist/mint-components/p-97c7f794.system.entry.js +0 -1
  90. package/dist/mint-components/p-ad5eda33.system.entry.js +0 -1
  91. package/dist/mint-components/p-d7210c13.entry.js +0 -13
  92. package/dist/mint-components/p-efd129de.js +0 -1
@@ -11,7 +11,7 @@ require('./mixins-fe9d4112.js');
11
11
  require('./JSS-8503a151.js');
12
12
  const utils = require('./utils-6847bc06.js');
13
13
  require('./sqm-text-span-view-e1cd9bd3.js');
14
- const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d5bc7afc.js');
14
+ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-7680fc87.js');
15
15
 
16
16
  function usePortalResetPassword(props) {
17
17
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -81,6 +81,12 @@ function usePortalResetPassword(props) {
81
81
  resetPasswordButtonText: props.resetPasswordButtonText,
82
82
  confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
83
83
  passwordFieldLabel: props.passwordFieldLabel,
84
+ meetsRequirementsText: props.meetsRequirementsText,
85
+ doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
86
+ minErrorText: props.minErrorText,
87
+ uppercaseErrorText: props.uppercaseErrorText,
88
+ lowercaseErrorText: props.lowercaseErrorText,
89
+ hasErrorText: props.hasErrorText,
84
90
  },
85
91
  },
86
92
  callbacks: { submit, failed, gotoNextPage },
@@ -138,6 +144,30 @@ const PortalResetPassword = class {
138
144
  * @uiName Password field label
139
145
  */
140
146
  this.passwordFieldLabel = "New Password";
147
+ /**
148
+ * @uiName Meets requirements text
149
+ */
150
+ this.meetsRequirementsText = "Password has met all requirements";
151
+ /**
152
+ * @uiName Fails requirements text
153
+ */
154
+ this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
155
+ /**
156
+ * @uiName Minimum length text
157
+ */
158
+ this.minErrorText = "be a minimum of 8 characters";
159
+ /**
160
+ * @uiName Missing uppercase text
161
+ */
162
+ this.uppercaseErrorText = "contain at least 1 uppercase character";
163
+ /**
164
+ * @uiName Missing lowercase text
165
+ */
166
+ this.lowercaseErrorText = "contain at least 1 lowercase character";
167
+ /**
168
+ * @uiName Missing number or symbol error text
169
+ */
170
+ this.hasErrorText = "contain at least 1 number or symbol";
141
171
  stencilHooks_module.h$1(this);
142
172
  }
143
173
  disconnectedCallback() { }
@@ -164,6 +194,12 @@ function usePortalResetPasswordDemo(props) {
164
194
  resetPasswordButtonText: props.resetPasswordButtonText,
165
195
  confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
166
196
  passwordFieldLabel: props.passwordFieldLabel,
197
+ meetsRequirementsText: props.meetsRequirementsText,
198
+ doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
199
+ minErrorText: props.minErrorText,
200
+ uppercaseErrorText: props.uppercaseErrorText,
201
+ lowercaseErrorText: props.lowercaseErrorText,
202
+ hasErrorText: props.hasErrorText,
167
203
  },
168
204
  },
169
205
  callbacks: {
@@ -108,6 +108,10 @@ const PortalVerifyEmail = class {
108
108
  * @uiWidget textArea
109
109
  */
110
110
  this.verifySuccessText = "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.";
111
+ /**
112
+ * @uiName Email verification invalid text
113
+ * @uiWidget textArea
114
+ */
111
115
  this.verifyInvalidText = "The email verification code is invalid or has expired, please try again.";
112
116
  stencilHooks_module.h$1(this);
113
117
  }
@@ -24,9 +24,9 @@ const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view
24
24
  const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-0bd4a2c2.js');
25
25
  const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0142350f.js');
26
26
  const sqmPortalProfileView = require('./sqm-portal-profile-view-13a1229f.js');
27
- const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d5bc7afc.js');
27
+ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-7680fc87.js');
28
28
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-200752cb.js');
29
- const ShadowViewAddon = require('./ShadowViewAddon-43f35e24.js');
29
+ const ShadowViewAddon = require('./ShadowViewAddon-250836ad.js');
30
30
  const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
31
31
 
32
32
  /**
@@ -7621,6 +7621,11 @@ const errorProps$5 = {
7621
7621
  gotoNextPage: () => console.log("next page"),
7622
7622
  failed: () => console.log("failed"),
7623
7623
  },
7624
+ content: {
7625
+ verifyEmailText: "Verify your email",
7626
+ verifySuccessText: "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.",
7627
+ verifyInvalidText: "The email verification code is invalid or has expired, please try again.",
7628
+ },
7624
7629
  };
7625
7630
  const verifiedProps = {
7626
7631
  states: {
@@ -7635,6 +7640,7 @@ const verifiedProps = {
7635
7640
  gotoNextPage: () => console.log("next page"),
7636
7641
  failed: () => console.log("failed"),
7637
7642
  },
7643
+ content: {},
7638
7644
  };
7639
7645
  const EmailVerificationWithError$1 = () => (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, Object.assign({}, errorProps$5)));
7640
7646
  const EmailVerificationSuccess$1 = () => (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, Object.assign({}, verifiedProps)));
@@ -9793,15 +9799,15 @@ const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated B
9793
9799
 
9794
9800
  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";
9795
9801
 
9796
- 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; 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; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; }; }` | `undefined` |\n| `disablePasswordValidation` | `disable-password-validation` | | `boolean` | `false` |\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\n| `hideInputs` | `hide-inputs` | 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. | `boolean` | `false` |\n| `invalidEmailErrorMessage` | `invalid-email-error-message` | The message to be displayed when the email used is invalid or blocked. | `string` | `\"Must be a valid email address\"` |\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\n| `loginPath` | `login-path` | Redirect participants to this page after clicking the login button. | `string` | `\"/login\"` |\n| `networkErrorMessage` | `network-error-message` | The message to be displayed when a the form submission fails unexpectedly. | `string` | `\"Network request failed.\"` |\n| `nextPage` | `next-page` | Redirect participants to this page from their verification email | `string` | `\"/\"` |\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\n| `passwordMismatchErrorMessage` | `password-mismatch-error-message` | The message to be displayed when password inputs do not match. | `string` | `\"Passwords do not match.\"` |\n| `redirectPath` | `redirect-path` | The page that participants are redirected to from the verification email. | `string` | `\"/verifyEmail\"` |\n| `requiredFieldErrorMessage` | `required-field-error-message` | The message to be displayed when a required field is not filled. | `string` | `\"Cannot be empty\"` |\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";
9802
+ 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; 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; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }` | `undefined` |\n| `disablePasswordValidation` | `disable-password-validation` | | `boolean` | `false` |\n| `doesNotMeetRequirementsText` | `does-not-meet-requirements-text` | | `string` | `\"Password must meet the following requirements:\"` |\n| `emailLabel` | `email-label` | | `string` | `\"Email\"` |\n| `hasErrorText` | `has-error-text` | | `string` | `\"contain at least 1 number or symbol\"` |\n| `hideInputs` | `hide-inputs` | 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. | `boolean` | `false` |\n| `invalidEmailErrorMessage` | `invalid-email-error-message` | The message to be displayed when the email used is invalid or blocked. | `string` | `\"Must be a valid email address\"` |\n| `loginLabel` | `login-label` | | `string` | `\"Sign in\"` |\n| `loginPath` | `login-path` | Redirect participants to this page after clicking the login button. | `string` | `\"/login\"` |\n| `lowercaseErrorText` | `lowercase-error-text` | | `string` | `\"contain at least 1 lowercase character\"` |\n| `meetsRequirementsText` | `meets-requirements-text` | | `string` | `\"Password has met all requirements\"` |\n| `minErrorText` | `min-error-text` | | `string` | `\"be a minimum of 8 characters\"` |\n| `networkErrorMessage` | `network-error-message` | The message to be displayed when a the form submission fails unexpectedly. | `string` | `\"Network request failed.\"` |\n| `nextPage` | `next-page` | Redirect participants to this page from their verification email | `string` | `\"/\"` |\n| `pageLabel` | `page-label` | | `string` | `\"Register\"` |\n| `passwordLabel` | `password-label` | | `string` | `\"Password\"` |\n| `passwordMismatchErrorMessage` | `password-mismatch-error-message` | The message to be displayed when password inputs do not match. | `string` | `\"Passwords do not match.\"` |\n| `redirectPath` | `redirect-path` | The page that participants are redirected to from the verification email. | `string` | `\"/verifyEmail\"` |\n| `requiredFieldErrorMessage` | `required-field-error-message` | The message to be displayed when a required field is not filled. | `string` | `\"Cannot be empty\"` |\n| `submitLabel` | `submit-label` | | `string` | `\"Register\"` |\n| `uppercaseErrorText` | `uppercase-error-text` | | `string` | `\"contain at least 1 uppercase character\"` |\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";
9797
9803
 
9798
9804
  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";
9799
9805
 
9800
- 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";
9806
+ 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; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }; }` | `undefined` |\n| `doesNotMeetRequirementsText` | `does-not-meet-requirements-text` | | `string` | `\"Password must meet the following requirements:\"` |\n| `failedPage` | `failed-page` | Redirect participants to this page if password reset fails due to an outdated reset attempt. | `string` | `\"/\"` |\n| `hasErrorText` | `has-error-text` | | `string` | `\"contain at least 1 number or symbol\"` |\n| `lowercaseErrorText` | `lowercase-error-text` | | `string` | `\"contain at least 1 lowercase character\"` |\n| `meetsRequirementsText` | `meets-requirements-text` | | `string` | `\"Password has met all requirements\"` |\n| `minErrorText` | `min-error-text` | | `string` | `\"be a minimum of 8 characters\"` |\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| `uppercaseErrorText` | `uppercase-error-text` | | `string` | `\"contain at least 1 uppercase character\"` |\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";
9801
9807
 
9802
- 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; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: 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| `verificationLoadingMessage` | `verification-loading-message` | | `string` | `\"Checking verification status\"` |\n| `verificationStatusMessage` | `verification-status-message` | | `string` | `\"Checking verification status in {countdown}\"` |\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will 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";
9808
+ 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; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; verificationResentMessage?: 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| `verificationLoadingMessage` | `verification-loading-message` | | `string` | `\"Checking verification status\"` |\n| `verificationResentMessage` | `verification-resent-message` | | `string` | `\"Your verification email has been resent successfully\"` |\n| `verificationStatusMessage` | `verification-status-message` | | `string` | `\"Checking verification status in {countdown}\"` |\n| `verifyMessage` | `verify-message` | | `string` | `\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will 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";
9803
9809
 
9804
- 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";
9810
+ 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; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: 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| `verifyEmailText` | `verify-email-text` | | `string` | `\"Verify your email\"` |\n| `verifyInvalidText` | `verify-invalid-text` | | `string` | `\"The email verification code is invalid or has expired, please try again.\"` |\n| `verifySuccessText` | `verify-success-text` | | `string` | `\"Your email has been verified and you are being redirected. If you are not redirected, please click Continue.\"` |\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";
9805
9811
 
9806
9812
  const PortalTemplates_stories = {
9807
9813
  title: "Templates / Portal",
@@ -52,10 +52,10 @@ const sheet = createStyleSheet(style);
52
52
  const styleString = sheet.toString();
53
53
  const getErrorMessage = (errorKeys, password, validationText) => {
54
54
  const validationMessages = {
55
- min: validationText.minError,
56
- uppercase: validationText.uppercaseError,
57
- lowercase: validationText.lowercaseError,
58
- has: validationText.hasError,
55
+ min: validationText.minErrorText,
56
+ uppercase: validationText.uppercaseErrorText,
57
+ lowercase: validationText.lowercaseErrorText,
58
+ has: validationText.hasErrorText,
59
59
  };
60
60
  if (!errorKeys.length && password)
61
61
  return (h("div", { class: sheet.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
@@ -38,19 +38,19 @@ export class PortalPasswordField {
38
38
  /**
39
39
  * @uiName Minimum length text
40
40
  */
41
- this.minError = "be a minimum of 8 characters";
41
+ this.minErrorText = "be a minimum of 8 characters";
42
42
  /**
43
43
  * @uiName Missing uppercase text
44
44
  */
45
- this.uppercaseError = "contain at least 1 uppercase character";
45
+ this.uppercaseErrorText = "contain at least 1 uppercase character";
46
46
  /**
47
47
  * @uiName Missing lowercase text
48
48
  */
49
- this.lowercaseError = "contain at least 1 lowercase character";
49
+ this.lowercaseErrorText = "contain at least 1 lowercase character";
50
50
  /**
51
51
  * @uiName Missing number or symbol error text
52
52
  */
53
- this.hasError = "contain at least 1 number or symbol";
53
+ this.hasErrorText = "contain at least 1 number or symbol";
54
54
  withHooks(this);
55
55
  }
56
56
  disconnectedCallback() { }
@@ -146,7 +146,7 @@ export class PortalPasswordField {
146
146
  "reflect": false,
147
147
  "defaultValue": "\"Password must meet the following requirements:\""
148
148
  },
149
- "minError": {
149
+ "minErrorText": {
150
150
  "type": "string",
151
151
  "mutable": false,
152
152
  "complexType": {
@@ -163,11 +163,11 @@ export class PortalPasswordField {
163
163
  }],
164
164
  "text": ""
165
165
  },
166
- "attribute": "min-error",
166
+ "attribute": "min-error-text",
167
167
  "reflect": false,
168
168
  "defaultValue": "\"be a minimum of 8 characters\""
169
169
  },
170
- "uppercaseError": {
170
+ "uppercaseErrorText": {
171
171
  "type": "string",
172
172
  "mutable": false,
173
173
  "complexType": {
@@ -184,11 +184,11 @@ export class PortalPasswordField {
184
184
  }],
185
185
  "text": ""
186
186
  },
187
- "attribute": "uppercase-error",
187
+ "attribute": "uppercase-error-text",
188
188
  "reflect": false,
189
189
  "defaultValue": "\"contain at least 1 uppercase character\""
190
190
  },
191
- "lowercaseError": {
191
+ "lowercaseErrorText": {
192
192
  "type": "string",
193
193
  "mutable": false,
194
194
  "complexType": {
@@ -205,11 +205,11 @@ export class PortalPasswordField {
205
205
  }],
206
206
  "text": ""
207
207
  },
208
- "attribute": "lowercase-error",
208
+ "attribute": "lowercase-error-text",
209
209
  "reflect": false,
210
210
  "defaultValue": "\"contain at least 1 lowercase character\""
211
211
  },
212
- "hasError": {
212
+ "hasErrorText": {
213
213
  "type": "string",
214
214
  "mutable": false,
215
215
  "complexType": {
@@ -226,7 +226,7 @@ export class PortalPasswordField {
226
226
  }],
227
227
  "text": ""
228
228
  },
229
- "attribute": "has-error",
229
+ "attribute": "has-error-text",
230
230
  "reflect": false,
231
231
  "defaultValue": "\"contain at least 1 number or symbol\""
232
232
  },
@@ -58,7 +58,7 @@ export function PortalChangePasswordView(props) {
58
58
  h("div", { part: "successalert-text" }, states.content.successMessage))),
59
59
  h("sl-form", { "onSl-submit": callbacks.submit },
60
60
  h("div", { class: sheet.classes.InputContainer },
61
- h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
61
+ h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
62
62
  h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
63
63
  h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
64
64
  h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
@@ -56,6 +56,30 @@ export class PortalChangePassword {
56
56
  * @uiName Change password button text
57
57
  */
58
58
  this.portalChangePasswordButtonText = "Change your password...";
59
+ /**
60
+ * @uiName Meets requirements text
61
+ */
62
+ this.meetsRequirementsText = "Password has met all requirements";
63
+ /**
64
+ * @uiName Fails requirements text
65
+ */
66
+ this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
67
+ /**
68
+ * @uiName Minimum length text
69
+ */
70
+ this.minErrorText = "be a minimum of 8 characters";
71
+ /**
72
+ * @uiName Missing uppercase text
73
+ */
74
+ this.uppercaseErrorText = "contain at least 1 uppercase character";
75
+ /**
76
+ * @uiName Missing lowercase text
77
+ */
78
+ this.lowercaseErrorText = "contain at least 1 lowercase character";
79
+ /**
80
+ * @uiName Missing number or symbol error text
81
+ */
82
+ this.hasErrorText = "contain at least 1 number or symbol";
59
83
  withHooks(this);
60
84
  }
61
85
  disconnectedCallback() { }
@@ -239,12 +263,138 @@ export class PortalChangePassword {
239
263
  "reflect": false,
240
264
  "defaultValue": "\"Change your password...\""
241
265
  },
266
+ "meetsRequirementsText": {
267
+ "type": "string",
268
+ "mutable": false,
269
+ "complexType": {
270
+ "original": "string",
271
+ "resolved": "string",
272
+ "references": {}
273
+ },
274
+ "required": false,
275
+ "optional": false,
276
+ "docs": {
277
+ "tags": [{
278
+ "text": "Meets requirements text",
279
+ "name": "uiName"
280
+ }],
281
+ "text": ""
282
+ },
283
+ "attribute": "meets-requirements-text",
284
+ "reflect": false,
285
+ "defaultValue": "\"Password has met all requirements\""
286
+ },
287
+ "doesNotMeetRequirementsText": {
288
+ "type": "string",
289
+ "mutable": false,
290
+ "complexType": {
291
+ "original": "string",
292
+ "resolved": "string",
293
+ "references": {}
294
+ },
295
+ "required": false,
296
+ "optional": false,
297
+ "docs": {
298
+ "tags": [{
299
+ "text": "Fails requirements text",
300
+ "name": "uiName"
301
+ }],
302
+ "text": ""
303
+ },
304
+ "attribute": "does-not-meet-requirements-text",
305
+ "reflect": false,
306
+ "defaultValue": "\"Password must meet the following requirements:\""
307
+ },
308
+ "minErrorText": {
309
+ "type": "string",
310
+ "mutable": false,
311
+ "complexType": {
312
+ "original": "string",
313
+ "resolved": "string",
314
+ "references": {}
315
+ },
316
+ "required": false,
317
+ "optional": false,
318
+ "docs": {
319
+ "tags": [{
320
+ "text": "Minimum length text",
321
+ "name": "uiName"
322
+ }],
323
+ "text": ""
324
+ },
325
+ "attribute": "min-error-text",
326
+ "reflect": false,
327
+ "defaultValue": "\"be a minimum of 8 characters\""
328
+ },
329
+ "uppercaseErrorText": {
330
+ "type": "string",
331
+ "mutable": false,
332
+ "complexType": {
333
+ "original": "string",
334
+ "resolved": "string",
335
+ "references": {}
336
+ },
337
+ "required": false,
338
+ "optional": false,
339
+ "docs": {
340
+ "tags": [{
341
+ "text": "Missing uppercase text",
342
+ "name": "uiName"
343
+ }],
344
+ "text": ""
345
+ },
346
+ "attribute": "uppercase-error-text",
347
+ "reflect": false,
348
+ "defaultValue": "\"contain at least 1 uppercase character\""
349
+ },
350
+ "lowercaseErrorText": {
351
+ "type": "string",
352
+ "mutable": false,
353
+ "complexType": {
354
+ "original": "string",
355
+ "resolved": "string",
356
+ "references": {}
357
+ },
358
+ "required": false,
359
+ "optional": false,
360
+ "docs": {
361
+ "tags": [{
362
+ "text": "Missing lowercase text",
363
+ "name": "uiName"
364
+ }],
365
+ "text": ""
366
+ },
367
+ "attribute": "lowercase-error-text",
368
+ "reflect": false,
369
+ "defaultValue": "\"contain at least 1 lowercase character\""
370
+ },
371
+ "hasErrorText": {
372
+ "type": "string",
373
+ "mutable": false,
374
+ "complexType": {
375
+ "original": "string",
376
+ "resolved": "string",
377
+ "references": {}
378
+ },
379
+ "required": false,
380
+ "optional": false,
381
+ "docs": {
382
+ "tags": [{
383
+ "text": "Missing number or symbol error text",
384
+ "name": "uiName"
385
+ }],
386
+ "text": ""
387
+ },
388
+ "attribute": "has-error-text",
389
+ "reflect": false,
390
+ "defaultValue": "\"contain at least 1 number or symbol\""
391
+ },
242
392
  "demoData": {
243
393
  "type": "unknown",
244
394
  "mutable": false,
245
395
  "complexType": {
246
396
  "original": "DemoData<PortalChangePasswordViewProps>",
247
- "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; }; }; }",
397
+ "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }; }",
248
398
  "references": {
249
399
  "DemoData": {
250
400
  "location": "import",
@@ -289,6 +439,12 @@ function usePortalChangePasswordDemo(props) {
289
439
  successMessage: props.successMessage,
290
440
  portalChangePasswordHeader: props.portalChangePasswordHeader,
291
441
  portalChangePasswordButtonText: props.portalChangePasswordButtonText,
442
+ meetsRequirementsText: props.meetsRequirementsText,
443
+ doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
444
+ minErrorText: props.minErrorText,
445
+ uppercaseErrorText: props.uppercaseErrorText,
446
+ lowercaseErrorText: props.lowercaseErrorText,
447
+ hasErrorText: props.hasErrorText,
292
448
  },
293
449
  },
294
450
  callbacks: {