V2 opportunities (#2565)

* changed isSystem to false

* wip

* wip

* wip

* add amount viewfield seed

* seed other viewFields

* upate tenant seeds

* Remove calls to old pipelines

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

front/src/modules/ui/layout/board/components/EntityBoard.tsx

@@ -1,10 +1,11 @@
 import { useCallback, useRef } from 'react';
-import { getOperationName } from '@apollo/client/utilities';
+import { useApolloClient } from '@apollo/client';
 import styled from '@emotion/styled';
 import { DragDropContext, OnDragEndResponder } from '@hello-pangea/dnd'; // Atlassian dnd does not support StrictMode from RN 18, so we use a fork @hello-pangea/dnd https://github.com/atlassian/react-beautiful-dnd/issues/2350
 import { useRecoilValue } from 'recoil';
 
-import { GET_PIPELINE_PROGRESS } from '@/pipeline/graphql/queries/getPipelineProgress';
+import { useUpdateOneObjectRecord } from '@/object-record/hooks/useUpdateOneObjectRecord';
+import { Opportunity } from '@/pipeline/types/Opportunity';
 import { PageHotkeyScope } from '@/types/PageHotkeyScope';
 import { StyledBoard } from '@/ui/layout/board/components/StyledBoard';
 import { BoardColumnContext } from '@/ui/layout/board/contexts/BoardColumnContext';
@@ -13,11 +14,7 @@ import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useListenClickOutsideByClassName } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
-import {
-  PipelineProgress,
-  PipelineStage,
-  useUpdateOnePipelineProgressStageMutation,
-} from '~/generated/graphql';
+import { PipelineProgress, PipelineStage } from '~/generated/graphql';
 import { logError } from '~/utils/logError';
 
 import { useCurrentCardSelected } from '../hooks/useCurrentCardSelected';
@@ -59,8 +56,12 @@ export const EntityBoard = ({
   const boardColumns = useRecoilValue(boardColumnsState);
   const setCardSelected = useSetCardSelected();
 
-  const [updatePipelineProgressStage] =
-    useUpdateOnePipelineProgressStageMutation();
+  const { updateOneObject: updateOneOpportunity } =
+    useUpdateOneObjectRecord<Opportunity>({
+      objectNameSingular: 'opportunityV2',
+    });
+
+  const apolloClient = useApolloClient();
 
   const { unselectAllActiveCards } = useCurrentCardSelected();
 
@@ -69,33 +70,25 @@ export const EntityBoard = ({
       pipelineProgressId: NonNullable<PipelineProgress['id']>,
       pipelineStageId: NonNullable<PipelineStage['id']>,
     ) => {
-      updatePipelineProgressStage({
-        variables: {
+      await updateOneOpportunity?.({
+        idToUpdate: pipelineProgressId,
+        input: {
+          pipelineStepId: pipelineStageId,
+        },
+      });
+
+      const cache = apolloClient.cache;
+      cache.modify({
+        id: cache.identify({
           id: pipelineProgressId,
-          pipelineStageId,
+          __typename: 'PipelineProgress',
+        }),
+        fields: {
+          pipelineStageId: () => pipelineStageId,
         },
-        optimisticResponse: {
-          __typename: 'Mutation',
-          updateOnePipelineProgress: {
-            __typename: 'PipelineProgress',
-            id: pipelineProgressId,
-          },
-        },
-        update: (cache) => {
-          cache.modify({
-            id: cache.identify({
-              id: pipelineProgressId,
-              __typename: 'PipelineProgress',
-            }),
-            fields: {
-              pipelineStageId: () => pipelineStageId,
-            },
-          });
-        },
-        refetchQueries: [getOperationName(GET_PIPELINE_PROGRESS) ?? ''],
       });
     },
-    [updatePipelineProgressStage],
+    [apolloClient.cache, updateOneOpportunity],
   );
 
   useListenClickOutsideByClassName({

front/src/modules/ui/layout/board/hooks/useBoardActionBarEntries.tsx

@@ -1,10 +1,9 @@
 import { useSetRecoilState } from 'recoil';
 
 import { IconTrash } from '@/ui/display/icon';
+import { useDeleteSelectedBoardCards } from '@/ui/layout/board/hooks/useDeleteSelectedBoardCards';
 import { actionBarEntriesState } from '@/ui/navigation/action-bar/states/actionBarEntriesState';
 
-import { useDeleteSelectedBoardCards } from './useDeleteSelectedBoardCards';
-
 export const useBoardActionBarEntries = () => {
   const setActionBarEntries = useSetRecoilState(actionBarEntriesState);
 

front/src/modules/ui/layout/board/hooks/useBoardColumns.ts

@@ -1,7 +1,8 @@
 import { useRecoilState } from 'recoil';
 
+import { useUpdateOneObjectRecord } from '@/object-record/hooks/useUpdateOneObjectRecord';
+import { PipelineStep } from '@/pipeline/types/PipelineStep';
 import { useMoveViewColumns } from '@/views/hooks/useMoveViewColumns';
-import { useUpdatePipelineStageMutation } from '~/generated/graphql';
 
 import { boardColumnsState } from '../states/boardColumnsState';
 import { BoardColumnDefinition } from '../types/BoardColumnDefinition';
@@ -11,19 +12,20 @@ export const useBoardColumns = () => {
 
   const { handleColumnMove } = useMoveViewColumns();
 
-  const [updatePipelineStageMutation] = useUpdatePipelineStageMutation();
+  const { updateOneObject: updateOnePipelineStep } =
+    useUpdateOneObjectRecord<PipelineStep>({
+      objectNameSingular: 'pipelineStepV2',
+    });
 
   const updatedPipelineStages = (stages: BoardColumnDefinition[]) => {
     if (!stages.length) return;
 
     return Promise.all(
       stages.map((stage) =>
-        updatePipelineStageMutation({
-          variables: {
-            data: {
-              position: stage.position,
-            },
-            id: stage.id,
+        updateOnePipelineStep?.({
+          idToUpdate: stage.id,
+          input: {
+            position: stage.position,
           },
         }),
       ),

front/src/modules/ui/layout/board/hooks/useBoardContextMenuEntries.tsx

@@ -1,10 +1,9 @@
 import { useSetRecoilState } from 'recoil';
 
 import { IconTrash } from '@/ui/display/icon';
+import { useDeleteSelectedBoardCards } from '@/ui/layout/board/hooks/useDeleteSelectedBoardCards';
 import { contextMenuEntriesState } from '@/ui/navigation/context-menu/states/contextMenuEntriesState';
 
-import { useDeleteSelectedBoardCards } from './useDeleteSelectedBoardCards';
-
 export const useBoardContextMenuEntries = () => {
   const setContextMenuEntries = useSetRecoilState(contextMenuEntriesState);
 

front/src/modules/ui/layout/board/hooks/useDeleteSelectedBoardCards.ts

@@ -1,40 +1,41 @@
-import { getOperationName } from '@apollo/client/utilities';
-import { useRecoilValue } from 'recoil';
+import { useApolloClient } from '@apollo/client';
+import { useRecoilCallback } from 'recoil';
 
-import { GET_PIPELINES } from '@/pipeline/graphql/queries/getPipelines';
-import { useDeleteManyPipelineProgressMutation } from '~/generated/graphql';
+import { useDeleteOneObjectRecord } from '@/object-record/hooks/useDeleteOneObjectRecord';
+import { Opportunity } from '@/pipeline/types/Opportunity';
 
 import { selectedCardIdsSelector } from '../states/selectors/selectedCardIdsSelector';
 
 import { useRemoveCardIds } from './useRemoveCardIds';
 
 export const useDeleteSelectedBoardCards = () => {
-  const selectedCardIds = useRecoilValue(selectedCardIdsSelector);
   const removeCardIds = useRemoveCardIds();
+  const apolloClient = useApolloClient();
 
-  const [deletePipelineProgress] = useDeleteManyPipelineProgressMutation({
-    refetchQueries: [getOperationName(GET_PIPELINES) ?? ''],
-  });
+  const { deleteOneObject: deleteOneOpportunity } =
+    useDeleteOneObjectRecord<Opportunity>({
+      objectNameSingular: 'opportunityV2',
+    });
 
-  const deleteSelectedBoardCards = async () => {
-    await deletePipelineProgress({
-      variables: {
-        ids: selectedCardIds,
-      },
-      optimisticResponse: {
-        __typename: 'Mutation',
-        deleteManyPipelineProgress: {
-          count: selectedCardIds.length,
-        },
-      },
-      update: (cache) => {
+  const deleteSelectedBoardCards = useRecoilCallback(
+    ({ snapshot }) =>
+      async () => {
+        const selectedCardIds = snapshot
+          .getLoadable(selectedCardIdsSelector)
+          .getValue();
+
+        await Promise.all(
+          selectedCardIds.map(async (id) => {
+            await deleteOneOpportunity?.(id);
+          }),
+        );
         removeCardIds(selectedCardIds);
         selectedCardIds.forEach((id) => {
-          cache.evict({ id: `PipelineProgress:${id}` });
+          apolloClient.cache.evict({ id: `Opportunity:${id}` });
         });
       },
-    });
-  };
+    [apolloClient.cache, deleteOneOpportunity, removeCardIds],
+  );
 
   return deleteSelectedBoardCards;
 };