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

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./global-c3637175.js');
-const index_module = require('./index.module-b8d9d0ba.js');
+require('./global-02e50f09.js');
+const index_module = require('./index.module-df530553.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const GenericTableView = require('./GenericTableView-80d7642e.js');
-require('./useChildElements-410d2435.js');
+require('./useChildElements-e0d44916.js');
 const luxon = require('./luxon-05098e19.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
@@ -21,17 +21,17 @@ const emailRegistrationView = require('./email-registration-view-248652bb.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-c9f18d96.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-921704fb.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a2135064.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-050dbe0f.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-a125ec5f.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-292b5bf4.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-969c49ed.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d97086bc.js');
-require('./utilities-f7de6c04.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-fde54e35.js');
+require('./utilities-cec9dd36.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-621348a6.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-96f329ed.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7ffcc0d4.js');
-const ShadowViewAddon = require('./ShadowViewAddon-88821c64.js');
+const ShadowViewAddon = require('./ShadowViewAddon-e7d97410.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-990a85a3.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-a9133a11.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-e3b03a00.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2540,36 +2540,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.xn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.xn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.xn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.xn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.xn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.$n.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.$n.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.$n.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.$n.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.xn.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.xn.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.xn.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.xn.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.xn.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.xn.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.$n.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.$n.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.$n.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.$n.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.$n.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.xn.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.xn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.$n.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.$n.push("/foo") }, "/foo"),
     index.h("hr", null),
     index.h("div", { style: { display: "flex", justifyContent: "space-around" } },
       index.h("sqm-router", { innerHTML: `<template path="/">
@@ -2583,7 +2583,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.xn.push(e.target.value);
+    index_module.$n.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2747,8 +2747,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.xn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.$n.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2772,8 +2772,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.xn.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.Sn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.$n.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3500,7 +3500,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = stencilHooks_module.useState(10);
   const [rate, setRate] = stencilHooks_module.useState(100);
-  const [exchange, { data, errors }] = index_module.an(EXCHANGE);
+  const [exchange, { data, errors }] = index_module.Xe(EXCHANGE);
   return {
     states: {
       points,
@@ -4101,16 +4101,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      index.h("button", { onClick: () => index_module.xn.push("/") }, "Dashboard"),
-      props.leadSubmit && (index.h("button", { onClick: () => index_module.xn.push("/refer") }, "Submit a Referral")),
-      index.h("button", { onClick: () => index_module.xn.push("/activity") }, "Activity"),
-      index.h("button", { onClick: () => index_module.xn.push("/editProfile") }, "Edit Profile"),
-      index.h("button", { onClick: () => index_module.xn.push("/login") }, "Login"),
-      index.h("button", { onClick: () => index_module.xn.push("/register") }, "Register"),
-      index.h("button", { onClick: () => index_module.xn.push("/emailVerification") }, "Email Verification"),
-      index.h("button", { onClick: () => index_module.xn.push("/verifyEmail") }, "Verify Email"),
-      index.h("button", { onClick: () => index_module.xn.push("/forgotPassword") }, "Forgot Password"),
-      index.h("button", { onClick: () => index_module.xn.push("/resetPassword") }, "Reset Password")),
+      index.h("button", { onClick: () => index_module.$n.push("/") }, "Dashboard"),
+      props.leadSubmit && (index.h("button", { onClick: () => index_module.$n.push("/refer") }, "Submit a Referral")),
+      index.h("button", { onClick: () => index_module.$n.push("/activity") }, "Activity"),
+      index.h("button", { onClick: () => index_module.$n.push("/editProfile") }, "Edit Profile"),
+      index.h("button", { onClick: () => index_module.$n.push("/login") }, "Login"),
+      index.h("button", { onClick: () => index_module.$n.push("/register") }, "Register"),
+      index.h("button", { onClick: () => index_module.$n.push("/emailVerification") }, "Email Verification"),
+      index.h("button", { onClick: () => index_module.$n.push("/verifyEmail") }, "Verify Email"),
+      index.h("button", { onClick: () => index_module.$n.push("/forgotPassword") }, "Forgot Password"),
+      index.h("button", { onClick: () => index_module.$n.push("/resetPassword") }, "Reset Password")),
     index.h("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }
@@ -8191,10 +8191,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 index.h("sqm-portal-change-marketing", null);
+};
+const Loading$2 = () => {
+  return (index.h(ShadowViewAddon.ChangeMarktingView, Object.assign({}, defaultProps$9, { states: { ...defaultProps$9.states, loading: true } })));
+};
+const Error$3 = () => {
+  return (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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,
@@ -8410,22 +8473,22 @@ const successProps$4 = {
     onChange: (e) => console.log(e),
   },
 };
-const Default$a = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, defaultProps$9));
+const Default$b = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, defaultProps$a));
 const DefaultNoCountry = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, noCountry));
-const Loading$2 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, loadingProps$7));
+const Loading$3 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, loadingProps$7));
 const Disabled$1 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, disabledProps));
-const Error$3 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, errorProps$8));
-const Success$1 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, successProps$4));
+const Error$4 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, errorProps$8));
+const Success$2 = () => index.h(sqmPortalProfileView.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";
@@ -10183,7 +10246,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";
 
@@ -10205,21 +10268,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",
@@ -10380,7 +10443,7 @@ const ProgramMenu = /*#__PURE__*/Object.freeze({
 const PoweredByImg_stories = {
   title: "Powered By",
 };
-const Default$b = () => {
+const Default$c = () => {
   return index.h(ShadowViewAddon.PoweredByImg, null);
 };
 const CustomColor = () => {
@@ -10393,7 +10456,7 @@ const CustomWidthAndHeight = () => {
 const PoweredByImg = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PoweredByImg_stories,
-  Default: Default$b,
+  Default: Default$c,
   CustomColor: CustomColor,
   CustomWidthAndHeight: CustomWidthAndHeight
 });
@@ -10406,7 +10469,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,
@@ -10416,12 +10479,12 @@ const defaultProps$a = {
   paddingBottom: "large",
   paddingLeft: "large",
 };
-const DefaultFooter = () => index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$a));
-const FooterWithTerms = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions" })));
-const FooterWithFAQ = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$a, { faqLink: "https://example.com", faqText: "FAQ" })));
-const FooterWithTermsAndFAQ = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ" })));
-const FooterNoPoweredBy = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hidePoweredBy: true })));
-const FooterNoSupportText = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$a, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hideSupportText: true })));
+const DefaultFooter = () => index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$b));
+const FooterWithTerms = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions" })));
+const FooterWithFAQ = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$b, { faqLink: "https://example.com", faqText: "FAQ" })));
+const FooterWithTermsAndFAQ = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ" })));
+const FooterNoPoweredBy = () => (index.h(ShadowViewAddon.PortalFooterView, Object.assign({}, defaultProps$b, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hidePoweredBy: true })));
+const FooterNoSupportText = () => (index.h(ShadowViewAddon.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,
@@ -10739,7 +10802,7 @@ const CheckboxField_stories = {
     scenario: scenario$j,
   },
 };
-const defaultProps$b = {
+const defaultProps$c = {
   states: {
     registrationFormState: {
       validationErrors: {},
@@ -10747,7 +10810,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",
@@ -10780,32 +10843,32 @@ const defaultRegisterProps = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$c = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b))));
-const DefaultChecked = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
-    ...defaultProps$b.states,
+const Default$d = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$c))));
+const DefaultChecked = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$c, { states: {
+    ...defaultProps$c.states,
     checked: true,
   } }))));
-const CustomLabel = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { content: {
-    ...defaultProps$b.content,
+const CustomLabel = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$c, { content: {
+    ...defaultProps$c.content,
     checkboxLabel: "I Agree",
   } }))));
-const Error$4 = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
-    ...defaultProps$b.states,
+const Error$5 = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$c, { states: {
+    ...defaultProps$c.states,
     registrationFormState: {
       validationErrors: {
         agree: "Must be checked",
       },
     },
   } }))));
-const CustomError = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$b, { states: {
-    ...defaultProps$b.states,
+const CustomError = createHookStory(() => (index.h(ShadowViewAddon.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(() => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps, { 
@@ -10835,17 +10898,17 @@ const TermsAndConditionsLongCustomLabel = createHookStory(() => (index.h(ShadowV
 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",
@@ -10853,14 +10916,14 @@ const MarketingEmailsCheckbox_stories = {
     scenario: scenario$k,
   },
 };
-const Default$d = () => {
+const Default$e = () => {
   return index.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 = {
@@ -10940,7 +11003,7 @@ const UseCheckboxField = /*#__PURE__*/Object.freeze({
 const DropdownField_stories = {
   title: "Components/Dropdown Field",
 };
-const defaultProps$c = {
+const defaultProps$d = {
   states: {
     registrationFormState: {},
   },
@@ -10955,24 +11018,24 @@ const defaultProps$c = {
     ],
   },
 };
-const Default$e = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$c))));
-const CustomLabel$1 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$c, { content: {
-    ...defaultProps$c.content,
+const Default$f = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$d))));
+const CustomLabel$1 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$d, { content: {
+    ...defaultProps$d.content,
     dropdownLabel: "Pick your favorite",
   } }))));
-const Error$5 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$c, { states: {
-    ...defaultProps$c.states,
+const Error$6 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$d, { states: {
+    ...defaultProps$d.states,
     registrationFormState: {
       validationErrors: {
         options: "Must select an option",
       },
     },
   } }))));
-const CustomError$1 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$c, { content: {
-    ...defaultProps$c.content,
+const CustomError$1 = createHookStory(() => (index.h(ShadowViewAddon.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",
@@ -10983,9 +11046,9 @@ const CustomError$1 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFie
 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
 });
 
@@ -11056,7 +11119,7 @@ const InputField_stories = {
     scenario: scenario$l,
   },
 };
-const defaultProps$d = {
+const defaultProps$e = {
   states: {
     registrationFormState: {
       validationErrors: {},
@@ -11093,21 +11156,21 @@ const defaultRegisterProps$1 = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$f = () => index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d));
-const CustomLabel$2 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d, { content: { ...defaultProps$d.content, fieldLabel: "My Label" } })));
-const Error$6 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d, { states: {
-    ...defaultProps$d.states,
+const Default$g = () => index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e));
+const CustomLabel$2 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e, { content: { ...defaultProps$e.content, fieldLabel: "My Label" } })));
+const Error$7 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e, { states: {
+    ...defaultProps$e.states,
     registrationFormState: {
       validationErrors: {
         field: "Cannot be empty",
       },
     },
   } })));
-const CustomError$2 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d, { content: {
-    ...defaultProps$d.content,
+const CustomError$2 = () => (index.h(ShadowViewAddon.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",
@@ -11115,27 +11178,27 @@ const CustomError$2 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assi
     },
   } })));
 const DateType = () => {
-  return (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d, { content: {
-      ...defaultProps$d.content,
+  return (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e, { content: {
+      ...defaultProps$e.content,
       fieldLabel: "Date",
       fieldType: "date",
     } })));
 };
 const TelType = () => {
-  return (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d, { content: {
-      ...defaultProps$d.content,
+  return (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e, { content: {
+      ...defaultProps$e.content,
       fieldLabel: "Phone Number",
       fieldType: "tel",
     } })));
 };
 const RegistrationField = () => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
     ...defaultRegisterProps$1.content,
-    formData: index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d)),
+    formData: index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e)),
   } })));
 const RegistrationFieldCustomLabel = () => (index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultRegisterProps$1, { content: {
     ...defaultRegisterProps$1.content,
-    formData: (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$d, { content: {
-        ...defaultProps$d.content,
+    formData: (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$e, { content: {
+        ...defaultProps$e.content,
         fieldLabel: "Data",
       } }))),
   } })));
@@ -11143,9 +11206,9 @@ const RegistrationFieldCustomLabel = () => (index.h(ShadowViewAddon.PortalRegist
 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,
@@ -11265,7 +11328,7 @@ const RedemptionError = StoryBase(ShadowViewAddon.redemptionError);
 const QueryError = StoryBase(ShadowViewAddon.queryError);
 const SuccessPromo = StoryBase(ShadowViewAddon.success);
 const SuccessVariableAndStepped = StoryBase(ShadowViewAddon.successVariable);
-const Loading$3 = StoryBase(ShadowViewAddon.loading);
+const Loading$4 = StoryBase(ShadowViewAddon.loading);
 const Empty$2 = StoryBase(ShadowViewAddon.empty);
 
 const RewardExchangeList = /*#__PURE__*/Object.freeze({
@@ -11287,7 +11350,7 @@ const RewardExchangeList = /*#__PURE__*/Object.freeze({
   QueryError: QueryError,
   SuccessPromo: SuccessPromo,
   SuccessVariableAndStepped: SuccessVariableAndStepped,
-  Loading: Loading$3,
+  Loading: Loading$4,
   Empty: Empty$2
 });
 
@@ -13941,7 +14004,7 @@ const CopyButtonBelow$1 = () => {
     buttonStyle: "button-below",
   })));
 };
-const Error$7 = () => {
+const Error$8 = () => {
   const props = {
     copyString: "https://noah.example.com",
     disabled: true,
@@ -13962,7 +14025,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";
@@ -13972,7 +14035,7 @@ const EmailRegistration_stories = {
   // scenario,
   },
 };
-const defaultProps$e = {
+const defaultProps$f = {
   states: {
     error: "",
     loading: false,
@@ -13991,59 +14054,59 @@ const defaultProps$e = {
     fraudErrorMessageTitle: "Looks like you tried referring yourself",
   },
 };
-const Default$g = () => index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, defaultProps$e));
+const Default$h = () => index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, defaultProps$f));
 const HasFirstNameLastName = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     includeName: true,
   },
 })));
 const WithSlots = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     topSlot: index.h("div", null, "Hello this is the top slot"),
     bottomSlot: index.h("div", null, "Hello this is the bottom slot"),
   },
 })));
 const NoBorder$1 = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     hideBorder: true,
   },
 })));
 const BackgroundColor$2 = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   content: {
-    ...defaultProps$e.content,
+    ...defaultProps$f.content,
     backgroundColor: "aquamarine",
   },
 })));
-const Loading$4 = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+const Loading$5 = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
+  ...defaultProps$f,
   states: {
     error: "",
     loading: true,
   },
 })));
-const Error$8 = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+const Error$9 = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
+  ...defaultProps$f,
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
   },
 })));
 const FraudError = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   states: {
     error: "FRAUD",
     loading: false,
   },
 })));
 const EmptyEmailError = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
-  ...defaultProps$e,
+  ...defaultProps$f,
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
@@ -14056,13 +14119,13 @@ const EmptyEmailError = () => (index.h(emailRegistrationView.EmailRegistrationVi
 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
 });
@@ -14075,7 +14138,7 @@ const CouponCode_stories = {
     scenario: scenario$B,
   },
 };
-const defaultProps$f = {
+const defaultProps$g = {
   tooltiptext: "Copied to Clipboard",
   copyString: "THANKSJANE125uv125",
   open: false,
@@ -14100,43 +14163,43 @@ const TextAlignRight$2 = () => {
   return index.h("sqm-coupon-code", { textAlign: "right" });
 };
 const CopyButton$2 = () => {
-  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-outside" })));
+  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-outside" })));
 };
 const CopyButtonCustomLabel = () => {
-  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-outside", "copy-button-label": "test long custom label" })));
+  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-outside", "copy-button-label": "test long custom label" })));
 };
 const CopyButtonBelow$2 = () => {
-  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-below" })));
+  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-below" })));
 };
 const CopyButtonBelowCustomLabel = () => {
-  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$f, { buttonStyle: "button-below", "copy-button-label": "test long custom label" })));
+  return (index.h("sqm-coupon-code", Object.assign({}, defaultProps$g, { buttonStyle: "button-below", "copy-button-label": "test long custom label" })));
 };
-const Loading$5 = () => {
-  return index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$f, { loading: true }));
+const Loading$6 = () => {
+  return index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$g, { loading: true }));
 };
 const CopyButtonLoading = () => {
-  return (index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$f, { buttonStyle: "button-outside", loading: true })));
+  return (index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$g, { buttonStyle: "button-outside", loading: true })));
 };
 const CopyButtonBelowLoading = () => {
-  return (index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$f, { buttonStyle: "button-below", loading: true })));
+  return (index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$g, { buttonStyle: "button-below", loading: true })));
 };
 const ErrorGeneric = () => {
-  return (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.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 (index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$f, { errorType: "success", error: true, errorText: "Looks like you\u2019ve already redeemed this code." })));
+  return (index.h(ShadowViewAddon.CouponCodeView, Object.assign({}, defaultProps$g, { errorType: "success", error: true, errorText: "Looks like you\u2019ve already redeemed this code." })));
 };
 
 const CouponCode$1 = /*#__PURE__*/Object.freeze({
@@ -14151,7 +14214,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,
@@ -14170,21 +14233,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 index.h(sqmLogoutCurrentUserView.LogoutCurrentUserView, Object.assign({}, defaultProps$g));
+const Default$i = () => {
+  return index.h(sqmLogoutCurrentUserView.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     |";
@@ -14195,22 +14258,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 index.h("sqm-link-button", Object.assign({}, defaultProps$h));
+const Default$j = () => {
+  return index.h("sqm-link-button", Object.assign({}, defaultProps$i));
 };
 const OpenInNewTab = () => {
-  return (index.h("sqm-link-button", Object.assign({}, { ...defaultProps$h, openInNewTab: true })));
+  return (index.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
 });
 
@@ -14220,7 +14283,7 @@ const CloseButton_stories = {
   // scenario,
   },
 };
-const defaultProps$i = {};
+const defaultProps$j = {};
 const containerStyles = {
   position: "relative",
   width: "500px",
@@ -14228,22 +14291,22 @@ const containerStyles = {
   border: "1px solid black",
   padding: "25px",
 };
-const Default$j = () => {
-  return index.h(sqmCloseButtonView.CloseButtonView, Object.assign({}, defaultProps$i));
+const Default$k = () => {
+  return index.h(sqmCloseButtonView.CloseButtonView, Object.assign({}, defaultProps$j));
 };
 const InAContainer = () => {
   return (index.h("div", { style: containerStyles },
-    index.h(sqmCloseButtonView.CloseButtonView, Object.assign({}, defaultProps$i))));
+    index.h(sqmCloseButtonView.CloseButtonView, Object.assign({}, defaultProps$j))));
 };
 const CustomColor$1 = () => {
   return (index.h("div", { style: containerStyles },
-    index.h(sqmCloseButtonView.CloseButtonView, Object.assign({}, { ...defaultProps$i, color: "blue" }))));
+    index.h(sqmCloseButtonView.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
 });
@@ -14433,17 +14496,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 index.h(RadioCardView, Object.assign({}, defaultProps$j));
+  return index.h(RadioCardView, Object.assign({}, defaultProps$k));
 };
 const Selected = () => {
-  return index.h(RadioCardView, Object.assign({}, defaultProps$j, { selected: true }));
+  return index.h(RadioCardView, Object.assign({}, defaultProps$k, { selected: true }));
 };
 
 const RadioCard = /*#__PURE__*/Object.freeze({
@@ -14456,13 +14519,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 index.h(ShadowViewAddon.ProgressBar, Object.assign({}, defaultProps$k, { stageCount: 4, currentStage: 2 }));
+  return index.h(ShadowViewAddon.ProgressBar, Object.assign({}, defaultProps$l, { stageCount: 4, currentStage: 2 }));
 };
 
 const ProgressBar$1 = /*#__PURE__*/Object.freeze({
@@ -14474,14 +14537,14 @@ const ProgressBar$1 = /*#__PURE__*/Object.freeze({
 const PayoutDetailsCard_stories = {
   title: "Components/Payout Details Card",
 };
-const Loading$6 = () => {
+const Loading$7 = () => {
   return (index.h("sqm-payout-details-card", { demoData: {
       states: {
         loading: true,
       },
     } }));
 };
-const Error$9 = () => {
+const Error$a = () => {
   return (index.h("sqm-payout-details-card", { demoData: {
       states: {
         error: true,
@@ -14521,8 +14584,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,
@@ -15144,7 +15207,7 @@ const UseInvoiceTableCells = /*#__PURE__*/Object.freeze({
  *
  */
 //
-const Default$k = `
+const Default$l = `
  // No CSS
 `;
 const Orangey = `
@@ -15178,7 +15241,7 @@ const Klip = `
 
 const Themes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Default: Default$k,
+  Default: Default$l,
   Orangey: Orangey,
   Netflix: Netflix,
   SaaSquatchCorporate: SaaSquatchCorporate,
@@ -17857,6 +17920,7 @@ const stories = [
   PayoutDetailsCard,
   BankingInfoForm,
   NewPortalRegistrationForm,
+  ChangeMarketing,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {