@saasquatch/mint-components 1.15.0-42 → 1.15.0-44

package/dist/cjs/{sqm-portal-forgot-password-view-ba34601e.js → sqm-portal-forgot-password-view-7519a332.js}

@@ -15,13 +15,14 @@ const vanillaStyle = `
 }
 `;
 function PortalForgotPasswordView(props) {
-  const { states, callbacks, content, styles } = props;
+  const { states, callbacks, content } = props;
   const style = {
     FormWrapper: {
       ...mixins.AuthWrapper,
-      background: styles.backgroundColor,
-      borderRadius: styles.borderRadius,
-      border: styles.border,
+      background: content.backgroundColor || "var(--sqm-portal-background)",
+      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
+      border: content.border ||
+        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
     },
     Column: { ...mixins.AuthColumn },
     ButtonsContainer: mixins.AuthButtonsContainer,
@@ -37,7 +38,7 @@ function PortalForgotPasswordView(props) {
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    index.h(sqmTextSpanView.TextSpanView, { textColor: styles.textColor, type: "h3" }, content.messageSlot),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.messageSlot),
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
@@ -46,7 +47,7 @@ function PortalForgotPasswordView(props) {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       index.h("div", { class: sheet.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        index.h("sl-button", { type: "text", exportparts: "base: tertiarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
+        index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
 }
 
 exports.PortalForgotPasswordView = PortalForgotPasswordView;

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ba34601e.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-7519a332.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -107,12 +107,12 @@ const PortalForgotPassword = class {
      * @uiName Border radius
      * @uiWidget number
      */
-    this.borderRadius = "var(--sqm-border-radius-normal)";
+    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
     /**
      * @uiName Border style
      * @uiWidget textArea
      */
-    this.border = "1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)";
+    this.border = "1px solid var(--sqm-border-color, #eaeaea)";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -121,19 +121,16 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, this.loginText))),
       messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
       successAlertText: this.successAlertText,
       loginText: this.loginText,
-    };
-    const styles = {
       backgroundColor: this.backgroundColor,
       borderRadius: this.borderRadius,
       border: this.border,
     };
-    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content, styles: styles }));
+    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
   }
 };
 function usePortalForgotPasswordDemo(props) {
@@ -142,6 +139,17 @@ function usePortalForgotPasswordDemo(props) {
     callbacks: {
       submit: async (_event) => { },
     },
+    content: {
+      secondaryButton: (index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => index_module.jn.push(props.loginPath) }, props.loginText)),
+      messageSlot: index.h("span", null, props.headerText),
+      emailLabel: props.emailLabel,
+      submitLabel: props.submitLabel,
+      successAlertText: props.successAlertText,
+      loginText: props.loginText,
+      backgroundColor: props.backgroundColor,
+      borderRadius: props.borderRadius,
+      border: props.border,
+    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

package/dist/cjs/sqm-portal-google-login.cjs.entry.js

@@ -11,7 +11,8 @@ require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const usePortalLogin = require('./usePortalLogin-bd975a79.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
+const usePortalLogin = require('./usePortalLogin-e246988e.js');
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {
@@ -100,7 +101,7 @@ const PortalGoogleLogin = class {
       submitLabel: this.submitLabel,
       pageLabel: this.pageLabel,
     };
-    return (index.h(usePortalLogin.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+    return (index.h(sqmPortalLoginView.PortalLoginView, { states: states, callbacks: callbacks, content: content }));
   }
 };
 function useLoginDemo(props) {

package/dist/cjs/sqm-portal-login-view-bb50304c.js

@@ -0,0 +1,58 @@
+'use strict';
+
+const index = require('./index-a43a63b4.js');
+const JSS = require('./JSS-8503a151.js');
+const mixins = require('./mixins-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
+
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ForgotButtonContainer: {
+    display: "inline",
+    cursor: "pointer",
+    "font-size": "13px",
+    "font-weight": "600",
+    color: "var(--sqm-text-subdued)",
+    margin: "0",
+  },
+  ButtonsContainer: {
+    ...mixins.AuthButtonsContainer,
+    gap: "var(--sl-spacing-medium)",
+    "& > *": {
+      margin: "0 !important",
+    },
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalLoginView(props) {
+  const { states, callbacks, content } = props;
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
+    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
+      index.h("div", null,
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
+        index.h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      index.h("div", { class: sheet.classes.ButtonsContainer },
+        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
+        content.googleButton && index.h("sl-menu-divider", null),
+        content.googleButton,
+        content.secondaryButton))));
+}
+
+exports.PortalLoginView = PortalLoginView;

package/dist/cjs/{sqm-portal-profile-view-1fc7fb29.js → sqm-portal-profile-view-44a83439.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-b34bf5f2.js');
+const global = require('./global-2298fc8b.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./global-b34bf5f2.js');
+require('./global-2298fc8b.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-1fc7fb29.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-44a83439.js');
 const utilities = require('./utilities-be3ce1f8.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-b34bf5f2.js');
+const global = require('./global-2298fc8b.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-b34bf5f2.js');
+const global = require('./global-2298fc8b.js');
 const index_module = require('./index.module-39955732.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
@@ -983,21 +983,8 @@ const RewardTableStatusCell = class {
       : rewardStatus === "DENIED"
         ? this.deniedText
         : null;
-    const getBadgeCSSClass = (badgeType) => {
-      console.log("badgeType", badgeType);
-      // switch (badgeType) {
-      //   case "primary":
-      //     return sheet.classes.RedeemBadge;
-      //   case "danger":
-      //     return sheet.classes.DangerBadge;
-      //   case "success":
-      //     return sheet.classes.SuccessBadge;
-      //   case "warning":
-      //   case "info":
-      //     return sheet.classes.WarningBadge;
-      //   default:
-      //     return sheet.classes.WarningBadge;
-      // }
+    // AL: badgeType arg? TODO
+    const getBadgeCSSClass = (rewardStatus) => {
       switch (rewardStatus) {
         case "AVAILABLE":
           return sheet$1.classes.SuccessBadge;
@@ -1012,13 +999,7 @@ const RewardTableStatusCell = class {
       }
     };
     const badgeCSSClass = getBadgeCSSClass(badgeType);
-    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString$1), index.h("sl-badge", { type: badgeType, pill: true,
-      // class={
-      //   rewardStatus === "REDEEMED" || rewardStatus === "PAYOUT_APPROVED"
-      //     ? sheet.classes.RedeemBadge
-      //     : sheet.classes.Badge
-      // }
-      class: badgeCSSClass }, statusText), index.h("p", { class: sheet$1.classes.Date }, fraudStatusText ||
+    return (index.h("div", { style: { display: "contents" } }, index.h("style", { type: "text/css" }, styleString$1), index.h("sl-badge", { type: badgeType, pill: true, class: badgeCSSClass }, statusText), index.h("p", { class: sheet$1.classes.Date }, fraudStatusText ||
       pendingReasons ||
       this.getPayoutStatusText(rewardStatus) ||
       date)));

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./global-b34bf5f2.js');
+require('./global-2298fc8b.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-a47dcbc2.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-af017955.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');
@@ -22,20 +22,21 @@ 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-06eb9721.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4100f28c.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ba34601e.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-188bfc41.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-0a93a148.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-1fc7fb29.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-44a83439.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');
 require('./ErrorView-5504c2b6.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-b18b42a8.js');
-const ShadowViewAddon = require('./ShadowViewAddon-42af4b57.js');
+const ShadowViewAddon = require('./ShadowViewAddon-85d2eed4.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70eaf785.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-deaf0385.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-90b2433f.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -7402,6 +7403,7 @@ const googleProps = {
   },
 };
 const Default$3 = () => (index.h("sqm-portal-login", { demoData: { ...defaultProps$2 } }));
+const Text = () => index.h(sqmPortalLoginView.PortalLoginView, Object.assign({}, defaultProps$2));
 const IsGoogle = () => (index.h("sqm-portal-login", { demoData: { ...googleProps } }));
 const LoginWithError = () => (index.h("sqm-portal-login", { demoData: { ...errorProps } }));
 const LoginLoading = () => (index.h("sqm-portal-login", { demoData: { ...loadingProps } }));
@@ -7410,6 +7412,7 @@ const PortalLogin = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': PortalLogin_stories,
   Default: Default$3,
+  Text: Text,
   IsGoogle: IsGoogle,
   LoginWithError: LoginWithError,
   LoginLoading: LoginLoading
@@ -7551,6 +7554,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$4 = {
   states: {
     error: "",
@@ -7656,7 +7660,7 @@ const TermsAndConditions$1 = () => (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$5,
@@ -7687,7 +7691,7 @@ const defaultProps$5 = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
+    loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
   },
 };
@@ -7702,8 +7706,8 @@ const errorProps$3 = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
     messageSlot: "Enter your email below to receive a password reset link.",
+    loginText: "Login",
   },
 };
 const loadingProps$3 = {
@@ -7717,7 +7721,7 @@ const loadingProps$3 = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
+    loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
   },
 };
@@ -7732,7 +7736,7 @@ const successProps = {
     submit: async (e) => await e,
   },
   content: {
-    secondaryButton: "Cancel",
+    loginText: "Login",
     messageSlot: "Enter your email below to receive a password reset link.",
   },
 };
@@ -10355,7 +10359,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";
 
@@ -15875,7 +15879,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,
@@ -18554,17 +18558,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) {

package/dist/cjs/{usePortalLogin-bd975a79.js → usePortalLogin-e246988e.js}

@@ -1,63 +1,9 @@
 'use strict';
 
-const index = require('./index-a43a63b4.js');
 const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
 const index_module = require('./index.module-39955732.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const utils = require('./utils-6847bc06.js');
-const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
-
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: mixins.AuthColumn,
-  ForgotButtonContainer: {
-    display: "inline",
-    cursor: "pointer",
-    "font-size": "13px",
-    "font-weight": "600",
-    color: "var(--sqm-text-subdued)",
-    margin: "0",
-  },
-  ButtonsContainer: {
-    ...mixins.AuthButtonsContainer,
-    gap: "var(--sl-spacing-medium)",
-    "& > *": {
-      margin: "0 !important",
-    },
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalLoginView(props) {
-  const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, props.states.error))),
-      index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
-      index.h("div", null,
-        index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        index.h("div", { class: sheet.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      index.h("div", { class: sheet.classes.ButtonsContainer },
-        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
-        content.googleButton && index.h("sl-menu-divider", null),
-        content.googleButton,
-        content.secondaryButton))));
-}
 
 function usePortalLogin(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
@@ -125,5 +71,4 @@ function usePortalLogin(props) {
   };
 }
 
-exports.PortalLoginView = PortalLoginView;
 exports.usePortalLogin = usePortalLogin;

package/dist/collection/components/sqm-instant-access-registration/sqm-instant-access-registration.js

@@ -9,7 +9,7 @@ import { useInstantAccessRegistration } from "./useInstantAccessRegistration";
  * @validParents ["sqm-portal-container","div","sqm-hero","template", "sqb-program-section", "sqb-conditional-section"]
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
- * @example Instant Access Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
+ * @example Advocate Registration - <sqm-instant-access-registration></sqm-instant-access-registration>
  * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}]
  */
 export class InstantAccessRegistration {

package/dist/collection/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.js

@@ -5,7 +5,7 @@ import { useRequestRerender } from "../../../tables/re-render";
  * @uiName Invoice Table Date Column
  * @validParents ["sqm-invoice-table"]
  * @exampleGroup Invoices
- * @example Invoice Table Date Column - <sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-invoice-table-date-column>
+ * @example Date Column - <sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-invoice-table-date-column>
  */
 export class InvoiceTableDateColumn {
   constructor() {

package/dist/collection/components/sqm-leaderboard/sqm-leaderboard.js

@@ -11,9 +11,9 @@ import { useLeaderboard } from "./useLeaderboard";
  * @slots [{"name":"empty", "title":"Empty State"}]
  * @requiredFeatures ["LEADERBOARDS"]
  * @exampleGroup Leaderboard
- * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Referral Started - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Referral Converted - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Points Earned - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
  * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" image-url="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0; text-align: center;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
  * @featureTooltip <div>Motivate your participants by gamifying your program. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Leaderboards feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan and add a leaderboard.</div>
  */