@saasquatch/mint-components 1.13.0-0 → 1.13.0-10

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

@@ -1,35 +1,35 @@
-import { h, r as registerInstance, c as Host } from './index-60f16d0a.js';
-import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-e20edc0b.js';
-import './global-3611a2b7.js';
-import { c as xn, j as jn, b as setUserIdentity, d as dist, q as an, r as setProgramId } from './index.module-f3d96fbb.js';
+import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
+import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
+import './global-bedc4329.js';
+import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, h as setProgramId } from './index.module-a2989d3c.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { C as CopyTextView } from './copy-text-view-61eebf5d.js';
+import { C as CopyTextView } from './copy-text-view-b060162f.js';
 import './mixins-83f90fa1.js';
-import { G as GenericTableView } from './GenericTableView-6aa9fac9.js';
-import './useChildElements-d1d3fedd.js';
-import { l as luxon } from './luxon-9b1f9912.js';
-import './sqm-text-span-view-d1b54710.js';
-import { A as AssetCardView } from './sqm-asset-card-view-2157b61f.js';
-import { C as CloseButtonView } from './sqm-close-button-view-0c0bfff8.js';
+import { G as GenericTableView } from './GenericTableView-7b9087af.js';
+import './useChildElements-38c11321.js';
+import { l as luxon } from './luxon-8d51c92b.js';
+import './sqm-text-span-view-ca32495e.js';
+import { A as AssetCardView } from './sqm-asset-card-view-fe5db3c0.js';
+import { C as CloseButtonView } from './sqm-close-button-view-f9819751.js';
 import './index-ffa26b43.js';
-import { E as EmailRegistrationView } from './email-registration-view-6870d230.js';
-import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7cd0de83.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-02e9f508.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-ce55d74d.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-a4e4edb6.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-d500dd01.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-4f6c89a7.js';
-import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-dd481f19.js';
-import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-20b9c9bc.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-2997f902.js';
-import './utilities-33996ce7.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e29f1842.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-d5dcf5c5.js';
-import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-af23bc54.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-c3be4b88.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-b8240dc6.js';
+import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
+import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-56da6bca.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-44c8970f.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-3d3182f1.js';
+import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-98c4db70.js';
+import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-90e2bfd5.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-39039274.js';
+import './utilities-863d06d1.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
+import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-eba44767.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-8e2bb54a.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -2551,36 +2551,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => xn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => xn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => xn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => xn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => xn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => xn.back() }, "Back"),
-    h("button", { onClick: () => xn.forward() }, "Forward"),
+    h("button", { onClick: () => jn.push("/") }, "/"),
+    h("button", { onClick: () => jn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => jn.push("/bar") }, "/bar"),
+    h("button", { onClick: () => jn.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => jn.push("/refer") }, "/refer"),
+    h("button", { onClick: () => jn.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => jn.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => jn.back() }, "Back"),
+    h("button", { onClick: () => jn.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => xn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => xn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => xn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => xn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => xn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => xn.back() }, "Back"),
-    h("button", { onClick: () => xn.forward() }, "Forward"),
+    h("button", { onClick: () => jn.push("/") }, "/"),
+    h("button", { onClick: () => jn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => jn.push("/bar") }, "/bar"),
+    h("button", { onClick: () => jn.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => jn.push("/refer") }, "/refer"),
+    h("button", { onClick: () => jn.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => jn.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => jn.back() }, "Back"),
+    h("button", { onClick: () => jn.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => xn.push("/") }, "/"),
-    h("button", { onClick: () => xn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => jn.push("/") }, "/"),
+    h("button", { onClick: () => jn.push("/foo") }, "/foo"),
     h("hr", null),
     h("div", { style: { display: "flex", justifyContent: "space-around" } },
       h("sqm-router", { innerHTML: `<template path="/">
@@ -2594,7 +2594,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    xn.push(e.target.value);
+    jn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2758,8 +2758,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: xn.back }, "Go Back")));
+        h("strong", null, (_a = kn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: jn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2783,8 +2783,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = jn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: xn.back }, "Go Back")));
+        h("strong", null, (_a = kn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: jn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -3511,7 +3511,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = useState(10);
   const [rate, setRate] = useState(100);
-  const [exchange, { data, errors }] = an(EXCHANGE);
+  const [exchange, { data, errors }] = Xe(EXCHANGE);
   return {
     states: {
       points,
@@ -4114,16 +4114,16 @@ function DefaultTemplateView(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      h("button", { onClick: () => xn.push("/") }, "Dashboard"),
-      props.leadSubmit && (h("button", { onClick: () => xn.push("/refer") }, "Submit a Referral")),
-      h("button", { onClick: () => xn.push("/activity") }, "Activity"),
-      h("button", { onClick: () => xn.push("/editProfile") }, "Edit Profile"),
-      h("button", { onClick: () => xn.push("/login") }, "Login"),
-      h("button", { onClick: () => xn.push("/register") }, "Register"),
-      h("button", { onClick: () => xn.push("/emailVerification") }, "Email Verification"),
-      h("button", { onClick: () => xn.push("/verifyEmail") }, "Verify Email"),
-      h("button", { onClick: () => xn.push("/forgotPassword") }, "Forgot Password"),
-      h("button", { onClick: () => xn.push("/resetPassword") }, "Reset Password")),
+      h("button", { onClick: () => jn.push("/") }, "Dashboard"),
+      props.leadSubmit && (h("button", { onClick: () => jn.push("/refer") }, "Submit a Referral")),
+      h("button", { onClick: () => jn.push("/activity") }, "Activity"),
+      h("button", { onClick: () => jn.push("/editProfile") }, "Edit Profile"),
+      h("button", { onClick: () => jn.push("/login") }, "Login"),
+      h("button", { onClick: () => jn.push("/register") }, "Register"),
+      h("button", { onClick: () => jn.push("/emailVerification") }, "Email Verification"),
+      h("button", { onClick: () => jn.push("/verifyEmail") }, "Verify Email"),
+      h("button", { onClick: () => jn.push("/forgotPassword") }, "Forgot Password"),
+      h("button", { onClick: () => jn.push("/resetPassword") }, "Reset Password")),
     h("br", null),
     h("div", { innerHTML: states.previewTemplate })));
 }
@@ -7267,6 +7267,7 @@ const defaultProps$2 = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {
@@ -7281,9 +7282,12 @@ const errorProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
-  content: { pageLabel: "Sign in to your account" },
+  content: {
+    pageLabel: "Sign in to your account",
+  },
 };
 const loadingProps = {
   states: {
@@ -7293,6 +7297,7 @@ const loadingProps = {
     registerPath: "/register",
   },
   callbacks: {
+    googleSubmit: async () => { },
     submit: async (e) => await e,
   },
   content: {
@@ -7300,13 +7305,24 @@ const loadingProps = {
   },
 };
 const Default$3 = () => (h("sqm-portal-login", { showGoogleLogin: false, demoData: { ...defaultProps$2 } }));
-const IsGoogle = () => (h("sqm-portal-login", { showGoogleLogin: true, demoData: {
-    ...defaultProps$2,
-    content: {
-      googleButton: h("sl-button", null, "Sign in with Google"),
-    },
-    states: { ...defaultProps$2.states },
-  } }));
+const IsGoogle = () => (
+// <sqm-portal-login
+//   showGoogleLogin
+//   demoData={{
+//     ...defaultProps,
+//     content: {
+//       googleButton: <sl-button>Sign in with Google</sl-button>,
+//     },
+//     states: { ...defaultProps.states },
+//   }}
+// ></sqm-portal-login>
+h(PortalLoginView, Object.assign({}, defaultProps$2, { content: {
+    secondaryButton: (h("span", null,
+      "Don't have an account?",
+      " ",
+      h("sl-button", { style: { width: "50px" }, size: "large", type: "text" }, "Register"))),
+    googleButton: h("sl-button", null, "Sign in with Google"),
+  } })));
 const LoginWithError = () => h(PortalLoginView, Object.assign({}, errorProps));
 const LoginLoading = () => h(PortalLoginView, Object.assign({}, loadingProps));
 
@@ -8632,7 +8648,6 @@ const PayoutFailed = () => {
       },
     ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
-// AL: TODO payout cancelled
 const PayoutCancelled = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [
       {
@@ -10115,13 +10130,13 @@ 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?: { googleButton?: VNode; 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| `registerCTA`         | `register-c-t-a`        |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Don't have an account?\"`                                                         |\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-google-sign-in](../sqm-google-sign-in)\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-login --> sqm-google-sign-in\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?: { googleButton?: VNode; 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| `registerCTA`         | `register-c-t-a`        |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Don't have an account?\"`                                                         |\n| `registerLabel`       | `register-label`        |                                                                   | `string`                                                                                                                                                                                                                                                                              | `\"Register\"`                                                                       |\n| `registerPath`        | `register-path`         | Redirect participants to this page to start registration.         | `string`                                                                                                                                                                                                                                                                              | `\"/register\"`                                                                      |\n| `showGoogleLogin`     | `show-google-login`     |                                                                   | `boolean`                                                                                                                                                                                                                                                                             | `false`                                                                            |\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-google-sign-in](../sqm-google-sign-in)\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-login --> sqm-google-sign-in\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 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; isGoogle: boolean; }; 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 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";
 
@@ -11785,7 +11800,7 @@ const scenario2 = "@author:derek\n@owner:derek\nFeature: Reward Table reward Col
 
 const scenario3 = "@author:derek @owner:derek\nFeature: Reward Table Status Column\n  Shows the status of each reward\n\n  Background: \n    Given the status column is included in the reward table\n\n  @motivating @ui\n  Scenario Outline: The title of the status column is configurable\n    Given the \"column-title\" prop is set to <value>\n    Then the status column is shown with <columnTitle>\n\n    Examples: \n      | value           | columnTitle     |\n      | Status          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario Outline: The status column displays the status of each reward\n    Given a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples: \n      | status                   | text             | pillColour |\n      | AVAILABLE                | Available        | Green      |\n      | CANCELLED                | Cancelled        | Red        |\n      | PENDING                  | Pending          | Orange     |\n      | EXPIRED                  | Expired          | Red        |\n      | REDEEMED                 | Redeemed         | Blue       |\n      | PENDING_REVIEW           | Pending          | Orange     |\n      | PAYOUT_TRANSFERRED       | Payout Approved  | blue       |\n      | PAYOUT_NOT_YET_DUE       | Payout Approved  | blue       |\n      | PAYOUT_OVERDUE           | Payout Failed    | Red        |\n      | PAYOUT_REVERSED          | Payout Cancelled | Red        |\n      | PENDING_TAX_REVIEW       | Pending          | Orange     |\n      | PENDING_NEW_TAX_FORM     | Pending          | Orange     |\n      | PENDING_TAX_SUBMISSION   | Pending          | Orange     |\n      | PENDING_PARTNER_CREATION | Pending          | Orange     |\n      | DENIED                   | Denied           | Red        |\n\n  @motivating\n  Scenario Outline: Reward status related information is displayed under status pills\n    Given a user\n    And they have a <reward>\n    And their program is\n    When they view the reward table\n    Then they see their reward\n    And under the pill is <text>\n    And the date is localized to the users locale\n\n    Examples: \n      | reward                                                       | text                                                                             |\n      | available reward with an expiry date                         | localized expiry date in format \"Month-Day-Year\"                                 |\n      | redeemed reward                                              | localized redemption date in format \"Month-Day-Year\"                             |\n      | expired reward                                               | localized expired date in format \"Month-Day-Year\"                                |\n      | cancelled reward                                             | localized cancelled date in format \"Month-Day-Year\"                              |\n      | pending reward with a end date                               | localized pending for date in format \"Month-Day-Year\"                            |\n      | pending reward due to W9                                     | W-9 required                                                                     |\n      | pending reward due to fufillment error                       | Fulfillment error                                                                |\n      | reward pending review of referral                            | Pending review                                                                   |\n      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                 |\n      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                     |\n      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                               |\n      | pending reward due to tax document being in review           | Awaiting tax form review.                                                        |\n      | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.         |\n      | reward whose payout was approved                             | Reward approved for payout and was scheduled for payment based on your settings. |\n      | reward whose payout was cancelled                            | If you think this is a mistake, contact our Support team.                        |\n      | cancelled reward from denied referral                        | Flagged as fraud                                                                 |\n\n  @minutia\n  Scenario Outline: Tax-related reward statuses are based on the user's Impact tax connection\n    Given a user\n    And they are in a program that has Impact tax handling enabled\n    And they have at least one pending reward\n    And the reward's pending reasons include \"PAYOUT_CONFIGURATION_MISSING\"\n    Then the status description will be\n      \"\"\"\n      Complete your tax and cash payout setup to receive your rewards.\n      \"\"\"\n\n  @motivating\n  Scenario Outline: Statuses can be customized\n    Given the \"status-text\" prop is \"{status, select, AVAILABLE {Redeem me!} CANCELLED {Unavailable} PENDING {Coming soon!} EXPIRED {Past due} REDEEMED {Spent} PENDING_REVIEW {Pending Review!} PAYOUT_SENT {Payout Sent!} PAYOUT_FAILED {Payout Failed!} PENDING_TAX_REVIEW {Pending Tax Review!} PENDING_NEW_TAX_FORM {Pending new tax form!} PENDING_TAX_SUBMISSION {Pending tax submission!} PENDING_PARTNER_CREATION {Pending partner creation!} DENIED {Unlucky!}}\"\n    And a user\n    And they have a <status> reward\n    When they view the reward table\n    Then the status of their reward is displayed in <pillColour> pill with <text>\n\n    Examples: \n      | status             | text              | pillColour |\n      | AVAILABLE          | Redeem me!        | Green      |\n      | CANCELLED          | Unavailable       | Red        |\n      | PENDING            | Coming soon!      | Orange     |\n      | EXPIRED            | Past due          | Red        |\n      | REDEEMED           | Spent             | Blue       |\n      | PENDING_REVIEW     | Pending Review!   | Orange     |\n      | PAYOUT_TRANSFERRED | Payout Approved!  | Blue       |\n      | PAYOUT_NOT_YET_DUE | Payout Approved!  | Blue       |\n      | PAYOUT_OVERDUE     | Payout Failed!    | Red        |\n      | PAYOUT_REVERSED    | Payout Cancelled! | Red        |\n      | DENIED             | Unlucky!          | Red        |\n\n  @minutia @ui\n  Scenario: Expiry status date text can be configured\n    Given the \"expiry-text\" prop has <value>\n    And a user with an available reward with an expiry date\n    When they view the reward table\n    Then they see <text> under the Available Status pill\n\n    Examples: \n      | value         | text                        |\n      |               | Expires on <EXPIRY DATE>    |\n      | Redeem before | Redeem before <EXPIRY DATE> |\n";
 
-const scenario4 = "@author:derek @owner:derek\nFeature: Reward Table Source Column\n    Shows the source of each reward\n\n  @motivating @ui\n  Scenario Outline: The title of the source column is configurable\n    Given the \"column-title\" prop is set to <value>\n    Then the source column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Source          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario: The source column displays manual if the reward is caused by a manual action\n    Given a user with a \"MANUAL\" reward\n    When they view the rewards table\n    Then the source of their reward is displayed as \"Manual\"\n\n  @motivating @ui\n  Scenario: The source column displays the program name if the reward is caused automatically by a program\n    Given a user with a \"AUTOMATED\" program reward\n    And the program has name \"Loyalty Program\"\n    When they view the rewards table\n    Then the source of their reward is displayed as \"Loyalty Program\"\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable reward exchange text with amount if the reward is caused by reward exchange\n    Given the \"reward-exchange-text\" prop is <propValue>\n    And a user with a \"MANUAL\" reward\n    But it was created by a reward exchange\n    Then they view the rewards table\n    Then the source displays <exchangeText>\n    And under it displays the following\n      | prettyRedeemedCredit → prettyValue |\n\n    Examples:\n      | propValue | exchangeText    |\n      |           | Reward Exchange |\n      | Exchanged | Exchanged       |\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable referral information if the reward is from a referral\n    Given the \"reward-source-text\" prop is <propValue>\n    And a user with a referral reward\n    And that reward has <rewardSource>\n    When they view the rewards table\n    Then then source displays <referralText>\n    And under it displays the full name of the <referralUser>\n\n    Examples:\n      | propValue                                                                             | rewardSource  | referralText | referralUser  |\n      |                                                                                       | REFERRED      | Referred by  | referrer user |\n      |                                                                                       | FRIEND_SIGNUP | Referral to  | referred user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | REFERRED      | Referred you | referrer user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | FRIEND_SIGNUP | You Referred | referred user |\n\n  @motivating @ui\n  Scenario Outline: The source column displays the existing name for a referral if either the first name or last name does not exist\n    Given a user with a referral reward\n    And referral user exists\n    And referral user has <name>\n    But referral user has no <otherName>\n    When they view the rewards table\n    Then referral user's name is displayed as <name>\n\n    Examples:\n      | name       | otherName  |\n      | first.name | last.name  |\n      | last.name  | first.name |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Anonymous User\" if the referral user has no names\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    And the <referralUser> has no first name\n    And the <referralUser> has no last name\n    When they view the rewards table\n    Then then source displays <sourceText>\n    And under it displays \"Anonymous User\"\n\n    Examples:\n      | rewardSource  | referralUser  | sourceText  |\n      | FRIEND_SIGNUP | referrer      | Referral to |\n      | REFERRED      | referred user | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Deleted User\" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays \"Deleted User\"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | \"FRIEND_SIGNUP\" | referrer | Referral to |\n      | \"REFERRED\"      | referred | Referred by |\n#  AL: TODO DELETED REFERRAL SPEC\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Deleted referral\" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays \"Deleted referral\"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | \"FRIEND_SIGNUP\" | referrer | Referral to |\n      | \"REFERRED\"      | referred | Referred by |\n\n  @minutia @ui\n  Scenario Outline: Name fallbacks for referral users without names are customizable\n    Given <prop> with <value>\n    And a user with a referral reward\n    But the referral user <hadAction>\n    When they view the rewards table\n    Then the source displays <value> as the referral user\n\n    Examples:\n      | prop           | value           | hadAction                       |\n      | deleted-user   | Former Customer | was deleted                     |\n      | anonymous-user | Nameless User   | had first and last name deleted |\n\n  @motivating\n  Scenario Outline: Source text can be customized\n    Given the \"reward-source-text\" prop is \"{rewardSource, select, MANUAL {Support} AUTOMATED {Loyalty Program} other {}}\"\n    And a user with a <rewardSource> reward\n    When they view the rewards table\n    Then the source is <sourceText>\n\n    Examples:\n      | rewardSource | sourceText      |\n      | MANUAL       | Support         |\n      | AUTOMATED    | Loyalty Program |\n";
+const scenario4 = "@author:derek @owner:derek\nFeature: Reward Table Source Column\n    Shows the source of each reward\n\n  @motivating @ui\n  Scenario Outline: The title of the source column is configurable\n    Given the \"column-title\" prop is set to <value>\n    Then the source column is shown with <columnTitle>\n\n    Examples:\n      | value           | columnTitle     |\n      | Source          |                 |\n      | My column title | My column title |\n\n  @motivating @ui\n  Scenario: The source column displays manual if the reward is caused by a manual action\n    Given a user with a \"MANUAL\" reward\n    When they view the rewards table\n    Then the source of their reward is displayed as \"Manual\"\n\n  @motivating @ui\n  Scenario: The source column displays the program name if the reward is caused automatically by a program\n    Given a user with a \"AUTOMATED\" program reward\n    And the program has name \"Loyalty Program\"\n    When they view the rewards table\n    Then the source of their reward is displayed as \"Loyalty Program\"\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable reward exchange text with amount if the reward is caused by reward exchange\n    Given the \"reward-exchange-text\" prop is <propValue>\n    And a user with a \"MANUAL\" reward\n    But it was created by a reward exchange\n    Then they view the rewards table\n    Then the source displays <exchangeText>\n    And under it displays the following\n      | prettyRedeemedCredit → prettyValue |\n\n    Examples:\n      | propValue | exchangeText    |\n      |           | Reward Exchange |\n      | Exchanged | Exchanged       |\n\n  @motivating @ui\n  Scenario Outline: The source column displays customizable referral information if the reward is from a referral\n    Given the \"reward-source-text\" prop is <propValue>\n    And a user with a referral reward\n    And that reward has <rewardSource>\n    When they view the rewards table\n    Then then source displays <referralText>\n    And under it displays the full name of the <referralUser>\n\n    Examples:\n      | propValue                                                                             | rewardSource  | referralText | referralUser  |\n      |                                                                                       | REFERRED      | Referred by  | referrer user |\n      |                                                                                       | FRIEND_SIGNUP | Referral to  | referred user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | REFERRED      | Referred you | referrer user |\n      | {rewardSource, select, FRIEND_SIGNUP {You Referred} REFERRED {Referred you} other {}} | FRIEND_SIGNUP | You Referred | referred user |\n\n  @motivating @ui\n  Scenario Outline: The source column displays the existing name for a referral if either the first name or last name does not exist\n    Given a user with a referral reward\n    And referral user exists\n    And referral user has <name>\n    But referral user has no <otherName>\n    When they view the rewards table\n    Then referral user's name is displayed as <name>\n\n    Examples:\n      | name       | otherName  |\n      | first.name | last.name  |\n      | last.name  | first.name |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Anonymous User\" if the referral user has no names\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    And the <referralUser> has no first name\n    And the <referralUser> has no last name\n    When they view the rewards table\n    Then then source displays <sourceText>\n    And under it displays \"Anonymous User\"\n\n    Examples:\n      | rewardSource  | referralUser  | sourceText  |\n      | FRIEND_SIGNUP | referrer      | Referral to |\n      | REFERRED      | referred user | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Deleted User\" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays \"Deleted User\"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | \"FRIEND_SIGNUP\" | referrer | Referral to |\n      | \"REFERRED\"      | referred | Referred by |\n\n  @motivating @ui\n  Scenario Outline: The source column displays referral as \"Deleted referral\" if the referral user is deleted in the system\n    Given a user with a referral reward\n    And that reward has <rewardSource>\n    But <referral> user was deleted\n    When they view the rewards table\n    Then the source displays <sourceText>\n    And under it displays \"Deleted referral\"\n\n    Examples:\n      | rewardSource    | referral | sourceText  |\n      | \"FRIEND_SIGNUP\" | referrer | Referral to |\n      | \"REFERRED\"      | referred | Referred by |\n\n  @minutia @ui\n  Scenario Outline: Name fallbacks for referral users without names are customizable\n    Given <prop> with <value>\n    And a user with a referral reward\n    But the referral user <hadAction>\n    When they view the rewards table\n    Then the source displays <value> as the referral user\n\n    Examples:\n      | prop           | value           | hadAction                       |\n      | deleted-user   | Former Customer | was deleted                     |\n      | anonymous-user | Nameless User   | had first and last name deleted |\n\n  @motivating\n  Scenario Outline: Source text can be customized\n    Given the \"reward-source-text\" prop is \"{rewardSource, select, MANUAL {Support} AUTOMATED {Loyalty Program} other {}}\"\n    And a user with a <rewardSource> reward\n    When they view the rewards table\n    Then the source is <sourceText>\n\n    Examples:\n      | rewardSource | sourceText      |\n      | MANUAL       | Support         |\n      | AUTOMATED    | Loyalty Program |\n";
 
 const scenario$r = scenario1 + scenario2 + scenario3 + scenario4;
 const RewardsTableCell_stories = {
@@ -12008,9 +12023,7 @@ const SourceCellDeletedUser = () => {
   return (h("sqm-rewards-table-source-cell", { reward: { ...rewardsData$1, ...referral(null) }, referralText: "Referral to", deletedUserText: "Deleted User" }));
 };
 const SourceCellDeletedReferral = () => {
-  return (
-  // AL: TODO
-  h("sqm-rewards-table-source-cell", { 
+  return (h("sqm-rewards-table-source-cell", { 
     //@ts-ignore
     reward: { ...rewardsData$1, ...deletedReferral() }, referralText: "Referral to", deletedReferralText: "Deleted Referral" }));
 };
@@ -15202,8 +15215,6 @@ const BaseRegistrationForm_stories = {
 };
 const defaultProps$k = {
   states: {
-    // AL: TODO
-    // registrationFormState: {},
     error: "",
   },
   callbacks: {
@@ -15214,17 +15225,31 @@ const defaultProps$k = {
     requiredFieldErrorMessage: "Cannot be empty",
     invalidEmailErrorMessage: "Must be a valid email address",
     googleButton: h("sl-button", null, "Register with Google"),
-    secondaryButton: h("sl-button", null, "Sign in"),
+    secondaryButton: (h("span", null,
+      "Already have an account?",
+      " ",
+      h("sl-button", { padding: "0", style: { width: "60px" }, size: "large", type: "text" }, "Sign in"),
+      " ")),
+  },
+};
+const errorProps$9 = {
+  ...defaultProps$k,
+  states: {
+    error: "Something went wrong. Please try again.",
   },
 };
 const Default$j = () => {
   return h(BaseRegistrationFormView, Object.assign({}, defaultProps$k));
 };
+const EmailError = () => {
+  return h(BaseRegistrationFormView, Object.assign({}, errorProps$9));
+};
 
 const BaseRegistrationForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BaseRegistrationForm_stories,
-  Default: Default$j
+  Default: Default$j,
+  EmailError: EmailError
 });
 
 const PortalRegistrationForm_stories = {
@@ -15247,7 +15272,7 @@ const defaultProps$l = {
   },
   content: { pageLabel: "Register", confirmPasswordLabel: "Confirm Password" },
 };
-const errorProps$9 = {
+const errorProps$a = {
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
@@ -15308,7 +15333,7 @@ const slottedProps$1 = {
   },
 };
 const Default$k = () => h(PortalRegistrationFormView, Object.assign({}, defaultProps$l));
-const RegisterWithError$1 = () => (h(PortalRegistrationFormView, Object.assign({}, errorProps$9)));
+const RegisterWithError$1 = () => (h(PortalRegistrationFormView, Object.assign({}, errorProps$a)));
 const RegisterLoading$1 = () => (h(PortalRegistrationFormView, Object.assign({}, loadingProps$7)));
 const FieldsHidden$1 = () => {
   return (h("sqm-portal-register", { demoData: {
@@ -15349,9 +15374,15 @@ const defaultProps$m = {
   states: {
     error: "",
     loading: false,
-    confirmPassword: true,
+    confirmPassword: false,
     hideInputs: false,
     loginPath: "/login",
+    hidePasswords: true,
+    registrationFormState: {
+      initialData: {
+        email: "testuser@example.com",
+      },
+    },
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -15362,89 +15393,62 @@ const defaultProps$m = {
   },
   content: {
     pageLabel: "Register",
-    confirmPasswordLabel: "Confirm Password",
-    secondaryButton: (h("span", null,
-      "Already have an account?",
-      h("sl-button", { type: "text" }, "Sign in"),
-      " ")),
+    passwordField: null,
+    formData: (h("div", null,
+      " ",
+      h(NameFieldsView, { states: {
+          registrationFormState: {
+            validationErrors: undefined,
+            disabled: true,
+            initialData: {
+              firstName: "Test",
+              lastName: "User",
+            },
+          },
+          content: {
+            firstNameLabel: "First Name",
+            lastNameLabel: "Last Name",
+          },
+        } }),
+      h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label, base: input-base", label: "Slotted Input", required: true }),
+      h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const errorProps$a = {
+const errorProps$b = {
+  ...defaultProps$m,
   states: {
     error: "Something went wrong. Please try again.",
     loading: false,
-    confirmPassword: true,
+    confirmPassword: false,
     hideInputs: false,
     loginPath: "/login",
-  },
-  callbacks: {
-    submit: () => console.log("Submit!"),
-    inputFunction: () => { },
-  },
-  refs: {
-    formRef: {},
-  },
-  content: {
-    pageLabel: "Register",
-    confirmPasswordLabel: "Confirm Password",
+    hidePasswords: true,
+    registrationFormState: {
+      initialData: {
+        email: "testuser@example.com",
+      },
+    },
   },
 };
 const loadingProps$8 = {
+  ...defaultProps$m,
   states: {
     error: "",
     loading: true,
-    confirmPassword: true,
     hideInputs: false,
     loginPath: "/login",
-  },
-  callbacks: {
-    submit: () => console.log("Submit!"),
-    inputFunction: () => { },
-  },
-  refs: {
-    formRef: {},
-  },
-  content: { pageLabel: "Register", confirmPasswordLabel: "Confirm Password" },
-};
-const slottedProps$2 = {
-  states: {
-    error: "",
-    loading: false,
-    confirmPassword: true,
-    hideInputs: false,
-    loginPath: "/login",
-  },
-  callbacks: {
-    submit: () => console.log("Submit!"),
-    inputFunction: () => { },
-  },
-  refs: {
-    formRef: {},
-  },
-  content: {
-    pageLabel: "Register",
-    confirmPasswordLabel: "Confirm Password",
-    formData: (h("div", null,
-      h("sl-input", { style: { marginBottom: "var(--sl-spacing-x-large)" }, exportparts: "label: input-label, base: input-base", label: "Slotted Input", required: true }),
-      h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
+    confirmPassword: false,
+    hidePasswords: true,
+    registrationFormState: {
+      initialData: {
+        email: "testuser@example.com",
+      },
+    },
   },
 };
 const Default$l = () => (h(PortalRegistrationFormView, Object.assign({}, defaultProps$m)));
-const RegisterWithError$2 = () => (h(PortalRegistrationFormView, Object.assign({}, errorProps$a)));
+const RegisterWithError$2 = () => (h(PortalRegistrationFormView, Object.assign({}, errorProps$b)));
 const RegisterLoading$2 = () => (h(PortalRegistrationFormView, Object.assign({}, loadingProps$8)));
-const FieldsHidden$2 = () => {
-  return (h("sqm-portal-registration", { demoData: {
-      states: {
-        error: "",
-        loading: true,
-        registrationFormState: {},
-        confirmPassword: true,
-        hideInputs: true,
-        loginPath: "/login",
-      },
-    } }));
-};
-const SlottedInputs$2 = () => (h(PortalRegistrationFormView, Object.assign({}, slottedProps$2)));
 const TermsAndConditions$4 = () => (h(PortalRegistrationFormView, Object.assign({}, defaultProps$m, { content: {
     ...defaultProps$m.content,
     terms: (h("p", null,
@@ -15459,8 +15463,6 @@ const PortalGoogleRegistrationFormStories = /*#__PURE__*/Object.freeze({
   Default: Default$l,
   RegisterWithError: RegisterWithError$2,
   RegisterLoading: RegisterLoading$2,
-  FieldsHidden: FieldsHidden$2,
-  SlottedInputs: SlottedInputs$2,
   TermsAndConditions: TermsAndConditions$4
 });