stream-chat-react 12.7.0 → 12.8.0

package/dist/components/ChannelList/utils.js

@@ -1,5 +1,8 @@
 import uniqBy from 'lodash.uniqby';
 export const MAX_QUERY_CHANNELS_LIMIT = 30;
+/**
+ * @deprecated
+ */
 export const moveChannelUp = ({ activeChannel, channels, cid, }) => {
     // get index of channel to move up
     const channelIndex = channels.findIndex((channel) => channel.cid === cid);
@@ -9,3 +12,85 @@ export const moveChannelUp = ({ activeChannel, channels, cid, }) => {
     const channel = activeChannel || channels[channelIndex];
     return uniqBy([channel, ...channels], 'cid');
 };
+/**
+ * Expects channel array sorted by `{ pinned_at: -1 }`.
+ *
+ * TODO: add support for the `{ pinned_at: 1 }`
+ */
+export function findLastPinnedChannelIndex({ channels, }) {
+    let lastPinnedChannelIndex = null;
+    for (const channel of channels) {
+        if (!isChannelPinned(channel))
+            break;
+        if (typeof lastPinnedChannelIndex === 'number') {
+            lastPinnedChannelIndex++;
+        }
+        else {
+            lastPinnedChannelIndex = 0;
+        }
+    }
+    return lastPinnedChannelIndex;
+}
+/**
+ * This function should not be used to move pinned already channels.
+ */
+export const moveChannelUpwards = ({ channels, channelToMove, channelToMoveIndexWithinChannels, sort, }) => {
+    // get index of channel to move up
+    const targetChannelIndex = channelToMoveIndexWithinChannels ??
+        channels.findIndex((channel) => channel.cid === channelToMove.cid);
+    const targetChannelExistsWithinList = targetChannelIndex >= 0;
+    const targetChannelAlreadyAtTheTop = targetChannelIndex === 0;
+    // pinned channels should not move within the list based on recent activity, channels which
+    // receive messages and are not pinned should move upwards but only under the last pinned channel
+    // in the list
+    const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
+    if (targetChannelAlreadyAtTheTop)
+        return channels;
+    const newChannels = [...channels];
+    // target channel index is known, remove it from the list
+    if (targetChannelExistsWithinList) {
+        newChannels.splice(targetChannelIndex, 1);
+    }
+    // as position of pinned channels has to stay unchanged, we need to
+    // find last pinned channel in the list to move the target channel after
+    let lastPinnedChannelIndex = null;
+    if (considerPinnedChannels) {
+        lastPinnedChannelIndex = findLastPinnedChannelIndex({ channels: newChannels });
+    }
+    // re-insert it at the new place (to specific index if pinned channels are considered)
+    newChannels.splice(typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0, 0, channelToMove);
+    return newChannels;
+};
+/**
+ * Returns true only if `{ pinned_at: -1 }` or `{ pinned_at: 1 }` option is first within the `sort` array.
+ */
+export const shouldConsiderPinnedChannels = (sort) => {
+    if (!sort)
+        return false;
+    if (!Array.isArray(sort))
+        return false;
+    const [option] = sort;
+    if (!option?.pinned_at)
+        return false;
+    return Math.abs(option.pinned_at) === 1;
+};
+/**
+ * Returns `true` only if `archived` property is set to `false` within `filters`.
+ */
+export const shouldConsiderArchivedChannels = (filters) => {
+    if (!filters)
+        return false;
+    return !filters.archived;
+};
+export const isChannelPinned = (channel) => {
+    if (!channel)
+        return false;
+    const member = channel.state.membership;
+    return !!member?.pinned_at;
+};
+export const isChannelArchived = (channel) => {
+    if (!channel)
+        return false;
+    const member = channel.state.membership;
+    return !!member?.archived_at;
+};

package/dist/components/ChannelPreview/ChannelPreview.js

@@ -9,7 +9,7 @@ import { useTranslationContext } from '../../context/TranslationContext';
 import { useMessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';
 export const ChannelPreview = (props) => {
     const { channel, Preview = ChannelPreviewMessenger, channelUpdateCount, getLatestMessagePreview = defaultGetLatestMessagePreview, } = props;
-    const { channel: activeChannel, client, setActiveChannel } = useChatContext('ChannelPreview');
+    const { channel: activeChannel, client, isMessageAIGenerated, setActiveChannel, } = useChatContext('ChannelPreview');
     const { t, userLanguage } = useTranslationContext('ChannelPreview');
     const { displayImage, displayTitle, groupChannelDisplayInfo } = useChannelPreviewInfo({
         channel,
@@ -75,6 +75,6 @@ export const ChannelPreview = (props) => {
     }, [channel, refreshUnreadCount, channelUpdateCount]);
     if (!Preview)
         return null;
-    const latestMessagePreview = getLatestMessagePreview(channel, t, userLanguage);
+    const latestMessagePreview = getLatestMessagePreview(channel, t, userLanguage, isMessageAIGenerated);
     return (React.createElement(Preview, { ...props, active: isActive, displayImage: displayImage, displayTitle: displayTitle, groupChannelDisplayInfo: groupChannelDisplayInfo, lastMessage: lastMessage, latestMessage: latestMessagePreview, latestMessagePreview: latestMessagePreview, messageDeliveryStatus: messageDeliveryStatus, setActiveChannel: setActiveChannel, unread: unread }));
 };

package/dist/components/ChannelPreview/ChannelPreviewActionButtons.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Channel, ExtendableGenerics } from 'stream-chat';
+export type ChannelPreviewActionButtonsProps<SCG extends ExtendableGenerics> = {
+    channel: Channel<SCG>;
+};
+export declare function ChannelPreviewActionButtons<SCG extends ExtendableGenerics>({ channel, }: ChannelPreviewActionButtonsProps<SCG>): React.JSX.Element;

package/dist/components/ChannelPreview/ChannelPreviewActionButtons.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import clsx from 'clsx';
+import { useChannelMembershipState } from '../ChannelList';
+import { Icon } from './icons';
+import { useTranslationContext } from '../../context';
+export function ChannelPreviewActionButtons({ channel, }) {
+    const membership = useChannelMembershipState(channel);
+    const { t } = useTranslationContext();
+    return (React.createElement("div", { className: 'str-chat__channel-preview__action-buttons' },
+        React.createElement("button", { "aria-label": membership.pinned_at ? t('Unpin') : t('Pin'), className: clsx('str-chat__channel-preview__action-button', 'str-chat__channel-preview__action-button--pin', membership.pinned_at && 'str-chat__channel-preview__action-button--active'), onClick: (e) => {
+                e.stopPropagation();
+                if (membership.pinned_at) {
+                    channel.unpin();
+                }
+                else {
+                    channel.pin();
+                }
+            }, title: membership.pinned_at ? t('Unpin') : t('Pin') },
+            React.createElement(Icon.Pin, null)),
+        React.createElement("button", { "aria-label": membership.archived_at ? t('Unarchive') : t('Archive'), className: clsx('str-chat__channel-preview__action-button', 'str-chat__channel-preview__action-button--archive', membership.archived_at && 'str-chat__channel-preview__action-button--active'), onClick: (e) => {
+                e.stopPropagation();
+                if (membership.archived_at) {
+                    channel.unarchive();
+                }
+                else {
+                    channel.archive();
+                }
+            }, title: membership.archived_at ? t('Unarchive') : t('Archive') },
+            React.createElement(Icon.ArchiveBox, null))));
+}

package/dist/components/ChannelPreview/ChannelPreviewMessenger.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { ChannelPreviewUIComponentProps } from './ChannelPreview';
 import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { ChannelPreviewUIComponentProps } from './ChannelPreview';
 /**
  * Used as preview component for channel item in [ChannelList](#channellist) component.
  * Its best suited for messenger type chat.
  */
-export declare const ChannelPreviewMessenger: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ChannelPreviewUIComponentProps<StreamChatGenerics>) => React.JSX.Element;
+export declare const ChannelPreviewMessenger: <SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ChannelPreviewUIComponentProps<SCG>) => React.JSX.Element;

package/dist/components/ChannelPreview/ChannelPreviewMessenger.js

@@ -1,8 +1,11 @@
 import React, { useRef } from 'react';
 import clsx from 'clsx';
+import { ChannelPreviewActionButtons as DefaultChannelPreviewActionButtons } from './ChannelPreviewActionButtons';
 import { Avatar as DefaultAvatar } from '../Avatar';
+import { useComponentContext } from '../../context';
 const UnMemoizedChannelPreviewMessenger = (props) => {
     const { active, Avatar = DefaultAvatar, channel, className: customClassName = '', displayImage, displayTitle, groupChannelDisplayInfo, latestMessagePreview, onSelect: customOnSelectChannel, setActiveChannel, unread, watchers, } = props;
+    const { ChannelPreviewActionButtons = DefaultChannelPreviewActionButtons, } = useComponentContext();
     const channelPreviewButton = useRef(null);
     const avatarName = displayTitle || channel.state.messages[channel.state.messages.length - 1]?.user?.id;
     const onSelectChannel = (e) => {
@@ -16,15 +19,17 @@ const UnMemoizedChannelPreviewMessenger = (props) => {
             channelPreviewButton.current.blur();
         }
     };
-    return (React.createElement("button", { "aria-label": `Select Channel: ${displayTitle || ''}`, "aria-selected": active, className: clsx(`str-chat__channel-preview-messenger str-chat__channel-preview`, active && 'str-chat__channel-preview-messenger--active', unread && unread >= 1 && 'str-chat__channel-preview-messenger--unread', customClassName), "data-testid": 'channel-preview-button', onClick: onSelectChannel, ref: channelPreviewButton, role: 'option' },
-        React.createElement("div", { className: 'str-chat__channel-preview-messenger--left' },
-            React.createElement(Avatar, { className: 'str-chat__avatar--channel-preview', groupChannelDisplayInfo: groupChannelDisplayInfo, image: displayImage, name: avatarName })),
-        React.createElement("div", { className: 'str-chat__channel-preview-end' },
-            React.createElement("div", { className: 'str-chat__channel-preview-end-first-row' },
-                React.createElement("div", { className: 'str-chat__channel-preview-messenger--name' },
-                    React.createElement("span", null, displayTitle)),
-                !!unread && (React.createElement("div", { className: 'str-chat__channel-preview-unread-badge', "data-testid": 'unread-badge' }, unread))),
-            React.createElement("div", { className: 'str-chat__channel-preview-messenger--last-message' }, latestMessagePreview))));
+    return (React.createElement("div", { className: 'str-chat__channel-preview-container' },
+        React.createElement(ChannelPreviewActionButtons, { channel: channel }),
+        React.createElement("button", { "aria-label": `Select Channel: ${displayTitle || ''}`, "aria-selected": active, className: clsx(`str-chat__channel-preview-messenger str-chat__channel-preview`, active && 'str-chat__channel-preview-messenger--active', unread && unread >= 1 && 'str-chat__channel-preview-messenger--unread', customClassName), "data-testid": 'channel-preview-button', onClick: onSelectChannel, ref: channelPreviewButton, role: 'option' },
+            React.createElement("div", { className: 'str-chat__channel-preview-messenger--left' },
+                React.createElement(Avatar, { className: 'str-chat__avatar--channel-preview', groupChannelDisplayInfo: groupChannelDisplayInfo, image: displayImage, name: avatarName })),
+            React.createElement("div", { className: 'str-chat__channel-preview-end' },
+                React.createElement("div", { className: 'str-chat__channel-preview-end-first-row' },
+                    React.createElement("div", { className: 'str-chat__channel-preview-messenger--name' },
+                        React.createElement("span", null, displayTitle)),
+                    !!unread && (React.createElement("div", { className: 'str-chat__channel-preview-unread-badge', "data-testid": 'unread-badge' }, unread))),
+                React.createElement("div", { className: 'str-chat__channel-preview-messenger--last-message' }, latestMessagePreview)))));
 };
 /**
  * Used as preview component for channel item in [ChannelList](#channellist) component.

package/dist/components/ChannelPreview/icons.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+export declare const Icon: {
+    ArchiveBox: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+    Pin: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+};

package/dist/components/ChannelPreview/icons.js

@@ -0,0 +1,8 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+export const Icon = {
+    ArchiveBox: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--archive-box', fill: 'currentColor', viewBox: '0 0 512 512', xmlns: 'http://www.w3.org/2000/svg', ...props },
+        React.createElement("path", { d: 'M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z' }))),
+    Pin: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--pin', fill: 'currentColor', viewBox: '0 0 384 512', xmlns: 'http://www.w3.org/2000/svg', ...props },
+        React.createElement("path", { d: 'M32 32C32 14.3 46.3 0 64 0L320 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-29.5 0 11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3L32 352c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64 64 64C46.3 64 32 49.7 32 32zM160 384l64 0 0 96c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-96z' }))),
+};

package/dist/components/ChannelPreview/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ChannelPreview';
 export * from './ChannelPreviewMessenger';
+export * from './ChannelPreviewActionButtons';
 export * from './hooks';
 export * from './utils';

package/dist/components/ChannelPreview/index.js

@@ -1,4 +1,5 @@
 export * from './ChannelPreview';
 export * from './ChannelPreviewMessenger';
+export * from './ChannelPreviewActionButtons';
 export * from './hooks';
 export * from './utils';

package/dist/components/ChannelPreview/utils.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import type { Channel, UserResponse } from 'stream-chat';
 import type { TranslationContextValue } from '../../context/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
+import { ChatContextValue } from '../../context';
 export declare const renderPreviewText: (text: string) => React.JSX.Element;
-export declare const getLatestMessagePreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(channel: Channel<StreamChatGenerics>, t: TranslationContextValue['t'], userLanguage?: TranslationContextValue['userLanguage']) => string | JSX.Element;
+export declare const getLatestMessagePreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(channel: Channel<StreamChatGenerics>, t: TranslationContextValue['t'], userLanguage?: TranslationContextValue['userLanguage'], isMessageAIGenerated?: ChatContextValue<StreamChatGenerics>['isMessageAIGenerated']) => string | JSX.Element;
 export type GroupChannelDisplayInfo = {
     image?: string;
     name?: string;

package/dist/components/ChannelPreview/utils.js

@@ -12,7 +12,7 @@ const getLatestPollVote = (latestVotesByOption) => {
     }
     return latestVote;
 };
-export const getLatestMessagePreview = (channel, t, userLanguage = 'en') => {
+export const getLatestMessagePreview = (channel, t, userLanguage = 'en', isMessageAIGenerated) => {
     const latestMessage = channel.state.latestMessages[channel.state.latestMessages.length - 1];
     const previewTextToRender = latestMessage?.i18n?.[`${userLanguage}_text`] ||
         latestMessage?.text;
@@ -47,7 +47,7 @@ export const getLatestMessagePreview = (channel, t, userLanguage = 'en') => {
         }
     }
     if (previewTextToRender) {
-        return latestMessage.ai_generated
+        return isMessageAIGenerated?.(latestMessage)
             ? previewTextToRender
             : renderPreviewText(previewTextToRender);
     }

package/dist/components/Chat/Chat.d.ts

@@ -4,6 +4,7 @@ import type { StreamChat } from 'stream-chat';
 import type { SupportedTranslations } from '../../i18n/types';
 import type { Streami18n } from '../../i18n/Streami18n';
 import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { MessageContextValue } from '../../context';
 export type ChatProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** The StreamChat client object */
     client: StreamChat<StreamChatGenerics>;
@@ -25,7 +26,7 @@ export type ChatProps<StreamChatGenerics extends DefaultStreamChatGenerics = Def
      * Note: requires importing `stream-chat-react/css/v2/emoji-replacement.css` style sheet
      */
     useImageFlagEmojisOnWindows?: boolean;
-};
+} & Partial<Pick<MessageContextValue<StreamChatGenerics>, 'isMessageAIGenerated'>>;
 /**
  * Wrapper component for a StreamChat application. Chat needs to be placed around any other chat components
  * as it provides the ChatContext.

package/dist/components/Chat/Chat.js

@@ -9,7 +9,7 @@ import { TranslationProvider } from '../../context/TranslationContext';
  * as it provides the ChatContext.
  */
 export const Chat = (props) => {
-    const { children, client, customClasses, defaultLanguage, i18nInstance, initialNavOpen = true, theme = 'messaging light', useImageFlagEmojisOnWindows = false, } = props;
+    const { children, client, customClasses, defaultLanguage, i18nInstance, initialNavOpen = true, isMessageAIGenerated, theme = 'messaging light', useImageFlagEmojisOnWindows = false, } = props;
     const { channel, closeMobileNav, getAppSettings, latestMessageDatesByChannels, mutes, navOpen, openMobileNav, setActiveChannel, translators, } = useChat({ client, defaultLanguage, i18nInstance, initialNavOpen });
     const channelsQueryState = useChannelsQueryState();
     const chatContextValue = useCreateChatContext({
@@ -19,6 +19,7 @@ export const Chat = (props) => {
         closeMobileNav,
         customClasses,
         getAppSettings,
+        isMessageAIGenerated,
         latestMessageDatesByChannels,
         mutes,
         navOpen,

package/dist/components/Chat/hooks/useChat.js

@@ -28,7 +28,7 @@ export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialN
         if (!userAgent.includes('stream-chat-react')) {
             // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'
             // the upper-case text between double underscores is replaced with the actual semantic version of the library
-            client.setUserAgent(`stream-chat-react-12.7.0-${userAgent}`);
+            client.setUserAgent(`stream-chat-react-12.8.0-${userAgent}`);
         }
         client.threads.registerSubscriptions();
         client.polls.registerSubscriptions();

package/dist/components/Chat/hooks/useCreateChatContext.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 export const useCreateChatContext = (value) => {
-    const { channel, channelsQueryState, client, closeMobileNav, customClasses, getAppSettings, latestMessageDatesByChannels, mutes, navOpen, openMobileNav, setActiveChannel, theme, useImageFlagEmojisOnWindows, } = value;
+    const { channel, channelsQueryState, client, closeMobileNav, customClasses, getAppSettings, isMessageAIGenerated, latestMessageDatesByChannels, mutes, navOpen, openMobileNav, setActiveChannel, theme, useImageFlagEmojisOnWindows, } = value;
     const channelCid = channel?.cid;
     const channelsQueryError = channelsQueryState.error;
     const channelsQueryInProgress = channelsQueryState.queryInProgress;
@@ -14,6 +14,7 @@ export const useCreateChatContext = (value) => {
         closeMobileNav,
         customClasses,
         getAppSettings,
+        isMessageAIGenerated,
         latestMessageDatesByChannels,
         mutes,
         navOpen,
@@ -31,6 +32,7 @@ export const useCreateChatContext = (value) => {
         getAppSettings,
         mutedUsersLength,
         navOpen,
+        isMessageAIGenerated,
     ]);
     return chatContext;
 };

package/dist/components/Message/Message.js

@@ -5,7 +5,7 @@ import { MessageProvider, useChannelActionContext, useChannelStateContext, useCh
 import { MessageSimple as DefaultMessage } from './MessageSimple';
 const MessageWithContext = (props) => {
     const { canPin, groupedByUser, Message: propMessage, message, messageActions = Object.keys(MESSAGE_ACTIONS), onUserClick: propOnUserClick, onUserHover: propOnUserHover, userRoles, } = props;
-    const { client } = useChatContext('Message');
+    const { client, isMessageAIGenerated } = useChatContext('Message');
     const { read } = useChannelStateContext('Message');
     const { Message: contextMessage } = useComponentContext('Message');
     const actionsEnabled = message.type === 'regular' && message.status === 'received';
@@ -58,6 +58,7 @@ const MessageWithContext = (props) => {
         editing,
         getMessageActions: messageActionsHandler,
         handleEdit: setEdit,
+        isMessageAIGenerated,
         isMyMessage: () => isMyMessage,
         messageIsUnread,
         onUserClick,

package/dist/components/Message/MessageSimple.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import clsx from 'clsx';
 import { MessageErrorIcon } from './icons';
 import { MessageBouncePrompt as DefaultMessageBouncePrompt } from '../MessageBounce';
@@ -24,7 +24,7 @@ import { useChatContext, useTranslationContext } from '../../context';
 import { MessageEditedTimestamp } from './MessageEditedTimestamp';
 import { StreamedMessageText as DefaultStreamedMessageText } from './StreamedMessageText';
 const MessageSimpleWithContext = (props) => {
-    const { additionalMessageInputProps, clearEditingState, editing, endOfGroup, firstOfGroup, groupedByUser, handleAction, handleOpenThread, handleRetry, highlighted, isMyMessage, message, onUserClick, onUserHover, renderText, threadList, } = props;
+    const { additionalMessageInputProps, clearEditingState, editing, endOfGroup, firstOfGroup, groupedByUser, handleAction, handleOpenThread, handleRetry, highlighted, isMessageAIGenerated, isMyMessage, message, onUserClick, onUserHover, renderText, threadList, } = props;
     const { client } = useChatContext('MessageSimple');
     const { t } = useTranslationContext('MessageSimple');
     const [isBounceDialogOpen, setIsBounceDialogOpen] = useState(false);
@@ -35,6 +35,10 @@ const MessageSimpleWithContext = (props) => {
     MessageActions = MessageOptions, MessageDeleted = DefaultMessageDeleted, MessageBouncePrompt = DefaultMessageBouncePrompt, MessageRepliesCountButton = DefaultMessageRepliesCountButton, MessageStatus = DefaultMessageStatus, MessageTimestamp = DefaultMessageTimestamp, ReactionsList = DefaultReactionList, StreamedMessageText = DefaultStreamedMessageText, PinIndicator, } = useComponentContext('MessageSimple');
     const hasAttachment = messageHasAttachments(message);
     const hasReactions = messageHasReactions(message);
+    const isAIGenerated = useMemo(() => isMessageAIGenerated?.(message), [
+        isMessageAIGenerated,
+        message,
+    ]);
     if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
         return null;
     }
@@ -45,7 +49,7 @@ const MessageSimpleWithContext = (props) => {
     const showReplyCountButton = !threadList && !!message.reply_count;
     const allowRetry = message.status === 'failed' && message.errorStatusCode !== 403;
     const isBounced = isMessageBounced(message);
-    const isEdited = isMessageEdited(message);
+    const isEdited = isMessageEdited(message) && !isAIGenerated;
     let handleClick = undefined;
     if (allowRetry) {
         handleClick = () => handleRetry(message);
@@ -85,7 +89,7 @@ const MessageSimpleWithContext = (props) => {
                 React.createElement("div", { className: 'str-chat__message-bubble' },
                     poll && React.createElement(Poll, { poll: poll }),
                     message.attachments?.length && !message.quoted_message ? (React.createElement(Attachment, { actionHandler: handleAction, attachments: message.attachments })) : null,
-                    message.ai_generated ? (React.createElement(StreamedMessageText, { message: message, renderText: renderText })) : (React.createElement(MessageText, { message: message, renderText: renderText })),
+                    isAIGenerated ? (React.createElement(StreamedMessageText, { message: message, renderText: renderText })) : (React.createElement(MessageText, { message: message, renderText: renderText })),
                     message.mml && (React.createElement(MML, { actionHandler: handleAction, align: isMyMessage() ? 'right' : 'left', source: message.mml })),
                     React.createElement(MessageErrorIcon, null))),
             showReplyCountButton && (React.createElement(MessageRepliesCountButton, { onClick: handleOpenThread, reply_count: message.reply_count })),

package/dist/components/Message/utils.d.ts

@@ -77,4 +77,4 @@ export declare const mapToUserNameOrId: TooltipUsernameMapper;
 export declare const getReadByTooltipText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(users: UserResponse<StreamChatGenerics>[], t: TFunction, client: StreamChat<StreamChatGenerics>, tooltipUserNameMapper: TooltipUsernameMapper) => string;
 export declare const isOnlyEmojis: (text?: string) => boolean;
 export declare const isMessageBounced: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, 'type' | 'moderation' | 'moderation_details'>) => boolean;
-export declare const isMessageEdited: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, 'message_text_updated_at'> & Partial<Pick<StreamMessage<StreamChatGenerics>, 'ai_generated'>>) => boolean;
+export declare const isMessageEdited: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, 'message_text_updated_at'>) => boolean;

package/dist/components/Message/utils.js

@@ -310,4 +310,4 @@ export const isOnlyEmojis = (text) => {
 export const isMessageBounced = (message) => message.type === 'error' &&
     (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_BOUNCE' ||
         message.moderation?.action === 'bounce');
-export const isMessageEdited = (message) => !!message.message_text_updated_at && !message.ai_generated;
+export const isMessageEdited = (message) => !!message.message_text_updated_at;

package/dist/context/ChatContext.d.ts

@@ -36,7 +36,7 @@ export type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGeneric
      */
     customClasses?: CustomClasses;
     navOpen?: boolean;
-} & Required<Pick<ChatProps<StreamChatGenerics>, 'theme' | 'client'>>;
+} & Partial<Pick<ChatProps<StreamChatGenerics>, 'isMessageAIGenerated'>> & Required<Pick<ChatProps<StreamChatGenerics>, 'theme' | 'client'>>;
 export declare const ChatContext: React.Context<ChatContextValue<DefaultStreamChatGenerics> | undefined>;
 export declare const ChatProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
     value: ChatContextValue<StreamChatGenerics>;

package/dist/context/ComponentContext.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { AttachmentPreviewListProps, AttachmentProps, AvatarProps, BaseImageProps, CooldownTimerProps, CustomMessageActionsListProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LinkPreviewListProps, LoadingIndicatorProps, MessageBouncePromptProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, PollCreationDialogProps, PollOptionSelectorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, StartRecordingAudioButtonProps, StreamedMessageTextProps, SuggestionItemProps, SuggestionListProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TimestampProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
+import { AttachmentPreviewListProps, AttachmentProps, AvatarProps, BaseImageProps, ChannelPreviewActionButtonsProps, CooldownTimerProps, CustomMessageActionsListProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LinkPreviewListProps, LoadingIndicatorProps, MessageBouncePromptProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, PollCreationDialogProps, PollOptionSelectorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, StartRecordingAudioButtonProps, StreamedMessageTextProps, SuggestionItemProps, SuggestionListProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TimestampProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
 import type { CustomTrigger, DefaultStreamChatGenerics, PropsWithChildrenOnly, UnknownType } from '../types/types';
 import type { StopAIGenerationButtonProps } from '../components/MessageInput/StopAIGenerationButton';
 export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
@@ -21,6 +21,8 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     Avatar?: React.ComponentType<AvatarProps<StreamChatGenerics>>;
     /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/BaseImage.tsx) */
     BaseImage?: React.ComponentType<BaseImageProps>;
+    /** Custom UI component to display set of action buttons within `ChannelPreviewMessenger` component, accepts same props as: [ChannelPreviewActionButtons](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelPreviewActionButtons.tsx) */
+    ChannelPreviewActionButtons?: React.ComponentType<ChannelPreviewActionButtonsProps<StreamChatGenerics>>;
     /** Custom UI component to display the slow mode cooldown timer, defaults to and accepts same props as: [CooldownTimer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/CooldownTimer.tsx) */
     CooldownTimer?: React.ComponentType<CooldownTimerProps>;
     /** Custom UI component to render set of buttons to be displayed in the MessageActionsBox, defaults to and accepts same props as: [CustomMessageActionsList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageActions/CustomMessageActionsList.tsx) */

package/dist/context/MessageContext.d.ts

@@ -86,6 +86,10 @@ export type MessageContextValue<StreamChatGenerics extends DefaultStreamChatGene
     highlighted?: boolean;
     /** Whether the threaded message is the first in the thread list */
     initialMessage?: boolean;
+    /**
+     * A factory function that determines whether a message is AI generated or not.
+     */
+    isMessageAIGenerated?: (message: StreamMessage<StreamChatGenerics>) => boolean;
     /** Latest message id on current channel */
     lastReceivedId?: string | null;
     /** DOMRect object for parent MessageList component */