@saasquatch/mint-components 1.15.0-43 → 1.15.0-45

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

@@ -2,43 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-d62c5561.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+require('./global-242743b1.js');
+const index_module = require('./index.module-39955732.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./useReferralCodes-82e8797b.js');
+require('./useReferralCodes-a47dcbc2.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-ee147291.js');
-const GenericTableView = require('./GenericTableView-a9d0b798.js');
-require('./useChildElements-1b35d945.js');
-const luxon = require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-ce4c0178.js');
-const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-b297e933.js');
+const copyTextView = require('./copy-text-view-95cf4875.js');
+const GenericTableView = require('./GenericTableView-107ade89.js');
+require('./useChildElements-e5fa605c.js');
+const luxon = require('./luxon-3b809948.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-5e85ac51.js');
 require('./index-8c6255f5.js');
-const emailRegistrationView = require('./email-registration-view-dca94dc9.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-7c6cebe3.js');
-const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-10b62df1.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-156accab.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1c5094d3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-399f4eaf.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-f226725e.js');
-require('./utilities-78f5e169.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-0439a9e5.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-05f72dec.js');
-const ErrorView = require('./ErrorView-b2fcf954.js');
-const sqmQrCodeView = require('./sqm-qr-code-view-7ee9fa56.js');
-const ShadowViewAddon = require('./ShadowViewAddon-9cb7a310.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-d0290a12.js');
-const utils = require('./utils-ce18d1bc.js');
+const emailRegistrationView = require('./email-registration-view-996fb438.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js');
+const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-50ee8796.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-188bfc41.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-38bfdda4.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-7519a332.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-036d355e.js');
+require('./utilities-be3ce1f8.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
+const ErrorView = require('./ErrorView-5504c2b6.js');
+const sqmQrCodeView = require('./sqm-qr-code-view-b18b42a8.js');
+const ShadowViewAddon = require('./ShadowViewAddon-bebbd4d0.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-70eaf785.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-81f1ce92.js');
+const utils = require('./utils-a6957c85.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -1806,7 +1805,7 @@ const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\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| `backgroundColor`     | `background-color`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"var(--sqm-portal-background, #ffffff)\"`                                      |\n| `border`              | `border`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)\"`                |\n| `borderRadius`        | `border-radius`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"var(--sqm-border-radius-normal)\"`                                            |\n| `demoData`            | --                      |                                                                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; loginText?: string; }; styles?: { backgroundColor?: string; borderRadius?: string; border?: string; textColor?: string; }; }` | `undefined`                                                                    |\n| `emailLabel`          | `email-label`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Email\"`                                                                      |\n| `headerText`          | `header-text`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Enter your email below to receive a password reset link.\"`                   |\n| `loginPath`           | `login-path`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"/login\"`                                                                     |\n| `loginText`           | `login-text`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                                                                                                       | `\"An error occurred while loading this page. Please refresh the page.\"`        |\n| `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email.                                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `\"/resetPassword\"`                                                             |\n| `submitLabel`         | `submit-label`          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Request Password Reset\"`                                                     |\n| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"If an account with that email exists, a password reset email will be sent.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const 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| `backgroundColor`     | `background-color`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"var(--sqm-portal-background, #ffffff)\"`                                      |\n| `border`              | `border`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"1px solid var(--sqm-border-color, #eaeaea)\"`                                 |\n| `borderRadius`        | `border-radius`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"var(--sqm-border-radius-normal, 8px)\"`                                       |\n| `demoData`            | --                      |                                                                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; loginText?: string; backgroundColor?: string; borderRadius?: string; border?: string; textColor?: string; }; }` | `undefined`                                                                    |\n| `emailLabel`          | `email-label`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"Email\"`                                                                      |\n| `headerText`          | `header-text`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"Enter your email below to receive a password reset link.\"`                   |\n| `loginPath`           | `login-path`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"/login\"`                                                                     |\n| `loginText`           | `login-text`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                                                                   | `\"An error occurred while loading this page. Please refresh the page.\"`        |\n| `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email.                                                    | `string`                                                                                                                                                                                                                                                                                                   | `\"/resetPassword\"`                                                             |\n| `submitLabel`         | `submit-label`          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"Request Password Reset\"`                                                     |\n| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                   | `\"If an account with that email exists, a password reset email will be sent.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                       | Attribute                         | Description                                                                                                                                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                            |\n| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- |\n| `confirmPassword`              | `confirm-password`                |                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `confirmPasswordLabel`         | `confirm-password-label`          |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Confirm Password\"`                               |\n| `demoData`                     | --                                |                                                                                                                                                                                                        | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState: RegistrationFormState; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }` | `undefined`                                        |\n| `disablePasswordValidation`    | `disable-password-validation`     |                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `doesNotMeetRequirementsText`  | `does-not-meet-requirements-text` |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password must meet the following requirements:\"` |\n| `emailLabel`                   | `email-label`                     |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Email\"`                                          |\n| `hasErrorText`                 | `has-error-text`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 number or symbol\"`            |\n| `hideInputs`                   | `hide-inputs`                     | Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed. | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `invalidEmailErrorMessage`     | `invalid-email-error-message`     | The message to be displayed when the email used is invalid or blocked.                                                                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Must be a valid email address\"`                  |\n| `loginLabel`                   | `login-label`                     |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Sign in\"`                                        |\n| `loginPath`                    | `login-path`                      | Redirect participants to this page after clicking the login button.                                                                                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/login\"`                                         |\n| `lowercaseErrorText`           | `lowercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 lowercase character\"`         |\n| `meetsRequirementsText`        | `meets-requirements-text`         |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password has met all requirements\"`              |\n| `minErrorText`                 | `min-error-text`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"be a minimum of 8 characters\"`                   |\n| `networkErrorMessage`          | `network-error-message`           | The message to be displayed when a the form submission fails unexpectedly.                                                                                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Network request failed.\"`                        |\n| `nextPage`                     | `next-page`                       | Redirect participants to this page from their verification email                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/\"`                                              |\n| `pageLabel`                    | `page-label`                      |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Register\"`                                       |\n| `passwordLabel`                | `password-label`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password\"`                                       |\n| `passwordMismatchErrorMessage` | `password-mismatch-error-message` | The message to be displayed when password inputs do not match.                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Passwords do not match.\"`                        |\n| `redirectPath`                 | `redirect-path`                   | The page that participants are redirected to from the verification email.                                                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/verifyEmail\"`                                   |\n| `requiredFieldErrorMessage`    | `required-field-error-message`    | The message to be displayed when a required field is not filled.                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Cannot be empty\"`                                |\n| `submitLabel`                  | `submit-label`                    |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Register\"`                                       |\n| `uppercaseErrorText`           | `uppercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 uppercase character\"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --> sqm-form-message\n  sqm-portal-register --> sqm-password-field\n  sqm-stencilbook --> sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
@@ -5055,42 +5054,6 @@ const Widget$1 = /*#__PURE__*/Object.freeze({
   InstantAccessFriendRegistrationWidget: InstantAccessFriendRegistrationWidget
 });
 
-const AssetCard_stories = {
-  title: "Components/Asset Card",
-};
-const Default$1 = () => {
-  const props = {
-    text: { titleText: "Marketing Banner" },
-    imgUrl: "https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png",
-    callbacks: {},
-  };
-  return index.h(sqmAssetCardView.AssetCardView, Object.assign({}, props));
-};
-const CardWithLongText = () => {
-  const props = {
-    text: { titleText: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!" },
-    imgUrl: "https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png",
-    callbacks: {},
-  };
-  return index.h(sqmAssetCardView.AssetCardView, Object.assign({}, props));
-};
-const CardWithNoImg = () => {
-  const props = {
-    text: { titleText: "Marketing Banner" },
-    imgUrl: "",
-    callbacks: {},
-  };
-  return index.h(sqmAssetCardView.AssetCardView, Object.assign({}, props));
-};
-
-const AssetCard = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': AssetCard_stories,
-  Default: Default$1,
-  CardWithLongText: CardWithLongText,
-  CardWithNoImg: CardWithNoImg
-});
-
 const BaseRegistrationForm_stories = {
   title: "Components/Microsite Base Registration",
 };
@@ -5119,7 +5082,7 @@ const errorProps = {
     error: "Something went wrong. Please try again.",
   },
 };
-const Default$2 = () => {
+const Default$1 = () => {
   return index.h(sqmBaseRegistrationFormView.BaseRegistrationFormView, Object.assign({}, defaultProps));
 };
 const EmailError = () => {
@@ -5129,7 +5092,7 @@ const EmailError = () => {
 const BaseRegistrationForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BaseRegistrationForm_stories,
-  Default: Default$2,
+  Default: Default$1,
   EmailError: EmailError
 });
 
@@ -5141,7 +5104,7 @@ const BigStat_stories = {
     scenario,
   },
 };
-const Default$3 = () => {
+const Default$2 = () => {
   const props = { value: 990000, statvalue: "9.900,00", loading: false };
   return index.h(ShadowViewAddon.BigStatView, Object.assign({}, props), "Big stat");
 };
@@ -5237,7 +5200,7 @@ const MultipleStatsWithCustomBranding = () => {
 const BigStat = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': BigStat_stories,
-  Default: Default$3,
+  Default: Default$2,
   LeftAlign: LeftAlign,
   RightAlign: RightAlign,
   FlexReverse: FlexReverse,
@@ -5827,7 +5790,7 @@ const defaultRegisterProps = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$4 = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$1))));
+const Default$3 = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$1))));
 const DefaultChecked = createHookStory(() => (index.h(ShadowViewAddon.CheckboxFieldView, Object.assign({}, defaultProps$1, { states: {
     ...defaultProps$1.states,
     checked: true,
@@ -5882,7 +5845,7 @@ const TermsAndConditionsLongCustomLabel = createHookStory(() => (index.h(ShadowV
 const CheckboxField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CheckboxField_stories,
-  Default: Default$4,
+  Default: Default$3,
   DefaultChecked: DefaultChecked,
   CustomLabel: CustomLabel,
   Error: Error$1,
@@ -5980,7 +5943,7 @@ const containerStyles = {
   border: "1px solid black",
   padding: "25px",
 };
-const Default$5 = () => {
+const Default$4 = () => {
   return index.h(sqmCloseButtonView.CloseButtonView, Object.assign({}, defaultProps$2));
 };
 const InAContainer = () => {
@@ -5995,7 +5958,7 @@ const CustomColor$1 = () => {
 const CloseButton = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CloseButton_stories,
-  Default: Default$5,
+  Default: Default$4,
   InAContainer: InAContainer,
   CustomColor: CustomColor$1
 });
@@ -6198,7 +6161,7 @@ const defaultProps$4 = {
     ],
   },
 };
-const Default$6 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$4))));
+const Default$5 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$4))));
 const CustomLabel$1 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFieldView, Object.assign({}, defaultProps$4, { content: {
     ...defaultProps$4.content,
     dropdownLabel: "Pick your favorite",
@@ -6226,7 +6189,7 @@ const CustomError$1 = createHookStory(() => (index.h(ShadowViewAddon.DropdownFie
 const DropdownField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': DropdownField_stories,
-  Default: Default$6,
+  Default: Default$5,
   CustomLabel: CustomLabel$1,
   Error: Error$2,
   CustomError: CustomError$1
@@ -6882,7 +6845,7 @@ const defaultRegisterProps$1 = {
     invalidEmailErrorMessage: "Must be a valid email address",
   },
 };
-const Default$7 = () => index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$6));
+const Default$6 = () => index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$6));
 const CustomLabel$2 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$6, { content: { ...defaultProps$6.content, fieldLabel: "My Label" } })));
 const Error$3 = () => (index.h(ShadowViewAddon.InputFieldView, Object.assign({}, defaultProps$6, { states: {
     ...defaultProps$6.states,
@@ -6932,7 +6895,7 @@ const RegistrationFieldCustomLabel = () => (index.h(ShadowViewAddon.PortalRegist
 const InputField = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': InputField_stories,
-  Default: Default$7,
+  Default: Default$6,
   CustomLabel: CustomLabel$2,
   Error: Error$3,
   CustomError: CustomError$2,
@@ -8218,7 +8181,7 @@ const defaultProps$7 = {
   openInNewTab: false,
   buttonText: "Button Text",
 };
-const Default$8 = () => {
+const Default$7 = () => {
   return index.h("sqm-link-button", Object.assign({}, defaultProps$7));
 };
 const OpenInNewTab = () => {
@@ -8228,7 +8191,7 @@ const OpenInNewTab = () => {
 const LinkButton = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LinkButton_stories,
-  Default: Default$8,
+  Default: Default$7,
   OpenInNewTab: OpenInNewTab
 });
 
@@ -8247,14 +8210,14 @@ const defaultProps$8 = {
   loading: false,
   emailErrorText: "Error fetching email",
 };
-const Default$9 = () => {
+const Default$8 = () => {
   return index.h(sqmLogoutCurrentUserView.LogoutCurrentUserView, Object.assign({}, defaultProps$8));
 };
 
 const LogoutCurrentUser = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': LogoutCurrentUser_stories,
-  Default: Default$9
+  Default: Default$8
 });
 
 const scenario$e = "@owner:zach\n@author:zach\nFeature: Marketing Emails Checkbox\n\n    A checkbox that is used to opt in for marketing emails.\n\n    Background: The microsite registration form contains a marketing emails checkbox\n\n        Scenario: The registration form can be configured to include a marketing emails checkbox\n            Given a user is viewing the \"/register\"\n            And \"/register\" contains the registration form\n            And they have added a marketing emails checkbox to the form in the content editor\n            Then the registration form has the following fields\n                | fields                    |\n                | first name                |\n                | last name                 |\n                | email                     |\n                | password                  |\n                | Marketing Emails Checkbox |\n\n\n        Scenario: The user can opt in to marketing emails\n            Given the user is filling out the registration form\n            And the fields have valid input\n            And the marketing emails checkbox is checked\n            When they try to register\n            Then the form is submitted\n            And there are no errors\n            And the \"marketingEmailOptIn\" value is set to true\n            And the user is opted in to marketing emails\n\n\n        @motivating\n        Scenario: Checkbox is optional by default\n            Given the user is filling out the registration form\n            And the name fields have valid input\n            And the email field has valid input\n            And the password field has valid input\n            And the checkbox is not checked\n            When they try to register\n            Then the form is submitted\n            And there is no error for the checkbox\n\n        Scenario: The form field name is provided by default\n            Given the customer has added a marketing emails checkbox to their registration form\n            Then the field name is automatically set to \"marketingEmailOptIn\"\n            And the name is not configurable";
@@ -8265,14 +8228,14 @@ const MarketingEmailsCheckbox_stories = {
     scenario: scenario$e,
   },
 };
-const Default$a = () => {
+const Default$9 = () => {
   return index.h("sqm-marketing-emails-checkbox", null);
 };
 
 const MarketingEmailsCheckbox = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': MarketingEmailsCheckbox_stories,
-  Default: Default$a
+  Default: Default$9
 });
 
 const scenario$f = "@owner:sam\n@author:sam\n\nFeature: Name Fields\n\n  Fields to be used to fill the first and last name of a user during registration\n\n  Background:\n    Given the current page is \"/register\"\n\n  @motivating\n  Scenario: Both first name and last name are required\n    Given the email field has valid input\n    And the password field has valid input\n    And first name field is empty\n    And last name field is empty\n    When register is clicked\n    Then the name fields will be highlighted in red\n    And the error messages will say \"Cannot be empty\"\n\n  @motivating\n  Scenario: First and last name are upserted with the SaaSquatch user\n    Given all fields have been filled with data\n      | firstName | lastName  | email           | password        |\n      | Bob       | Testerson | bob@example.com | SecurePassword1 |\n    When register is clicked\n    Then the email verification page will be loaded\n    And the user will be upserted\n    And the SaaSquatch user will contain data\n      | firstName | lastName  | email           |\n      | Bob       | Testerson | bob@example.com |\n\n";
@@ -8397,14 +8360,14 @@ const NavigationSidebar = /*#__PURE__*/Object.freeze({
 const Pagination_stories = {
   title: "Components/Link Button",
 };
-const Default$b = () => {
+const Default$a = () => {
   return index.h("sqm-pagination", null);
 };
 
 const Pagination = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Pagination_stories,
-  Default: Default$b
+  Default: Default$a
 });
 
 const PasswordField_stories = {
@@ -8513,7 +8476,7 @@ const defaultProps$a = {
     setChecked: (value) => console.log(value),
   },
 };
-const Default$c = () => {
+const Default$b = () => {
   return index.h("sqm-portal-change-marketing", null);
 };
 const Loading$2 = () => {
@@ -8539,7 +8502,7 @@ const Success = () => {
 const ChangeMarketing = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ChangeMarketing_stories,
-  Default: Default$c,
+  Default: Default$b,
   Loading: Loading$2,
   Error: Error$4,
   Success: Success
@@ -8685,7 +8648,7 @@ const successProps = {
     submit: (e) => console.log("Submit", e),
   },
 };
-const Default$d = () => index.h(ShadowViewAddon.PortalChangePasswordView, Object.assign({}, defaultProps$b));
+const Default$c = () => index.h(ShadowViewAddon.PortalChangePasswordView, Object.assign({}, defaultProps$b));
 const Open = () => index.h(ShadowViewAddon.PortalChangePasswordView, Object.assign({}, openProps));
 const Error$5 = () => index.h(ShadowViewAddon.PortalChangePasswordView, Object.assign({}, errorProps$2));
 const PaswordError = () => (index.h(ShadowViewAddon.PortalChangePasswordView, Object.assign({}, passwordErrorProps)));
@@ -8695,7 +8658,7 @@ const Success$1 = () => index.h(ShadowViewAddon.PortalChangePasswordView, Object
 const ChangePassword = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ChangePassword_stories,
-  Default: Default$d,
+  Default: Default$c,
   Open: Open,
   Error: Error$5,
   PaswordError: PaswordError,
@@ -8933,7 +8896,7 @@ const loadingVerificationProps = {
   callbacks: defaultCallbacks,
   content: defaultContent,
 };
-const Default$e = () => index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, Object.assign({}, defaultProps$c));
+const Default$d = () => index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, Object.assign({}, defaultProps$c));
 const EmailVerificationWithError = () => (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, Object.assign({}, errorProps$3)));
 const EmailVerificationLoading = () => (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, Object.assign({}, loadingProps$1)));
 const EmailVerificationCheckingVerification = () => (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, Object.assign({}, loadingVerificationProps)));
@@ -8942,7 +8905,7 @@ const EmailVerificationSuccess = () => (index.h(sqmPortalEmailVerificationView.P
 const PortalEmailVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalEmailVerification_stories,
-  Default: Default$e,
+  Default: Default$d,
   EmailVerificationWithError: EmailVerificationWithError,
   EmailVerificationLoading: EmailVerificationLoading,
   EmailVerificationCheckingVerification: EmailVerificationCheckingVerification,
@@ -9004,7 +8967,7 @@ const defaultProps$e = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
+    loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
   },
 };
@@ -9019,8 +8982,8 @@ const errorProps$4 = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
     messageSlot: "Enter your email below to receive a password reset link.",
+    loginText: "Login",
   },
 };
 const loadingProps$2 = {
@@ -9034,7 +8997,7 @@ const loadingProps$2 = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
+    loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
   },
 };
@@ -9049,11 +9012,11 @@ const successProps$2 = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
+    loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
   },
 };
-const Default$f = () => index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, Object.assign({}, defaultProps$e));
+const Default$e = () => index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, Object.assign({}, defaultProps$e));
 const ForgotPasswordWithError = () => (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, Object.assign({}, errorProps$4)));
 const ForgotPasswordLoading = () => (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, Object.assign({}, loadingProps$2)));
 const ForgotPasswordSuccess = () => (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, Object.assign({}, successProps$2)));
@@ -9061,7 +9024,7 @@ const ForgotPasswordSuccess = () => (index.h(sqmPortalForgotPasswordView.PortalF
 const PortalForgotPassword = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalForgotPassword_stories,
-  Default: Default$f,
+  Default: Default$e,
   ForgotPasswordWithError: ForgotPasswordWithError,
   ForgotPasswordLoading: ForgotPasswordLoading,
   ForgotPasswordSuccess: ForgotPasswordSuccess
@@ -9271,7 +9234,7 @@ const loadingProps$3 = {
     },
   },
 };
-const Default$g = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$g)));
+const Default$f = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$g)));
 const RegisterWithError = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, errorProps$5)));
 const RegisterLoading = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, loadingProps$3)));
 const TermsAndConditions$2 = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$g, { content: {
@@ -9285,7 +9248,7 @@ const TermsAndConditions$2 = () => (index.h(sqmPortalRegistrationFormView.Portal
 const PortalGoogleRegistrationFormStories = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalGoogleRegistrationForm_stories,
-  Default: Default$g,
+  Default: Default$f,
   RegisterWithError: RegisterWithError,
   RegisterLoading: RegisterLoading,
   TermsAndConditions: TermsAndConditions$2
@@ -9339,21 +9302,27 @@ const loadingProps$4 = {
     pageLabel: "Sign in to your account",
   },
 };
-const Default$h = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
-const IsGoogle = () => (index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, defaultProps$h, { content: {
+const googleProps = {
+  ...defaultProps$h,
+  content: {
     secondaryButton: (index.h("span", null,
       "Don't have an account?",
       " ",
       index.h("sl-button", { style: { width: "50px" }, size: "large", type: "text" }, "Register"))),
     googleButton: index.h("sl-button", null, "Sign in with Google"),
-  } })));
-const LoginWithError = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, errorProps$6));
-const LoginLoading = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, loadingProps$4));
+  },
+};
+const Default$g = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$h } }));
+const Text = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, defaultProps$h));
+const IsGoogle = () => (index.h("sqm-portal-login", { demoData: { ...googleProps } }));
+const LoginWithError = () => (index.h("sqm-portal-login", { demoData: { ...errorProps$6 } }));
+const LoginLoading = () => (index.h("sqm-portal-login", { demoData: { ...loadingProps$4 } }));
 
 const PortalLogin = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalLogin_stories,
-  Default: Default$h,
+  Default: Default$g,
+  Text: Text,
   IsGoogle: IsGoogle,
   LoginWithError: LoginWithError,
   LoginLoading: LoginLoading
@@ -9578,7 +9547,7 @@ const successProps$3 = {
     onChange: (e) => console.log(e),
   },
 };
-const Default$i = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, defaultProps$i));
+const Default$h = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, defaultProps$i));
 const DefaultNoCountry = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, noCountry));
 const Loading$4 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, loadingProps$5));
 const Disabled = () => index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, disabledProps));
@@ -9588,7 +9557,7 @@ const Success$2 = () => index.h(sqmPortalProfileView.PortalProfileView, Object.a
 const PortalProfile = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalProfile_stories,
-  Default: Default$i,
+  Default: Default$h,
   DefaultNoCountry: DefaultNoCountry,
   Loading: Loading$4,
   Disabled: Disabled,
@@ -9694,7 +9663,7 @@ const slottedProps = {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$j = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$j));
+const Default$i = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, defaultProps$j));
 const RegisterWithError$1 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, errorProps$8));
 const RegisterLoading$1 = () => index.h(ShadowViewAddon.PortalRegisterView, Object.assign({}, loadingProps$6));
 const FieldsHidden = () => {
@@ -9721,7 +9690,7 @@ const TermsAndConditions$3 = () => (index.h(ShadowViewAddon.PortalRegisterView,
 const PortalRegister = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalRegister_stories,
-  Default: Default$j,
+  Default: Default$i,
   RegisterWithError: RegisterWithError$1,
   RegisterLoading: RegisterLoading$1,
   FieldsHidden: FieldsHidden,
@@ -9732,6 +9701,7 @@ const PortalRegister = /*#__PURE__*/Object.freeze({
 const PortalRegistrationForm_stories = {
   title: "Components/Microsite Portal Register",
 };
+// TODO: Figure out if we can delete this component and it's stories since we have a duplicate
 const defaultProps$k = {
   states: {
     error: "",
@@ -9809,7 +9779,7 @@ const slottedProps$1 = {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", label: "Slotted Input 2", required: true }))),
   },
 };
-const Default$k = () => index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$k));
+const Default$j = () => index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, defaultProps$k));
 const RegisterWithError$2 = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, errorProps$9)));
 const RegisterLoading$2 = () => (index.h(sqmPortalRegistrationFormView.PortalRegistrationFormView, Object.assign({}, loadingProps$7)));
 const FieldsHidden$1 = () => {
@@ -9837,10 +9807,10 @@ const TermsAndConditions$4 = () => (index.h(sqmPortalRegistrationFormView.Portal
       index.h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
   } })));
 
-const PortalRegistrationForm = /*#__PURE__*/Object.freeze({
+const NewPortalRegistrationForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalRegistrationForm_stories,
-  Default: Default$k,
+  Default: Default$j,
   RegisterWithError: RegisterWithError$2,
   RegisterLoading: RegisterLoading$2,
   FieldsHidden: FieldsHidden$1,
@@ -9995,7 +9965,7 @@ const validatingCodeProps = {
     failed: () => console.log("failed"),
   },
 };
-const Default$l = () => index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, defaultProps$l));
+const Default$k = () => index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, defaultProps$l));
 const DefaultWithoutConfirmField = () => (index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, defaultPropsNoConfirm)));
 const ResetPasswordWithError = () => (index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, errorProps$a)));
 const ResetPasswordLoading = () => (index.h(sqmPortalResetPasswordView.PortalResetPasswordView, Object.assign({}, loadingProps$8)));
@@ -10005,7 +9975,7 @@ const CodeValidating = () => (index.h(sqmPortalResetPasswordView.PortalResetPass
 const PortalResetPassword = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalResetPassword_stories,
-  Default: Default$l,
+  Default: Default$k,
   DefaultWithoutConfirmField: DefaultWithoutConfirmField,
   ResetPasswordWithError: ResetPasswordWithError,
   ResetPasswordLoading: ResetPasswordLoading,
@@ -10215,7 +10185,7 @@ const defaultProps$m = {
   errorHeaderText: "There was an error loading your QR code",
   errorDescriptionText: "Please refresh this page and try again",
 };
-const Default$m = () => {
+const Default$l = () => {
   return index.h(sqmQrCodeView.QrCodeView, Object.assign({}, defaultProps$m));
 };
 const HideTitle = () => {
@@ -10243,7 +10213,7 @@ const DownloadError = () => {
 const QRCode = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': QRCode_stories,
-  Default: Default$m,
+  Default: Default$l,
   HideTitle: HideTitle,
   LeftAlign: LeftAlign$1,
   CenterAlign: CenterAlign,
@@ -12085,10 +12055,10 @@ const scenario1 = "@author:derek\n@owner:derek\nFeature: Reward Table Date Colum
 
 const scenario2 = "@author:derek\n@owner:derek\nFeature: Reward Table reward Column\n\n    Shows the exact reward\n\n    Background:\n        Given the reward column is included in the reward table\n        And rewards with translations exist\n\n    @motivating\n    @ui\n    Scenario Outline: The title of the reward column is configurable\n        Given the \"column-title\" prop is set to <value>\n        Then the reward column is shown with <columnTitle>\n        Examples:\n            | value           | columnTitle     |\n            | Reward          |                 |\n            | My column title | My column title |\n\n    @motivating\n    Scenario: The reward column displays the prettyValue of the reward given\n        Given a user with a reward\n        When they view the rewards table\n        Then they see the name of their reward in the reward column\n        And the name is the prettyValue translated for the users locale\n\n    @motivating\n    @ui\n    Scenario: The reward column displays an availability bar if the reward is redeemable\n        Given a user with a <status> credit reward of <value>\n        But the user has <redeemedAmount>\n        When they view the rewards table\n        Then the reward column displays <value>\n        And under it displays an availability bar with <percentage> filled\n        And under it displays <availabilityText>\n        Examples:\n            | status    | value     | percentage | availableAmount | availabilityText    |\n            | AVAILABLE | 10 Points | 100%       | 10 Points       | 10 Points remaining |\n            | AVAILABLE | 10 Points | 90%        | 9 Points        | 9 Points remaining  |\n            | AVAILABLE | 10 Points | 10%        | 1 Point         | 1 Point  remaining  |\n            | PENDING   | 10 Points | 100%       | 10 Points       | 10 Points remaining |\n            | PENDING   | 10 Points | 90%        | 9 Points        | 9 Points remaining  |\n            | PENDING   | 10 Points | 10%        | 1 Point         | 1 Point  remaining  |\n\n    @motivating\n    @ui\n    Scenario Outline: The reward column displays an availability bar if the reward was redeemable but had been cancelled or expired\n        Given a user with a credit reward of <value>\n        And the reward has <status>\n        But the user has <redeemedAmount>\n        When they view the rewards table\n        When they view the rewards table\n        Then the reward column displays <value>\n        And under it displays an availability bar with <percentage> filled\n        And under it displays <redeemedText>\n        Examples:\n            | status    | value     | percentage | redeemedAmount | redeemedText     |\n            | EXPIRED   | 10 Points | 100%       | 0 Point        | 0 Point redeemed |\n            | EXPIRED   | 10 Points | 80%        | 2 Point        | 2 Point redeemed |\n            | CANCELLED | 10 Points | 100%       | 0 Point        | 0 Point redeemed |\n            | CANCELLED | 10 Points | 20%        | 8 Point        | 8 Point redeemed |\n\n    @motivating\n    @ui\n    Scenario: The reward column doesn't display the availability bar if the reward is not redeemable\n        Given a user with a non credit reward\n        When they view the rewards table\n        Then they see the name of the reward\n        But they do not see the availablity bar\n\n    @motivating\n    @ui\n    Scenario Outline: The reward column doesn't display the availability bar if the reward is only 1 reward unit\n        Given a user with a credit reward for 1 of a reward unit\n        And it has <status>\n        When they view the rewards table\n        Then they see the name of the reward\n        But they do not see the availablity bar\n        Examples:\n            | status    |\n            | AVAILABLE |\n            | PENDING   |\n            | EXPIRED   |\n            | CANCELLED |\n\n    @motivating\n    @ui\n    Scenario: The reward column doesn't display the availability bar for redeemed credit rewards\n        Given a user with a \"REDEEMED\" credit reward\n        When they view the rewards table\n        Then they see the name of the reward\n        But they do not see the availablity bar\n\n    @motivating\n    @ui\n    Scenario: Users can copy their fuel tank codes\n        Given a user with a fuel tank reward\n        When they view the rewards table\n        Then they see their fuel tank reward\n        And they see their fuel tank code bolded in blue\n        When they click on their code\n        Then a tool tip appears saying it has been copied to their clipboard\n        And their code is copied to their clipboard";
 
-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\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 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 scenario$x = scenario1 + scenario2 + scenario3 + scenario4;
 const RewardsTableCell_stories = {
   title: "Components/Rewards Table Cell",
@@ -13437,7 +13407,7 @@ const ShareLink_stories = {
     scenario: scenario$B,
   },
 };
-const Default$n = () => {
+const Default$m = () => {
   const props = {
     copyString: "https://noah.example.com",
     open: false,
@@ -13513,7 +13483,7 @@ const FullStack = () => {
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ShareLink_stories,
-  Default: Default$n,
+  Default: Default$m,
   Tooltip: Tooltip,
   Disabled: Disabled$1,
   Error: Error$a,
@@ -14762,7 +14732,7 @@ const CustomFontSize = () => {
     index.h("p", null, "This is the text component")));
 };
 
-const Text = /*#__PURE__*/Object.freeze({
+const Text$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': Text_stories,
   PurpleText: PurpleText,
@@ -15124,7 +15094,7 @@ const defaultProps$p = {
   verifyFailed: false,
   emailResent: false,
 };
-const Default$o = () => (index.h("sqm-code-verification", { demoData: { states: defaultProps$p } }));
+const Default$n = () => (index.h("sqm-code-verification", { demoData: { states: defaultProps$p } }));
 const InitialLoading = () => (index.h("sqm-code-verification", { demoData: {
     states: {
       ...defaultProps$p,
@@ -15153,7 +15123,7 @@ const VerificationFailed = () => (index.h("sqm-code-verification", { demoData: {
 const WidgetCodeVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetCodeVerification_stories,
-  Default: Default$o,
+  Default: Default$n,
   InitialLoading: InitialLoading,
   Loading: Loading$8,
   CodeResent: CodeResent,
@@ -15170,7 +15140,7 @@ const defaultProps$q = {
   initialLoading: false,
   sendCodeError: false,
 };
-const Default$p = () => (index.h("sqm-email-verification", { demoData: {} }));
+const Default$o = () => (index.h("sqm-email-verification", { demoData: {} }));
 const EmailIsPrefilled = () => (index.h("div", null,
   index.h("sqm-text", null,
     index.h("h4", null, "Verify your email")),
@@ -15221,7 +15191,7 @@ const SendCodeError = () => (index.h("sqm-email-verification", { demoData: {
 const WidgetEmailVerification = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': WidgetEmailVerification_stories,
-  Default: Default$p,
+  Default: Default$o,
   EmailIsPrefilled: EmailIsPrefilled,
   Loading: Loading$9,
   SaveLoading: SaveLoading,
@@ -17135,7 +17105,7 @@ const defaultProps$s = {
     fraudErrorMessageTitle: "Looks like you tried referring yourself",
   },
 };
-const Default$q = () => index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, defaultProps$s));
+const Default$p = () => index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, defaultProps$s));
 const HasFirstNameLastName = () => (index.h(emailRegistrationView.EmailRegistrationView, Object.assign({}, {
   ...defaultProps$s,
   content: {
@@ -17200,7 +17170,7 @@ const EmptyEmailError = () => (index.h(emailRegistrationView.EmailRegistrationVi
 const EmailRegistration = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': EmailRegistration_stories,
-  Default: Default$q,
+  Default: Default$p,
   HasFirstNameLastName: HasFirstNameLastName,
   WithSlots: WithSlots,
   NoBorder: NoBorder$1,
@@ -19829,7 +19799,6 @@ const stories = [
   PortalEmailVerification,
   PortalResetPassword,
   PortalVerifyEmail,
-  AssetCard,
   DividedLayout,
   ChangePassword,
   PortalProfile,
@@ -19884,17 +19853,16 @@ const stories = [
   TaxFormSlots,
   PayoutDetailsCard,
   BankingInfoForm,
-  PortalRegistrationForm,
+  NewPortalRegistrationForm,
   ChangeMarketing,
   BaseRegistrationForm,
-  PortalRegistrationForm,
   PortalGoogleRegistrationFormStories,
   WidgetEmailVerification,
   WidgetCodeVerification,
   PayoutButtonScroll,
   PayoutStatusAlert,
   QRCode,
-  Text,
+  Text$1,
 ];
 const StencilStorybook = class {
   constructor(hostRef) {