Typed updateRecord hook in generic field logic (#3102)

* Typed updateRecord hook in generic field logic

* Use sanitize instead of additional optimisticInput

packages/twenty-front/src/modules/activities/components/ActivityBodyEditor.tsx

@@ -42,7 +42,7 @@ export const ActivityBodyEditor = ({
       setBody(activityBody);
       updateOneRecord?.({
         idToUpdate: activity.id,
-        input: {
+        updateOneRecordInput: {
           body: activityBody,
         },
       });

packages/twenty-front/src/modules/activities/components/ActivityEditor.tsx

@@ -90,7 +90,6 @@ export const ActivityEditor = ({
     objectRecordId: activity.id,
     fieldMetadataName: 'dueAt',
     fieldPosition: 0,
-    forceRefetch: true,
   });
 
   const { FieldContextProvider: AssigneeFieldContextProvider } =
@@ -99,14 +98,13 @@ export const ActivityEditor = ({
       objectRecordId: activity.id,
       fieldMetadataName: 'assignee',
       fieldPosition: 1,
-      forceRefetch: true,
     });
 
   const updateTitle = useCallback(
     (newTitle: string) => {
       updateOneActivity?.({
         idToUpdate: activity.id,
-        input: {
+        updateOneRecordInput: {
           title: newTitle ?? '',
         },
       });
@@ -117,10 +115,9 @@ export const ActivityEditor = ({
     (value: boolean) => {
       updateOneActivity?.({
         idToUpdate: activity.id,
-        input: {
+        updateOneRecordInput: {
           completedAt: value ? new Date().toISOString() : null,
         },
-        forceRefetch: true,
       });
     },
     [activity.id, updateOneActivity],

packages/twenty-front/src/modules/activities/tasks/hooks/useCompleteTask.ts

@@ -15,7 +15,7 @@ export const useCompleteTask = (task: Task) => {
       const completedAt = value ? new Date().toISOString() : null;
       await updateOneActivity?.({
         idToUpdate: task.id,
-        input: {
+        updateOneRecordInput: {
           completedAt,
         },
       });

packages/twenty-front/src/modules/companies/components/CompanyBoardCard.tsx

@@ -2,7 +2,11 @@ import { ReactNode, useContext } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
-import { FieldContext } from '@/object-record/field/contexts/FieldContext';
+import {
+  FieldContext,
+  RecordUpdateHook,
+  RecordUpdateHookParams,
+} from '@/object-record/field/contexts/FieldContext';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
 import { BoardCardIdContext } from '@/object-record/record-board/contexts/BoardCardIdContext';
 import { useCurrentRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal';
@@ -145,24 +149,15 @@ export const CompanyBoardCard = () => {
 
   const visibleBoardCardFields = useRecoilValue(visibleBoardCardFieldsSelector);
 
-  const useUpdateOneRecordMutation: () => [(params: any) => any, any] = () => {
+  const useUpdateOneRecordMutation: RecordUpdateHook = () => {
     const { updateOneRecord: updateOneOpportunity } = useUpdateOneRecord({
       objectNameSingular: 'opportunity',
     });
 
-    const updateEntity = ({
+    const updateEntity = ({ variables }: RecordUpdateHookParams) => {
-      variables,
-    }: {
-      variables: {
-        where: { id: string };
-        data: {
-          [fieldName: string]: any;
-        };
-      };
-    }) => {
       updateOneOpportunity?.({
-        idToUpdate: variables.where.id,
+        idToUpdate: variables.where.id as string,
-        input: variables.data,
+        updateOneRecordInput: variables.updateOneRecordInput,
       });
     };
 
@@ -242,7 +237,7 @@ export const CompanyBoardCard = () => {
                       type: viewField.type,
                       metadata: viewField.metadata,
                     },
-                    useUpdateEntityMutation: useUpdateOneRecordMutation,
+                    useUpdateRecord: useUpdateOneRecordMutation,
                     hotkeyScope: InlineCellHotkeyScope.InlineCell,
                   }}
                 >

packages/twenty-front/src/modules/object-record/components/RecordShowPage.tsx

@@ -6,7 +6,11 @@ import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { formatFieldMetadataItemAsColumnDefinition } from '@/object-metadata/utils/formatFieldMetadataItemAsColumnDefinition';
 import { parseFieldType } from '@/object-metadata/utils/parseFieldType';
-import { FieldContext } from '@/object-record/field/contexts/FieldContext';
+import {
+  FieldContext,
+  RecordUpdateHook,
+  RecordUpdateHookParams,
+} from '@/object-record/field/contexts/FieldContext';
 import { entityFieldsFamilyState } from '@/object-record/field/states/entityFieldsFamilyState';
 import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
 import { PropertyBox } from '@/object-record/record-inline-cell/property-box/components/PropertyBox';
@@ -82,23 +86,11 @@ export const RecordShowPage = () => {
         ? 'Person'
         : 'Custom';
 
-  const useUpdateOneObjectRecordMutation: () => [
+  const useUpdateOneObjectRecordMutation: RecordUpdateHook = () => {
-    (params: any) => any,
+    const updateEntity = ({ variables }: RecordUpdateHookParams) => {
-    any,
-  ] = () => {
-    const updateEntity = ({
-      variables,
-    }: {
-      variables: {
-        where: { id: string };
-        data: {
-          [fieldName: string]: any;
-        };
-      };
-    }) => {
       updateOneRecord?.({
-        idToUpdate: variables.where.id,
+        idToUpdate: variables.where.id as string,
-        input: variables.data,
+        updateOneRecordInput: variables.updateOneRecordInput,
       });
     };
 
@@ -172,7 +164,7 @@ export const RecordShowPage = () => {
 
     await updateOneRecord({
       idToUpdate: record.id,
-      input: {
+      updateOneRecordInput: {
         avatarUrl,
       },
     });
@@ -249,8 +241,7 @@ export const RecordShowPage = () => {
                                 labelIdentifierFieldMetadata?.name || '',
                             },
                           },
-                          useUpdateEntityMutation:
+                          useUpdateRecord: useUpdateOneObjectRecordMutation,
-                            useUpdateOneObjectRecordMutation,
                           hotkeyScope: InlineCellHotkeyScope.InlineCell,
                         }}
                       >
@@ -279,8 +270,7 @@ export const RecordShowPage = () => {
                                 position: index,
                                 objectMetadataItem,
                               }),
-                            useUpdateEntityMutation:
+                            useUpdateRecord: useUpdateOneObjectRecordMutation,
-                              useUpdateOneObjectRecordMutation,
                             hotkeyScope: InlineCellHotkeyScope.InlineCell,
                           }}
                         >

packages/twenty-front/src/modules/object-record/components/RecordTableContainer.tsx

@@ -4,6 +4,7 @@ import { useSpreadsheetCompanyImport } from '@/companies/hooks/useSpreadsheetCom
 import { useColumnDefinitionsFromFieldMetadata } from '@/object-metadata/hooks/useColumnDefinitionsFromFieldMetadata';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
+import { RecordUpdateHookParams } from '@/object-record/field/contexts/FieldContext';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
 import { RecordTable } from '@/object-record/record-table/components/RecordTable';
 import { TableOptionsDropdownId } from '@/object-record/record-table/constants/TableOptionsDropdownId';
@@ -57,19 +58,10 @@ export const RecordTableContainer = ({
     recordTableScopeId: recordTableId,
   });
 
-  const updateEntity = ({
+  const updateEntity = ({ variables }: RecordUpdateHookParams) => {
-    variables,
-  }: {
-    variables: {
-      where: { id: string };
-      data: {
-        [fieldName: string]: any;
-      };
-    };
-  }) => {
     updateOneRecord?.({
-      idToUpdate: variables.where.id,
+      idToUpdate: variables.where.id as string,
-      input: variables.data,
+      updateOneRecordInput: variables.updateOneRecordInput,
     });
   };
 
@@ -111,14 +103,12 @@ export const RecordTableContainer = ({
         />
       </SpreadsheetImportProvider>
       <RecordTableEffect recordTableId={recordTableId} viewBarId={viewBarId} />
-      {
+      <RecordTable
-        <RecordTable
+        recordTableId={recordTableId}
-          recordTableId={recordTableId}
+        viewBarId={viewBarId}
-          viewBarId={viewBarId}
+        updateRecordMutation={updateEntity}
-          updateRecordMutation={updateEntity}
+        createRecord={createRecord}
-          createRecord={createRecord}
+      />
-        />
-      }
     </StyledContainer>
   );
 };

packages/twenty-front/src/modules/object-record/field/contexts/FieldContext.ts

@@ -3,10 +3,25 @@ import { createContext } from 'react';
 import { FieldDefinition } from '../types/FieldDefinition';
 import { FieldMetadata } from '../types/FieldMetadata';
 
+export type RecordUpdateHookParams = {
+  variables: {
+    where: Record<string, unknown>;
+    updateOneRecordInput: Record<string, unknown>;
+  };
+};
+
+export type RecordUpdateHookReturn = {
+  loading?: boolean;
+};
+
+export type RecordUpdateHook = () => [
+  (params: RecordUpdateHookParams) => void,
+  RecordUpdateHookReturn,
+];
+
 export type GenericFieldContextType = {
   fieldDefinition: FieldDefinition<FieldMetadata>;
-  // TODO: add better typing for mutation web-hook
+  useUpdateRecord?: RecordUpdateHook;
-  useUpdateEntityMutation?: () => [(params: any) => void, any];
   entityId: string;
   recoilScopeId?: string;
   hotkeyScope: string;

packages/twenty-front/src/modules/object-record/field/hooks/usePersistField.ts

@@ -31,10 +31,10 @@ export const usePersistField = () => {
   const {
     entityId,
     fieldDefinition,
-    useUpdateEntityMutation = () => [],
+    useUpdateRecord = () => [],
   } = useContext(FieldContext);
 
-  const [updateEntity] = useUpdateEntityMutation();
+  const [updateRecord] = useUpdateRecord();
 
   const persistField = useRecoilCallback(
     ({ set }) =>
@@ -85,13 +85,12 @@ export const usePersistField = () => {
             valueToPersist,
           );
 
-          updateEntity?.({
+          updateRecord?.({
             variables: {
               where: { id: entityId },
-              data: {
+              updateOneRecordInput: {
-                // TODO: find a more elegant way to do this ?
-                // Maybe have a link between the RELATION field and the UUID field ?
                 [`${fieldName}Id`]: valueToPersist?.id ?? null,
+                [`${fieldName}`]: valueToPersist ?? null,
               },
             },
           });
@@ -113,10 +112,10 @@ export const usePersistField = () => {
             valueToPersist,
           );
 
-          updateEntity?.({
+          updateRecord?.({
             variables: {
               where: { id: entityId },
-              data: {
+              updateOneRecordInput: {
                 [fieldName]: valueToPersist,
               },
             },
@@ -131,7 +130,7 @@ export const usePersistField = () => {
           );
         }
       },
-    [entityId, fieldDefinition, updateEntity],
+    [entityId, fieldDefinition, updateRecord],
   );
 
   return persistField;

packages/twenty-front/src/modules/object-record/field/hooks/useToggleEditOnlyInput.ts

@@ -9,10 +9,10 @@ export const useToggleEditOnlyInput = () => {
   const {
     entityId,
     fieldDefinition,
-    useUpdateEntityMutation = () => [],
+    useUpdateRecord = () => [],
   } = useContext(FieldContext);
 
-  const [updateEntity] = useUpdateEntityMutation();
+  const [updateRecord] = useUpdateRecord();
 
   const toggleField = useRecoilCallback(
     ({ set, snapshot }) =>
@@ -30,10 +30,10 @@ export const useToggleEditOnlyInput = () => {
             valueToPersist,
           );
 
-          updateEntity?.({
+          updateRecord?.({
             variables: {
               where: { id: entityId },
-              data: {
+              updateOneRecordInput: {
                 [fieldName]: valueToPersist,
               },
             },
@@ -44,7 +44,7 @@ export const useToggleEditOnlyInput = () => {
           );
         }
       },
-    [entityId, fieldDefinition, updateEntity],
+    [entityId, fieldDefinition, updateRecord],
   );
 
   return toggleField;

packages/twenty-front/src/modules/object-record/field/meta-types/__stories__/FieldContextProvider.tsx

@@ -22,7 +22,7 @@ export const FieldContextProvider = ({
         recoilScopeId: '1',
         hotkeyScope: 'hotkey-scope',
         fieldDefinition,
-        useUpdateEntityMutation: () => [() => undefined, {}],
+        useUpdateRecord: () => [() => undefined, {}],
       }}
     >
       {children}

packages/twenty-front/src/modules/object-record/field/meta-types/display/components/__stories__/NumberFieldDisplay.stories.tsx

@@ -37,7 +37,7 @@ const meta: Meta = {
             },
           },
           hotkeyScope: 'hotkey-scope',
-          useUpdateEntityMutation: () => [() => undefined, undefined],
+          useUpdateRecord: () => [() => undefined, {}],
         }}
       >
         <NumberFieldValueSetterEffect value={args.value} />

packages/twenty-front/src/modules/object-record/field/meta-types/display/components/__stories__/PhoneFieldDisplay.stories.tsx

@@ -38,7 +38,7 @@ const meta: Meta = {
             },
           },
           hotkeyScope: 'hotkey-scope',
-          useUpdateEntityMutation: () => [() => undefined, undefined],
+          useUpdateRecord: () => [() => undefined, {}],
         }}
       >
         <MemoryRouter>

packages/twenty-front/src/modules/object-record/field/meta-types/input/components/RelationFieldInput.tsx

@@ -44,22 +44,6 @@ export const RelationFieldInput = ({
         onCancel={onCancel}
         initialSearchFilter={initialSearchValue}
       />
-      {/* {fieldDefinition.metadata.fieldName === 'person' ? (
-        <PeoplePicker
-          personId={initialValue?.id ?? ''}
-          companyId={initialValue?.companyId ?? ''}
-          onSubmit={handleSubmit}
-          onCancel={onCancel}
-          initialSearchFilter={initialSearchValue}
-        />
-      ) : fieldDefinition.metadata.fieldName === 'company' ? (
-        <CompanyPicker
-          companyId={initialValue?.id ?? ''}
-          onSubmit={handleSubmit}
-          onCancel={onCancel}
-          initialSearchFilter={initialSearchValue}
-        />
-      ) : null} */}
     </StyledRelationPickerContainer>
   );
 };

packages/twenty-front/src/modules/object-record/hooks/useFieldContext.tsx

@@ -2,7 +2,11 @@ import { ReactNode } from 'react';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { formatFieldMetadataItemAsColumnDefinition } from '@/object-metadata/utils/formatFieldMetadataItemAsColumnDefinition';
-import { FieldContext } from '@/object-record/field/contexts/FieldContext';
+import {
+  FieldContext,
+  RecordUpdateHook,
+  RecordUpdateHookParams,
+} from '@/object-record/field/contexts/FieldContext';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
 import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope';
 
@@ -11,13 +15,11 @@ export const useFieldContext = ({
   fieldMetadataName,
   objectRecordId,
   fieldPosition,
-  forceRefetch,
 }: {
   objectNameSingular: string;
   objectRecordId: string;
   fieldMetadataName: string;
   fieldPosition: number;
-  forceRefetch?: boolean;
 }) => {
   const { objectMetadataItem } = useObjectMetadataItem({
     objectNameSingular,
@@ -27,25 +29,15 @@ export const useFieldContext = ({
     (field) => field.name === fieldMetadataName,
   );
 
-  const useUpdateOneObjectMutation: () => [(params: any) => any, any] = () => {
+  const useUpdateOneObjectMutation: RecordUpdateHook = () => {
     const { updateOneRecord } = useUpdateOneRecord({
       objectNameSingular,
     });
 
-    const updateEntity = ({
+    const updateEntity = ({ variables }: RecordUpdateHookParams) => {
-      variables,
-    }: {
-      variables: {
-        where: { id: string };
-        data: {
-          [fieldName: string]: any;
-        };
-      };
-    }) => {
       updateOneRecord?.({
-        idToUpdate: variables.where.id,
+        idToUpdate: variables.where.id as string,
-        input: variables.data,
+        updateOneRecordInput: variables.updateOneRecordInput,
-        forceRefetch,
       });
     };
 
@@ -66,7 +58,7 @@ export const useFieldContext = ({
                 position: fieldPosition,
                 objectMetadataItem,
               }),
-              useUpdateEntityMutation: useUpdateOneObjectMutation,
+              useUpdateRecord: useUpdateOneObjectMutation,
               hotkeyScope: InlineCellHotkeyScope.InlineCell,
             }}
           >

packages/twenty-front/src/modules/object-record/hooks/useUpdateOneRecord.ts

@@ -2,6 +2,7 @@ import { useApolloClient } from '@apollo/client';
 
 import { useOptimisticEffect } from '@/apollo/optimistic-effect/hooks/useOptimisticEffect';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { capitalize } from '~/utils/string/capitalize';
 
 type useUpdateOneRecordProps = {
@@ -25,37 +26,46 @@ export const useUpdateOneRecord = <T>({
 
   const updateOneRecord = async ({
     idToUpdate,
-    input,
+    updateOneRecordInput,
   }: {
     idToUpdate: string;
-    input: Record<string, any>;
+    updateOneRecordInput: Record<string, unknown>;
-    forceRefetch?: boolean;
   }) => {
     const cachedRecord = getRecordFromCache(idToUpdate);
 
+    const optimisticallyUpdatedRecord: Record<string, any> = {
+      ...(cachedRecord ?? {}),
+      ...updateOneRecordInput,
+    };
+
+    const sanitizedUpdateOneRecordInput = Object.fromEntries(
+      Object.keys(updateOneRecordInput)
+        .filter((fieldName) => {
+          const fieldDefinition = objectMetadataItem.fields.find(
+            (field) => field.name === fieldName,
+          );
+
+          return fieldDefinition?.type !== FieldMetadataType.Relation;
+        })
+        .map((fieldName) => [fieldName, updateOneRecordInput[fieldName]]),
+    );
+
     triggerOptimisticEffects({
       typename: `${capitalize(objectMetadataItem.nameSingular)}Edge`,
-      updatedRecords: [
+      updatedRecords: [optimisticallyUpdatedRecord],
-        {
-          ...(cachedRecord ?? {}),
-          ...input,
-        },
-      ],
     });
 
     const updatedRecord = await apolloClient.mutate({
       mutation: updateOneRecordMutation,
       variables: {
-        idToUpdate: idToUpdate,
+        idToUpdate,
         input: {
-          ...input,
+          ...sanitizedUpdateOneRecordInput,
         },
       },
       optimisticResponse: {
-        [`update${capitalize(objectMetadataItem.nameSingular)}`]: {
+        [`update${capitalize(objectMetadataItem.nameSingular)}`]:
-          ...(cachedRecord ?? {}),
+          optimisticallyUpdatedRecord,
-          ...input,
-        },
       },
     });
 

packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx

@@ -83,7 +83,7 @@ export const RecordBoard = ({
     async (pipelineProgressId: string, pipelineStepId: string) => {
       await updateOneOpportunity?.({
         idToUpdate: pipelineProgressId,
-        input: {
+        updateOneRecordInput: {
           pipelineStepId: pipelineStepId,
         },
       });

packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRecordBoardColumnsInternal.ts

@@ -26,7 +26,7 @@ export const useBoardColumnsInternal = () => {
         (stage) =>
           updateOnePipelineStep?.({
             idToUpdate: stage.id,
-            input: {
+            updateOneRecordInput: {
               position: stage.position,
             },
           }),

packages/twenty-front/src/modules/object-record/record-table/components/RecordTable.tsx

@@ -12,7 +12,7 @@ import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
 import { useViewFields } from '@/views/hooks/internal/useViewFields';
 import { mapColumnDefinitionsToViewFields } from '@/views/utils/mapColumnDefinitionToViewField';
 
-import { EntityUpdateMutationContext } from '../contexts/EntityUpdateMutationHookContext';
+import { RecordUpdateContext } from '../contexts/EntityUpdateMutationHookContext';
 import { useRecordTable } from '../hooks/useRecordTable';
 import { RecordTableScope } from '../scopes/RecordTableScope';
 import { numberOfTableRowsState } from '../states/numberOfTableRowsState';
@@ -159,7 +159,7 @@ export const RecordTable = ({
       })}
     >
       <ScrollWrapper>
-        <EntityUpdateMutationContext.Provider value={updateRecordMutation}>
+        <RecordUpdateContext.Provider value={updateRecordMutation}>
           <StyledTableWithHeader>
             <StyledTableContainer>
               <div ref={tableBodyRef}>
@@ -193,7 +193,7 @@ export const RecordTable = ({
               )}
             </StyledTableContainer>
           </StyledTableWithHeader>
-        </EntityUpdateMutationContext.Provider>
+        </RecordUpdateContext.Provider>
       </ScrollWrapper>
     </RecordTableScope>
   );

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableCell.tsx

@@ -11,7 +11,7 @@ import { FieldContext } from '../../field/contexts/FieldContext';
 import { isFieldRelation } from '../../field/types/guards/isFieldRelation';
 import { ColumnContext } from '../contexts/ColumnContext';
 import { ColumnIndexContext } from '../contexts/ColumnIndexContext';
-import { EntityUpdateMutationContext } from '../contexts/EntityUpdateMutationHookContext';
+import { RecordUpdateContext } from '../contexts/EntityUpdateMutationHookContext';
 import { RowIdContext } from '../contexts/RowIdContext';
 import { TableCell } from '../record-table-cell/components/RecordTableCell';
 import { useCurrentRowSelected } from '../record-table-row/hooks/useCurrentRowSelected';
@@ -39,7 +39,7 @@ export const RecordTableCell = ({ cellIndex }: { cellIndex: number }) => {
 
   const columnDefinition = useContext(ColumnContext);
 
-  const updateEntityMutation = useContext(EntityUpdateMutationContext);
+  const updateRecord = useContext(RecordUpdateContext);
 
   if (!columnDefinition || !currentRowId) {
     return null;
@@ -58,7 +58,7 @@ export const RecordTableCell = ({ cellIndex }: { cellIndex: number }) => {
               recoilScopeId: currentRowId + columnDefinition.label,
               entityId: currentRowId,
               fieldDefinition: columnDefinition,
-              useUpdateEntityMutation: () => [updateEntityMutation, {}],
+              useUpdateRecord: () => [updateRecord, {}],
               hotkeyScope: customHotkeyScope,
               basePathToShowPage: objectMetadataConfig?.basePathToShowPage,
               isLabelIdentifier:

packages/twenty-front/src/modules/object-record/record-table/contexts/EntityUpdateMutationHookContext.ts

@@ -1,5 +1,7 @@
 import { createContext } from 'react';
 
-export const EntityUpdateMutationContext = createContext<(params: any) => void>(
+import { RecordUpdateHookParams } from '@/object-record/field/contexts/FieldContext';
-  {} as any,
+
-);
+export const RecordUpdateContext = createContext<
+  (params: RecordUpdateHookParams) => void
+>({} as any);

packages/twenty-front/src/modules/settings/profile/components/NameFields.tsx

@@ -60,7 +60,7 @@ export const NameFields = ({
       if (autoSave) {
         await updateOneRecord({
           idToUpdate: currentWorkspaceMember?.id,
-          input: {
+          updateOneRecordInput: {
             name: {
               firstName: firstName,
               lastName: lastName,

packages/twenty-front/src/modules/settings/profile/components/ProfilePictureUploader.tsx

@@ -57,7 +57,7 @@ export const ProfilePictureUploader = () => {
 
       await updateOneRecord({
         idToUpdate: currentWorkspaceMember?.id,
-        input: {
+        updateOneRecordInput: {
           avatarUrl,
         },
       });
@@ -84,7 +84,7 @@ export const ProfilePictureUploader = () => {
 
     await updateOneRecord({
       idToUpdate: currentWorkspaceMember?.id,
-      input: {
+      updateOneRecordInput: {
         avatarUrl: null,
       },
     });

packages/twenty-front/src/modules/ui/theme/hooks/useColorScheme.ts

@@ -32,7 +32,7 @@ export const useColorScheme = () => {
       });
       await updateOneWorkspaceMember?.({
         idToUpdate: currentWorkspaceMember?.id,
-        input: {
+        updateOneRecordInput: {
           colorScheme: value,
         },
       });

packages/twenty-front/src/pages/auth/CreateProfile.tsx

@@ -93,7 +93,7 @@ export const CreateProfile = () => {
 
         await updateOneRecord({
           idToUpdate: currentWorkspaceMember?.id,
-          input: {
+          updateOneRecordInput: {
             name: {
               firstName: data.firstName,
               lastName: data.lastName,

packages/twenty-front/src/pages/opportunities/Opportunities.tsx

@@ -36,7 +36,7 @@ export const Opportunities = () => {
   }) => {
     updateOnePipelineStep?.({
       idToUpdate: columnId,
-      input: { name: title, color },
+      updateOneRecordInput: { name: title, color },
     });
   };
 

packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx

@@ -65,7 +65,7 @@ export const SettingsDevelopersApiKeyDetail = () => {
   const deleteIntegration = async (redirect = true) => {
     await updateApiKey?.({
       idToUpdate: apiKeyId,
-      input: { revokedAt: DateTime.now().toString() },
+      updateOneRecordInput: { revokedAt: DateTime.now().toString() },
     });
     performOptimisticEvict('ApiKey', 'id', apiKeyId);
     if (redirect) {