feat(web): add HAS_COMPLETED_SIGNUP key to localStorage and update LoginView for signup tracking

Author: tyler-dane

packages/web/src/common/constants/storage.constants.ts

@@ -1,3 +1,4 @@
 export const STORAGE_KEYS = {
   REMINDER: "compass.reminder",
+  HAS_COMPLETED_SIGNUP: "compass.auth.hasCompletedSignup",
 };

packages/web/src/views/Login/Login.test.tsx

@@ -50,6 +50,7 @@ describe("LoginView", () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
+    localStorage.clear();
 
     // Default mock implementations
     mockUsePostHog.mockReturnValue({
@@ -200,7 +201,7 @@ describe("LoginView", () => {
       });
 
       // Restore original location
-      window.location = originalLocation;
+      (window as any).location = originalLocation;
     });
   });
 });

packages/web/src/views/Login/Login.tsx

@@ -5,6 +5,7 @@ import { useAuthCheck } from "@web/auth/useAuthCheck";
 import { AuthApi } from "@web/common/apis/auth.api";
 import { WaitlistApi } from "@web/common/apis/waitlist.api";
 import { ROOT_ROUTES } from "@web/common/constants/routes";
+import { STORAGE_KEYS } from "@web/common/constants/storage.constants";
 import { AlignItems, FlexDirections } from "@web/components/Flex/styled";
 import { LoginAbsoluteOverflowLoader } from "@web/components/LoginAbsoluteOverflowLoader/LoginAbsoluteOverflowLoader";
 import { GoogleButton } from "@web/components/oauth/google/GoogleButton";
@@ -46,7 +47,17 @@ export const LoginView = () => {
   const { isAuthenticated: isAlreadyAuthenticated } = useAuthCheck();
 
   useEffect(() => {
-    if (window.location.hostname === "localhost") {
+    const hasCompletedSignup = localStorage.getItem(
+      STORAGE_KEYS.HAS_COMPLETED_SIGNUP,
+    );
+    if (hasCompletedSignup === "true") {
+      setWaitlistStatus({
+        isOnWaitlist: true,
+        isInvited: true,
+        isActive: true,
+      });
+      setFlowStep("waitlistStatusKnown");
+    } else if (window.location.hostname === "localhost") {
       setWaitlistStatus({
         isOnWaitlist: true,
         isInvited: true,
@@ -64,6 +75,9 @@ export const LoginView = () => {
     onSuccess: async (code) => {
       const response = await AuthApi.loginOrSignup(code);
 
+      // Set flag to track that user has completed signup
+      localStorage.setItem(STORAGE_KEYS.HAS_COMPLETED_SIGNUP, "true");
+
       // Identify user in PostHog with email as distinct ID
       if (response.email && posthog) {
         posthog.identify(response.email, { email: response.email });

packages/web/src/views/Onboarding/steps/mobile/MobileSignIn.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { useNavigate } from "react-router-dom";
 import { AuthApi } from "@web/common/apis/auth.api";
 import { SyncApi } from "@web/common/apis/sync.api";
+import { STORAGE_KEYS } from "@web/common/constants/storage.constants";
 import { AbsoluteOverflowLoader } from "@web/components/AbsoluteOverflowLoader";
 import { GoogleButton } from "@web/components/oauth/google/GoogleButton";
 import { useGoogleLogin } from "@web/components/oauth/google/useGoogleLogin";
@@ -20,6 +21,10 @@ export const MobileSignIn: React.FC<OnboardingStepProps> = ({
   const { login, loading } = useGoogleLogin({
     onSuccess: async (code) => {
       const result = await AuthApi.loginOrSignup(code);
+
+      // Set flag to track that user has completed signup
+      localStorage.setItem(STORAGE_KEYS.HAS_COMPLETED_SIGNUP, "true");
+
       if (result.isNewUser) {
         // Start Google Calendar import in the background
         // This allows the import to begin while the user continues through onboarding

packages/web/src/views/Onboarding/steps/oauth/SignInWithGoogle.tsx

@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 import { Key } from "ts-key-enum";
 import { AuthApi } from "@web/common/apis/auth.api";
 import { SyncApi } from "@web/common/apis/sync.api";
+import { STORAGE_KEYS } from "@web/common/constants/storage.constants";
 import { AbsoluteOverflowLoader } from "@web/components/AbsoluteOverflowLoader";
 import { GoogleButton } from "@web/components/oauth/google/GoogleButton";
 import { useGoogleLogin } from "@web/components/oauth/google/useGoogleLogin";
@@ -21,6 +22,10 @@ export const SignInWithGoogle: React.FC<OnboardingStepProps> = ({
   const { login, loading } = useGoogleLogin({
     onSuccess: async (code) => {
       const result = await AuthApi.loginOrSignup(code);
+
+      // Set flag to track that user has completed signup
+      localStorage.setItem(STORAGE_KEYS.HAS_COMPLETED_SIGNUP, "true");
+
       if (result.isNewUser) {
         // Start Google Calendar import in the background
         // This allows the import to begin while the user continues through onboarding