Remove unused login prop

packages/mint-components/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.0.9] - 2025-01-19
+
+- \<sqm-portal-login>
+
+  - Remove unused `registerCTA` prop
+
 ## [2.0.8] - 2025-01-06
 
 - \<sqm-payout-status-alert>

packages/mint-components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

packages/mint-components/src/components.d.ts

@@ -3086,10 +3086,6 @@ export namespace Components {
           * @uiName Password field label
          */
         "passwordLabel": string;
-        /**
-          * @uiName Register CTA
-         */
-        "registerCTA": string;
         /**
           * @uiName Register button text
          */
@@ -10964,10 +10960,6 @@ declare namespace LocalJSX {
           * @uiName Password field label
          */
         "passwordLabel"?: string;
-        /**
-          * @uiName Register CTA
-         */
-        "registerCTA"?: string;
         /**
           * @uiName Register button text
          */

packages/mint-components/src/components/sqm-portal-google-login/GoogleLoginForm.stories.tsx

@@ -0,0 +1,50 @@
+import { h } from "@stencil/core";
+
+export default {
+  title: "Components/Microsite Google Login",
+};
+
+const demoProps = {
+  states: {
+    error: "",
+    loading: false,
+    forgotPasswordPath: "/forgotPassword",
+    registerPath: "/register",
+    showLoginForm: "manual",
+  },
+  callbacks: {
+    googleSubmit: async () => {
+      console.log("google submit");
+    },
+    submit: async (_event) => {
+      console.log("submit");
+    },
+  },
+  content: {
+    googleButton: null,
+  },
+};
+
+export const Default = () => {
+  return <sqm-portal-google-login></sqm-portal-google-login>;
+};
+
+export const WithError = () => {
+  return (
+    <sqm-portal-google-login
+      demoData={{
+        states: { ...demoProps.states, error: "This is an error message" },
+      }}
+    ></sqm-portal-google-login>
+  );
+};
+
+export const Loading = () => {
+  return (
+    <sqm-portal-google-login
+      demoData={{
+        states: { ...demoProps.states, loading: true },
+      }}
+    ></sqm-portal-google-login>
+  );
+};

packages/mint-components/src/components/sqm-portal-google-login/readme.md

@@ -26,6 +26,10 @@
 
 ## Dependencies
 
+### Used by
+
+ - [sqm-stencilbook](../sqm-stencilbook)
+
 ### Depends on
 
 - [sqm-google-sign-in](../sqm-google-sign-in)
@@ -36,6 +40,7 @@
 graph TD;
   sqm-portal-google-login --> sqm-google-sign-in
   sqm-portal-google-login --> sqm-form-message
+  sqm-stencilbook --> sqm-portal-google-login
   style sqm-portal-google-login fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

packages/mint-components/src/components/sqm-portal-google-login/sqm-portal-google-login.tsx

@@ -175,7 +175,7 @@ function useLoginDemo(props: PortalGoogleLogin): Partial<PortalLoginViewProps> {
   return deepmerge(
     {
       states: {
-        error: "",
+        error: props.demoData?.states?.error || "",
         loading: false,
         forgotPasswordPath: "/forgotPassword",
         registerPath: "/register",

packages/mint-components/src/components/sqm-portal-google-registration-form/PortalGoogleRegistrationForm.stories.tsx

@@ -104,7 +104,7 @@ const loadingProps: PortalRegistrationFormViewProps = {
 };
 
 export const Default = () => (
-  <PortalRegistrationFormView {...defaultProps}></PortalRegistrationFormView>
+  <sqm-portal-google-registration-form></sqm-portal-google-registration-form>
 );
 
 export const RegisterWithError = () => (

packages/mint-components/src/components/sqm-portal-google-registration-form/readme.md

@@ -41,6 +41,10 @@
 
 ## Dependencies
 
+### Used by
+
+ - [sqm-stencilbook](../sqm-stencilbook)
+
 ### Depends on
 
 - [sqm-google-sign-in](../sqm-google-sign-in)
@@ -53,6 +57,7 @@ graph TD;
   sqm-portal-google-registration-form --> sqm-google-sign-in
   sqm-portal-google-registration-form --> sqm-form-message
   sqm-portal-google-registration-form --> sqm-password-field
+  sqm-stencilbook --> sqm-portal-google-registration-form
   style sqm-portal-google-registration-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

packages/mint-components/src/components/sqm-portal-login/readme.md

@@ -17,7 +17,6 @@
 | `nextPage`            | `next-page`             | Redirect participants to this page after they successfully login.                                   | `string`                                                                                                                                                                                                                                                                              | `"/"`                                                                              |
 | `pageLabel`           | `page-label`            |                                                                                                     | `string`                                                                                                                                                                                                                                                                              | `"Sign in to your account"`                                                        |
 | `passwordLabel`       | `password-label`        |                                                                                                     | `string`                                                                                                                                                                                                                                                                              | `"Password"`                                                                       |
-| `registerCTA`         | `register-c-t-a`        |                                                                                                     | `string`                                                                                                                                                                                                                                                                              | `"Don't have an account?"`                                                         |
 | `registerLabel`       | `register-label`        |                                                                                                     | `string`                                                                                                                                                                                                                                                                              | `"Register"`                                                                       |
 | `registerPath`        | `register-path`         | Redirect participants to this page to start registration.                                           | `string`                                                                                                                                                                                                                                                                              | `"/register"`                                                                      |
 | `submitLabel`         | `submit-label`          |                                                                                                     | `string`                                                                                                                                                                                                                                                                              | `"Sign In"`                                                                        |

packages/mint-components/src/components/sqm-portal-login/sqm-portal-login.tsx

@@ -85,11 +85,6 @@ export class PortalLogin {
   @Prop() networkErrorMessage: string =
     "An error occurred while logging you in. Please refresh the page and try again.";
 
-  /**
-   * @uiName Register CTA
-   */
-  @Prop() registerCTA: string = "Don't have an account?";
-
   /**
    * @undocumented
    * @uiType object

packages/mint-components/src/components/sqm-stencilbook/readme.md

@@ -52,6 +52,8 @@
 - [sqm-portal-forgot-password](../sqm-portal-forgot-password)
 - [sqm-navigation-menu](../sqm-navigation-menu)
 - [sqm-portal-frame](../sqm-portal-frame)
+- [sqm-portal-google-registration-form](../sqm-portal-google-registration-form)
+- [sqm-portal-google-login](../sqm-portal-google-login)
 - [sqm-program-explainer-step](../sqm-program-explainer-step)
 - [sqm-program-explainer](../sqm-program-explainer)
 - [sqm-program-menu](../sqm-program-menu)
@@ -150,6 +152,8 @@ graph TD;
   sqm-stencilbook --> sqm-portal-forgot-password
   sqm-stencilbook --> sqm-navigation-menu
   sqm-stencilbook --> sqm-portal-frame
+  sqm-stencilbook --> sqm-portal-google-registration-form
+  sqm-stencilbook --> sqm-portal-google-login
   sqm-stencilbook --> sqm-program-explainer-step
   sqm-stencilbook --> sqm-program-explainer
   sqm-stencilbook --> sqm-program-menu
@@ -220,6 +224,11 @@ graph TD;
   sqm-payout-button-scroll --> sqm-scroll
   sqm-portal-change-marketing --> sqm-form-message
   sqm-portal-forgot-password --> sqm-form-message
+  sqm-portal-google-registration-form --> sqm-google-sign-in
+  sqm-portal-google-registration-form --> sqm-form-message
+  sqm-portal-google-registration-form --> sqm-password-field
+  sqm-portal-google-login --> sqm-google-sign-in
+  sqm-portal-google-login --> sqm-form-message
   sqm-referral-codes --> sqm-empty
   sqm-referral-table --> sqm-empty
   sqm-referral-table --> sqm-table-row

packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx

@@ -50,6 +50,7 @@ import * as PortalFooter from "../sqm-portal-footer/PortalFooter.stories";
 import * as PortalForgotPassword from "../sqm-portal-forgot-password/PortalForgotPassword.stories";
 import * as PortalFrame from "../sqm-portal-frame/PortalFrame.stories";
 import * as PortalGoogleRegistrationFormStories from "../sqm-portal-google-registration-form/PortalGoogleRegistrationForm.stories";
+import * as PortalGoogleLoginFormStories from "../sqm-portal-google-login/GoogleLoginForm.stories";
 import * as PortalLogin from "../sqm-portal-login/PortalLogin.stories";
 import * as PortalProfile from "../sqm-portal-profile/PortalProfile.stories";
 import * as PortalRegister from "../sqm-portal-register/PortalRegister.stories";
@@ -199,6 +200,7 @@ const stories = [
   ChangeMarketing,
   BaseRegistrationForm,
   PortalGoogleRegistrationFormStories,
+  PortalGoogleLoginFormStories,
   WidgetEmailVerification,
   WidgetCodeVerification,
   PayoutButtonScroll,