fix: add overrides for StreamingMessageView

Author: isekovanic

package/src/components/Channel/Channel.tsx

@@ -142,6 +142,7 @@ import { MessageStatus as MessageStatusDefault } from '../Message/MessageSimple/
 import { MessageTimestamp as MessageTimestampDefault } from '../Message/MessageSimple/MessageTimestamp';
 import { ReactionListBottom as ReactionListBottomDefault } from '../Message/MessageSimple/ReactionList/ReactionListBottom';
 import { ReactionListTop as ReactionListTopDefault } from '../Message/MessageSimple/ReactionList/ReactionListTop';
+import { StreamingMessageView as DefaultStreamingMessageView } from '../Message/MessageSimple/StreamingMessageView';
 import { AttachButton as AttachButtonDefault } from '../MessageInput/AttachButton';
 import { CommandsButton as CommandsButtonDefault } from '../MessageInput/CommandsButton';
 import { AudioRecorder as AudioRecorderDefault } from '../MessageInput/components/AudioRecorder/AudioRecorder';
@@ -354,6 +355,7 @@ export type ChannelPropsWithContext<
       | 'VideoThumbnail'
       | 'PollContent'
       | 'hasCreatePoll'
+      | 'StreamingMessageView'
     >
   > &
   Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel'>> & {
@@ -633,6 +635,7 @@ const ChannelWithContext = <
     StartAudioRecordingButton = AudioRecordingButtonDefault,
     stateUpdateThrottleInterval = defaultThrottleInterval,
     StickyHeader = StickyHeaderDefault,
+    StreamingMessageView = DefaultStreamingMessageView,
     supportedReactions = reactionData,
     t,
     thread: threadFromProps,
@@ -2360,6 +2363,7 @@ const ChannelWithContext = <
     setEditingState,
     setQuotedMessageState,
     shouldShowUnreadUnderlay,
+    StreamingMessageView,
     supportedReactions,
     targetedMessage,
     TypingIndicator,

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -96,6 +96,7 @@ export const useCreateMessagesContext = <
   setEditingState,
   setQuotedMessageState,
   shouldShowUnreadUnderlay,
+  StreamingMessageView,
   supportedReactions,
   targetedMessage,
   TypingIndicator,
@@ -205,6 +206,7 @@ export const useCreateMessagesContext = <
       setEditingState,
       setQuotedMessageState,
       shouldShowUnreadUnderlay,
+      StreamingMessageView,
       supportedReactions,
       targetedMessage,
       TypingIndicator,

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -10,8 +10,6 @@ import {
 
 import { MessageTextContainer } from './MessageTextContainer';
 
-import { StreamingMessageView } from './StreamingMessageView';
-
 import { useChatContext } from '../../../contexts';
 import {
   MessageContextValue,
@@ -93,6 +91,7 @@ export type MessageContentPropsWithContext<
     | 'MessageError'
     | 'myMessageTheme'
     | 'Reply'
+    | 'StreamingMessageView'
   > &
   Pick<TranslationContextValue, 't'> & {
     setMessageContentWidth: React.Dispatch<React.SetStateAction<number>>;
@@ -134,6 +133,7 @@ const MessageContentWithContext = <
     preventPress,
     Reply,
     setMessageContentWidth,
+    StreamingMessageView,
     threadList,
   } = props;
   const { client } = useChatContext();
@@ -493,6 +493,7 @@ export const MessageContent = <
     MessageError,
     myMessageTheme,
     Reply,
+    StreamingMessageView,
   } = useMessagesContext<StreamChatGenerics>();
   const { t } = useTranslationContext();
 
@@ -520,6 +521,7 @@ export const MessageContent = <
         otherAttachments,
         preventPress,
         Reply,
+        StreamingMessageView,
         t,
         threadList,
       }}

package/src/components/index.ts

@@ -97,6 +97,7 @@ export * from './KeyboardCompatibleView/KeyboardCompatibleView';
 export * from './Message/hooks/useCreateMessageContext';
 export * from './Message/hooks/useMessageActions';
 export * from './Message/hooks/useMessageActionHandlers';
+export * from './Message/hooks/useStreamingMessage';
 export * from './Message/Message';
 export * from './Message/MessageSimple/MessageAvatar';
 export * from './Message/MessageSimple/MessageBounce';

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -4,7 +4,7 @@ import { PressableProps } from 'react-native';
 
 import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
 
-import { PollContentProps } from '../../components';
+import type { PollContentProps, StreamingMessageViewProps } from '../../components';
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
 import type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';
 import type { AudioAttachmentProps } from '../../components/Attachment/AudioAttachment';
@@ -295,6 +295,10 @@ export type MessagesContextValue<
   sendReaction: (type: string, messageId: string) => Promise<void>;
   setEditingState: (message?: MessageType<StreamChatGenerics>) => void;
   setQuotedMessageState: (message?: MessageType<StreamChatGenerics>) => void;
+  /**
+   * UI component for StreamingMessageView. Displays the text of a message with a typewriter animation.
+   */
+  StreamingMessageView: React.ComponentType<StreamingMessageViewProps<StreamChatGenerics>>;
   /**
    * UI component for TypingIndicator
    * Defaults to: [TypingIndicator](https://getstream.io/chat/docs/sdk/reactnative/ui-components/typing-indicator/)