stream-chat-react-native-core 5.44.0 → 5.44.1

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

@@ -50,6 +50,7 @@ export const useCreateMessagesContext = <
   InlineDateSeparator,
   InlineUnreadIndicator,
   isAttachmentEqual,
+  isMessageAIGenerated,
   legacyImageViewerSwipeBehaviour,
   markdownRules,
   Message,
@@ -152,6 +153,7 @@ export const useCreateMessagesContext = <
       InlineDateSeparator,
       InlineUnreadIndicator,
       isAttachmentEqual,
+      isMessageAIGenerated,
       legacyImageViewerSwipeBehaviour,
       markdownRules,
       Message,

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/components/Message/Message.tsx

@@ -139,8 +139,16 @@ export type MessagePropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction' | 'members'> &
   Pick<KeyboardContextValue, 'dismissKeyboard'> &
-  Partial<Omit<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'>> &
-  Pick<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'> &
+  Partial<
+    Omit<
+      MessageContextValue<StreamChatGenerics>,
+      'groupStyles' | 'message' | 'isMessageAIGenerated'
+    >
+  > &
+  Pick<
+    MessageContextValue<StreamChatGenerics>,
+    'groupStyles' | 'message' | 'isMessageAIGenerated'
+  > &
   Pick<
     MessagesContextValue<StreamChatGenerics>,
     | 'sendReaction'
@@ -305,6 +313,11 @@ const MessageWithContext = <
     threadList = false,
     updateMessage,
   } = props;
+  const isMessageAIGenerated = messagesContext.isMessageAIGenerated;
+  const isAIGenerated = useMemo(
+    () => isMessageAIGenerated(message),
+    [message, isMessageAIGenerated],
+  );
   const { client } = chatContext;
   const {
     theme: {
@@ -457,7 +470,7 @@ const MessageWithContext = <
       case 'poll':
         return !!message.poll_id;
       case 'ai_text':
-        return !!message.ai_generated;
+        return isAIGenerated;
       case 'text':
       default:
         return !!message.text;
@@ -704,6 +717,7 @@ const MessageWithContext = <
     hasReactions,
     images: attachments.images,
     isEditedMessageOpen,
+    isMessageAIGenerated,
     isMyMessage,
     lastGroupMessage: groupStyles?.[0] === 'single' || groupStyles?.[0] === 'bottom',
     lastReceivedId,
@@ -865,8 +879,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned &&
     `${prevMessage?.updated_at}` === `${nextMessage?.updated_at}` &&
-    prevMessage.i18n === nextMessage.i18n &&
-    prevMessage.ai_generated === nextMessage.ai_generated;
+    prevMessage.i18n === nextMessage.i18n;
 
   if (!messageEqual) return false;
 

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import {
   AnimatableNumericValue,
   LayoutChangeEvent,
@@ -82,6 +82,7 @@ export type MessageContentPropsWithContext<
   | 'preventPress'
   | 'showMessageStatus'
   | 'threadList'
+  | 'isMessageAIGenerated'
 > &
   Pick<
     MessagesContextValue<StreamChatGenerics>,
@@ -122,6 +123,7 @@ const MessageContentWithContext = <
     Gallery,
     groupStyles,
     hasReactions,
+    isMessageAIGenerated,
     isMyMessage,
     lastGroupMessage,
     members,
@@ -186,6 +188,11 @@ const MessageContentWithContext = <
     setMessageContentWidth(width);
   };
 
+  const isAIGenerated = useMemo(
+    () => isMessageAIGenerated(message),
+    [message, isMessageAIGenerated],
+  );
+
   const error = message.type === 'error' || message.status === MessageStatusTypes.FAILED;
 
   const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;
@@ -396,7 +403,7 @@ const MessageContentWithContext = <
                 ) : null;
               }
               case 'ai_text':
-                return message.ai_generated ? (
+                return isAIGenerated ? (
                   <StreamingMessageView
                     key={`ai_message_text_container_${messageContentOrderIndex}`}
                   />
@@ -404,7 +411,7 @@ const MessageContentWithContext = <
               case 'text':
               default:
                 return (otherAttachments.length && otherAttachments[0].actions) ||
-                  message.ai_generated ? null : (
+                  isAIGenerated ? null : (
                   <MessageTextContainer<StreamChatGenerics>
                     key={`message_text_container_${messageContentOrderIndex}`}
                   />
@@ -493,8 +500,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned &&
-    prevMessage.i18n === nextMessage.i18n &&
-    prevMessage.ai_generated === nextMessage.ai_generated;
+    prevMessage.i18n === nextMessage.i18n;
   if (!messageEqual) return false;
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';
@@ -577,6 +583,7 @@ export const MessageContent = <
     groupStyles,
     hasReactions,
     isEditedMessageOpen,
+    isMessageAIGenerated,
     isMyMessage,
     lastGroupMessage,
     lastReceivedId,
@@ -624,6 +631,7 @@ export const MessageContent = <
         hasReactions,
         isAttachmentEqual,
         isEditedMessageOpen,
+        isMessageAIGenerated,
         isMyMessage,
         lastGroupMessage,
         lastReceivedId,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
 import type { Attachment } from 'stream-chat';
@@ -41,6 +41,7 @@ type MessageFooterPropsWithContext<
   | 'otherAttachments'
   | 'showMessageStatus'
   | 'lastGroupMessage'
+  | 'isMessageAIGenerated'
 > &
   Pick<
     MessagesContextValue<StreamChatGenerics>,
@@ -94,6 +95,7 @@ const MessageFooterWithContext = <
     formattedDate,
     isDeleted,
     isEditedMessageOpen,
+    isMessageAIGenerated,
     lastGroupMessage,
     members,
     message,
@@ -114,6 +116,11 @@ const MessageFooterWithContext = <
   } = useTheme();
   const { t } = useTranslationContext();
 
+  const isAIGenerated = useMemo(
+    () => isMessageAIGenerated(message),
+    [message, isMessageAIGenerated],
+  );
+
   if (isDeleted) {
     return (
       <View style={[styles.container, metaContainer]} testID='message-deleted'>
@@ -129,7 +136,7 @@ const MessageFooterWithContext = <
     return null;
   }
 
-  const isEdited = isEditedMessage(message);
+  const isEdited = isEditedMessage(message) && !isAIGenerated;
 
   return (
     <>
@@ -267,6 +274,7 @@ export const MessageFooter = <
   const {
     alignment,
     isEditedMessageOpen,
+    isMessageAIGenerated,
     lastGroupMessage,
     members,
     message,
@@ -283,6 +291,7 @@ export const MessageFooter = <
         alignment,
         deletedMessagesVisibilityType,
         isEditedMessageOpen,
+        isMessageAIGenerated,
         lastGroupMessage,
         members,
         message,

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

@@ -155,8 +155,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
     prevMessage.i18n === nextMessage.i18n &&
-    prevMessage.pinned === nextMessage.pinned &&
-    prevMessage.ai_generated === nextMessage.ai_generated;
+    prevMessage.pinned === nextMessage.pinned;
   if (!messageEqual) return false;
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';

package/src/components/Message/hooks/useCreateMessageContext.ts

@@ -26,6 +26,7 @@ export const useCreateMessageContext = <
   hasReactions,
   images,
   isEditedMessageOpen,
+  isMessageAIGenerated,
   isMyMessage,
   lastGroupMessage,
   lastReceivedId,
@@ -78,6 +79,7 @@ export const useCreateMessageContext = <
       hasReactions,
       images,
       isEditedMessageOpen,
+      isMessageAIGenerated,
       isMyMessage,
       lastGroupMessage,
       lastReceivedId,

package/src/components/MessageOverlay/MessageOverlay.tsx

@@ -158,6 +158,7 @@ const MessageOverlayWithContext = <
   const halfScreenHeight = vh(50);
 
   const myMessageTheme = messagesContext?.myMessageTheme;
+  const isMessageAIGenerated = messagesContext?.isMessageAIGenerated;
   const wrapMessageInTheme = clientId === message?.user?.id && !!myMessageTheme;
 
   const [reactionListHeight, setReactionListHeight] = useState(0);
@@ -462,7 +463,7 @@ const MessageOverlayWithContext = <
                       case 'text':
                       default:
                         return (otherAttachments?.length && otherAttachments[0].actions) ||
-                          message.ai_generated ? null : (
+                          isMessageAIGenerated?.(message) ? null : (
                           <MessageTextContainer<StreamChatGenerics>
                             key={`message_text_container_${messageContentOrderIndex}`}
                             message={message}

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);
 

package/src/contexts/messageContext/MessageContext.tsx

@@ -85,6 +85,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

@@ -385,7 +385,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>;
+  StopMessageStreamingButton: React.ComponentType<StopMessageStreamingButtonProps> | null;
   /**
    * Custom UI component to render upload progress indicator on attachment preview.
    *

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -52,7 +52,7 @@ import type { ReplyProps } from '../../components/Reply/Reply';
 import type { FlatList } from '../../native';
 import type { DefaultStreamChatGenerics, UnknownType } 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';
@@ -73,7 +73,7 @@ export type DeletedMessagesVisibilityType = 'always' | 'never' | 'receiver' | 's
 
 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)

package/src/utils/utils.ts

@@ -108,7 +108,7 @@ export const isEditedMessage = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: MessageType<StreamChatGenerics>,
-) => !!message.message_text_updated_at && !message.ai_generated;
+) => !!message.message_text_updated_at;
 
 /**
  * Default emoji search index for auto complete text input

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.44.0"
+  "version": "5.44.1"
 }