5509 remove flash on intermediate verify step when sign in with sso (#5526)

- remove flash on /verify
- remove flash on signInUp
- remove useless redirections and hooks
- Remove DefaultHomePage component
- Move redirections to /objects/companies in PageChangeEffect
- add useShowAuthModal hooks and tests
- add usePageChangeEffectNaviteLocation hooks and tests
- fix refresh token expired produces blank screen

packages/twenty-front/src/modules/auth/sign-in-up/hooks/useNavigateAfterSignInUp.ts

@@ -1,46 +0,0 @@
-import { useCallback } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { useRecoilValue } from 'recoil';
-
-import { CurrentWorkspace } from '@/auth/states/currentWorkspaceState';
-import { previousUrlState } from '@/auth/states/previousUrlState';
-import { billingState } from '@/client-config/states/billingState';
-import { AppPath } from '@/types/AppPath';
-import { WorkspaceMember } from '~/generated/graphql';
-
-export const useNavigateAfterSignInUp = () => {
-  const navigate = useNavigate();
-  const billing = useRecoilValue(billingState);
-  const previousUrl = useRecoilValue(previousUrlState);
-  const navigateAfterSignInUp = useCallback(
-    (
-      currentWorkspace: CurrentWorkspace,
-      currentWorkspaceMember: WorkspaceMember | null,
-    ) => {
-      if (
-        billing?.isBillingEnabled === true &&
-        !['active', 'trialing'].includes(currentWorkspace.subscriptionStatus)
-      ) {
-        navigate(AppPath.PlanRequired);
-        return;
-      }
-
-      if (currentWorkspace.activationStatus !== 'active') {
-        navigate(AppPath.CreateWorkspace);
-        return;
-      }
-
-      if (
-        !currentWorkspaceMember?.name.firstName ||
-        !currentWorkspaceMember?.name.lastName
-      ) {
-        navigate(AppPath.CreateProfile);
-        return;
-      }
-      if (previousUrl !== '') navigate(previousUrl);
-      else navigate(AppPath.Index);
-    },
-    [billing, previousUrl, navigate],
-  );
-  return { navigateAfterSignInUp };
-};

packages/twenty-front/src/modules/auth/sign-in-up/hooks/useSignInUp.tsx

@@ -2,7 +2,6 @@ import { useCallback, useState } from 'react';
 import { SubmitHandler, UseFormReturn } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
 
-import { useNavigateAfterSignInUp } from '@/auth/sign-in-up/hooks/useNavigateAfterSignInUp';
 import { Form } from '@/auth/sign-in-up/hooks/useSignInUpForm';
 import { useReadCaptchaToken } from '@/captcha/hooks/useReadCaptchaToken';
 import { useRequestFreshCaptchaToken } from '@/captcha/hooks/useRequestFreshCaptchaToken';
@@ -31,8 +30,6 @@ export const useSignInUp = (form: UseFormReturn<Form>) => {
 
   const workspaceInviteHash = useParams().workspaceInviteHash;
 
-  const { navigateAfterSignInUp } = useNavigateAfterSignInUp();
-
   const [isInviteMode] = useState(() => isMatchingLocation(AppPath.Invite));
 
   const [signInUpStep, setSignInUpStep] = useState<SignInUpStep>(
@@ -105,24 +102,18 @@ export const useSignInUp = (form: UseFormReturn<Form>) => {
           throw new Error('Email and password are required');
         }
 
-        const {
-          workspace: currentWorkspace,
-          workspaceMember: currentWorkspaceMember,
-        } =
-          signInUpMode === SignInUpMode.SignIn && !isInviteMode
-            ? await signInWithCredentials(
-                data.email.toLowerCase().trim(),
-                data.password,
-                token,
-              )
-            : await signUpWithCredentials(
-                data.email.toLowerCase().trim(),
-                data.password,
-                workspaceInviteHash,
-                token,
-              );
-
-        navigateAfterSignInUp(currentWorkspace, currentWorkspaceMember);
+        signInUpMode === SignInUpMode.SignIn && !isInviteMode
+          ? await signInWithCredentials(
+              data.email.toLowerCase().trim(),
+              data.password,
+              token,
+            )
+          : await signUpWithCredentials(
+              data.email.toLowerCase().trim(),
+              data.password,
+              workspaceInviteHash,
+              token,
+            );
       } catch (err: any) {
         enqueueSnackBar(err?.message, {
           variant: SnackBarVariant.Error,
@@ -136,7 +127,6 @@ export const useSignInUp = (form: UseFormReturn<Form>) => {
       signInWithCredentials,
       signUpWithCredentials,
       workspaceInviteHash,
-      navigateAfterSignInUp,
       enqueueSnackBar,
     ],
   );

packages/twenty-front/src/modules/auth/sign-in-up/hooks/useWorkspaceFromInviteHash.ts

@@ -1,12 +1,51 @@
-import { useParams } from 'react-router-dom';
+import { useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
 
+import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
+import { AppPath } from '@/types/AppPath';
+import { SnackBarVariant } from '@/ui/feedback/snack-bar-manager/components/SnackBar';
+import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import { isDefaultLayoutAuthModalVisibleState } from '@/ui/layout/states/isDefaultLayoutAuthModalVisibleState';
 import { useGetWorkspaceFromInviteHashQuery } from '~/generated/graphql';
+import { isDefined } from '~/utils/isDefined';
 
 export const useWorkspaceFromInviteHash = () => {
+  const { enqueueSnackBar } = useSnackBar();
+  const navigate = useNavigate();
   const workspaceInviteHash = useParams().workspaceInviteHash;
+  const currentWorkspace = useRecoilValue(currentWorkspaceState);
+  const [initiallyLoggedIn] = useState(isDefined(currentWorkspace));
+  const setIsDefaultLayoutAuthModalVisible = useSetRecoilState(
+    isDefaultLayoutAuthModalVisibleState,
+  );
   const { data: workspaceFromInviteHash, loading } =
     useGetWorkspaceFromInviteHashQuery({
       variables: { inviteHash: workspaceInviteHash || '' },
+      onError: () => {
+        enqueueSnackBar('workspace does not exist', {
+          variant: SnackBarVariant.Error,
+        });
+        navigate(AppPath.Index);
+      },
+      onCompleted: (data) => {
+        if (
+          isDefined(currentWorkspace) &&
+          data?.findWorkspaceFromInviteHash &&
+          currentWorkspace.id === data.findWorkspaceFromInviteHash.id
+        ) {
+          initiallyLoggedIn &&
+            enqueueSnackBar(
+              `You already belong to ${data?.findWorkspaceFromInviteHash?.displayName} workspace`,
+              {
+                variant: SnackBarVariant.Info,
+              },
+            );
+          navigate(AppPath.Index);
+        } else {
+          setIsDefaultLayoutAuthModalVisible(true);
+        }
+      },
     });
   return {
     workspace: workspaceFromInviteHash?.findWorkspaceFromInviteHash,