stream-chat-react-native-core 6.7.3 → 7.0.0-rc.10

package/src/contexts/messageInputContext/hooks/useMessageDetailsForState.ts

@@ -2,24 +2,17 @@ import { useEffect, useState } from 'react';
 
 import { Attachment } from 'stream-chat';
 
-import {
-  DefaultStreamChatGenerics,
-  FileTypes,
-  FileUpload,
-  ImageUpload,
-} from '../../../types/types';
-import { generateRandomId, stringifyMessage } from '../../../utils/utils';
+import { FileTypes, FileUpload } from '../../../types/types';
+import { generateRandomId, getFileTypeFromMimeType, stringifyMessage } from '../../../utils/utils';
 
 import type { MessageInputContextValue } from '../MessageInputContext';
 
-export const useMessageDetailsForState = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  message: MessageInputContextValue<StreamChatGenerics>['editing'],
+export const useMessageDetailsForState = (
+  message: MessageInputContextValue['editing'],
   initialValue?: string,
 ) => {
   const [fileUploads, setFileUploads] = useState<FileUpload[]>([]);
-  const [imageUploads, setImageUploads] = useState<ImageUpload[]>([]);
+  const [imageUploads, setImageUploads] = useState<FileUpload[]>([]);
   const [mentionedUsers, setMentionedUsers] = useState<string[]>([]);
   const [numberOfUploads, setNumberOfUploads] = useState(0);
 
@@ -49,72 +42,65 @@ export const useMessageDetailsForState = <
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [messageValue]);
 
-  const mapAttachmentToFileUpload = (attachment: Attachment<StreamChatGenerics>): FileUpload => {
+  const mapAttachmentToFileUpload = (attachment: Attachment): FileUpload => {
     const id = generateRandomId();
 
     if (attachment.type === FileTypes.Audio) {
       return {
         file: {
-          duration: attachment.duration,
-          mimeType: attachment.mime_type,
+          duration: attachment.duration || 0,
           name: attachment.title || '',
-          size: attachment.file_size,
-          uri: attachment.asset_url,
+          size: attachment.file_size || 0,
+          type: attachment.mime_type || '',
+          uri: attachment.asset_url || '',
         },
         id,
         state: 'finished',
+        type: FileTypes.Audio,
         url: attachment.asset_url,
       };
     } else if (attachment.type === FileTypes.Video) {
       return {
         file: {
-          duration: attachment.duration,
-          mimeType: attachment.mime_type,
+          duration: attachment.duration || 0,
           name: attachment.title || '',
-          size: attachment.file_size,
-          uri: attachment.asset_url,
+          size: attachment.file_size || 0,
+          thumb_url: attachment.thumb_url || '',
+          type: attachment.mime_type || '',
+          uri: attachment.asset_url || '',
         },
         id,
         state: 'finished',
         thumb_url: attachment.thumb_url,
+        type: FileTypes.Video,
         url: attachment.asset_url,
       };
     } else if (attachment.type === FileTypes.VoiceRecording) {
       return {
         file: {
-          duration: attachment.duration,
-          mimeType: attachment.mime_type,
+          duration: attachment.duration || 0,
           name: attachment.title || '',
-          size: attachment.file_size,
-          uri: attachment.asset_url,
+          size: attachment.file_size || 0,
+          type: attachment.mime_type || '',
+          uri: attachment.asset_url || '',
           waveform_data: attachment.waveform_data,
         },
         id,
         state: 'finished',
-        url: attachment.asset_url,
-      };
-    } else if (attachment.type === FileTypes.File) {
-      return {
-        file: {
-          mimeType: attachment.mime_type,
-          name: attachment.title || '',
-          size: attachment.file_size,
-          uri: attachment.asset_url,
-        },
-        id,
-        state: 'finished',
+        type: FileTypes.VoiceRecording,
         url: attachment.asset_url,
       };
     } else {
       return {
         file: {
-          mimeType: attachment.mime_type,
           name: attachment.title || '',
-          size: attachment.file_size,
-          uri: attachment.asset_url,
+          size: attachment.file_size || 0,
+          type: attachment.mime_type || '',
+          uri: attachment.asset_url || '',
         },
         id,
         state: 'finished',
+        type: getFileTypeFromMimeType(attachment.mime_type || ''),
         url: attachment.asset_url,
       };
     }
@@ -124,7 +110,7 @@ export const useMessageDetailsForState = <
     if (message) {
       setText(message?.text || '');
       const newFileUploads: FileUpload[] = [];
-      const newImageUploads: ImageUpload[] = [];
+      const newImageUploads: FileUpload[] = [];
 
       const attachments = Array.isArray(message.attachments) ? message.attachments : [];
 
@@ -133,14 +119,16 @@ export const useMessageDetailsForState = <
           const id = generateRandomId();
           newImageUploads.push({
             file: {
-              height: attachment.original_height,
-              name: attachment.fallback,
-              size: attachment.file_size,
-              type: attachment.type,
-              width: attachment.original_width,
+              height: attachment.original_height || 0,
+              name: attachment.fallback || '',
+              size: attachment.file_size || 0,
+              type: attachment.type || '',
+              uri: attachment.image_url || '',
+              width: attachment.original_width || 0,
             },
             id,
             state: 'finished',
+            type: FileTypes.Image,
             url: attachment.image_url || attachment.asset_url || attachment.thumb_url,
           });
         } else {

package/src/contexts/messageInputContext/utils/utils.ts

@@ -1,13 +1,13 @@
 import { lookup } from 'mime-types';
 import type { FileUploadConfig } from 'stream-chat';
 
-import { Asset, File } from '../../../types/types';
+import { File } from '../../../types/types';
 
 export const MAX_FILE_SIZE_TO_UPLOAD = 100 * 1024 * 1024; // 100 MB
 
 type CheckUploadPermissionsParams = {
   config: FileUploadConfig;
-  file: File | Partial<Asset>;
+  file: File;
 };
 
 /**
@@ -44,10 +44,9 @@ export const isUploadAllowed = ({ config, file }: CheckUploadPermissionsParams)
   }
 
   if (allowed_mime_types?.length) {
-    if (file.mimeType) {
+    if (file.type) {
       const allowed = allowed_mime_types.some(
-        (mimeType: string) =>
-          file.mimeType && file.mimeType.toLowerCase() === mimeType.toLowerCase(),
+        (mimeType: string) => file.type && file.type.toLowerCase() === mimeType.toLowerCase(),
       );
 
       if (!allowed) {
@@ -66,10 +65,9 @@ export const isUploadAllowed = ({ config, file }: CheckUploadPermissionsParams)
   }
 
   if (blocked_mime_types?.length) {
-    if (file.mimeType) {
+    if (file.type) {
       const blocked = blocked_mime_types.some(
-        (mimeType: string) =>
-          file.mimeType && file.mimeType.toLowerCase() === mimeType.toLowerCase(),
+        (mimeType: string) => file.type && file.type.toLowerCase() === mimeType.toLowerCase(),
       );
 
       if (blocked) {

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -2,7 +2,7 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import { PressableProps, ViewProps } from 'react-native';
 
-import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
+import type { Attachment, ChannelState, LocalMessage, MessageResponse } from 'stream-chat';
 
 import type { PollContentProps, StreamingMessageViewProps } from '../../components';
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
@@ -40,7 +40,6 @@ import type { ReactionListTopProps } from '../../components/Message/MessageSimpl
 import type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';
 import type { MessageActionsParams } from '../../components/Message/utils/messageActions';
 import type { DateHeaderProps } from '../../components/MessageList/DateHeader';
-import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { InlineDateSeparatorProps } from '../../components/MessageList/InlineDateSeparator';
 import type { MessageListProps } from '../../components/MessageList/MessageList';
 import type { MessageSystemProps } from '../../components/MessageList/MessageSystem';
@@ -60,7 +59,7 @@ import { MessageUserReactionsAvatarProps } from '../../components/MessageMenu/Me
 import { MessageUserReactionsItemProps } from '../../components/MessageMenu/MessageUserReactionsItem';
 import type { ReplyProps } from '../../components/Reply/Reply';
 import { NativeHandlers } from '../../native';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import type { ReactionData } from '../../utils/utils';
 import type { Alignment, MessageContextValue } from '../messageContext/MessageContext';
 import type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';
@@ -80,26 +79,24 @@ export type MessageContentType =
   | 'text';
 export type DeletedMessagesVisibilityType = 'always' | 'never' | 'receiver' | 'sender';
 
-export type MessagesContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageContextValue<StreamChatGenerics>, 'isMessageAIGenerated'> & {
+export type MessagesContextValue = Pick<MessageContextValue, 'isMessageAIGenerated'> & {
   /**
    * UI component for Attachment.
    * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Attachment.tsx)
    */
-  Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
+  Attachment: React.ComponentType<AttachmentProps>;
   /**
    * UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy
    * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/AttachmentActions.tsx)
    */
-  AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;
+  AttachmentActions: React.ComponentType<AttachmentActionsProps>;
   /** Custom UI component for AudioAttachment. */
   AudioAttachment: React.ComponentType<AudioAttachmentProps>;
   /**
    * UI component to display generic media type e.g. giphy, url preview etc
    * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx)
    */
-  Card: React.ComponentType<CardProps<StreamChatGenerics>>;
+  Card: React.ComponentType<CardProps>;
   /**
    * Handler to clear the quoted state of the message.
    */
@@ -109,7 +106,7 @@ export type MessagesContextValue<
    * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)
    **/
   DateHeader: React.ComponentType<DateHeaderProps>;
-  deleteMessage: (message: MessageResponse<StreamChatGenerics>) => Promise<void>;
+  deleteMessage: (message: LocalMessage) => Promise<void>;
   deleteReaction: (type: string, messageId: string) => Promise<void>;
 
   /** Should keyboard be dismissed when messaged is touched */
@@ -121,12 +118,12 @@ export type MessagesContextValue<
    * UI component to display File type attachment.
    * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileAttachment.tsx)
    */
-  FileAttachment: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;
+  FileAttachment: React.ComponentType<FileAttachmentProps>;
   /**
    * UI component to display group of File type attachments or multiple file attachments (in single message).
    * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileAttachmentGroup.tsx)
    */
-  FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<StreamChatGenerics>>;
+  FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps>;
   /**
    * UI component for attachment icon for type 'file' attachment.
    * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileIcon.tsx
@@ -137,12 +134,12 @@ export type MessagesContextValue<
    * UI component to display image attachments
    * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Gallery.tsx)
    */
-  Gallery: React.ComponentType<GalleryProps<StreamChatGenerics>>;
+  Gallery: React.ComponentType<GalleryProps>;
   /**
    * UI component for Giphy
    * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Giphy.tsx)
    */
-  Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;
+  Giphy: React.ComponentType<GiphyProps>;
   /**
    * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default
    * */
@@ -173,7 +170,7 @@ export type MessagesContextValue<
    **/
   InlineUnreadIndicator: React.ComponentType;
 
-  Message: React.ComponentType<MessageProps<StreamChatGenerics>>;
+  Message: React.ComponentType<MessageProps>;
   /**
    * Custom UI component for rendering Message actions in message menu.
    *
@@ -190,23 +187,23 @@ export type MessagesContextValue<
    * UI component for MessageAvatar
    * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageAvatar.tsx)
    **/
-  MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;
+  MessageAvatar: React.ComponentType<MessageAvatarProps>;
   /**
    * UI Component for MessageBounce
    */
-  MessageBounce: React.ComponentType<MessageBounceProps<StreamChatGenerics>>;
+  MessageBounce: React.ComponentType<MessageBounceProps>;
   /**
    * UI component for MessageContent
    * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageContent.tsx)
    */
-  MessageContent: React.ComponentType<MessageContentProps<StreamChatGenerics>>;
+  MessageContent: React.ComponentType<MessageContentProps>;
   /** Order to render the message content */
   messageContentOrder: MessageContentType[];
   /**
    * UI component for MessageDeleted
    * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageDeleted.tsx)
    */
-  MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;
+  MessageDeleted: React.ComponentType<MessageDeletedProps>;
   /**
    * UI component for MessageEditedTimestamp
    * Defaults to: [MessageEditedTimestamp](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageEditedTimestamp.tsx)
@@ -219,45 +216,45 @@ export type MessagesContextValue<
   /**
    * Custom message footer component
    */
-  MessageFooter: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;
-  MessageList: React.ComponentType<MessageListProps<StreamChatGenerics>>;
+  MessageFooter: React.ComponentType<MessageFooterProps>;
+  MessageList: React.ComponentType<MessageListProps>;
   /**
    * UI component for MessageMenu
    */
-  MessageMenu: React.ComponentType<MessageMenuProps<StreamChatGenerics>>;
+  MessageMenu: React.ComponentType<MessageMenuProps>;
   /**
    * Custom message pinned component
    */
-  MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<StreamChatGenerics>>;
+  MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps>;
   /**
    * UI component for MessageReactionPicker
    */
-  MessageReactionPicker: React.ComponentType<MessageReactionPickerProps<StreamChatGenerics>>;
+  MessageReactionPicker: React.ComponentType<MessageReactionPickerProps>;
   /**
    * UI component for MessageReplies
    * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageReplies.tsx)
    */
-  MessageReplies: React.ComponentType<MessageRepliesProps<StreamChatGenerics>>;
+  MessageReplies: React.ComponentType<MessageRepliesProps>;
   /**
    * UI Component for MessageRepliesAvatars
    * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageRepliesAvatars.tsx)
    */
-  MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<StreamChatGenerics>>;
+  MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps>;
   /**
    * UI component for MessageSimple
    * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageSimple.tsx)
    */
-  MessageSimple: React.ComponentType<MessageSimpleProps<StreamChatGenerics>>;
+  MessageSimple: React.ComponentType<MessageSimpleProps>;
   /**
    * UI component for MessageStatus (delivered/read)
    * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageStatus.tsx)
    */
-  MessageStatus: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;
+  MessageStatus: React.ComponentType<MessageStatusProps>;
   /**
    * UI component for MessageSystem
    * Defaults to: [MessageSystem](https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-system/)
    */
-  MessageSystem: React.ComponentType<MessageSystemProps<StreamChatGenerics>>;
+  MessageSystem: React.ComponentType<MessageSystemProps>;
   /**
    * UI component for MessageTimestamp
    * Defaults to: [MessageTimestamp](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/components/Message/MessageSimple/MessageTimestamp.tsx)
@@ -268,7 +265,7 @@ export type MessagesContextValue<
    *
    * **Default** [MessageUserReactions](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageMenu/MessageUserReactions.tsx)
    */
-  MessageUserReactions: React.ComponentType<MessageUserReactionsProps<StreamChatGenerics>>;
+  MessageUserReactions: React.ComponentType<MessageUserReactionsProps>;
   /**
    * Custom UI component for rendering user reactions avatar under `MessageUserReactionsItem`, in message menu.
    *
@@ -287,23 +284,23 @@ export type MessagesContextValue<
    * UI component for Reply
    * Defaults to: [Reply](https://getstream.io/chat/docs/sdk/reactnative/ui-components/reply/)
    */
-  Reply: React.ComponentType<ReplyProps<StreamChatGenerics>>;
+  Reply: React.ComponentType<ReplyProps>;
   /**
    * Override the api request for retry message functionality.
    */
-  retrySendMessage: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  retrySendMessage: (message: LocalMessage) => Promise<void>;
   /**
    * UI component for ScrollToBottomButton
    * Defaults to: [ScrollToBottomButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/scroll-to-bottom-button/)
    */
   ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;
   sendReaction: (type: string, messageId: string) => Promise<void>;
-  setEditingState: (message?: MessageType<StreamChatGenerics>) => void;
-  setQuotedMessageState: (message?: MessageType<StreamChatGenerics>) => void;
+  setEditingState: (message?: LocalMessage) => void;
+  setQuotedMessageState: (message?: LocalMessage) => void;
   /**
    * UI component for StreamingMessageView. Displays the text of a message with a typewriter animation.
    */
-  StreamingMessageView: React.ComponentType<StreamingMessageViewProps<StreamChatGenerics>>;
+  StreamingMessageView: React.ComponentType<StreamingMessageViewProps>;
   /**
    * UI component for TypingIndicator
    * Defaults to: [TypingIndicator](https://getstream.io/chat/docs/sdk/reactnative/ui-components/typing-indicator/)
@@ -316,11 +313,11 @@ export type MessagesContextValue<
   TypingIndicatorContainer: React.ComponentType<TypingIndicatorContainerProps>;
   UnreadMessagesNotification: React.ComponentType<UnreadMessagesNotificationProps>;
   updateMessage: (
-    updatedMessage: MessageResponse<StreamChatGenerics>,
+    updatedMessage: MessageResponse | LocalMessage,
     extraState?: {
-      commands?: SuggestionCommand<StreamChatGenerics>[];
+      commands?: SuggestionCommand[];
       messageInput?: string;
-      threadMessages?: ChannelState<StreamChatGenerics>['threads'][string];
+      threadMessages?: ChannelState['threads'][string];
     },
     throttled?: boolean,
   ) => void;
@@ -328,7 +325,7 @@ export type MessagesContextValue<
    * Custom UI component to display enriched url preview.
    * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx
    */
-  UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;
+  UrlPreview: React.ComponentType<CardProps>;
   VideoThumbnail: React.ComponentType<VideoThumbnailProps>;
   /**
    * Provide any additional props for `Pressable` which wraps inner MessageContent component here.
@@ -341,18 +338,18 @@ export type MessagesContextValue<
    * Custom UI component to override default cover (between Header and Footer) of Card component.
    * Accepts the same props as Card component.
    */
-  CardCover?: React.ComponentType<CardProps<StreamChatGenerics>>;
+  CardCover?: React.ComponentType<CardProps>;
   /**
    * Custom UI component to override default Footer of Card component.
    * Accepts the same props as Card component.
    */
-  CardFooter?: React.ComponentType<CardProps<StreamChatGenerics>>;
+  CardFooter?: React.ComponentType<CardProps>;
 
   /**
    * Custom UI component to override default header of Card component.
    * Accepts the same props as Card component.
    */
-  CardHeader?: React.ComponentType<CardProps<StreamChatGenerics>>;
+  CardHeader?: React.ComponentType<CardProps>;
 
   /**
    * Full override of the delete message button in the Message Actions
@@ -379,39 +376,33 @@ export type MessagesContextValue<
    * Handler to access when a ban user action is invoked.
    * @param message
    */
-  handleBan?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleBan?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a copy message action is invoked */
-  handleCopy?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleCopy?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a delete message action is invoked */
-  handleDelete?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleDelete?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when an edit message action is invoked */
-  handleEdit?: (message: MessageType<StreamChatGenerics>) => void;
+  handleEdit?: (message: LocalMessage) => void;
   /** Handler to access when a flag message action is invoked */
-  handleFlag?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleFlag?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a mark unread action is invoked */
-  handleMarkUnread?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleMarkUnread?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a mute user action is invoked */
-  handleMute?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleMute?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a pin/unpin user action is invoked*/
-  handlePinMessage?: ((message: MessageType<StreamChatGenerics>) => MessageActionType) | null;
+  handlePinMessage?: ((message: LocalMessage) => MessageActionType) | null;
   /** Handler to access when a quoted reply action is invoked */
-  handleQuotedReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleQuotedReply?: (message: LocalMessage) => Promise<void>;
   /** Handler to process a reaction */
-  handleReaction?: (
-    message: MessageType<StreamChatGenerics>,
-    reactionType: string,
-  ) => Promise<void>;
+  handleReaction?: (message: LocalMessage, reactionType: string) => Promise<void>;
   /** Handler to access when a retry action is invoked */
-  handleRetry?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleRetry?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a thread reply action is invoked */
-  handleThreadReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+  handleThreadReply?: (message: LocalMessage) => Promise<void>;
   /** A flag specifying whether the poll creation button is available or not. */
   hasCreatePoll?: boolean;
   /** Handler to deal with custom memoization logic of Attachment */
-  isAttachmentEqual?: (
-    prevAttachment: Attachment<StreamChatGenerics>,
-    nextAttachment: Attachment<StreamChatGenerics>,
-  ) => boolean;
+  isAttachmentEqual?: (prevAttachment: Attachment, nextAttachment: Attachment) => boolean;
   legacyImageViewerSwipeBehaviour?: boolean;
   /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */
   markdownRules?: MarkdownRules;
@@ -467,19 +458,19 @@ export type MessagesContextValue<
    *
    * @overrideType Function | Array<Objects>
    */
-  messageActions?: (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];
+  messageActions?: (param: MessageActionsParams) => MessageActionType[];
 
   /**
    * Custom message header component
    */
-  MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;
+  MessageHeader?: React.ComponentType<MessageFooterProps>;
   MessageSwipeContent?: React.ComponentType;
   /**
    * HitSlop for the message swipe to reply gesture
    */
   messageSwipeToReplyHitSlop?: ViewProps['hitSlop'];
   /** Custom UI component for message text */
-  MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;
+  MessageText?: React.ComponentType<MessageTextProps>;
   /**
    * The number of lines of the message text to be displayed
    */
@@ -514,7 +505,7 @@ export type MessagesContextValue<
    * />
    * ```
    */
-  onLongPressMessage?: (payload: MessagePressableHandlerPayload<StreamChatGenerics>) => void;
+  onLongPressMessage?: (payload: MessagePressableHandlerPayload) => void;
   /**
    * Add onPressIn handler for attachments. You have access to payload of that handler as param:
    *
@@ -541,7 +532,7 @@ export type MessagesContextValue<
    * />
    * ```
    */
-  onPressInMessage?: (payload: MessagePressableHandlerPayload<StreamChatGenerics>) => void;
+  onPressInMessage?: (payload: MessagePressableHandlerPayload) => void;
   /**
    * Override onPress handler for message. You have access to payload of that handler as param:
    *
@@ -568,7 +559,7 @@ export type MessagesContextValue<
    * />
    * ```
    */
-  onPressMessage?: (payload: MessagePressableHandlerPayload<StreamChatGenerics>) => void;
+  onPressMessage?: (payload: MessagePressableHandlerPayload) => void;
   /**
    * Override the entire content of the Poll component. The component has full access to the
    * usePollState() and usePollContext() hooks.
@@ -578,7 +569,7 @@ export type MessagesContextValue<
    * UI component for ReactionListTop
    * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Reaction/ReactionList.tsx)
    */
-  ReactionListBottom?: React.ComponentType<ReactionListBottomProps<StreamChatGenerics>>;
+  ReactionListBottom?: React.ComponentType<ReactionListBottomProps>;
   /**
    * The position of the reaction list in the message
    */
@@ -588,16 +579,14 @@ export type MessagesContextValue<
    * UI component for ReactionListTop
    * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Reaction/ReactionList.tsx)
    */
-  ReactionListTop?: React.ComponentType<ReactionListTopProps<StreamChatGenerics>>;
+  ReactionListTop?: React.ComponentType<ReactionListTopProps>;
 
   /**
    * Full override of the reaction function on Message and Message Overlay
    *
    * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.
    * */
-  selectReaction?: (
-    message: MessageType<StreamChatGenerics>,
-  ) => (reactionType: string) => Promise<void>;
+  selectReaction?: (message: LocalMessage) => (reactionType: string) => Promise<void>;
 
   /**
    * Boolean to enable/disable the message underlay background when there are unread messages in the Message List.
@@ -615,25 +604,19 @@ export const MessagesContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as MessagesContextValue,
 );
 
-export const MessagesProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const MessagesProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value?: MessagesContextValue<StreamChatGenerics>;
+  value?: MessagesContextValue;
 }>) => (
   <MessagesContext.Provider value={value as unknown as MessagesContextValue}>
     {children}
   </MessagesContext.Provider>
 );
 
-export const useMessagesContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    MessagesContext,
-  ) as unknown as MessagesContextValue<StreamChatGenerics>;
+export const useMessagesContext = () => {
+  const contextValue = useContext(MessagesContext) as unknown as MessagesContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(

package/src/contexts/overlayContext/OverlayContext.tsx

@@ -6,7 +6,6 @@ import type { Attachment } from 'stream-chat';
 import type { AttachmentPickerProps } from '../../components/AttachmentPicker/AttachmentPicker';
 import type { ImageGalleryCustomComponents } from '../../components/ImageGallery/ImageGallery';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { Streami18n } from '../../utils/i18n/Streami18n';
 import type { AttachmentPickerContextValue } from '../attachmentPickerContext/AttachmentPickerContext';
 import type { DeepPartial } from '../themeContext/ThemeContext';
@@ -27,9 +26,7 @@ export const OverlayContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as OverlayContextValue,
 );
 
-export type OverlayProviderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AttachmentPickerProps> &
+export type OverlayProviderProps = Partial<AttachmentPickerProps> &
   Partial<
     Pick<
       AttachmentPickerContextValue,
@@ -47,7 +44,7 @@ export type OverlayProviderProps<
       | 'VideoRecorderSelectorIcon'
     >
   > &
-  ImageGalleryCustomComponents<StreamChatGenerics> & {
+  ImageGalleryCustomComponents & {
     autoPlayVideo?: boolean;
     /**
      * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default