@refinedev/core 4.47.2 → 4.49.0

package/src/hooks/data/useUpdate.ts

@@ -1,139 +1,163 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-    useMutation,
-    UseMutationOptions,
-    UseMutationResult,
-    useQueryClient,
+  UseMutationOptions,
+  UseMutationResult,
+  useMutation,
+  useQueryClient,
 } from "@tanstack/react-query";
 
-import { ActionTypes } from "@contexts/undoableQueue";
 import {
-    pickDataProvider,
-    pickNotDeprecated,
-    queryKeysReplacement,
-    useActiveAuthProvider,
+  pickDataProvider,
+  pickNotDeprecated,
+  queryKeysReplacement,
+  useActiveAuthProvider,
 } from "@definitions/helpers";
 import {
-    useCancelNotification,
-    useDataProvider,
-    useHandleNotification,
-    useInvalidate,
-    useLog,
-    useMeta,
-    useMutationMode,
-    useOnError,
-    usePublish,
-    useRefineContext,
-    useResource,
-    useTranslate,
+  useCancelNotification,
+  useDataProvider,
+  useHandleNotification,
+  useInvalidate,
+  useKeys,
+  useLog,
+  useMeta,
+  useMutationMode,
+  useOnError,
+  usePublish,
+  useRefineContext,
+  useResource,
+  useTranslate,
 } from "@hooks";
-import { useKeys } from "@hooks/useKeys";
+
 import {
-    BaseKey,
-    BaseRecord,
-    GetListResponse,
-    GetManyResponse,
-    GetOneResponse,
-    HttpError,
-    IQueryKeys,
-    MetaQuery,
-    MutationMode,
-    OptimisticUpdateMapType,
-    PrevContext as UpdateContext,
-    PreviousQuery,
-    SuccessErrorNotification,
-    UpdateResponse,
-} from "../../interfaces";
+  BaseKey,
+  BaseRecord,
+  GetListResponse,
+  GetManyResponse,
+  GetOneResponse,
+  HttpError,
+  IQueryKeys,
+  MetaQuery,
+  MutationMode,
+  PrevContext as UpdateContext,
+  PreviousQuery,
+  UpdateResponse,
+} from "../../contexts/data/types";
+import { SuccessErrorNotification } from "../../contexts/notification/types";
+import { ActionTypes } from "../../contexts/undoableQueue/types";
 import {
-    useLoadingOvertime,
-    UseLoadingOvertimeOptionsProps,
-    UseLoadingOvertimeReturnType,
+  UseLoadingOvertimeOptionsProps,
+  UseLoadingOvertimeReturnType,
+  useLoadingOvertime,
 } from "../useLoadingOvertime";
 
+export type OptimisticUpdateMapType<TData, TVariables> = {
+  list?:
+    | ((
+        previous: GetListResponse<TData> | null | undefined,
+        values: TVariables,
+        id: BaseKey,
+      ) => GetListResponse<TData> | null)
+    | boolean;
+  many?:
+    | ((
+        previous: GetManyResponse<TData> | null | undefined,
+        values: TVariables,
+        id: BaseKey,
+      ) => GetManyResponse<TData> | null)
+    | boolean;
+  detail?:
+    | ((
+        previous: GetOneResponse<TData> | null | undefined,
+        values: TVariables,
+        id: BaseKey,
+      ) => GetOneResponse<TData> | null)
+    | boolean;
+};
+
 export type UpdateParams<TData, TError, TVariables> = {
-    /**
-     * Resource name for API data interactions
-     */
-    resource: string;
-    /**
-     * id for mutation function
-     */
-    id: BaseKey;
-    /**
-     * [Determines when mutations are executed](/advanced-tutorials/mutation-mode.md)
-     */
-    mutationMode?: MutationMode;
-    /**
-     * Duration in ms to wait before executing the mutation when `mutationMode = "undoable"`
-     */
-    undoableTimeout?: number;
-    /**
-     * Provides a function to cancel the mutation when `mutationMode = "undoable"`
-     */
-    onCancel?: (cancelMutation: () => void) => void;
-    /**
-     * Values for mutation function
-     */
-    values: TVariables;
-    /**
-     * Metadata query for dataProvider
-     */
-    meta?: MetaQuery;
-    /**
-     * Metadata query for dataProvider
-     * @deprecated `metaData` is deprecated with refine@4, refine will pass `meta` instead, however, we still support `metaData` for backward compatibility.
-     */
-    metaData?: MetaQuery;
-    /**
-     * If there is more than one `dataProvider`, you should use the `dataProviderName` that you will use.
-     * @default "default"
-     */
-    dataProviderName?: string;
-    /**
-     *  You can use it to manage the invalidations that will occur at the end of the mutation.
-     */
-    invalidates?: Array<keyof IQueryKeys>;
-    /**
-     * You can use it to customize the optimistic update logic.
-     * @default {
-     *   list: true,
-     *   many: true,
-     *   detail: true,
-     * }
-     */
-    optimisticUpdateMap?: OptimisticUpdateMapType<TData, TVariables>;
+  /**
+   * Resource name for API data interactions
+   */
+  resource: string;
+  /**
+   * id for mutation function
+   */
+  id: BaseKey;
+  /**
+   * [Determines when mutations are executed](/advanced-tutorials/mutation-mode.md)
+   */
+  mutationMode?: MutationMode;
+  /**
+   * Duration in ms to wait before executing the mutation when `mutationMode = "undoable"`
+   */
+  undoableTimeout?: number;
+  /**
+   * Provides a function to cancel the mutation when `mutationMode = "undoable"`
+   */
+  onCancel?: (cancelMutation: () => void) => void;
+  /**
+   * Values for mutation function
+   */
+  values: TVariables;
+  /**
+   * Metadata query for dataProvider
+   */
+  meta?: MetaQuery;
+  /**
+   * Metadata query for dataProvider
+   * @deprecated `metaData` is deprecated with refine@4, refine will pass `meta` instead, however, we still support `metaData` for backward compatibility.
+   */
+  metaData?: MetaQuery;
+  /**
+   * If there is more than one `dataProvider`, you should use the `dataProviderName` that you will use.
+   * @default "default"
+   */
+  dataProviderName?: string;
+  /**
+   *  You can use it to manage the invalidations that will occur at the end of the mutation.
+   */
+  invalidates?: Array<keyof IQueryKeys>;
+  /**
+   * You can use it to customize the optimistic update logic.
+   * @default {
+   *   list: true,
+   *   many: true,
+   *   detail: true,
+   * }
+   */
+  optimisticUpdateMap?: OptimisticUpdateMapType<TData, TVariables>;
 } & SuccessErrorNotification<
-    UpdateResponse<TData>,
-    TError,
-    { id: BaseKey; values: TVariables }
+  UpdateResponse<TData>,
+  TError,
+  { id: BaseKey; values: TVariables }
 >;
 
 export type UseUpdateReturnType<
-    TData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
+  TData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
 > = UseMutationResult<
-    UpdateResponse<TData>,
-    TError,
-    UpdateParams<TData, TError, TVariables>,
-    UpdateContext<TData>
+  UpdateResponse<TData>,
+  TError,
+  UpdateParams<TData, TError, TVariables>,
+  UpdateContext<TData>
 > &
-    UseLoadingOvertimeReturnType;
+  UseLoadingOvertimeReturnType;
 
 export type UseUpdateProps<
-    TData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
+  TData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
 > = {
-    mutationOptions?: Omit<
-        UseMutationOptions<
-            UpdateResponse<TData>,
-            TError,
-            UpdateParams<TData, TError, TVariables>,
-            UpdateContext<TData>
-        >,
-        "mutationFn" | "onError" | "onSuccess" | "onSettled" | "onMutate"
-    >;
+  mutationOptions?: Omit<
+    UseMutationOptions<
+      UpdateResponse<TData>,
+      TError,
+      UpdateParams<TData, TError, TVariables>,
+      UpdateContext<TData>
+    >,
+    "mutationFn" | "onError" | "onSuccess" | "onSettled" | "onMutate"
+  >;
 } & UseLoadingOvertimeOptionsProps;
 
 /**
@@ -149,462 +173,435 @@ export type UseUpdateProps<
  *
  */
 export const useUpdate = <
-    TData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
+  TData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
 >({
-    mutationOptions,
-    overtimeOptions,
+  mutationOptions,
+  overtimeOptions,
 }: UseUpdateProps<TData, TError, TVariables> = {}): UseUpdateReturnType<
-    TData,
-    TError,
-    TVariables
+  TData,
+  TError,
+  TVariables
 > => {
-    const { resources, select } = useResource();
-    const queryClient = useQueryClient();
-    const dataProvider = useDataProvider();
-
-    const {
-        mutationMode: mutationModeContext,
-        undoableTimeout: undoableTimeoutContext,
-    } = useMutationMode();
-    const translate = useTranslate();
-    const authProvider = useActiveAuthProvider();
-    const { mutate: checkError } = useOnError({
-        v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
-    });
-    const publish = usePublish();
-    const { log } = useLog();
-    const { notificationDispatch } = useCancelNotification();
-    const handleNotification = useHandleNotification();
-    const invalidateStore = useInvalidate();
-    const getMeta = useMeta();
-    const {
-        options: { textTransformers },
-    } = useRefineContext();
-    const { keys, preferLegacyKeys } = useKeys();
-
-    const mutation = useMutation<
-        UpdateResponse<TData>,
-        TError,
-        UpdateParams<TData, TError, TVariables>,
-        UpdateContext<TData>
-    >({
-        mutationFn: ({
-            id,
-            values,
-            resource: resourceName,
-            mutationMode,
-            undoableTimeout,
-            onCancel,
-            meta,
-            metaData,
-            dataProviderName,
-        }) => {
-            const { resource, identifier } = select(resourceName);
-
-            const combinedMeta = getMeta({
-                resource,
-                meta: pickNotDeprecated(meta, metaData),
-            });
-
-            const mutationModePropOrContext =
-                mutationMode ?? mutationModeContext;
-
-            const undoableTimeoutPropOrContext =
-                undoableTimeout ?? undoableTimeoutContext;
-
-            if (!(mutationModePropOrContext === "undoable")) {
-                return dataProvider(
-                    pickDataProvider(identifier, dataProviderName, resources),
-                ).update<TData, TVariables>({
-                    resource: resource.name,
-                    id,
-                    variables: values,
-                    meta: combinedMeta,
-                    metaData: combinedMeta,
-                });
-            }
-            const updatePromise = new Promise<UpdateResponse<TData>>(
-                (resolve, reject) => {
-                    const doMutation = () => {
-                        dataProvider(
-                            pickDataProvider(
-                                identifier,
-                                dataProviderName,
-                                resources,
-                            ),
-                        )
-                            .update<TData, TVariables>({
-                                resource: resource.name,
-                                id,
-                                variables: values,
-                                meta: combinedMeta,
-                                metaData: combinedMeta,
-                            })
-                            .then((result) => resolve(result))
-                            .catch((err) => reject(err));
-                    };
-
-                    const cancelMutation = () => {
-                        reject({ message: "mutationCancelled" });
-                    };
-
-                    if (onCancel) {
-                        onCancel(cancelMutation);
-                    }
-
-                    notificationDispatch({
-                        type: ActionTypes.ADD,
-                        payload: {
-                            id: id,
-                            resource: identifier,
-                            cancelMutation: cancelMutation,
-                            doMutation: doMutation,
-                            seconds: undoableTimeoutPropOrContext,
-                            isSilent: !!onCancel,
-                        },
-                    });
-                },
-            );
-            return updatePromise;
-        },
-        onMutate: async ({
-            resource: resourceName,
-            id,
-            mutationMode,
-            values,
-            dataProviderName,
-            meta,
-            metaData,
-            optimisticUpdateMap = { list: true, many: true, detail: true },
-        }) => {
-            const { identifier } = select(resourceName);
-
-            const {
-                gqlMutation: _,
-                gqlQuery: __,
-                ...preferredMeta
-            } = pickNotDeprecated(meta, metaData) ?? {};
-
-            const queryKey = queryKeysReplacement(preferLegacyKeys)(
-                identifier,
-                pickDataProvider(identifier, dataProviderName, resources),
-                preferredMeta,
-            );
-
-            const resourceKeys = keys()
-                .data(pickDataProvider(identifier, dataProviderName, resources))
-                .resource(identifier);
-
-            const previousQueries: PreviousQuery<TData>[] =
-                queryClient.getQueriesData(resourceKeys.get(preferLegacyKeys));
-
-            const mutationModePropOrContext =
-                mutationMode ?? mutationModeContext;
-
-            await queryClient.cancelQueries(
-                resourceKeys.get(preferLegacyKeys),
-                undefined,
-                {
-                    silent: true,
-                },
-            );
-
-            if (mutationModePropOrContext !== "pessimistic") {
-                if (optimisticUpdateMap.list) {
-                    // Set the previous queries to the new ones:
-                    queryClient.setQueriesData(
-                        resourceKeys
-                            .action("list")
-                            .params(preferredMeta ?? {})
-                            .get(preferLegacyKeys),
-                        (previous?: GetListResponse<TData> | null) => {
-                            if (
-                                typeof optimisticUpdateMap.list === "function"
-                            ) {
-                                return optimisticUpdateMap.list(
-                                    previous,
-                                    values,
-                                    id,
-                                );
-                            }
-
-                            if (!previous) {
-                                return null;
-                            }
-
-                            const data = previous.data.map((record: TData) => {
-                                if (record.id?.toString() === id?.toString()) {
-                                    return {
-                                        id,
-                                        ...record,
-                                        ...values,
-                                    } as unknown as TData;
-                                }
-                                return record;
-                            });
-
-                            return {
-                                ...previous,
-                                data,
-                            };
-                        },
-                    );
-                }
-
-                if (optimisticUpdateMap.many) {
-                    queryClient.setQueriesData(
-                        resourceKeys.action("many").get(preferLegacyKeys),
-                        (previous?: GetManyResponse<TData> | null) => {
-                            if (
-                                typeof optimisticUpdateMap.many === "function"
-                            ) {
-                                return optimisticUpdateMap.many(
-                                    previous,
-                                    values,
-                                    id,
-                                );
-                            }
-
-                            if (!previous) {
-                                return null;
-                            }
-
-                            const data = previous.data.map((record: TData) => {
-                                if (record.id?.toString() === id?.toString()) {
-                                    record = {
-                                        id,
-                                        ...record,
-                                        ...values,
-                                    } as unknown as TData;
-                                }
-                                return record;
-                            });
-                            return {
-                                ...previous,
-                                data,
-                            };
-                        },
-                    );
-                }
-
-                if (optimisticUpdateMap.detail) {
-                    queryClient.setQueriesData(
-                        resourceKeys
-                            .action("one")
-                            .id(id)
-                            .params(preferredMeta ?? {})
-                            .get(preferLegacyKeys),
-                        (previous?: GetOneResponse<TData> | null) => {
-                            if (
-                                typeof optimisticUpdateMap.detail === "function"
-                            ) {
-                                return optimisticUpdateMap.detail(
-                                    previous,
-                                    values,
-                                    id,
-                                );
-                            }
-
-                            if (!previous) {
-                                return null;
-                            }
-
-                            return {
-                                ...previous,
-                                data: {
-                                    ...previous.data,
-                                    ...values,
-                                },
-                            };
-                        },
-                    );
-                }
-            }
-
-            return {
-                previousQueries,
-                queryKey,
-            };
-        },
-        onSettled: (
-            _data,
-            _error,
-            {
+  const { resources, select } = useResource();
+  const queryClient = useQueryClient();
+  const dataProvider = useDataProvider();
+
+  const {
+    mutationMode: mutationModeContext,
+    undoableTimeout: undoableTimeoutContext,
+  } = useMutationMode();
+  const translate = useTranslate();
+  const authProvider = useActiveAuthProvider();
+  const { mutate: checkError } = useOnError({
+    v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
+  });
+  const publish = usePublish();
+  const { log } = useLog();
+  const { notificationDispatch } = useCancelNotification();
+  const handleNotification = useHandleNotification();
+  const invalidateStore = useInvalidate();
+  const getMeta = useMeta();
+  const {
+    options: { textTransformers },
+  } = useRefineContext();
+  const { keys, preferLegacyKeys } = useKeys();
+
+  const mutation = useMutation<
+    UpdateResponse<TData>,
+    TError,
+    UpdateParams<TData, TError, TVariables>,
+    UpdateContext<TData>
+  >({
+    mutationFn: ({
+      id,
+      values,
+      resource: resourceName,
+      mutationMode,
+      undoableTimeout,
+      onCancel,
+      meta,
+      metaData,
+      dataProviderName,
+    }) => {
+      const { resource, identifier } = select(resourceName);
+
+      const combinedMeta = getMeta({
+        resource,
+        meta: pickNotDeprecated(meta, metaData),
+      });
+
+      const mutationModePropOrContext = mutationMode ?? mutationModeContext;
+
+      const undoableTimeoutPropOrContext =
+        undoableTimeout ?? undoableTimeoutContext;
+
+      if (!(mutationModePropOrContext === "undoable")) {
+        return dataProvider(
+          pickDataProvider(identifier, dataProviderName, resources),
+        ).update<TData, TVariables>({
+          resource: resource.name,
+          id,
+          variables: values,
+          meta: combinedMeta,
+          metaData: combinedMeta,
+        });
+      }
+      const updatePromise = new Promise<UpdateResponse<TData>>(
+        (resolve, reject) => {
+          const doMutation = () => {
+            dataProvider(
+              pickDataProvider(identifier, dataProviderName, resources),
+            )
+              .update<TData, TVariables>({
+                resource: resource.name,
                 id,
-                resource: resourceName,
-                dataProviderName,
-                invalidates = ["list", "many", "detail"],
+                variables: values,
+                meta: combinedMeta,
+                metaData: combinedMeta,
+              })
+              .then((result) => resolve(result))
+              .catch((err) => reject(err));
+          };
+
+          const cancelMutation = () => {
+            reject({ message: "mutationCancelled" });
+          };
+
+          if (onCancel) {
+            onCancel(cancelMutation);
+          }
+
+          notificationDispatch({
+            type: ActionTypes.ADD,
+            payload: {
+              id: id,
+              resource: identifier,
+              cancelMutation: cancelMutation,
+              doMutation: doMutation,
+              seconds: undoableTimeoutPropOrContext,
+              isSilent: !!onCancel,
             },
-        ) => {
-            const { identifier } = select(resourceName);
-
-            invalidateStore({
-                resource: identifier,
-                dataProviderName: pickDataProvider(
-                    identifier,
-                    dataProviderName,
-                    resources,
-                ),
-                invalidates,
-                id,
-            });
-
-            notificationDispatch({
-                type: ActionTypes.REMOVE,
-                payload: { id, resource: identifier },
-            });
+          });
         },
-        onSuccess: (
-            data,
-            {
-                id,
-                resource: resourceName,
-                successNotification,
-                dataProviderName: dataProviderNameFromProp,
-                values,
-                meta,
-                metaData,
+      );
+      return updatePromise;
+    },
+    onMutate: async ({
+      resource: resourceName,
+      id,
+      mutationMode,
+      values,
+      dataProviderName,
+      meta,
+      metaData,
+      optimisticUpdateMap = { list: true, many: true, detail: true },
+    }) => {
+      const { identifier } = select(resourceName);
+
+      const {
+        gqlMutation: _,
+        gqlQuery: __,
+        ...preferredMeta
+      } = pickNotDeprecated(meta, metaData) ?? {};
+
+      const queryKey = queryKeysReplacement(preferLegacyKeys)(
+        identifier,
+        pickDataProvider(identifier, dataProviderName, resources),
+        preferredMeta,
+      );
+
+      const resourceKeys = keys()
+        .data(pickDataProvider(identifier, dataProviderName, resources))
+        .resource(identifier);
+
+      const previousQueries: PreviousQuery<TData>[] =
+        queryClient.getQueriesData(resourceKeys.get(preferLegacyKeys));
+
+      const mutationModePropOrContext = mutationMode ?? mutationModeContext;
+
+      await queryClient.cancelQueries(
+        resourceKeys.get(preferLegacyKeys),
+        undefined,
+        {
+          silent: true,
+        },
+      );
+
+      if (mutationModePropOrContext !== "pessimistic") {
+        if (optimisticUpdateMap.list) {
+          // Set the previous queries to the new ones:
+          queryClient.setQueriesData(
+            resourceKeys
+              .action("list")
+              .params(preferredMeta ?? {})
+              .get(preferLegacyKeys),
+            (previous?: GetListResponse<TData> | null) => {
+              if (typeof optimisticUpdateMap.list === "function") {
+                return optimisticUpdateMap.list(previous, values, id);
+              }
+
+              if (!previous) {
+                return null;
+              }
+
+              const data = previous.data.map((record: TData) => {
+                if (record.id?.toString() === id?.toString()) {
+                  return {
+                    id,
+                    ...record,
+                    ...values,
+                  } as unknown as TData;
+                }
+                return record;
+              });
+
+              return {
+                ...previous,
+                data,
+              };
             },
-            context,
-        ) => {
-            const { resource, identifier } = select(resourceName);
-            const resourceSingular = textTransformers.singular(identifier);
-
-            const dataProviderName = pickDataProvider(
-                identifier,
-                dataProviderNameFromProp,
-                resources,
-            );
-
-            const combinedMeta = getMeta({
-                resource,
-                meta: pickNotDeprecated(meta, metaData),
-            });
-
-            const notificationConfig =
-                typeof successNotification === "function"
-                    ? successNotification(data, { id, values }, identifier)
-                    : successNotification;
-
-            handleNotification(notificationConfig, {
-                key: `${id}-${identifier}-notification`,
-                description: translate("notifications.success", "Successful"),
-                message: translate(
-                    "notifications.editSuccess",
-                    {
-                        resource: translate(
-                            `${identifier}.${identifier}`,
-                            resourceSingular,
-                        ),
-                    },
-                    `Successfully updated ${resourceSingular}`,
-                ),
-                type: "success",
-            });
-
-            publish?.({
-                channel: `resources/${resource.name}`,
-                type: "updated",
-                payload: {
-                    ids: data.data?.id ? [data.data.id] : undefined,
-                },
-                date: new Date(),
-                meta: {
-                    ...combinedMeta,
-                    dataProviderName,
-                },
-            });
-
-            let previousData: any;
-            if (context) {
-                const queryData = queryClient.getQueryData<
-                    UpdateResponse<TData>
-                >(context.queryKey.detail(id));
-
-                previousData = Object.keys(values || {}).reduce<any>(
-                    (acc, item) => {
-                        acc[item] = queryData?.data?.[item];
-                        return acc;
-                    },
-                    {},
-                );
-            }
-
-            const {
-                fields: _fields,
-                operation: _operation,
-                variables: _variables,
-                ...rest
-            } = combinedMeta || {};
-            log?.mutate({
-                action: "update",
-                resource: resource.name,
-                data: values,
-                previousData,
-                meta: {
+          );
+        }
+
+        if (optimisticUpdateMap.many) {
+          queryClient.setQueriesData(
+            resourceKeys.action("many").get(preferLegacyKeys),
+            (previous?: GetManyResponse<TData> | null) => {
+              if (typeof optimisticUpdateMap.many === "function") {
+                return optimisticUpdateMap.many(previous, values, id);
+              }
+
+              if (!previous) {
+                return null;
+              }
+
+              const data = previous.data.map((record: TData) => {
+                if (record.id?.toString() === id?.toString()) {
+                  record = {
                     id,
-                    dataProviderName,
-                    ...rest,
+                    ...record,
+                    ...values,
+                  } as unknown as TData;
+                }
+                return record;
+              });
+              return {
+                ...previous,
+                data,
+              };
+            },
+          );
+        }
+
+        if (optimisticUpdateMap.detail) {
+          queryClient.setQueriesData(
+            resourceKeys
+              .action("one")
+              .id(id)
+              .params(preferredMeta ?? {})
+              .get(preferLegacyKeys),
+            (previous?: GetOneResponse<TData> | null) => {
+              if (typeof optimisticUpdateMap.detail === "function") {
+                return optimisticUpdateMap.detail(previous, values, id);
+              }
+
+              if (!previous) {
+                return null;
+              }
+
+              return {
+                ...previous,
+                data: {
+                  ...previous.data,
+                  ...values,
                 },
-            });
+              };
+            },
+          );
+        }
+      }
+
+      return {
+        previousQueries,
+        queryKey,
+      };
+    },
+    onSettled: (
+      _data,
+      _error,
+      {
+        id,
+        resource: resourceName,
+        dataProviderName,
+        invalidates = ["list", "many", "detail"],
+      },
+    ) => {
+      const { identifier } = select(resourceName);
+
+      invalidateStore({
+        resource: identifier,
+        dataProviderName: pickDataProvider(
+          identifier,
+          dataProviderName,
+          resources,
+        ),
+        invalidates,
+        id,
+      });
+
+      notificationDispatch({
+        type: ActionTypes.REMOVE,
+        payload: { id, resource: identifier },
+      });
+    },
+    onSuccess: (
+      data,
+      {
+        id,
+        resource: resourceName,
+        successNotification,
+        dataProviderName: dataProviderNameFromProp,
+        values,
+        meta,
+        metaData,
+      },
+      context,
+    ) => {
+      const { resource, identifier } = select(resourceName);
+      const resourceSingular = textTransformers.singular(identifier);
+
+      const dataProviderName = pickDataProvider(
+        identifier,
+        dataProviderNameFromProp,
+        resources,
+      );
+
+      const combinedMeta = getMeta({
+        resource,
+        meta: pickNotDeprecated(meta, metaData),
+      });
+
+      const notificationConfig =
+        typeof successNotification === "function"
+          ? successNotification(data, { id, values }, identifier)
+          : successNotification;
+
+      handleNotification(notificationConfig, {
+        key: `${id}-${identifier}-notification`,
+        description: translate("notifications.success", "Successful"),
+        message: translate(
+          "notifications.editSuccess",
+          {
+            resource: translate(
+              `${identifier}.${identifier}`,
+              resourceSingular,
+            ),
+          },
+          `Successfully updated ${resourceSingular}`,
+        ),
+        type: "success",
+      });
+
+      publish?.({
+        channel: `resources/${resource.name}`,
+        type: "updated",
+        payload: {
+          ids: data.data?.id ? [data.data.id] : undefined,
         },
-        onError: (
-            err: TError,
-            { id, resource: resourceName, errorNotification, values },
-            context,
-        ) => {
-            const { identifier } = select(resourceName);
-
-            // set back the queries to the context:
-            if (context) {
-                for (const query of context.previousQueries) {
-                    queryClient.setQueryData(query[0], query[1]);
-                }
-            }
-
-            if (err.message !== "mutationCancelled") {
-                checkError?.(err);
-
-                const resourceSingular = textTransformers.singular(identifier);
-
-                const notificationConfig =
-                    typeof errorNotification === "function"
-                        ? errorNotification(err, { id, values }, identifier)
-                        : errorNotification;
-
-                handleNotification(notificationConfig, {
-                    key: `${id}-${identifier}-notification`,
-                    message: translate(
-                        "notifications.editError",
-                        {
-                            resource: translate(
-                                `${identifier}.${identifier}`,
-                                resourceSingular,
-                            ),
-                            statusCode: err.statusCode,
-                        },
-                        `Error when updating ${resourceSingular} (status code: ${err.statusCode})`,
-                    ),
-                    description: err.message,
-                    type: "error",
-                });
-            }
+        date: new Date(),
+        meta: {
+          ...combinedMeta,
+          dataProviderName,
         },
-        mutationKey: keys().data().mutation("update").get(preferLegacyKeys),
-        ...mutationOptions,
+      });
+
+      let previousData: any;
+      if (context) {
+        const queryData = queryClient.getQueryData<UpdateResponse<TData>>(
+          context.queryKey.detail(id),
+        );
+
+        previousData = Object.keys(values || {}).reduce<any>((acc, item) => {
+          acc[item] = queryData?.data?.[item];
+          return acc;
+        }, {});
+      }
+
+      const {
+        fields: _fields,
+        operation: _operation,
+        variables: _variables,
+        ...rest
+      } = combinedMeta || {};
+      log?.mutate({
+        action: "update",
+        resource: resource.name,
+        data: values,
+        previousData,
         meta: {
-            ...mutationOptions?.meta,
-            ...getXRay("useUpdate", preferLegacyKeys),
+          id,
+          dataProviderName,
+          ...rest,
         },
-    });
-
-    const { elapsedTime } = useLoadingOvertime({
-        isLoading: mutation.isLoading,
-        interval: overtimeOptions?.interval,
-        onInterval: overtimeOptions?.onInterval,
-    });
-
-    return { ...mutation, overtime: { elapsedTime } };
+      });
+    },
+    onError: (
+      err: TError,
+      { id, resource: resourceName, errorNotification, values },
+      context,
+    ) => {
+      const { identifier } = select(resourceName);
+
+      // set back the queries to the context:
+      if (context) {
+        for (const query of context.previousQueries) {
+          queryClient.setQueryData(query[0], query[1]);
+        }
+      }
+
+      if (err.message !== "mutationCancelled") {
+        checkError?.(err);
+
+        const resourceSingular = textTransformers.singular(identifier);
+
+        const notificationConfig =
+          typeof errorNotification === "function"
+            ? errorNotification(err, { id, values }, identifier)
+            : errorNotification;
+
+        handleNotification(notificationConfig, {
+          key: `${id}-${identifier}-notification`,
+          message: translate(
+            "notifications.editError",
+            {
+              resource: translate(
+                `${identifier}.${identifier}`,
+                resourceSingular,
+              ),
+              statusCode: err.statusCode,
+            },
+            `Error when updating ${resourceSingular} (status code: ${err.statusCode})`,
+          ),
+          description: err.message,
+          type: "error",
+        });
+      }
+    },
+    mutationKey: keys().data().mutation("update").get(preferLegacyKeys),
+    ...mutationOptions,
+    meta: {
+      ...mutationOptions?.meta,
+      ...getXRay("useUpdate", preferLegacyKeys),
+    },
+  });
+
+  const { elapsedTime } = useLoadingOvertime({
+    isLoading: mutation.isLoading,
+    interval: overtimeOptions?.interval,
+    onInterval: overtimeOptions?.onInterval,
+  });
+
+  return { ...mutation, overtime: { elapsedTime } };
 };