Improve provisionning new accounts (#757)

* Improve provisionning new accounts

* Fix lint

front/src/App.tsx

@@ -75,7 +75,7 @@ export function App() {
                 <Routes>
                   <Route
                     path=""
-                    element={<Navigate to={AppPath.PeoplePage} replace />}
+                    element={<Navigate to={AppPath.CompaniesPage} replace />}
                   />
                   <Route path={AppPath.PeoplePage} element={<People />} />
                   <Route

front/src/AppNavbar.tsx

@@ -47,18 +47,18 @@ export function AppNavbar() {
               icon={<IconSettings size={theme.icon.size.md} />}
             />
             <NavTitle label="Workspace" />
-            <NavItem
-              label="People"
-              to="/people"
-              icon={<IconUser size={theme.icon.size.md} />}
-              active={currentPath === '/people'}
-            />
             <NavItem
               label="Companies"
               to="/companies"
               icon={<IconBuildingSkyscraper size={theme.icon.size.md} />}
               active={currentPath === '/companies'}
             />
+            <NavItem
+              label="People"
+              to="/people"
+              icon={<IconUser size={theme.icon.size.md} />}
+              active={currentPath === '/people'}
+            />
             <NavItem
               label="Opportunities"
               to="/opportunities"

front/src/modules/companies/components/HooksCompanyBoard.tsx

@@ -16,7 +16,10 @@ import { filtersScopedState } from '@/ui/filter-n-sort/states/filtersScopedState
 import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
 import { turnFilterIntoWhereClause } from '@/ui/filter-n-sort/utils/turnFilterIntoWhereClause';
 import { useRecoilScopedValue } from '@/ui/recoil-scope/hooks/useRecoilScopedValue';
-import { PipelineProgressOrderByWithRelationInput as PipelineProgresses_Order_By } from '~/generated/graphql';
+import {
+  PipelineProgressableType,
+  PipelineProgressOrderByWithRelationInput as PipelineProgresses_Order_By,
+} from '~/generated/graphql';
 import {
   Pipeline,
   useGetCompaniesQuery,
@@ -39,11 +42,16 @@ export function HooksCompanyBoard({
   const [currentPipeline, setCurrentPipeline] =
     useRecoilState(currentPipelineState);
 
-  const [, setBoard] = useRecoilState(boardState);
+  const [board, setBoard] = useRecoilState(boardState);
 
   const [, setIsBoardLoaded] = useRecoilState(isBoardLoadedState);
 
   useGetPipelinesQuery({
+    variables: {
+      where: {
+        pipelineProgressableType: { equals: PipelineProgressableType.Company },
+      },
+    },
     onCompleted: async (data) => {
       const pipeline = data?.findManyPipeline[0] as Pipeline;
       setCurrentPipeline(pipeline);
@@ -55,12 +63,12 @@ export function HooksCompanyBoard({
           })
         : [];
       const initialBoard: BoardPipelineStageColumn[] =
-        orderedPipelineStages?.map((pipelineStage) => ({
+        orderedPipelineStages?.map((pipelineStage, i) => ({
           pipelineStageId: pipelineStage.id,
           title: pipelineStage.name,
           colorCode: pipelineStage.color,
           index: pipelineStage.index || 0,
-          pipelineProgressIds: [],
+          pipelineProgressIds: board?.[i].pipelineProgressIds || [],
         })) || [];
       setBoard(initialBoard);
     },

front/src/modules/people/components/PeopleCompanyCreateCell.tsx

@@ -14,6 +14,8 @@ import {
 } from '~/generated/graphql';
 import { logError } from '~/utils/logError';
 
+import { SEARCH_COMPANY_QUERY } from '../../search/queries/search';
+
 type OwnProps = {
   people: Pick<Person, 'id'>;
 };
@@ -51,7 +53,10 @@ export function PeopleCompanyCreateCell({ people }: OwnProps) {
           address: '',
           createdAt: new Date().toISOString(),
         },
-        refetchQueries: [getOperationName(GET_COMPANIES) || ''],
+        refetchQueries: [
+          getOperationName(GET_COMPANIES) ?? '',
+          getOperationName(SEARCH_COMPANY_QUERY) ?? '',
+        ],
       });
 
       await updatePeople({

front/src/pages/companies/Companies.tsx

@@ -17,6 +17,8 @@ import {
   useInsertCompanyMutation,
 } from '~/generated/graphql';
 
+import { SEARCH_COMPANY_QUERY } from '../../modules/search/queries/search';
+
 const StyledTableContainer = styled.div`
   display: flex;
   width: 100%;
@@ -37,7 +39,10 @@ export function Companies() {
 
     await insertCompany({
       variables: newCompany,
-      refetchQueries: [getOperationName(GET_COMPANIES) ?? ''],
+      refetchQueries: [
+        getOperationName(GET_COMPANIES) ?? '',
+        getOperationName(SEARCH_COMPANY_QUERY) ?? '',
+      ],
     });
   }
 

server/src/core/company/company.service.ts

@@ -1,6 +1,7 @@
 import { Injectable } from '@nestjs/common';
 
 import { PrismaService } from 'src/database/prisma.service';
+import companiesSeed from 'src/core/company/seed-data/companies.json';
 
 @Injectable()
 export class CompanyService {
@@ -36,4 +37,15 @@ export class CompanyService {
 
   // GroupBy
   groupBy = this.prismaService.company.groupBy;
+  async createDefaultCompanies({ workspaceId }: { workspaceId: string }) {
+    const companies = companiesSeed.map((company) => ({
+      ...company,
+      workspaceId,
+    }));
+    await this.createMany({
+      data: companies,
+    });
+
+    return this.findMany({ where: { workspaceId }});
+  }
 }

server/src/core/company/seed-data/companies.json

@@ -0,0 +1,33 @@
+[
+    {
+      "name": "Rudderstack",
+      "domainName": "rudderstack.com",
+      "address": "San Francisco",
+      "employees": 195
+    },
+    {
+      "name": "Medusa",
+      "domainName": "medusajs.com",
+      "address": "Copenhagen",
+      "employees": 57
+    },
+    {
+      "name": "Metabase",
+      "domainName": "metabase.com",
+      "address": "San Francisco",
+      "employees": 68
+    },
+    {
+      "name": "Strapi",
+      "domainName": "strapi.com",
+      "address": "Paris",
+      "employees": 95
+    },
+    {
+      "name": "Posthog",
+      "domainName": "posthog.com",
+      "address": "San Francisco",
+      "employees": 34
+    }
+  ]
+  

server/src/core/person/person.service.ts

@@ -1,6 +1,9 @@
 import { Injectable } from '@nestjs/common';
 
+import { Company } from '@prisma/client';
+
 import { PrismaService } from 'src/database/prisma.service';
+import peopleSeed from 'src/core/person/seed-data/people.json';
 
 @Injectable()
 export class PersonService {
@@ -36,4 +39,20 @@ export class PersonService {
 
   // GroupBy
   groupBy = this.prismaService.person.groupBy;
+  async createDefaultPeople({
+    workspaceId,
+    companies,
+  }: {
+    workspaceId: string;
+    companies: Company[];
+  }) {
+    const people = peopleSeed.map((person, i) => ({
+      ...person,
+      companyId: companies[i].id || null,
+      workspaceId,
+    }));
+    return this.createMany({
+      data: people,
+    });
+  }
 }

server/src/core/person/seed-data/people.json

@@ -0,0 +1,38 @@
+[
+  {
+    "firstName": "Soumyadeb",
+    "lastName": "Mitra",
+    "city": "San Francisco",
+    "email": "soumyadeb@rudderstack.com",
+    "phone": ""
+  },
+  {
+    "firstName": "Sebastian",
+    "lastName": "Rindom",
+    "city": "Copenhagen",
+    "email": "sebastian@medusajs.com",
+    "phone": ""
+  },
+  {
+    "firstName": "Sameer",
+    "lastName": "Al-Sakran",
+    "city": "San Francisco",
+    "email": "sameer@metabase.com",
+    "phone": ""
+  },
+  {
+    "firstName": "Pierre",
+    "lastName": "Burgy",
+    "city": "Paris",
+    "email": "pierre@strapi.com",
+    "phone": ""
+  },
+  {
+    "firstName": "James",
+    "lastName": "Hawkins",
+    "city": "San Francisco",
+    "email": "james@posthog.com",
+    "phone": ""
+  }
+]
+  

server/src/core/workspace/services/workspace.service.spec.ts

@@ -4,6 +4,8 @@ import { PrismaService } from 'src/database/prisma.service';
 import { prismaMock } from 'src/database/client-mock/jest-prisma-singleton';
 import { PipelineService } from 'src/core/pipeline/services/pipeline.service';
 import { PipelineStageService } from 'src/core/pipeline/services/pipeline-stage.service';
+import { PersonService } from 'src/core/person/person.service';
+import { CompanyService } from 'src/core/company/company.service';
 
 import { WorkspaceService } from './workspace.service';
 
@@ -26,6 +28,14 @@ describe('WorkspaceService', () => {
           provide: PipelineStageService,
           useValue: {},
         },
+        {
+          provide: PersonService,
+          useValue: {},
+        },
+        {
+          provide: CompanyService,
+          useValue: {},
+        },
       ],
     }).compile();
 

server/src/core/workspace/services/workspace.service.ts

@@ -1,14 +1,20 @@
 import { Injectable } from '@nestjs/common';
 
+import { v4 } from 'uuid';
+
 import { PipelineStageService } from 'src/core/pipeline/services/pipeline-stage.service';
 import { PipelineService } from 'src/core/pipeline/services/pipeline.service';
 import { PrismaService } from 'src/database/prisma.service';
+import { CompanyService } from 'src/core/company/company.service';
+import { PersonService } from 'src/core/person/person.service';
 
 @Injectable()
 export class WorkspaceService {
   constructor(
     private readonly prismaService: PrismaService,
     private readonly pipelineService: PipelineService,
+    private readonly companyService: CompanyService,
+    private readonly personService: PersonService,
     private readonly pipelineStageService: PipelineStageService,
   ) {}
 
@@ -45,7 +51,22 @@ export class WorkspaceService {
 
   // Customs
   async createDefaultWorkspace() {
-    const workspace = await this.create({ data: {} });
+    const workspace = await this.create({
+      data: {
+        inviteHash: v4(),
+      },
+    });
+
+    // Create default companies
+    const companies = await this.companyService.createDefaultCompanies({
+      workspaceId: workspace.id,
+    });
+
+    // Create default people
+    await this.personService.createDefaultPeople({
+      workspaceId: workspace.id,
+      companies,
+    });
 
     // Create default pipeline
     const pipeline = await this.pipelineService.createDefaultPipeline({

server/src/core/workspace/workspace.module.ts

@@ -2,6 +2,8 @@ import { Module } from '@nestjs/common';
 
 import { FileUploadService } from 'src/core/file/services/file-upload.service';
 import { PipelineModule } from 'src/core/pipeline/pipeline.module';
+import { CompanyModule } from 'src/core/company/company.module';
+import { PersonModule } from 'src/core/person/person.module';
 
 import { WorkspaceService } from './services/workspace.service';
 import { WorkspaceMemberService } from './services/workspace-member.service';
@@ -9,7 +11,7 @@ import { WorkspaceMemberResolver } from './resolvers/workspace-member.resolver';
 import { WorkspaceResolver } from './resolvers/workspace.resolver';
 
 @Module({
-  imports: [PipelineModule],
+  imports: [PipelineModule, CompanyModule, PersonModule],
   providers: [
     WorkspaceService,
     FileUploadService,