fix: failure to update message due to reserved fields

Author: vishalnarkhede

package/src/components/Message/hooks/useMessageActions.tsx

@@ -26,11 +26,11 @@ import {
 } from '../../../icons';
 import { setClipboardString } from '../../../native';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
+import { removeReservedFields } from '../../../utils/removeReservedFields';
 import { MessageStatusTypes } from '../../../utils/utils';
 
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
 import type { MessageActionType } from '../../MessageOverlay/MessageActionListItem';
-import { removeReservedFields } from '../utils/removeReservedFields';
 
 export const useMessageActions = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/components/index.ts

@@ -108,7 +108,7 @@ export * from './Message/MessageSimple/MessageTextContainer';
 export * from './Message/MessageSimple/ReactionList';
 export * from './Message/MessageSimple/utils/renderText';
 export * from './Message/utils/messageActions';
-export * from './Message/utils/removeReservedFields';
+export * from '../utils/removeReservedFields';
 
 export * from './MessageInput/AttachButton';
 export * from './MessageInput/CommandsButton';

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -38,6 +38,7 @@ import type { UploadProgressIndicatorProps } from '../../components/MessageInput
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import { compressImage, getLocalAssetUri, pickDocument } from '../../native';
 import type { Asset, DefaultStreamChatGenerics, File, UnknownType } from '../../types/types';
+import { removeReservedFields } from '../../utils/removeReservedFields';
 import {
   ACITriggerSettings,
   ACITriggerSettingsParams,
@@ -764,7 +765,12 @@ export const MessageInputProvider = <
       // TODO: Remove this line and show an error when submit fails
       value.clearEditingState();
 
-      const updateMessagePromise = value.editMessage(updatedMessage).then(value.clearEditingState);
+      const updateMessagePromise = value
+        .editMessage(
+          // @ts-ignore
+          removeReservedFields(updatedMessage),
+        )
+        .then(value.clearEditingState);
       resetInput(attachments);
       logChatPromiseExecution(updateMessagePromise, 'update message');
 

package/src/contexts/messageInputContext/__tests__/__snapshots__/sendMessage.test.tsx.snap

@@ -15,7 +15,6 @@ Object {
       "type": "image",
     },
   ],
-  "created_at": "Sat Jul 02 2022 23:55:13 GMT+0530 (India Standard Time)",
   "html": "<p>regular</p>",
   "id": "7a85f744-cc89-4f82-a1d4-5456432cc8bf",
   "mentioned_users": Array [
@@ -24,8 +23,6 @@ Object {
   ],
   "quoted_message": undefined,
   "text": "",
-  "type": "regular",
-  "updated_at": "Sat Jul 02 2022 23:55:13 GMT+0530 (India Standard Time)",
   "user": Object {
     "banned": false,
     "created_at": "2020-04-27T13:39:49.331742Z",

package/src/components/Message/utils/removeReservedFields.ts renamed to package/src/utils/removeReservedFields.ts

@@ -1,5 +1,5 @@
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-import type { MessageType } from '../../MessageList/hooks/useMessageList';
+import type { MessageType } from '../components/MessageList/hooks/useMessageList';
+import type { DefaultStreamChatGenerics } from '../types/types';
 
 export const removeReservedFields = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -12,7 +12,11 @@ export const removeReservedFields = <
     'config',
     'created_at',
     'created_by',
-    'id',
+    'deleted_at',
+    'i18n',
+    'latest_reactions',
+    'own_reactions',
+    'reaction_counts',
     'last_message_at',
     'member_count',
     'type',