Reorganize frontend and install Craco to alias modules (#190)

front/src/modules/people/interfaces/__tests__/person.interface.test.ts

@@ -0,0 +1,82 @@
+import {
+  GraphqlMutationPerson,
+  GraphqlQueryPerson,
+  mapToGqlPerson,
+  mapToPerson,
+  Person,
+} from '../person.interface';
+
+describe('Person mappers', () => {
+  it('should map GraphqlPerson to Person', () => {
+    const now = new Date();
+    now.setMilliseconds(0);
+    const graphQLPerson = {
+      id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',
+      firstname: 'John',
+      lastname: 'Doe',
+      createdAt: now.toUTCString(),
+      email: 'john.doe@gmail.com',
+      phone: '+1 (555) 123-4567',
+      city: 'Paris',
+      company: {
+        id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
+        name: 'John Doe',
+        __typename: 'Company',
+      },
+      __typename: 'people',
+    } satisfies GraphqlQueryPerson;
+
+    const person = mapToPerson(graphQLPerson);
+    expect(person).toStrictEqual({
+      __typename: 'people',
+      id: graphQLPerson.id,
+      firstname: graphQLPerson.firstname,
+      lastname: graphQLPerson.lastname,
+      createdAt: new Date(now.toUTCString()),
+      email: graphQLPerson.email,
+      city: graphQLPerson.city,
+      phone: graphQLPerson.phone,
+      company: {
+        __typename: 'companies',
+        id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
+        accountOwner: undefined,
+        address: undefined,
+        createdAt: undefined,
+        domainName: undefined,
+        employees: undefined,
+        name: 'John Doe',
+        pipes: [],
+      },
+    } satisfies Person);
+  });
+
+  it('should map Person to GraphQlPerson', () => {
+    const now = new Date();
+    now.setMilliseconds(0);
+    const person = {
+      id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',
+      firstname: 'John',
+      lastname: 'Doe',
+      createdAt: new Date(now.toUTCString()),
+      email: 'john.doe@gmail.com',
+      phone: '+1 (555) 123-4567',
+      city: 'Paris',
+      company: {
+        id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
+      },
+    } satisfies Person;
+
+    const graphQLPerson = mapToGqlPerson(person);
+    expect(graphQLPerson).toStrictEqual({
+      id: person.id,
+      firstname: person.firstname,
+      lastname: person.lastname,
+      createdAt: now.toUTCString(),
+      email: person.email,
+      city: person.city,
+      phone: person.phone,
+      companyId: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
+      __typename: 'people',
+    } satisfies GraphqlMutationPerson);
+  });
+});

front/src/modules/people/interfaces/person.interface.ts

@@ -0,0 +1,77 @@
+import {
+  Company,
+  GraphqlQueryCompany,
+  mapToCompany,
+} from '@/companies/interfaces/company.interface';
+import { Pipeline } from '@/pipelines/interfaces/pipeline.interface';
+
+export type Person = {
+  __typename: 'people';
+  id: string;
+  firstname?: string;
+  lastname?: string;
+  picture?: string | null;
+  email?: string;
+  phone?: string;
+  city?: string;
+
+  createdAt?: Date;
+
+  company?: Company | null;
+  pipes?: Pipeline[] | null;
+};
+
+export type GraphqlQueryPerson = {
+  id: string;
+  firstname?: string;
+  lastname?: string;
+  city?: string;
+  email?: string;
+  phone?: string;
+
+  createdAt?: string;
+
+  company?: GraphqlQueryCompany | null;
+
+  __typename: string;
+};
+
+export type GraphqlMutationPerson = {
+  id: string;
+  firstname?: string;
+  lastname?: string;
+  email?: string;
+  phone?: string;
+  city?: string;
+  createdAt?: string;
+  companyId?: string;
+  __typename: 'people';
+};
+
+export const mapToPerson = (person: GraphqlQueryPerson): Person => ({
+  __typename: 'people',
+  id: person.id,
+  firstname: person.firstname,
+  lastname: person.lastname,
+  email: person.email,
+  phone: person.phone,
+  city: person.city,
+
+  createdAt: person.createdAt ? new Date(person.createdAt) : undefined,
+
+  company: person.company ? mapToCompany(person.company) : null,
+});
+
+export const mapToGqlPerson = (person: Person): GraphqlMutationPerson => ({
+  id: person.id,
+  firstname: person.firstname,
+  lastname: person.lastname,
+  email: person.email,
+  phone: person.phone,
+  city: person.city,
+
+  createdAt: person.createdAt ? person.createdAt.toUTCString() : undefined,
+
+  companyId: person.company?.id,
+  __typename: 'people',
+});