feat: onboarding & profile edition (#507)

* feat: wip onboarding

* fix: generate graphql front

* wip: onboarding

* feat: login/register and edit profile

* fix: unused import

* fix: test

* Use DEBUG_MODE instead of STAGE and mute typescript depth exceed errors

* Fix seeds

* Fix onboarding when coming from google

* Fix

* Fix lint

* Fix ci

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/apollo/hooks/useApolloFactory.ts

@@ -1,9 +1,16 @@
 import { useEffect, useMemo, useRef } from 'react';
-import { InMemoryCache, NormalizedCacheObject } from '@apollo/client';
+import {
+  ApolloLink,
+  InMemoryCache,
+  NormalizedCacheObject,
+} from '@apollo/client';
 import { useRecoilState } from 'recoil';
 
+import { isMockModeState } from '@/auth/states/isMockModeState';
 import { tokenPairState } from '@/auth/states/tokenPairState';
 import { CommentThreadTarget } from '~/generated/graphql';
+import { mockedCompaniesData } from '~/testing/mock-data/companies';
+import { mockedUsersData } from '~/testing/mock-data/users';
 
 import { ApolloFactory } from '../services/apollo.factory';
 
@@ -11,8 +18,22 @@ export function useApolloFactory() {
   const apolloRef = useRef<ApolloFactory<NormalizedCacheObject> | null>(null);
 
   const [tokenPair, setTokenPair] = useRecoilState(tokenPairState);
+  const [isMockMode] = useRecoilState(isMockModeState);
 
   const apolloClient = useMemo(() => {
+    const mockLink = new ApolloLink((operation, forward) => {
+      return forward(operation).map((response) => {
+        if (operation.operationName === 'GetCompanies') {
+          return { data: { companies: mockedCompaniesData } };
+        }
+        if (operation.operationName === 'GetCurrentUser') {
+          return { data: { currentUser: mockedUsersData[0] } };
+        }
+
+        return response;
+      });
+    });
+
     apolloRef.current = new ApolloFactory({
       uri: `${process.env.REACT_APP_API_URL}`,
       cache: new InMemoryCache({
@@ -42,10 +63,11 @@ export function useApolloFactory() {
       onUnauthenticatedError() {
         setTokenPair(null);
       },
+      extraLinks: isMockMode ? [mockLink] : [],
     });
 
     return apolloRef.current.getClient();
-  }, [setTokenPair]);
+  }, [isMockMode, setTokenPair]);
 
   useEffect(() => {
     if (apolloRef.current) {

front/src/modules/apollo/hooks/useApolloMocked.ts

@@ -1,44 +0,0 @@
-import { useMemo } from 'react';
-import {
-  ApolloClient,
-  ApolloLink,
-  createHttpLink,
-  from,
-  InMemoryCache,
-} from '@apollo/client';
-
-import { mockedCompaniesData } from '~/testing/mock-data/companies';
-import { mockedUsersData } from '~/testing/mock-data/users';
-
-export default function useApolloMocked() {
-  const mockedClient = useMemo(() => {
-    const apiLink = createHttpLink({
-      uri: `${process.env.REACT_APP_API_URL}`,
-    });
-
-    const mockLink = new ApolloLink((operation, forward) => {
-      return forward(operation).map((response) => {
-        if (operation.operationName === 'GetCompanies') {
-          return { data: { companies: mockedCompaniesData } };
-        }
-        if (operation.operationName === 'GetCurrentUser') {
-          return { data: { users: [mockedUsersData[0]] } };
-        }
-
-        return response;
-      });
-    });
-
-    return new ApolloClient({
-      link: from([mockLink, apiLink]),
-      cache: new InMemoryCache(),
-      defaultOptions: {
-        query: {
-          fetchPolicy: 'cache-first',
-        },
-      },
-    });
-  }, []);
-
-  return mockedClient;
-}