stream-chat-react-native-core 6.0.0-rc.8 → 6.0.0

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -475,9 +475,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                   }
                                 >
                                   <Text
-                                    numberOfLines={5}
                                     style={
                                       {
+                                        "alignItems": "flex-start",
+                                        "flexDirection": "row",
+                                        "flexWrap": "wrap",
+                                        "justifyContent": "flex-start",
                                         "marginBottom": 8,
                                         "marginTop": 8,
                                       }
@@ -575,6 +578,13 @@ exports[`Thread should match thread snapshot 1`] = `
                 ]
               }
             />
+            <View
+              style={
+                [
+                  undefined,
+                ]
+              }
+            />
           </View>
           <View
             onFocusCapture={[Function]}
@@ -823,9 +833,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                   }
                                 >
                                   <Text
-                                    numberOfLines={5}
                                     style={
                                       {
+                                        "alignItems": "flex-start",
+                                        "flexDirection": "row",
+                                        "flexWrap": "wrap",
+                                        "justifyContent": "flex-start",
                                         "marginBottom": 8,
                                         "marginTop": 8,
                                       }
@@ -923,6 +936,13 @@ exports[`Thread should match thread snapshot 1`] = `
                 ]
               }
             />
+            <View
+              style={
+                [
+                  undefined,
+                ]
+              }
+            />
           </View>
           <View
             onFocusCapture={[Function]}
@@ -1171,9 +1191,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                   }
                                 >
                                   <Text
-                                    numberOfLines={5}
                                     style={
                                       {
+                                        "alignItems": "flex-start",
+                                        "flexDirection": "row",
+                                        "flexWrap": "wrap",
+                                        "justifyContent": "flex-start",
                                         "marginBottom": 8,
                                         "marginTop": 8,
                                       }
@@ -1302,6 +1325,13 @@ exports[`Thread should match thread snapshot 1`] = `
                 05/05/2020
               </Text>
             </View>
+            <View
+              style={
+                [
+                  undefined,
+                ]
+              }
+            />
           </View>
           <View
             onLayout={[Function]}
@@ -1553,9 +1583,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                       }
                                     >
                                       <Text
-                                        numberOfLines={5}
                                         style={
                                           {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "justifyContent": "flex-start",
                                             "marginBottom": 8,
                                             "marginTop": 8,
                                           }

package/src/components/ThreadList/ThreadList.tsx

@@ -103,8 +103,6 @@ export const ThreadList = (props: ThreadListProps) => {
       client.threads.reload({ force: true });
     });
 
-    client.threads.reload({ force: true });
-
     return () => {
       client.threads.deactivate();
       listener.unsubscribe();

package/src/components/UIComponents/BottomSheetModal.tsx

@@ -45,6 +45,7 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
   const { children, height = windowHeight / 2, onClose, visible } = props;
   const {
     theme: {
+      bottomSheetModal: { container, contentContainer, handle, overlay: overlayTheme },
       colors: { grey, overlay, white_snow },
     },
   } = useTheme();
@@ -121,7 +122,7 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
     <Modal animationType='fade' onRequestClose={handleDismiss} transparent visible={visible}>
       <GestureHandlerRootView style={{ flex: 1 }}>
         <TouchableWithoutFeedback onPress={handleDismiss}>
-          <View style={[styles.overlay, { backgroundColor: overlay }]}>
+          <View style={[styles.overlay, { backgroundColor: overlay }, overlayTheme]}>
             <GestureDetector gesture={gesture}>
               <Animated.View
                 style={[
@@ -131,10 +132,13 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
                     height,
                     transform: [{ translateY }],
                   },
+                  container,
                 ]}
               >
-                <View style={[styles.handle, { backgroundColor: grey, width: windowWidth / 4 }]} />
-                <View style={styles.contentContainer}>{children}</View>
+                <View
+                  style={[styles.handle, { backgroundColor: grey, width: windowWidth / 4 }, handle]}
+                />
+                <View style={[styles.contentContainer, contentContainer]}>{children}</View>
               </Animated.View>
             </GestureDetector>
           </View>

package/src/components/index.ts

@@ -67,6 +67,8 @@ export * from './ChannelPreview/hooks/useChannelPreviewDisplayAvatar';
 export * from './ChannelPreview/hooks/useChannelPreviewDisplayName';
 export * from './ChannelPreview/hooks/useChannelPreviewDisplayPresence';
 export * from './ChannelPreview/hooks/useLatestMessagePreview';
+export * from './ChannelPreview/hooks/useChannelPreviewData';
+export * from './ChannelPreview/hooks/useIsChannelMuted';
 
 export * from './Chat/Chat';
 export * from './Chat/hooks/useCreateChatClient';
@@ -95,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';
@@ -131,6 +134,7 @@ export * from './MessageInput/InputButtons';
 export * from './MessageInput/MessageInput';
 export * from './MessageInput/MoreOptionsButton';
 export * from './MessageInput/SendButton';
+export * from './MessageInput/StopMessageStreamingButton';
 export * from './MessageInput/ShowThreadMessageInChannelButton';
 export * from './MessageInput/UploadProgressIndicator';
 
@@ -171,3 +175,6 @@ export * from './UIComponents/Spinner';
 export * from './Thread/Thread';
 export * from './Thread/components/ThreadFooterComponent';
 export * from './ThreadList/ThreadList';
+
+export * from './Message/MessageSimple/StreamingMessageView';
+export * from './AITypingIndicatorView';

package/src/contexts/channelContext/ChannelContext.tsx

@@ -59,26 +59,21 @@ export type ChannelContextValue<
    */
   hideDateSeparators: boolean;
   hideStickyDateHeader: boolean;
-  /**
-   * Returns true if the current user has admin privileges
-   */
-  isAdmin: boolean;
-  /**
-   * Returns true if the current user is a moderator
-   */
-  isModerator: boolean;
-  /**
-   * Returns true if the current user is a owner
-   */
-  isOwner: boolean;
   /**
    * Loads channel around a specific message
    *
    * @param messageId If undefined, channel will be loaded at most recent message.
    */
-  loadChannelAroundMessage: ({ messageId }: { messageId?: string }) => Promise<void>;
+  loadChannelAroundMessage: ({
+    limit,
+    messageId,
+    setTargetedMessage,
+  }: {
+    limit?: number;
+    messageId?: string;
+    setTargetedMessage?: (messageId: string) => void;
+  }) => Promise<void>;
 
-  loading: boolean;
   /**
    * Custom loading indicator to override the Stream default
    */
@@ -125,6 +120,31 @@ export type ChannelContextValue<
    * Its a map of filename and AbortController
    */
   uploadAbortControllerRef: React.MutableRefObject<Map<string, AbortController>>;
+  disabled?: boolean;
+  enableMessageGroupingByUser?: boolean;
+  isChannelActive?: boolean;
+  lastRead?: Date;
+
+  loading?: boolean;
+  /**
+   * Maximum time in milliseconds that should occur between messages
+   * to still consider them grouped together
+   */
+  maxTimeBetweenGroupedMessages?: number;
+  /**
+   * Custom UI component for sticky header of channel.
+   *
+   * **Default** [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)
+   */
+  StickyHeader?: React.ComponentType<StickyHeaderProps>;
+
+  /**
+   * Id of message, around which Channel/MessageList gets loaded when opened.
+   * You will see a highlighted background for targetted message, when opened.
+   */
+  targetedMessage?: string;
+  threadList?: boolean;
+  watcherCount?: ChannelState<StreamChatGenerics>['watcher_count'];
   /**
    *
    * ```json
@@ -148,29 +168,7 @@ export type ChannelContextValue<
    * }
    * ```
    */
-  watchers: ChannelState<StreamChatGenerics>['watchers'];
-  disabled?: boolean;
-  enableMessageGroupingByUser?: boolean;
-  isChannelActive?: boolean;
-  lastRead?: Date;
-  /**
-   * Maximum time in milliseconds that should occur between messages
-   * to still consider them grouped together
-   */
-  maxTimeBetweenGroupedMessages?: number;
-  /**
-   * Custom UI component for sticky header of channel.
-   *
-   * **Default** [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)
-   */
-  StickyHeader?: React.ComponentType<StickyHeaderProps>;
-  /**
-   * Id of message, around which Channel/MessageList gets loaded when opened.
-   * You will see a highlighted background for targetted message, when opened.
-   */
-  targetedMessage?: string;
-  threadList?: boolean;
-  watcherCount?: ChannelState<StreamChatGenerics>['watcher_count'];
+  watchers?: ChannelState<StreamChatGenerics>['watchers'];
 };
 
 export const ChannelContext = React.createContext(

package/src/contexts/channelsStateContext/ChannelsStateContext.tsx

@@ -11,10 +11,7 @@ import React, {
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ActiveChannelsProvider } from '../activeChannelsRefContext/ActiveChannelsRefContext';
 
-import type { ChannelContextValue } from '../channelContext/ChannelContext';
-import type { PaginatedMessageListContextValue } from '../paginatedMessageListContext/PaginatedMessageListContext';
 import type { ThreadContextValue } from '../threadContext/ThreadContext';
-import type { TypingContextValue } from '../typingContext/TypingContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
@@ -22,14 +19,7 @@ import { isTestEnvironment } from '../utils/isTestEnvironment';
 export type ChannelState<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  members: ChannelContextValue<StreamChatGenerics>['members'];
-  messages: PaginatedMessageListContextValue<StreamChatGenerics>['messages'];
-  read: ChannelContextValue<StreamChatGenerics>['read'];
-  subscriberCount: number;
   threadMessages: ThreadContextValue<StreamChatGenerics>['threadMessages'];
-  typing: TypingContextValue<StreamChatGenerics>['typing'];
-  watcherCount: ChannelContextValue<StreamChatGenerics>['watcherCount'];
-  watchers: ChannelContextValue<StreamChatGenerics>['watchers'];
 };
 
 type ChannelsState<
@@ -56,25 +46,12 @@ type SetStateAction<
   type: 'SET_STATE';
 };
 
-type IncreaseSubscriberCountAction = {
-  payload: { cid: string };
-  type: 'INCREASE_SUBSCRIBER_COUNT';
-};
-type DecreaseSubscriberCountAction = {
-  payload: { cid: string };
-  type: 'DECREASE_SUBSCRIBER_COUNT';
-};
-
 type Action<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  | SetStateAction<StreamChatGenerics>
-  | IncreaseSubscriberCountAction
-  | DecreaseSubscriberCountAction;
+  SetStateAction<StreamChatGenerics>;
 
 export type ChannelsStateContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  decreaseSubscriberCount: (value: { cid: string }) => void;
-  increaseSubscriberCount: (value: { cid: string }) => void;
   setState: (value: Payload<Keys, StreamChatGenerics>) => void;
   state: ChannelsState<StreamChatGenerics>;
 };
@@ -95,39 +72,6 @@ function reducer(state: ChannelsState, action: Action) {
         },
       };
 
-    case 'INCREASE_SUBSCRIBER_COUNT': {
-      const currentCount = state[action.payload.cid]?.subscriberCount ?? 0;
-      return {
-        ...state,
-        [action.payload.cid]: {
-          ...(state[action.payload.cid] || {}),
-          subscriberCount: currentCount + 1,
-        },
-      };
-    }
-
-    case 'DECREASE_SUBSCRIBER_COUNT': {
-      const currentCount = state[action.payload.cid]?.subscriberCount ?? 0;
-
-      // If there last subscribed Channel component unsubscribes, we clear the channel state.
-      if (currentCount <= 1) {
-        const stateShallowCopy = {
-          ...state,
-        };
-
-        delete stateShallowCopy[action.payload.cid];
-
-        return stateShallowCopy;
-      }
-
-      return {
-        ...state,
-        [action.payload.cid]: {
-          ...(state[action.payload.cid] || {}),
-          subscriberCount: currentCount - 1,
-        },
-      };
-    }
     default:
       throw new Error();
   }
@@ -150,18 +94,8 @@ export const ChannelsStateProvider = <
     dispatch({ payload, type: 'SET_STATE' });
   }, []);
 
-  const increaseSubscriberCount = useCallback((payload: { cid: string }) => {
-    dispatch({ payload, type: 'INCREASE_SUBSCRIBER_COUNT' });
-  }, []);
-
-  const decreaseSubscriberCount = useCallback((payload: { cid: string }) => {
-    dispatch({ payload, type: 'DECREASE_SUBSCRIBER_COUNT' });
-  }, []);
-
   const value = useMemo(
     () => ({
-      decreaseSubscriberCount,
-      increaseSubscriberCount,
       setState,
       state,
     }),

package/src/contexts/channelsStateContext/useChannelState.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 
 import type { Channel as ChannelType } from 'stream-chat';
 
@@ -11,32 +11,21 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 type StateManagerParams<
   Key extends Keys,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Omit<
-  ChannelsStateContextValue<StreamChatGenerics>,
-  'increaseSubscriberCount' | 'decreaseSubscriberCount'
-> & {
+> = ChannelsStateContextValue<StreamChatGenerics> & {
   cid: string;
   key: Key;
 };
 
-/* 
+/*
   This hook takes care of creating a useState-like interface which can be used later to call
   updates to the ChannelsStateContext reducer. It receives the cid and key which it wants to update
   and perform the state updates. Also supports a initialState.
 */
-function useStateManager<
+export function useStateManager<
   Key extends Keys,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  {
-    cid,
-    key,
-    setState,
-    state,
-  }: Omit<
-    StateManagerParams<Key, StreamChatGenerics>,
-    'increaseSubscriberCount' | 'decreaseSubscriberCount'
-  >,
+  { cid, key, setState, state }: StateManagerParams<Key, StreamChatGenerics>,
   initialValue?: ChannelState<StreamChatGenerics>[Key],
 ) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -56,20 +45,8 @@ function useStateManager<
 export type UseChannelStateValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  members: ChannelState<StreamChatGenerics>['members'];
-  messages: ChannelState<StreamChatGenerics>['messages'];
-  read: ChannelState<StreamChatGenerics>['read'];
-  setMembers: (value: ChannelState<StreamChatGenerics>['members']) => void;
-  setMessages: (value: ChannelState<StreamChatGenerics>['messages']) => void;
-  setRead: (value: ChannelState<StreamChatGenerics>['read']) => void;
   setThreadMessages: (value: ChannelState<StreamChatGenerics>['threadMessages']) => void;
-  setTyping: (value: ChannelState<StreamChatGenerics>['typing']) => void;
-  setWatcherCount: (value: ChannelState<StreamChatGenerics>['watcherCount']) => void;
-  setWatchers: (value: ChannelState<StreamChatGenerics>['watchers']) => void;
   threadMessages: ChannelState<StreamChatGenerics>['threadMessages'];
-  typing: ChannelState<StreamChatGenerics>['typing'];
-  watcherCount: ChannelState<StreamChatGenerics>['watcherCount'];
-  watchers: ChannelState<StreamChatGenerics>['watchers'];
 };
 
 export function useChannelState<
@@ -79,74 +56,7 @@ export function useChannelState<
   threadId?: string,
 ): UseChannelStateValue<StreamChatGenerics> {
   const cid = channel?.id || 'id'; // in case channel is not initialized, use generic id string for indexing
-  const { decreaseSubscriberCount, increaseSubscriberCount, setState, state } =
-    useChannelsStateContext<StreamChatGenerics>();
-
-  // Keeps track of how many Channel components are subscribed to this Channel state (Channel vs Thread concurrency)
-  useEffect(() => {
-    increaseSubscriberCount({ cid });
-    return () => {
-      decreaseSubscriberCount({ cid });
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const [members, setMembers] = useStateManager(
-    {
-      cid,
-      key: 'members',
-      setState,
-      state,
-    },
-    channel?.state?.members || {},
-  );
-
-  const [messages, setMessages] = useStateManager(
-    {
-      cid,
-      key: 'messages',
-      setState,
-      state,
-    },
-    channel?.state?.messages || [],
-  );
-
-  const [read, setRead] = useStateManager(
-    {
-      cid,
-      key: 'read',
-      setState,
-      state,
-    },
-    channel?.state?.read || {},
-  );
-
-  const [typing, setTyping] = useStateManager(
-    {
-      cid,
-      key: 'typing',
-      setState,
-      state,
-    },
-    {},
-  );
-
-  const [watcherCount, setWatcherCount] = useStateManager({
-    cid,
-    key: 'watcherCount',
-    setState,
-    state,
-  });
-
-  const [watchers, setWatchers] = useStateManager(
-    {
-      cid,
-      key: 'watchers',
-      setState,
-      state,
-    },
-    {},
-  );
+  const { setState, state } = useChannelsStateContext<StreamChatGenerics>();
 
   const [threadMessages, setThreadMessages] = useStateManager(
     {
@@ -159,19 +69,7 @@ export function useChannelState<
   );
 
   return {
-    members,
-    messages,
-    read,
-    setMembers,
-    setMessages,
-    setRead,
     setThreadMessages,
-    setTyping,
-    setWatcherCount,
-    setWatchers,
     threadMessages,
-    typing,
-    watcherCount,
-    watchers,
   };
 }

package/src/contexts/chatContext/ChatContext.tsx

@@ -4,6 +4,7 @@ import type { ImageProps } from 'react-native';
 import type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
+import { MessageContextValue } from '../messageContext/MessageContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
@@ -64,7 +65,7 @@ export type ChatContextValue<
    * @overrideType Channel
    */
   channel?: Channel<StreamChatGenerics>;
-};
+} & Partial<Pick<MessageContextValue<StreamChatGenerics>, 'isMessageAIGenerated'>>;
 
 export const ChatContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ChatContextValue);
 

package/src/contexts/messageContext/MessageContext.tsx

@@ -47,6 +47,10 @@ export type MessageContextValue<
   images: Attachment<StreamChatGenerics>[];
   /** Boolean that determines if the edited message is pressed. */
   isEditedMessageOpen: boolean;
+  /**
+   * A factory function that determines whether a message is AI generated or not.
+   */
+  isMessageAIGenerated: (message: MessageType<StreamChatGenerics>) => boolean;
   /** Whether or not this is the active user's message */
   isMyMessage: boolean;
   /** Whether or not this is the last message in a group of messages */

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -29,7 +29,7 @@ import { useMessageDetailsForState } from './hooks/useMessageDetailsForState';
 
 import { isUploadAllowed, MAX_FILE_SIZE_TO_UPLOAD, prettifyFileSize } from './utils/utils';
 
-import { PollContentProps } from '../../components';
+import { PollContentProps, StopMessageStreamingButtonProps } from '../../components';
 import { AudioAttachmentProps } from '../../components/Attachment/AudioAttachment';
 import { parseLinksFromText } from '../../components/Message/MessageSimple/utils/parseLinks';
 import type { AttachButtonProps } from '../../components/MessageInput/AttachButton';
@@ -388,6 +388,7 @@ export type InputMessageInputContextValue<
    * Defaults to and accepts same props as: [AudioRecordingButton](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx)
    */
   StartAudioRecordingButton: React.ComponentType<AudioRecordingButtonProps<StreamChatGenerics>>;
+  StopMessageStreamingButton: React.ComponentType<StopMessageStreamingButtonProps> | null;
   /**
    * Custom UI component to render upload progress indicator on attachment preview.
    *
@@ -590,7 +591,9 @@ export const MessageInputProvider = <
     editing,
     initialValue,
     openPollCreationDialog: openPollCreationDialogFromContext,
+    StopMessageStreamingButton,
   } = value;
+
   const {
     fileUploads,
     imageUploads,
@@ -1482,6 +1485,7 @@ export const MessageInputProvider = <
     openPollCreationDialog,
     sendMessage, // overriding the originally passed in sendMessage
     showPollCreationDialog,
+    StopMessageStreamingButton,
   });
   return (
     <MessageInputContext.Provider

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

@@ -103,6 +103,7 @@ export const useCreateMessageInputContext = <
   showPollCreationDialog,
   ShowThreadMessageInChannelButton,
   StartAudioRecordingButton,
+  StopMessageStreamingButton,
   takeAndUploadImage,
   text,
   thread,
@@ -225,6 +226,7 @@ export const useCreateMessageInputContext = <
       showPollCreationDialog,
       ShowThreadMessageInChannelButton,
       StartAudioRecordingButton,
+      StopMessageStreamingButton,
       takeAndUploadImage,
       text,
       toggleAttachmentPicker,

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';
@@ -61,7 +61,7 @@ import type { ReplyProps } from '../../components/Reply/Reply';
 import { FlatList } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ReactionData } from '../../utils/utils';
-import type { Alignment } from '../messageContext/MessageContext';
+import type { Alignment, MessageContextValue } from '../messageContext/MessageContext';
 import type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';
 import type { DeepPartial } from '../themeContext/ThemeContext';
 import type { Theme } from '../themeContext/utils/theme';
@@ -75,12 +75,13 @@ export type MessageContentType =
   | 'gallery'
   | 'quoted_reply'
   | 'poll'
+  | 'ai_text'
   | 'text';
 export type DeletedMessagesVisibilityType = 'always' | 'never' | 'receiver' | 'sender';
 
 export type MessagesContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+> = Pick<MessageContextValue<StreamChatGenerics>, 'isMessageAIGenerated'> & {
   /**
    * UI component for Attachment.
    * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Attachment.tsx)
@@ -294,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/)