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

package/dist/esm/sqm-stencilbook.entry.js

@@ -23,7 +23,7 @@ import { P as PortalContainerView } from './sqm-portal-container-view-228f2b65.j
 import { P as PortalProfileView } from './sqm-portal-profile-view-ec58906b.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-06f6ffac.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-833644ac.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-b7ca4ee5.js';
+import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-c201908c.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-a991e019.js';
 
 /**
@@ -4053,6 +4053,7 @@ const PortalRegister_stories = {
 };
 const defaultProps$3 = {
   states: {
+    registrationFormState: {},
     error: "",
     loading: false,
     confirmPassword: true,
@@ -4071,6 +4072,7 @@ const defaultProps$3 = {
 const errorProps$1 = {
   states: {
     error: "Something went wrong. Please try again.",
+    registrationFormState: {},
     loading: false,
     confirmPassword: true,
     hideInputs: false,
@@ -4090,6 +4092,7 @@ const errorProps$1 = {
 };
 const loadingProps$1 = {
   states: {
+    registrationFormState: {},
     error: "",
     loading: true,
     confirmPassword: true,
@@ -4107,6 +4110,7 @@ const loadingProps$1 = {
 };
 const slottedProps = {
   states: {
+    registrationFormState: {},
     error: "",
     loading: false,
     confirmPassword: true,
@@ -4134,6 +4138,7 @@ const RegisterLoading = () => h(PortalRegisterView, Object.assign({}, loadingPro
 const FieldsHidden = () => {
   return (h("sqm-portal-register", { demoData: {
       states: {
+        registrationFormState: {},
         error: "",
         loading: true,
         confirmPassword: true,
@@ -5981,8 +5986,9 @@ const Start = () => {
       initValue: "",
       states: {
         enableValidation: true,
-        registrationFormState: {},
-        validationErrors: {},
+        registrationFormState: {
+          validationErrors: {},
+        },
         content: {
           fieldLabel: "Password",
         },
@@ -5994,8 +6000,9 @@ const EmptyError = () => {
       initValue: "",
       states: {
         enableValidation: true,
-        validationErrors: { password: "Cannot be empty" },
-        registrationFormState: {},
+        registrationFormState: {
+          validationErrors: { password: "Cannot be empty" },
+        },
         content: {
           fieldLabel: "Password",
         },
@@ -6007,8 +6014,9 @@ const ValidationError = () => {
       initValue: "asdf",
       states: {
         enableValidation: true,
-        registrationFormState: {},
-        validationErrors: { password: "Incomplete" },
+        registrationFormState: {
+          validationErrors: { password: "Incomplete" },
+        },
         content: {
           fieldLabel: "Password",
         },
@@ -9576,21 +9584,21 @@ var marked = createCommonjsModule(function (module, exports) {
 })));
 });
 
-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";
+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";
 
 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";
 
-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";
+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";
 
-const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                    | Attribute                     | Description                                                               | Type                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default              |\n| --------------------------- | ----------------------------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n| `confirmPassword`           | `confirm-password`            |                                                                           | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                               | `false`              |\n| `confirmPasswordLabel`      | `confirm-password-label`      |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"Confirm Password\"` |\n| `demoData`                  | --                            |                                                                           | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined`          |\n| `disablePasswordValidation` | `disable-password-validation` |                                                                           | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                               | `false`              |\n| `emailLabel`                | `email-label`                 |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"Email\"`            |\n| `hideInputs`                | `hide-inputs`                 | Hide default input fields to use custom fields.                           | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                               | `false`              |\n| `loginLabel`                | `login-label`                 |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"Sign in\"`          |\n| `loginPath`                 | `login-path`                  | Redirect participants to this page after clicking the login button.       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"/login\"`           |\n| `nextPage`                  | `next-page`                   | Redirect participants to this page after they successfully register.      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"/\"`                |\n| `pageLabel`                 | `page-label`                  |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"Register\"`         |\n| `passwordLabel`             | `password-label`              |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"Password\"`         |\n| `redirectPath`              | `redirect-path`               | The page that participants are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"/verifyEmail\"`     |\n| `submitLabel`               | `submit-label`                |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `\"Register\"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --> sqm-form-message\n  sqm-portal-register --> sqm-password-field\n  sqm-stencilbook --> sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+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";
 
-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";
+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";
 
-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";
+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";
 
 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";
 
-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";
+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";
 
 const PortalTemplates_stories = {
   title: "Templates / Portal",
@@ -10061,7 +10069,9 @@ const NameFields_stories = {
 };
 const props$1 = {
   states: {
-    validationErrors: undefined,
+    registrationFormState: {
+      validationErrors: undefined,
+    },
     content: {
       firstNameLabel: "First Name",
       lastNameLabel: "Last Name",
@@ -10070,9 +10080,11 @@ const props$1 = {
 };
 const errorProps$8 = {
   states: {
-    validationErrors: {
-      firstName: "Cannot be empty",
-      lastName: "Cannot be empty",
+    registrationFormState: {
+      validationErrors: {
+        firstName: "Cannot be empty",
+        lastName: "Cannot be empty",
+      },
     },
     content: {
       firstNameLabel: "First Name",
@@ -10104,7 +10116,9 @@ const CheckboxField_stories = {
 };
 const defaultProps$a = {
   states: {
-    validationErrors: {},
+    registrationFormState: {
+      validationErrors: {},
+    },
     checked: false,
   },
   content: {
@@ -10120,6 +10134,7 @@ const defaultProps$a = {
 };
 const defaultRegisterProps = {
   states: {
+    registrationFormState: {},
     error: "",
     loading: false,
     confirmPassword: true,
@@ -10146,14 +10161,18 @@ const CustomLabel = createHookStory(() => (h(CheckboxFieldView, Object.assign({}
   } }))));
 const Error$3 = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$a, { states: {
     ...defaultProps$a.states,
-    validationErrors: {
-      agree: "Must be checked",
+    registrationFormState: {
+      validationErrors: {
+        agree: "Must be checked",
+      },
     },
   } }))));
 const CustomError = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$a, { states: {
     ...defaultProps$a.states,
-    validationErrors: {
-      agree: "Must be checked",
+    registrationFormState: {
+      validationErrors: {
+        agree: "Must be checked",
+      },
     },
   }, content: {
     ...defaultProps$a.content,
@@ -10275,7 +10294,7 @@ const DropdownField_stories = {
 };
 const defaultProps$b = {
   states: {
-    validationErrors: {},
+    registrationFormState: {},
   },
   content: {
     dropdownName: "options",
@@ -10295,14 +10314,21 @@ const CustomLabel$1 = createHookStory(() => (h(DropdownFieldView, Object.assign(
   } }))));
 const Error$4 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$b, { states: {
     ...defaultProps$b.states,
-    validationErrors: {
-      options: "Must select an option",
+    registrationFormState: {
+      validationErrors: {
+        options: "Must select an option",
+      },
     },
   } }))));
-const CustomError$1 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$b, { content: { ...defaultProps$b.content, errorMessage: "An option must be selected to continue", }, states: {
+const CustomError$1 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$b, { content: {
+    ...defaultProps$b.content,
+    errorMessage: "An option must be selected to continue",
+  }, states: {
     ...defaultProps$b.states,
-    validationErrors: {
-      options: "Must select an option",
+    registrationFormState: {
+      validationErrors: {
+        options: "Must select an option",
+      },
     },
   } }))));
 
@@ -10384,7 +10410,9 @@ const InputField_stories = {
 };
 const defaultProps$c = {
   states: {
-    validationErrors: {},
+    registrationFormState: {
+      validationErrors: {},
+    },
   },
   content: {
     fieldName: "field",
@@ -10396,6 +10424,7 @@ const defaultProps$c = {
 };
 const defaultRegisterProps$1 = {
   states: {
+    registrationFormState: {},
     error: "",
     loading: false,
     confirmPassword: true,
@@ -10415,8 +10444,10 @@ const Default$d = () => h(InputFieldView, Object.assign({}, defaultProps$c));
 const CustomLabel$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$c, { content: { ...defaultProps$c.content, fieldLabel: "My Label" } })));
 const Error$5 = () => (h(InputFieldView, Object.assign({}, defaultProps$c, { states: {
     ...defaultProps$c.states,
-    validationErrors: {
-      field: "Cannot be empty",
+    registrationFormState: {
+      validationErrors: {
+        field: "Cannot be empty",
+      },
     },
   } })));
 const CustomError$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$c, { content: {
@@ -10424,8 +10455,10 @@ const CustomError$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$c,
     errorMessage: "A value must be entered to continue",
   }, states: {
     ...defaultProps$c.states,
-    validationErrors: {
-      field: "Cannot be empty",
+    registrationFormState: {
+      validationErrors: {
+        field: "Cannot be empty",
+      },
     },
   } })));
 const DateType = () => {

package/dist/esm/{useRegistrationFormState-e94eec81.js → useRegistrationFormState-3cdf2939.js}

@@ -1,13 +1,6 @@
 import { y } from './stencil-hooks.module-eefa3570.js';
 import { R } from './index.module-25496635.js';
 
-const FORM_VALIDATION_CONTEXT = "sq:validation-state";
-function useValidationState(formState) {
-  const host = R();
-  const [validationState, setValidationState] = y(host, FORM_VALIDATION_CONTEXT, formState);
-  return { validationState, setValidationState };
-}
-
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
   const host = R();
@@ -15,4 +8,4 @@ function useRegistrationFormState(formState) {
   return { registrationFormState, setRegistrationFormState };
 }
 
-export { FORM_VALIDATION_CONTEXT as F, REGISTRATION_FORM_STATE_CONTEXT as R, useValidationState as a, useRegistrationFormState as u };
+export { REGISTRATION_FORM_STATE_CONTEXT as R, useRegistrationFormState as u };