feat(*): allow to select auth providers + add multiworkspace with subdomain management (#8656)

## Summary
Add support for multi-workspace feature and adjust configurations and
states accordingly.
- Introduced new state isMultiWorkspaceEnabledState.
- Updated ClientConfigProviderEffect component to handle
multi-workspace.
- Modified GraphQL schema and queries to include multi-workspace related
configurations.
- Adjusted server environment variables and their respective
documentation to support multi-workspace toggle.
- Updated server-side logic to handle new multi-workspace configurations
and conditions.

packages/twenty-front/src/modules/auth/states/availableIdentityProviderForAuthState.ts

@@ -0,0 +1,9 @@
+import { createState } from 'twenty-ui';
+import { UserExists } from '~/generated/graphql';
+
+export const availableSSOIdentityProvidersForAuthState = createState<
+  NonNullable<UserExists['availableWorkspaces']>[0]['sso']
+>({
+  key: 'availableSSOIdentityProvidersForAuth',
+  defaultValue: [],
+});

packages/twenty-front/src/modules/auth/states/availableWorkspacesForSSO.ts

@@ -1,11 +0,0 @@
-import { createState } from 'twenty-ui';
-import { FindAvailableSsoIdentityProvidersMutationResult } from '~/generated/graphql';
-
-export const availableSSOIdentityProvidersState = createState<
-  NonNullable<
-    FindAvailableSsoIdentityProvidersMutationResult['data']
-  >['findAvailableSSOIdentityProviders']
->({
-  key: 'availableSSOIdentityProviders',
-  defaultValue: [],
-});

packages/twenty-front/src/modules/auth/states/currentWorkspaceState.ts

@@ -14,7 +14,11 @@ export type CurrentWorkspace = Pick<
   | 'currentBillingSubscription'
   | 'workspaceMembersCount'
   | 'isPublicInviteLinkEnabled'
+  | 'isGoogleAuthEnabled'
+  | 'isMicrosoftAuthEnabled'
+  | 'isPasswordAuthEnabled'
   | 'hasValidEntrepriseKey'
+  | 'subdomain'
   | 'metadataVersion'
 >;
 

packages/twenty-front/src/modules/auth/states/lastAuthenticateWorkspaceState.ts

@@ -0,0 +1,18 @@
+import { cookieStorageEffect } from '~/utils/recoil-effects';
+import { Workspace } from '~/generated/graphql';
+import { createState } from 'twenty-ui';
+
+export const lastAuthenticateWorkspaceState = createState<
+  | (Pick<Workspace, 'id' | 'subdomain'> & {
+      cookieAttributes?: Cookies.CookieAttributes;
+    })
+  | null
+>({
+  key: 'lastAuthenticateWorkspaceState',
+  defaultValue: null,
+  effects: [
+    cookieStorageEffect('lastAuthenticateWorkspace', {
+      expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year
+    }),
+  ],
+});

packages/twenty-front/src/modules/auth/states/signInUpModeState.ts

@@ -0,0 +1,7 @@
+import { createState } from 'twenty-ui';
+import { SignInUpMode } from '@/auth/types/signInUpMode.type';
+
+export const signInUpModeState = createState<SignInUpMode>({
+  key: 'signInUpModeState',
+  defaultValue: SignInUpMode.SignIn,
+});

packages/twenty-front/src/modules/auth/states/signInUpStepState.ts

@@ -4,8 +4,8 @@ export enum SignInUpStep {
   Init = 'init',
   Email = 'email',
   Password = 'password',
-  SSOEmail = 'SSOEmail',
-  SSOWorkspaceSelection = 'SSOWorkspaceSelection',
+  WorkspaceSelection = 'workspaceSelection',
+  SSOIdentityProviderSelection = 'SSOIdentityProviderSelection',
 }
 
 export const signInUpStepState = createState<SignInUpStep>({

packages/twenty-front/src/modules/auth/states/tokenPairState.ts

@@ -2,9 +2,17 @@ import { createState } from 'twenty-ui';
 
 import { AuthTokenPair } from '~/generated/graphql';
 import { cookieStorageEffect } from '~/utils/recoil-effects';
-
 export const tokenPairState = createState<AuthTokenPair | null>({
   key: 'tokenPairState',
   defaultValue: null,
-  effects: [cookieStorageEffect('tokenPair')],
+  effects: [
+    cookieStorageEffect(
+      'tokenPair',
+      {},
+      {
+        validateInitFn: (payload: AuthTokenPair) =>
+          Boolean(payload['accessToken']),
+      },
+    ),
+  ],
 });

packages/twenty-front/src/modules/auth/states/workspacePublicDataState.ts

@@ -0,0 +1,8 @@
+import { createState } from 'twenty-ui';
+import { PublicWorkspaceDataOutput } from '~/generated/graphql';
+
+export const workspacePublicDataState =
+  createState<PublicWorkspaceDataOutput | null>({
+    key: 'workspacePublicDataState',
+    defaultValue: null,
+  });

packages/twenty-front/src/modules/auth/states/workspaces.ts

@@ -2,7 +2,10 @@ import { createState } from 'twenty-ui';
 
 import { Workspace } from '~/generated/graphql';
 
-export type Workspaces = Pick<Workspace, 'id' | 'logo' | 'displayName'>;
+export type Workspaces = Pick<
+  Workspace,
+  'id' | 'logo' | 'displayName' | 'subdomain'
+>;
 
 export const workspacesState = createState<Workspaces[] | null>({
   key: 'workspacesState',