@saasquatch/mint-components 1.12.1-2 → 1.12.1-21

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

@@ -1,12 +1,12 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
-import './global-6306a9b8.js';
-import { x as xn, j as jn, a as setUserIdentity, d as dist, o as an, p as setProgramId } from './index.module-6c840c4e.js';
+import './global-04c7d3b5.js';
+import { $ as $n, S as Sn, b as setUserIdentity, d as dist, X as Xe, o as setProgramId } from './index.module-def4aec5.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-d59d8ab4.js';
-import './useChildElements-fc84e640.js';
+import './useChildElements-32e1bda1.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
@@ -17,17 +17,17 @@ import { E as EmailRegistrationView } from './email-registration-view-a89a88bf.j
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2c6122cd.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0312e073.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-f8e78810.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-c6ac5430.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-60ef06cc.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4307c992.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-15ddbec8.js';
-import './utilities-443732be.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
+import './utilities-3f5bba22.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-1d3066e1.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d7ea2c56.js';
-import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-65c8679e.js';
+import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, g as ChangeMarktingView, T as TaskCardView, h as ProgressBarView, i as PoweredByImg$1, j as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, k as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, l as RewardExchangeView, r as rewardExchangeCustomErrorMsg, m as rewardExchangeLongText, n as rewardExchangeSelected, o as chooseAmountFixed, p as chooseAmountFixedNoDescription, q as chooseAmountVariable, s as chooseAmountVariableNoDescription, t as chooseAmountVariableDisabled, v as chooseAmountVariableUnavailable, w as confirmFixed, x as confirmVariable, y as redemptionError, z as queryError, A as success, F as successVariable, G as loading, J as empty$1, K as rewardExchange, M as CardFeedView, O as CouponCodeView, Q as ProgressBar$2, U as autoColorScaleCss, V as ShadowViewAddon } from './ShadowViewAddon-149b4015.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-6c582684.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-71915a5e.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-6e13a323.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2536,36 +2536,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => xn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => xn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => xn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => xn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => xn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => xn.back() }, "Back"),
-    h("button", { onClick: () => xn.forward() }, "Forward"),
+    h("button", { onClick: () => $n.push("/") }, "/"),
+    h("button", { onClick: () => $n.push("/foo") }, "/foo"),
+    h("button", { onClick: () => $n.push("/bar") }, "/bar"),
+    h("button", { onClick: () => $n.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => $n.push("/refer") }, "/refer"),
+    h("button", { onClick: () => $n.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => $n.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => $n.back() }, "Back"),
+    h("button", { onClick: () => $n.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => xn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => xn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => xn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => xn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => xn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => xn.back() }, "Back"),
-    h("button", { onClick: () => xn.forward() }, "Forward"),
+    h("button", { onClick: () => $n.push("/") }, "/"),
+    h("button", { onClick: () => $n.push("/foo") }, "/foo"),
+    h("button", { onClick: () => $n.push("/bar") }, "/bar"),
+    h("button", { onClick: () => $n.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => $n.push("/refer") }, "/refer"),
+    h("button", { onClick: () => $n.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => $n.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => $n.back() }, "Back"),
+    h("button", { onClick: () => $n.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => $n.push("/") }, "/"),
+    h("button", { onClick: () => $n.push("/foo") }, "/foo"),
     h("hr", null),
     h("div", { style: { display: "flex", justifyContent: "space-around" } },
       h("sqm-router", { innerHTML: `<template path="/">
@@ -2579,7 +2579,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    xn.push(e.target.value);
+    $n.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2743,8 +2743,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: xn.back }, "Go Back")));
+        h("strong", null, (_a = Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: $n.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2768,8 +2768,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: xn.back }, "Go Back")));
+        h("strong", null, (_a = Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: $n.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3496,7 +3496,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = useState(10);
   const [rate, setRate] = useState(100);
-  const [exchange, { data, errors }] = an(EXCHANGE);
+  const [exchange, { data, errors }] = Xe(EXCHANGE);
   return {
     states: {
       points,
@@ -4097,16 +4097,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      h("button", { onClick: () => xn.push("/") }, "Dashboard"),
-      props.leadSubmit && (h("button", { onClick: () => xn.push("/refer") }, "Submit a Referral")),
-      h("button", { onClick: () => xn.push("/activity") }, "Activity"),
-      h("button", { onClick: () => xn.push("/editProfile") }, "Edit Profile"),
-      h("button", { onClick: () => xn.push("/login") }, "Login"),
-      h("button", { onClick: () => xn.push("/register") }, "Register"),
-      h("button", { onClick: () => xn.push("/emailVerification") }, "Email Verification"),
-      h("button", { onClick: () => xn.push("/verifyEmail") }, "Verify Email"),
-      h("button", { onClick: () => xn.push("/forgotPassword") }, "Forgot Password"),
-      h("button", { onClick: () => xn.push("/resetPassword") }, "Reset Password")),
+      h("button", { onClick: () => $n.push("/") }, "Dashboard"),
+      props.leadSubmit && (h("button", { onClick: () => $n.push("/refer") }, "Submit a Referral")),
+      h("button", { onClick: () => $n.push("/activity") }, "Activity"),
+      h("button", { onClick: () => $n.push("/editProfile") }, "Edit Profile"),
+      h("button", { onClick: () => $n.push("/login") }, "Login"),
+      h("button", { onClick: () => $n.push("/register") }, "Register"),
+      h("button", { onClick: () => $n.push("/emailVerification") }, "Email Verification"),
+      h("button", { onClick: () => $n.push("/verifyEmail") }, "Verify Email"),
+      h("button", { onClick: () => $n.push("/forgotPassword") }, "Forgot Password"),
+      h("button", { onClick: () => $n.push("/resetPassword") }, "Reset Password")),
     h("br", null),
     h("div", { innerHTML: states.previewTemplate })));
 }
@@ -8187,10 +8187,73 @@ const ChangePassword = /*#__PURE__*/Object.freeze({
   Success: Success
 });
 
+// import scenario from "./sqm-marketing-emails-checkbox.feature";
+const ChangeMarketing_stories = {
+  title: "Components/Change Marketing Emails Status",
+};
+const defaultProps$9 = {
+  states: {
+    success: false,
+    loading: false,
+    submitDisabled: false,
+    formState: {
+      marketingEmailOptIn: false,
+      errors: null,
+      error: "",
+    },
+    user: {
+      id: "zach",
+      accountId: "zach",
+      marketingEmailOptIn: false,
+    },
+    text: {
+      emailPreferencesHeader: "Email preferences",
+      marketingCheckboxLabel: "I want to receive marketing emails and promotions for this referral program from impact.com",
+      submitChangeButtonText: "Save",
+      successMessage: "Opt-in preference has been changed.",
+    },
+  },
+  callbacks: {
+    onSubmit: (props) => console.log(props),
+    setChecked: (value) => console.log(value),
+  },
+};
+const Default$a = () => {
+  return h("sqm-portal-change-marketing", null);
+};
+const Loading$2 = () => {
+  return (h(ChangeMarktingView, Object.assign({}, defaultProps$9, { states: { ...defaultProps$9.states, loading: true } })));
+};
+const Error$3 = () => {
+  return (h(ChangeMarktingView, Object.assign({}, defaultProps$9, { states: {
+      ...defaultProps$9.states,
+      formState: {
+        ...defaultProps$9.states.formState,
+        errors: { error: true },
+        error: "An error string",
+      },
+    } })));
+};
+const Success$1 = () => {
+  return (h(ChangeMarktingView, Object.assign({}, defaultProps$9, { states: {
+      ...defaultProps$9.states,
+      success: true,
+    } })));
+};
+
+const ChangeMarketing = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': ChangeMarketing_stories,
+  Default: Default$a,
+  Loading: Loading$2,
+  Error: Error$3,
+  Success: Success$1
+});
+
 const PortalProfile_stories = {
   title: "Components/Microsite Profile",
 };
-const defaultProps$9 = {
+const defaultProps$a = {
   states: {
     success: false,
     loading: false,
@@ -8406,22 +8469,22 @@ const successProps$4 = {
     onChange: (e) => console.log(e),
   },
 };
-const Default$a = () => h(PortalProfileView, Object.assign({}, defaultProps$9));
+const Default$b = () => h(PortalProfileView, Object.assign({}, defaultProps$a));
 const DefaultNoCountry = () => h(PortalProfileView, Object.assign({}, noCountry));
-const Loading$2 = () => h(PortalProfileView, Object.assign({}, loadingProps$7));
+const Loading$3 = () => h(PortalProfileView, Object.assign({}, loadingProps$7));
 const Disabled$1 = () => h(PortalProfileView, Object.assign({}, disabledProps));
-const Error$3 = () => h(PortalProfileView, Object.assign({}, errorProps$8));
-const Success$1 = () => h(PortalProfileView, Object.assign({}, successProps$4));
+const Error$4 = () => h(PortalProfileView, Object.assign({}, errorProps$8));
+const Success$2 = () => h(PortalProfileView, Object.assign({}, successProps$4));
 
 const PortalProfile = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalProfile_stories,
-  Default: Default$a,
+  Default: Default$b,
   DefaultNoCountry: DefaultNoCountry,
-  Loading: Loading$2,
+  Loading: Loading$3,
   Disabled: Disabled$1,
-  Error: Error$3,
-  Success: Success$1
+  Error: Error$4,
+  Success: Success$2
 });
 
 const column = "@author:noah\n@owner:noah\nFeature: Referral Table User Column\n\n    Shows the same custom content for each referral\n\n    Background:\n        Given the column in included in the referral table\n\n    @motivating\n    Scenario: The title of the date column is configurable\n        Given the \"column-title\" prop is set to \"My column title\"\n        Then the date column is shown with \"My column title\"\n\n    @motivating\n    Scenario: The same custom content is shown for each referral\n        Given there is at least one referral\n        Then for each referral custom content is shown\n        And the custom content is provided as slot content";
@@ -10179,7 +10242,7 @@ const dashboardTemplate = "<sqm-portal-container direction=\"column\" padding=\"
 
 const leadSubmitTemplate = "<sqm-referral-iframe></sqm-referral-iframe>\n";
 
-const editProfileTemplate = "<sqm-portal-protected-route\n  require-email-verification=\"true\"\n  redirect-to=\"/login\"\n  redirect-to-unverified=\"/emailVerification\"\n></sqm-portal-protected-route>\n<sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-change-password></sqm-portal-change-password>\n</sqm-portal-container>\n";
+const editProfileTemplate = "<sqm-portal-protected-route\n  require-email-verification=\"true\"\n  redirect-to=\"/login\"\n  redirect-to-unverified=\"/emailVerification\"\n></sqm-portal-protected-route>\n<sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-change-password></sqm-portal-change-password>\n</sqm-portal-container>\n<sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n  <sqm-portal-change-marketing></sqm-portal-change-marketing>\n</sqm-portal-container>\n";
 
 const activityTemplate = "<sqm-portal-protected-route\n  require-email-verification=\"true\"\n  redirect-to=\"/login\"\n  redirect-to-unverified=\"/emailVerification\"\n></sqm-portal-protected-route>\n<sqm-portal-container direction=\"column\" padding=\"xxx-large\" gap=\"xxx-large\">\n  <sqm-text> <h1>Activity</h1></sqm-text>\n  <sqm-stat-container space=\"xxxx-large\"\n    ><sqm-big-stat\n      flex-reverse=\"true\"\n      alignment=\"left\"\n      stat-type=\"/referralsCount\"\n      ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n    >\n    <sqm-big-stat\n      flex-reverse=\"true\"\n      alignment=\"left\"\n      stat-type=\"/rewardsCountFiltered/AVAILABLE\"\n      ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n    >\n    <sqm-big-stat\n      flex-reverse=\"true\"\n      alignment=\"left\"\n      stat-type=\"/rewardBalance/CREDIT/CENTS\"\n      ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n    >\n  </sqm-stat-container>\n  <sqm-referral-table>\n    <sqm-referral-table-user-column></sqm-referral-table-user-column>\n    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n    <sqm-referral-table-status-column></sqm-referral-table-status-column>\n    <sqm-referral-table-date-column\n      column-title=\"Referred\"\n      date-shown=\"dateReferralStarted\"\n    ></sqm-referral-table-date-column> </sqm-referral-table\n></sqm-portal-container>\n";
 
@@ -10201,21 +10264,21 @@ const emailVerifiedTemplate = "<sqm-portal-verify-email></sqm-portal-verify-emai
 
 const emailVerificationTemplate = "<sqm-portal-protected-route redirect-to=\"/login\"></sqm-portal-protected-route>\n<sqm-portal-email-verification></sqm-portal-email-verification>\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`  | Redirect participants to this page to reset their password        | `string`                                                                                                                                                                                                                                                        | `\"/forgotPassword\"`                                                                |\n| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                                                                        | `\"An error occurred while logging you in. Please refresh the page and try again.\"` |\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`  | Redirect participants to this page to reset their password                                          | `string`                                                                                                                                                                                                                                                        | `\"/forgotPassword\"`                                                                |\n| `networkErrorMessage` | `network-error-message` | Displayed when the login fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                        | `\"An error occurred while logging you in. Please refresh the page and try again.\"` |\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 ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description                                                                                     | Type                                                                                                                           | Default     |\n| -------------- | --------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData`     | --              |                                                                                                 | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string`                                                                                                                       | `\"100%\"`    |\n| `iframeSrc`    | `iframe-src`    | URL of iframe to display                                                                        | `string`                                                                                                                       | `undefined` |\n| `iframeWidth`  | `iframe-width`  | Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.   | `string`                                                                                                                       | `\"100%\"`    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-stencilbook --> sqm-referral-iframe\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-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; successAlertText?: 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`            |                                                                   | `string`                                                                                                                                                                                                               | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                               | `\"An error occurred while loading this page. Please refresh the page.\"`        |\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| `successAlertText`    | `success-alert-text`    |                                                                   | `string`                                                                                                                                                                                                               | `\"If an account with that email exists, a password reset email will be sent.\"` |\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; successAlertText?: 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`            |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                               | `\"An error occurred while loading this page. Please refresh the page.\"`        |\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| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"If an account with that email exists, a password reset email will be sent.\"` |\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; 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";
 
 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; submissionSuccessText?: string; fieldEmptyText?: 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| `fieldEmptyText`         | `field-empty-text`          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `\"Field is required\"`                                                   |\n| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `\"First Name\"`                                                          |\n| `formErrorText`          | `form-error-text`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `\"Please correct the errors below to update your profile.\"`             |\n| `hideCountry`            | `hide-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `false`                                                                 |\n| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `\"Last Name\"`                                                           |\n| `networkRequestMessage`  | `network-request-message`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `\"An error occurred while loading this page. Please refresh the page.\"` |\n| `submissionSuccessText`  | `submission-success-text`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `\"Your profile has been successfully updated.\"`                         |\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| `codeInvalidText`             | `code-invalid-text`               |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"The password reset code is invalid or has expired, please try again.\"`                                         |\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; resetSuccessText?: string; passwordMismatchText?: string; codeInvalidText?: 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| `networkErrorMessage`         | `network-error-message`           |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"An error occurred while resetting your password. Please refresh the page and try again.\"`                      |\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| `passwordMismatchText`        | `password-mismatch-text`          |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Passwords do not match.\"`                                                                                      |\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| `resetSuccessText`            | `reset-success-text`              |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Your password has been reset and you are being redirected. If you are not redirected, please click Continue.\"` |\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";
+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| `codeInvalidText`             | `code-invalid-text`               |                                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"The password reset code is invalid or has expired, please try again.\"`                                         |\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; resetSuccessText?: string; passwordMismatchText?: string; codeInvalidText?: 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| `networkErrorMessage`         | `network-error-message`           | Displayed when the password reset fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"An error occurred while resetting your password. Please refresh the page and try again.\"`                      |\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| `passwordMismatchText`        | `password-mismatch-text`          |                                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Passwords do not match.\"`                                                                                      |\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| `resetSuccessText`            | `reset-success-text`              |                                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Your password has been reset and you are being redirected. If you are not redirected, please click Continue.\"` |\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";
 
-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| `networkErrorMessage`        | `network-error-message`        |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"An error occurred while verifying your password. Please refresh the page.\"`                                                                            |\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";
+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| `networkErrorMessage`        | `network-error-message`        | Displayed when your verification email fails to send due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                                                                                                                                          | `\"An error occurred while verifying your password. Please refresh the page.\"`                                                                            |\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";
 
-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| `continueText`        | `continue-text`         |                                                                                                   | `string`                                                                                                                                                                                                                    | `\"Continue\"`                                                                                                     |\n| `demoData`            | --                      |                                                                                                   | `{ states?: { error: string; loading: boolean; success: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |\n| `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string`                                                                                                                                                                                                                    | `\"/\"`                                                                                                            |\n| `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                    | `\"An error occurred while verifying your email. Please refresh the page and try again.\"`                         |\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";
+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| `continueText`        | `continue-text`         |                                                                                                                  | `string`                                                                                                                                                                                                                    | `\"Continue\"`                                                                                                     |\n| `demoData`            | --                      |                                                                                                                  | `{ states?: { error: string; loading: boolean; success: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |\n| `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt.                | `string`                                                                                                                                                                                                                    | `\"/\"`                                                                                                            |\n| `networkErrorMessage` | `network-error-message` | Displayed when the email verification fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                    | `\"An error occurred while verifying your email. Please refresh the page and try again.\"`                         |\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";
 
 const PortalTemplates_stories = {
   title: "Templates / Microsite",
@@ -10376,7 +10439,7 @@ const ProgramMenu = /*#__PURE__*/Object.freeze({
 const PoweredByImg_stories = {
   title: "Powered By",
 };
-const Default$b = () => {
+const Default$c = () => {
   return h(PoweredByImg$1, null);
 };
 const CustomColor = () => {
@@ -10389,7 +10452,7 @@ const CustomWidthAndHeight = () => {
 const PoweredByImg = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PoweredByImg_stories,
-  Default: Default$b,
+  Default: Default$c,
   CustomColor: CustomColor,
   CustomWidthAndHeight: CustomWidthAndHeight
 });
@@ -10402,7 +10465,7 @@ const PortalFooter_stories = {
     scenario: scenario$f,
   },
 };
-const defaultProps$a = {
+const defaultProps$b = {
   supportEmail: "support@example.com",
   supportText: "For program support, contact {email}",
   hidePoweredBy: false,
@@ -10412,12 +10475,12 @@ const defaultProps$a = {
   paddingBottom: "large",
   paddingLeft: "large",
 };
-const DefaultFooter = () => h(PortalFooterView, Object.assign({}, defaultProps$a));
-const FooterWithTerms = () => (h(PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions" })));
-const FooterWithFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps$a, { faqLink: "https://example.com", faqText: "FAQ" })));
-const FooterWithTermsAndFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ" })));
-const FooterNoPoweredBy = () => (h(PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hidePoweredBy: true })));
-const FooterNoSupportText = () => (h(PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hideSupportText: true })));
+const DefaultFooter = () => h(PortalFooterView, Object.assign({}, defaultProps$b));
+const FooterWithTerms = () => (h(PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions" })));
+const FooterWithFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps$b, { faqLink: "https://example.com", faqText: "FAQ" })));
+const FooterWithTermsAndFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ" })));
+const FooterNoPoweredBy = () => (h(PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hidePoweredBy: true })));
+const FooterNoSupportText = () => (h(PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hideSupportText: true })));
 
 const PortalFooter = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -10735,7 +10798,7 @@ const CheckboxField_stories = {
     scenario: scenario$j,
   },
 };
-const defaultProps$b = {
+const defaultProps$c = {
   states: {
     registrationFormState: {
       validationErrors: {},
@@ -10743,7 +10806,7 @@ const defaultProps$b = {
     checked: false,
   },
   content: {
-    checkboxName: "agree",
+    checkboxName: "terms",
     checkboxLabel: "By signing up you agree to the {labelLink}",
     checkboxLabelLink: "https://example.com",
     checkboxLabelLinkText: "Terms and Conditions",
@@ -10776,32 +10839,32 @@ const defaultRegisterProps = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$c = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$b))));
-const DefaultChecked = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
-    ...defaultProps$b.states,
+const Default$d = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$c))));
+const DefaultChecked = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$c, { states: {
+    ...defaultProps$c.states,
     checked: true,
   } }))));
-const CustomLabel = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$b, { content: {
-    ...defaultProps$b.content,
+const CustomLabel = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$c, { content: {
+    ...defaultProps$c.content,
     checkboxLabel: "I Agree",
   } }))));
-const Error$4 = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
-    ...defaultProps$b.states,
+const Error$5 = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$c, { states: {
+    ...defaultProps$c.states,
     registrationFormState: {
       validationErrors: {
         agree: "Must be checked",
       },
     },
   } }))));
-const CustomError = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
-    ...defaultProps$b.states,
+const CustomError = createHookStory(() => (h(CheckboxFieldView, Object.assign({}, defaultProps$c, { states: {
+    ...defaultProps$c.states,
     registrationFormState: {
       validationErrors: {
         agree: "Must be checked",
       },
     },
   }, content: {
-    ...defaultProps$b.content,
+    ...defaultProps$c.content,
     errorMessage: "This checkbox must be checked to continue",
   } }))));
 const TermsAndConditions$2 = createHookStory(() => (h(PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
@@ -10831,17 +10894,17 @@ const TermsAndConditionsLongCustomLabel = createHookStory(() => (h(PortalRegiste
 const CheckboxField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CheckboxField_stories,
-  Default: Default$c,
+  Default: Default$d,
   DefaultChecked: DefaultChecked,
   CustomLabel: CustomLabel,
-  Error: Error$4,
+  Error: Error$5,
   CustomError: CustomError,
   TermsAndConditions: TermsAndConditions$2,
   TermsAndConditionsCustomLabel: TermsAndConditionsCustomLabel,
   TermsAndConditionsLongCustomLabel: TermsAndConditionsLongCustomLabel
 });
 
-const scenario$k = "@owner:zach\n@author:zach\nFeature: Marketing Emails Checkbox\n\n  A checkbox that is used to opt in for referral program marketing emails.\n\n    Background: A user is on the portal registration page\n        Given a user is viewing the \"/register\"\n        And \"/register\" contains the registration form\n        And the registration form has the following fields\n            | fields                      |\n            | first name                  |\n            | last name                   |\n            | email                       |\n            | password                    |\n            | Marketing Emails Checkbox   |\n    \n    @motivating\n    Scenario: Checkbox is optional by default\n        Given the user is filling out the registration form\n        And the name fields have valid input\n        And the email field has valid input\n        And the password field has valid input\n        And the checkbox is not checked\n        When they try to register\n        Then the form is submitted\n        And there is no error for the checkbox\n\n    Scenario: The form field name is provided by default\n        Given the customer has added a marketing emails checkbox to their registration form\n        Then the field name is automatically set to \"marketing-emails\"\n        And the name is configurable \n\n\n\n  ";
+const scenario$k = "@owner:zach\n@author:zach\nFeature: Marketing Emails Checkbox\n\n    A checkbox that is used to opt in for marketing emails.\n\n    Background: The microsite registration form contains a marketing emails checkbox\n\n        Scenario: The registration form can be configured to include a marketing emails checkbox\n            Given a user is viewing the \"/register\"\n            And \"/register\" contains the registration form\n            And they have added a marketing emails checkbox to the form in the content editor\n            Then the registration form has the following fields\n                | fields                    |\n                | first name                |\n                | last name                 |\n                | email                     |\n                | password                  |\n                | Marketing Emails Checkbox |\n\n\n        Scenario: The user can opt in to marketing emails\n            Given the user is filling out the registration form\n            And the fields have valid input\n            And the marketing emails checkbox is checked\n            When they try to register\n            Then the form is submitted\n            And there are no errors\n            And the \"marketingEmailOptIn\" value is set to true\n            And the user is opted in to marketing emails\n\n\n        @motivating\n        Scenario: Checkbox is optional by default\n            Given the user is filling out the registration form\n            And the name fields have valid input\n            And the email field has valid input\n            And the password field has valid input\n            And the checkbox is not checked\n            When they try to register\n            Then the form is submitted\n            And there is no error for the checkbox\n\n        Scenario: The form field name is provided by default\n            Given the customer has added a marketing emails checkbox to their registration form\n            Then the field name is automatically set to \"marketingEmailOptIn\"\n            And the name is not configurable";
 
 const MarketingEmailsCheckbox_stories = {
   title: "Components/Marketing Emails Checkbox",
@@ -10849,14 +10912,14 @@ const MarketingEmailsCheckbox_stories = {
     scenario: scenario$k,
   },
 };
-const Default$d = () => {
+const Default$e = () => {
   return h("sqm-marketing-emails-checkbox", null);
 };
 
 const MarketingEmailsCheckbox = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': MarketingEmailsCheckbox_stories,
-  Default: Default$d
+  Default: Default$e
 });
 
 const UseCheckboxField_stories = {
@@ -10936,7 +10999,7 @@ const UseCheckboxField = /*#__PURE__*/Object.freeze({
 const DropdownField_stories = {
   title: "Components/Dropdown Field",
 };
-const defaultProps$c = {
+const defaultProps$d = {
   states: {
     registrationFormState: {},
   },
@@ -10951,24 +11014,24 @@ const defaultProps$c = {
     ],
   },
 };
-const Default$e = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$c))));
-const CustomLabel$1 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$c, { content: {
-    ...defaultProps$c.content,
+const Default$f = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$d))));
+const CustomLabel$1 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$d, { content: {
+    ...defaultProps$d.content,
     dropdownLabel: "Pick your favorite",
   } }))));
-const Error$5 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$c, { states: {
-    ...defaultProps$c.states,
+const Error$6 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$d, { states: {
+    ...defaultProps$d.states,
     registrationFormState: {
       validationErrors: {
         options: "Must select an option",
       },
     },
   } }))));
-const CustomError$1 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$c, { content: {
-    ...defaultProps$c.content,
+const CustomError$1 = createHookStory(() => (h(DropdownFieldView, Object.assign({}, defaultProps$d, { content: {
+    ...defaultProps$d.content,
     errorMessage: "An option must be selected to continue",
   }, states: {
-    ...defaultProps$c.states,
+    ...defaultProps$d.states,
     registrationFormState: {
       validationErrors: {
         options: "Must select an option",
@@ -10979,9 +11042,9 @@ const CustomError$1 = createHookStory(() => (h(DropdownFieldView, Object.assign(
 const DropdownField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': DropdownField_stories,
-  Default: Default$e,
+  Default: Default$f,
   CustomLabel: CustomLabel$1,
-  Error: Error$5,
+  Error: Error$6,
   CustomError: CustomError$1
 });
 
@@ -11052,7 +11115,7 @@ const InputField_stories = {
     scenario: scenario$l,
   },
 };
-const defaultProps$d = {
+const defaultProps$e = {
   states: {
     registrationFormState: {
       validationErrors: {},
@@ -11089,21 +11152,21 @@ const defaultRegisterProps$1 = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$f = () => h(InputFieldView, Object.assign({}, defaultProps$d));
-const CustomLabel$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$d, { content: { ...defaultProps$d.content, fieldLabel: "My Label" } })));
-const Error$6 = () => (h(InputFieldView, Object.assign({}, defaultProps$d, { states: {
-    ...defaultProps$d.states,
+const Default$g = () => h(InputFieldView, Object.assign({}, defaultProps$e));
+const CustomLabel$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$e, { content: { ...defaultProps$e.content, fieldLabel: "My Label" } })));
+const Error$7 = () => (h(InputFieldView, Object.assign({}, defaultProps$e, { states: {
+    ...defaultProps$e.states,
     registrationFormState: {
       validationErrors: {
         field: "Cannot be empty",
       },
     },
   } })));
-const CustomError$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$d, { content: {
-    ...defaultProps$d.content,
+const CustomError$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$e, { content: {
+    ...defaultProps$e.content,
     errorMessage: "A value must be entered to continue",
   }, states: {
-    ...defaultProps$d.states,
+    ...defaultProps$e.states,
     registrationFormState: {
       validationErrors: {
         field: "Cannot be empty",
@@ -11111,27 +11174,27 @@ const CustomError$2 = () => (h(InputFieldView, Object.assign({}, defaultProps$d,
     },
   } })));
 const DateType = () => {
-  return (h(InputFieldView, Object.assign({}, defaultProps$d, { content: {
-      ...defaultProps$d.content,
+  return (h(InputFieldView, Object.assign({}, defaultProps$e, { content: {
+      ...defaultProps$e.content,
       fieldLabel: "Date",
       fieldType: "date",
     } })));
 };
 const TelType = () => {
-  return (h(InputFieldView, Object.assign({}, defaultProps$d, { content: {
-      ...defaultProps$d.content,
+  return (h(InputFieldView, Object.assign({}, defaultProps$e, { content: {
+      ...defaultProps$e.content,
       fieldLabel: "Phone Number",
       fieldType: "tel",
     } })));
 };
 const RegistrationField = () => (h(PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
     ...defaultRegisterProps$1.content,
-    formData: h(InputFieldView, Object.assign({}, defaultProps$d)),
+    formData: h(InputFieldView, Object.assign({}, defaultProps$e)),
   } })));
 const RegistrationFieldCustomLabel = () => (h(PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
     ...defaultRegisterProps$1.content,
-    formData: (h(InputFieldView, Object.assign({}, defaultProps$d, { content: {
-        ...defaultProps$d.content,
+    formData: (h(InputFieldView, Object.assign({}, defaultProps$e, { content: {
+        ...defaultProps$e.content,
         fieldLabel: "Data",
       } }))),
   } })));
@@ -11139,9 +11202,9 @@ const RegistrationFieldCustomLabel = () => (h(PortalRegisterView, Object.assign(
 const InputField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': InputField_stories,
-  Default: Default$f,
+  Default: Default$g,
   CustomLabel: CustomLabel$2,
-  Error: Error$6,
+  Error: Error$7,
   CustomError: CustomError$2,
   DateType: DateType,
   TelType: TelType,
@@ -11261,7 +11324,7 @@ const RedemptionError = StoryBase(redemptionError);
 const QueryError = StoryBase(queryError);
 const SuccessPromo = StoryBase(success);
 const SuccessVariableAndStepped = StoryBase(successVariable);
-const Loading$3 = StoryBase(loading);
+const Loading$4 = StoryBase(loading);
 const Empty$2 = StoryBase(empty$1);
 
 const RewardExchangeList = /*#__PURE__*/Object.freeze({
@@ -11283,7 +11346,7 @@ const RewardExchangeList = /*#__PURE__*/Object.freeze({
   QueryError: QueryError,
   SuccessPromo: SuccessPromo,
   SuccessVariableAndStepped: SuccessVariableAndStepped,
-  Loading: Loading$3,
+  Loading: Loading$4,
   Empty: Empty$2
 });
 
@@ -13937,7 +14000,7 @@ const CopyButtonBelow$1 = () => {
     buttonStyle: "button-below",
   })));
 };
-const Error$7 = () => {
+const Error$8 = () => {
   const props = {
     copyString: "https://noah.example.com",
     disabled: true,
@@ -13958,7 +14021,7 @@ const ShareCode$1 = /*#__PURE__*/Object.freeze({
   CustomTooltipDuration: CustomTooltipDuration,
   CopyButton: CopyButton$1,
   CopyButtonBelow: CopyButtonBelow$1,
-  Error: Error$7
+  Error: Error$8
 });
 
 // import scenario from "./ShareCode.feature";
@@ -13968,7 +14031,7 @@ const EmailRegistration_stories = {
   // scenario,
   },
 };
-const defaultProps$e = {
+const defaultProps$f = {
   states: {
     error: "",
     loading: false,
@@ -13987,59 +14050,59 @@ const defaultProps$e = {
     fraudErrorMessageTitle: "Looks like you tried referring yourself",
   },
 };
-const Default$g = () => h(EmailRegistrationView, Object.assign({}, defaultProps$e));
+const Default$h = () => h(EmailRegistrationView, Object.assign({}, defaultProps$f));
 const HasFirstNameLastName = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     includeName: true,
   },
 })));
 const WithSlots = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     topSlot: h("div", null, "Hello this is the top slot"),
     bottomSlot: h("div", null, "Hello this is the bottom slot"),
   },
 })));
 const NoBorder$1 = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     hideBorder: true,
   },
 })));
 const BackgroundColor$2 = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     backgroundColor: "aquamarine",
   },
 })));
-const Loading$4 = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+const Loading$5 = () => (h(EmailRegistrationView, Object.assign({}, {
+  ...defaultProps$f,
   states: {
     error: "",
     loading: true,
   },
 })));
-const Error$8 = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+const Error$9 = () => (h(EmailRegistrationView, Object.assign({}, {
+  ...defaultProps$f,
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
   },
 })));
 const FraudError = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   states: {
     error: "FRAUD",
     loading: false,
   },
 })));
 const EmptyEmailError = () => (h(EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
@@ -14052,13 +14115,13 @@ const EmptyEmailError = () => (h(EmailRegistrationView, Object.assign({}, {
 const EmailRegistration = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailRegistration_stories,
-  Default: Default$g,
+  Default: Default$h,
   HasFirstNameLastName: HasFirstNameLastName,
   WithSlots: WithSlots,
   NoBorder: NoBorder$1,
   BackgroundColor: BackgroundColor$2,
-  Loading: Loading$4,
-  Error: Error$8,
+  Loading: Loading$5,
+  Error: Error$9,
   FraudError: FraudError,
   EmptyEmailError: EmptyEmailError
 });
@@ -14071,7 +14134,7 @@ const CouponCode_stories = {
     scenario: scenario$B,
   },
 };
-const defaultProps$f = {
+const defaultProps$g = {
   tooltiptext: "Copied to Clipboard",
   copyString: "THANKSJANE125uv125",
   open: false,
@@ -14096,43 +14159,43 @@ const TextAlignRight$2 = () => {
   return h("sqm-coupon-code", { textAlign: "right" });
 };
 const CopyButton$2 = () => {
-  return (h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-outside" })));
+  return (h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-outside" })));
 };
 const CopyButtonCustomLabel = () => {
-  return (h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-outside", "copy-button-label": "test long custom label" })));
+  return (h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-outside", "copy-button-label": "test long custom label" })));
 };
 const CopyButtonBelow$2 = () => {
-  return (h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-below" })));
+  return (h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-below" })));
 };
 const CopyButtonBelowCustomLabel = () => {
-  return (h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-below", "copy-button-label": "test long custom label" })));
+  return (h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-below", "copy-button-label": "test long custom label" })));
 };
-const Loading$5 = () => {
-  return h(CouponCodeView, Object.assign({}, defaultProps$f, { loading: true }));
+const Loading$6 = () => {
+  return h(CouponCodeView, Object.assign({}, defaultProps$g, { loading: true }));
 };
 const CopyButtonLoading = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { buttonStyle: "button-outside", loading: true })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { buttonStyle: "button-outside", loading: true })));
 };
 const CopyButtonBelowLoading = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { buttonStyle: "button-below", loading: true })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { buttonStyle: "button-below", loading: true })));
 };
 const ErrorGeneric = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "warning", error: true, errorText: "We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue." })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "warning", error: true, errorText: "We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue." })));
 };
 const ErrorPending = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "info", error: true, errorText: "Your code will be available on April 24, 2023. Mark your calendar and come back then to redeem your reward!" })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "info", error: true, errorText: "Your code will be available on April 24, 2023. Mark your calendar and come back then to redeem your reward!" })));
 };
 const ErrorFullfillment = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "warning", error: true, errorText: "We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue." })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "warning", error: true, errorText: "We couldn't fetch your code. Please try again later or reach out to the Support team for help resolving this issue." })));
 };
 const ErrorCancelled = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "warning", error: true, errorText: "This code has been cancelled. Please reach out to the Support team for help resolving this issue." })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "warning", error: true, errorText: "This code has been cancelled. Please reach out to the Support team for help resolving this issue." })));
 };
 const ErrorExpired = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "warning", error: true, errorText: "Looks like this code has expired. Please reach out to the Support team for help resolving this issue." })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "warning", error: true, errorText: "Looks like this code has expired. Please reach out to the Support team for help resolving this issue." })));
 };
 const ErrorRedeemed = () => {
-  return (h(CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "success", error: true, errorText: "Looks like you\u2019ve already redeemed this code." })));
+  return (h(CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "success", error: true, errorText: "Looks like you\u2019ve already redeemed this code." })));
 };
 
 const CouponCode$1 = /*#__PURE__*/Object.freeze({
@@ -14147,7 +14210,7 @@ const CouponCode$1 = /*#__PURE__*/Object.freeze({
   CopyButtonCustomLabel: CopyButtonCustomLabel,
   CopyButtonBelow: CopyButtonBelow$2,
   CopyButtonBelowCustomLabel: CopyButtonBelowCustomLabel,
-  Loading: Loading$5,
+  Loading: Loading$6,
   CopyButtonLoading: CopyButtonLoading,
   CopyButtonBelowLoading: CopyButtonBelowLoading,
   ErrorGeneric: ErrorGeneric,
@@ -14166,21 +14229,21 @@ const LogoutCurrentUser_stories = {
     scenario: scenario$C,
   },
 };
-const defaultProps$g = {
+const defaultProps$h = {
   filledInEmailText: "Currently showing referral data for noah.clarke@saasquatch.com",
   onSwitchClick: () => console.log("clicked"),
   switchUserText: "not you?",
   loading: false,
   emailErrorText: "Error fetching email",
 };
-const Default$h = () => {
-  return h(LogoutCurrentUserView, Object.assign({}, defaultProps$g));
+const Default$i = () => {
+  return h(LogoutCurrentUserView, Object.assign({}, defaultProps$h));
 };
 
 const LogoutCurrentUser = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LogoutCurrentUser_stories,
-  Default: Default$h
+  Default: Default$i
 });
 
 const scenario$D = "@author:noah\n@owner:noah\n\nFeature: Link Button\n\n\t@ui\n\tScenario: Links can be opened in the same tab\n\t\tWhen a user clicks the button\n\t\tThen a link opens in the same tab\n\t\tAnd if the component is in an iFrame then the link is opened in the parent window not the iFrame\n\n\t@ui\n\tScenario: Links can be opened in a new tab\n\t\tWhen a user clicks the button\n\t\tThen a link opens in a new tab\n\t\tAnd if the component is in an iFrame then the link is still opened in a new tab\n\n\n\t@ui\n\tScenario: Props control the link and button text\n\t\tGiven the \"link\" prop is set to \"https://www.example.com\"\n\t\tAnd the \"buttonText\" prop is set to \"Click me!\"\n\t\tThen a button is shown with the text \"Click me!\"\n\t\tAnd when clicked the button opens https://www.example.com\n\n\t@ui\n\tScenario Outline: The button type can be set\n\t\tGiven the button type is set to <value>\n\t\tThen a <buttonType> is shown\n\t\tExamples:\n\t\t\t| value   | buttonType |\n\t\t\t| <null>  | primary    |\n\t\t\t| default | default    |\n\t\t\t| primary | primary    |\n\t\t\t| success | success    |\n\t\t\t| neutral | neutral    |\n\t\t\t| warning | warning    |\n\t\t\t| danger  | danger     |";
@@ -14191,22 +14254,22 @@ const LinkButton_stories = {
     scenario: scenario$D,
   },
 };
-const defaultProps$h = {
+const defaultProps$i = {
   link: "https://example.com",
   openInNewTab: false,
   buttonText: "Button Text",
 };
-const Default$i = () => {
-  return h("sqm-link-button", Object.assign({}, defaultProps$h));
+const Default$j = () => {
+  return h("sqm-link-button", Object.assign({}, defaultProps$i));
 };
 const OpenInNewTab = () => {
-  return (h("sqm-link-button", Object.assign({}, { ...defaultProps$h, openInNewTab: true })));
+  return (h("sqm-link-button", Object.assign({}, { ...defaultProps$i, openInNewTab: true })));
 };
 
 const LinkButton = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LinkButton_stories,
-  Default: Default$i,
+  Default: Default$j,
   OpenInNewTab: OpenInNewTab
 });
 
@@ -14216,7 +14279,7 @@ const CloseButton_stories = {
   // scenario,
   },
 };
-const defaultProps$i = {};
+const defaultProps$j = {};
 const containerStyles = {
   position: "relative",
   width: "500px",
@@ -14224,22 +14287,22 @@ const containerStyles = {
   border: "1px solid black",
   padding: "25px",
 };
-const Default$j = () => {
-  return h(CloseButtonView, Object.assign({}, defaultProps$i));
+const Default$k = () => {
+  return h(CloseButtonView, Object.assign({}, defaultProps$j));
 };
 const InAContainer = () => {
   return (h("div", { style: containerStyles },
-    h(CloseButtonView, Object.assign({}, defaultProps$i))));
+    h(CloseButtonView, Object.assign({}, defaultProps$j))));
 };
 const CustomColor$1 = () => {
   return (h("div", { style: containerStyles },
-    h(CloseButtonView, Object.assign({}, { ...defaultProps$i, color: "blue" }))));
+    h(CloseButtonView, Object.assign({}, { ...defaultProps$j, color: "blue" }))));
 };
 
 const CloseButton = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CloseButton_stories,
-  Default: Default$j,
+  Default: Default$k,
   InAContainer: InAContainer,
   CustomColor: CustomColor$1
 });
@@ -14429,17 +14492,17 @@ const RadioCardView = ({ title, icon, description, selected, }) => {
 const RadioCard_stories = {
   title: "Components/Radio Card",
 };
-const defaultProps$j = {
+const defaultProps$k = {
   selected: false,
   title: "Card Title",
   description: "Description text goes here",
   icon: "apple",
 };
 const DefaultView$1 = () => {
-  return h(RadioCardView, Object.assign({}, defaultProps$j));
+  return h(RadioCardView, Object.assign({}, defaultProps$k));
 };
 const Selected = () => {
-  return h(RadioCardView, Object.assign({}, defaultProps$j, { selected: true }));
+  return h(RadioCardView, Object.assign({}, defaultProps$k, { selected: true }));
 };
 
 const RadioCard = /*#__PURE__*/Object.freeze({
@@ -14452,13 +14515,13 @@ const RadioCard = /*#__PURE__*/Object.freeze({
 const ProgressBar_stories = {
   title: "Components/Progress Bar",
 };
-const defaultProps$k = {
+const defaultProps$l = {
   progress: 2,
   goal: 4,
   steps: true,
 };
 const TaxAndPayoutsProgressBar = () => {
-  return h(ProgressBar$2, Object.assign({}, defaultProps$k, { stageCount: 4, currentStage: 2 }));
+  return h(ProgressBar$2, Object.assign({}, defaultProps$l, { stageCount: 4, currentStage: 2 }));
 };
 
 const ProgressBar$1 = /*#__PURE__*/Object.freeze({
@@ -14470,14 +14533,14 @@ const ProgressBar$1 = /*#__PURE__*/Object.freeze({
 const PayoutDetailsCard_stories = {
   title: "Components/Payout Details Card",
 };
-const Loading$6 = () => {
+const Loading$7 = () => {
   return (h("sqm-payout-details-card", { demoData: {
       states: {
         loading: true,
       },
     } }));
 };
-const Error$9 = () => {
+const Error$a = () => {
   return (h("sqm-payout-details-card", { demoData: {
       states: {
         error: true,
@@ -14517,8 +14580,8 @@ const PaypalPayout = () => {
 const PayoutDetailsCard = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PayoutDetailsCard_stories,
-  Loading: Loading$6,
-  Error: Error$9,
+  Loading: Loading$7,
+  Error: Error$a,
   NextPayout: NextPayout,
   PayoutToday: PayoutToday,
   ThresholdPayout: ThresholdPayout,
@@ -15140,7 +15203,7 @@ const UseInvoiceTableCells = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$k = `
+const Default$l = `
  // No CSS
 `;
 const Orangey = `
@@ -15174,7 +15237,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$k,
+  Default: Default$l,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,
@@ -17853,6 +17916,7 @@ const stories = [
   PayoutDetailsCard,
   BankingInfoForm,
   NewPortalRegistrationForm,
+  ChangeMarketing,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {