chore: move prop to Chat component

Author: isekovanic

examples/SampleApp/App.tsx

@@ -6,6 +6,7 @@ import { createStackNavigator } from '@react-navigation/stack';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import {
   Chat,
+  MessageType,
   OverlayProvider,
   QuickSqliteClient,
   ThemeProvider,
@@ -182,6 +183,7 @@ const DrawerNavigatorWrapper: React.FC<{
           enableOfflineSupport
           // @ts-expect-error
           ImageComponent={FastImage}
+          isMessageAIGenerated={(message: MessageType) => message.ai_generated}
         >
           <AppOverlayProvider>
             <UserSearchProvider>

examples/SampleApp/src/screens/ChannelScreen.tsx

@@ -13,7 +13,6 @@ import {
   useTheme,
   useTypingString,
   AITypingIndicatorView,
-  MessageType,
 } from 'stream-chat-react-native';
 import { Platform, StyleSheet, View } from 'react-native';
 import type { StackNavigationProp } from '@react-navigation/stack';
@@ -159,7 +158,6 @@ export const ChannelScreen: React.FC<ChannelScreenProps> = ({
         messageId={messageId}
         NetworkDownIndicator={() => null}
         thread={selectedThread}
-        isMessageAIGenerated={(message: MessageType) => message.ai_generated}
       >
         <ChannelHeader channel={channel} />
         <MessageList<StreamChatGenerics>

package/src/components/Channel/Channel.tsx

@@ -2563,7 +2563,8 @@ export const Channel = <
 >(
   props: PropsWithChildren<ChannelProps<StreamChatGenerics>>,
 ) => {
-  const { client, enableOfflineSupport } = useChatContext<StreamChatGenerics>();
+  const { client, enableOfflineSupport, isMessageAIGenerated } =
+    useChatContext<StreamChatGenerics>();
   const { t } = useTranslationContext();
 
   const threadFromProps = props?.thread;
@@ -2609,6 +2610,7 @@ export const Channel = <
       {...props}
       shouldSyncChannel={shouldSyncChannel}
       {...{
+        isMessageAIGenerated,
         members,
         messages: props.messages || messages,
         read,

package/src/components/Chat/Chat.tsx

@@ -36,7 +36,12 @@ init();
 export type ChatProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Partial<Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent' | 'resizableCDNHosts'>> & {
+  Partial<
+    Pick<
+      ChatContextValue<StreamChatGenerics>,
+      'ImageComponent' | 'resizableCDNHosts' | 'isMessageAIGenerated'
+    >
+  > & {
     /**
      * When false, ws connection won't be disconnection upon backgrounding the app.
      * To receive push notifications, its necessary that user doesn't have active
@@ -149,6 +154,7 @@ const ChatWithContext = <
     enableOfflineSupport = false,
     i18nInstance,
     ImageComponent = Image,
+    isMessageAIGenerated,
     LoadingIndicator = null,
     resizableCDNHosts = ['.stream-io-cdn.com'],
     style,
@@ -250,6 +256,7 @@ const ChatWithContext = <
     connectionRecovering,
     enableOfflineSupport,
     ImageComponent,
+    isMessageAIGenerated,
     isOnline,
     mutedUsers,
     resizableCDNHosts,

package/src/components/Chat/hooks/useCreateChatContext.ts

@@ -12,6 +12,7 @@ export const useCreateChatContext = <
   connectionRecovering,
   enableOfflineSupport,
   ImageComponent,
+  isMessageAIGenerated,
   isOnline,
   mutedUsers,
   resizableCDNHosts,
@@ -33,6 +34,7 @@ export const useCreateChatContext = <
       connectionRecovering,
       enableOfflineSupport,
       ImageComponent,
+      isMessageAIGenerated,
       isOnline,
       mutedUsers,
       resizableCDNHosts,

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, UnknownType } from '../../types/types';
+import { MessageContextValue } from '../messageContext/MessageContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { getDisplayName } from '../utils/getDisplayName';
@@ -69,7 +70,7 @@ export type ChatContextValue<
    * This option allows you to specify a list of CDNs that offer image resizing.
    */
   resizableCDNHosts?: string[];
-};
+} & Partial<Pick<MessageContextValue<StreamChatGenerics>, 'isMessageAIGenerated'>>;
 
 export const ChatContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ChatContextValue);