stream-chat-react 13.8.0 → 13.9.0

package/dist/components/MessageList/renderMessages.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
 import type { ReactNode } from 'react';
-import type { UserResponse } from 'stream-chat';
+import React from 'react';
 import type { GroupStyle, RenderedMessage } from './utils';
 import type { MessageProps } from '../Message';
+import type { UserResponse } from 'stream-chat';
 import type { ComponentContextValue, CustomClasses } from '../../context';
 import type { ChannelUnreadUiState } from '../../types';
 export interface RenderMessagesOptions {
@@ -10,6 +10,7 @@ export interface RenderMessagesOptions {
     lastReceivedMessageId: string | null;
     messageGroupStyles: Record<string, GroupStyle>;
     messages: Array<RenderedMessage>;
+    ownMessagesDeliveredToOthers: Record<string, UserResponse[]>;
     /**
      * Object mapping message IDs of own messages to the users who read those messages.
      */
@@ -28,6 +29,6 @@ export interface RenderMessagesOptions {
 }
 export type SharedMessageProps = Omit<MessageProps, MessagePropsToOmit>;
 export type MessageRenderer = (options: RenderMessagesOptions) => Array<ReactNode>;
-type MessagePropsToOmit = 'channel' | 'groupStyles' | 'initialMessage' | 'lastReceivedId' | 'message' | 'readBy';
-export declare function defaultRenderMessages({ channelUnreadUiState, components, customClasses, lastReceivedMessageId: lastReceivedId, messageGroupStyles, messages, readData, sharedMessageProps: messageProps, }: RenderMessagesOptions): React.JSX.Element[];
+type MessagePropsToOmit = 'channel' | 'deliveredTo' | 'groupStyles' | 'initialMessage' | 'lastReceivedId' | 'message' | 'readBy';
+export declare function defaultRenderMessages({ channelUnreadUiState, components, customClasses, lastReceivedMessageId: lastReceivedId, messageGroupStyles, messages, ownMessagesDeliveredToOthers, readData, sharedMessageProps: messageProps, }: RenderMessagesOptions): React.JSX.Element[];
 export {};

package/dist/components/MessageList/renderMessages.js

@@ -4,7 +4,7 @@ import { Message } from '../Message';
 import { DateSeparator as DefaultDateSeparator } from '../DateSeparator';
 import { EventComponent as DefaultMessageSystem } from '../EventComponent';
 import { UnreadMessagesSeparator as DefaultUnreadMessagesSeparator } from './UnreadMessagesSeparator';
-export function defaultRenderMessages({ channelUnreadUiState, components, customClasses, lastReceivedMessageId: lastReceivedId, messageGroupStyles, messages, readData, sharedMessageProps: messageProps, }) {
+export function defaultRenderMessages({ channelUnreadUiState, components, customClasses, lastReceivedMessageId: lastReceivedId, messageGroupStyles, messages, ownMessagesDeliveredToOthers, readData, sharedMessageProps: messageProps, }) {
     const { DateSeparator = DefaultDateSeparator, HeaderComponent, MessageSystem = DefaultMessageSystem, UnreadMessagesSeparator = DefaultUnreadMessagesSeparator, } = components;
     const renderedMessages = [];
     let firstMessage;
@@ -44,7 +44,7 @@ export function defaultRenderMessages({ channelUnreadUiState, components, custom
                 isFirstUnreadMessage && UnreadMessagesSeparator && (React.createElement("li", { className: 'str-chat__li str-chat__unread-messages-separator-wrapper' },
                     React.createElement(UnreadMessagesSeparator, { unreadCount: channelUnreadUiState?.unread_messages }))),
                 React.createElement("li", { className: messageClass, "data-message-id": message.id, "data-testid": messageClass },
-                    React.createElement(Message, { groupStyles: [groupStyles], lastReceivedId: lastReceivedId, message: message, readBy: readData[message.id] || [], ...messageProps }))));
+                    React.createElement(Message, { deliveredTo: ownMessagesDeliveredToOthers[message.id] || [], groupStyles: [groupStyles], lastReceivedId: lastReceivedId, message: message, readBy: readData[message.id] || [], ...messageProps }))));
             previousMessage = message;
         }
     }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
-import type { LocalMessage, MessageLabel, UserResponse } from 'stream-chat';
+import type { LocalMessage, MessageLabel } from 'stream-chat';
 type IntroMessage = {
     customType: typeof CUSTOM_MESSAGE_TYPE.intro;
     id: string;
@@ -62,10 +62,6 @@ export declare const processMessages: (params: ProcessMessagesParams) => Rendere
 export declare const makeIntroMessage: () => IntroMessage;
 export declare const makeDateMessageId: (date?: string | Date) => string;
 export declare const getLastReceived: (messages: RenderedMessage[]) => string | null;
-export declare const getReadStates: (messages: LocalMessage[], read: Record<string, {
-    last_read: Date;
-    user: UserResponse;
-}> | undefined, returnAllReadData: boolean) => Record<string, UserResponse[]>;
 export declare const insertIntro: (messages: RenderedMessage[], headerPosition?: number) => RenderedMessage[];
 export type GroupStyle = '' | 'middle' | 'top' | 'bottom' | 'single';
 export declare const getGroupStyles: (message: RenderedMessage, previousMessage: RenderedMessage, nextMessage: RenderedMessage, noGroupByUser: boolean, maxTimeBetweenGroupedMessages?: number) => GroupStyle;

package/dist/components/MessageList/utils.js

@@ -119,36 +119,6 @@ export const getLastReceived = (messages) => {
     }
     return null;
 };
-export const getReadStates = (messages, read = {}, returnAllReadData) => {
-    // create object with empty array for each message id
-    const readData = {};
-    Object.values(read).forEach((readState) => {
-        if (!readState.last_read)
-            return;
-        let userLastReadMsgId;
-        // loop messages sent by current user and add read data for other users in channel
-        messages.forEach((msg) => {
-            if (msg.created_at && msg.created_at < readState.last_read) {
-                userLastReadMsgId = msg.id;
-                // if true, save other user's read data for all messages they've read
-                if (returnAllReadData) {
-                    if (!readData[userLastReadMsgId]) {
-                        readData[userLastReadMsgId] = [];
-                    }
-                    readData[userLastReadMsgId].push(readState.user);
-                }
-            }
-        });
-        // if true, only save read data for other user's last read message
-        if (userLastReadMsgId && !returnAllReadData) {
-            if (!readData[userLastReadMsgId]) {
-                readData[userLastReadMsgId] = [];
-            }
-            readData[userLastReadMsgId].push(readState.user);
-        }
-    });
-    return readData;
-};
 export const insertIntro = (messages, headerPosition) => {
     const newMessages = messages;
     const intro = makeIntroMessage();

package/dist/context/ChannelActionContext.d.ts

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from 'react';
 import React from 'react';
-import type { LocalMessage, Message, MessageResponse, SendMessageOptions, UpdateMessageAPIResponse, UpdateMessageOptions } from 'stream-chat';
+import type { DeleteMessageOptions, LocalMessage, Message, MessageResponse, SendMessageOptions, UpdateMessageAPIResponse, UpdateMessageOptions } from 'stream-chat';
 import type { ChannelStateReducerAction } from '../components/Channel/channelState';
 import type { CustomMentionHandler } from '../components/Message/hooks/useMentionsHandler';
 import type { ChannelUnreadUiState, UnknownType } from '../types/types';
@@ -16,7 +16,7 @@ export type RetrySendMessage = (message: LocalMessage) => Promise<void>;
 export type ChannelActionContextValue = {
     addNotification: (text: string, type: 'success' | 'error') => void;
     closeThread: (event?: React.BaseSyntheticEvent) => void;
-    deleteMessage: (message: LocalMessage) => Promise<MessageResponse>;
+    deleteMessage: (message: LocalMessage, options?: DeleteMessageOptions) => Promise<MessageResponse>;
     dispatch: React.Dispatch<ChannelStateReducerAction>;
     editMessage: (message: LocalMessage | MessageResponse, options?: UpdateMessageOptions) => Promise<UpdateMessageAPIResponse | void>;
     jumpToFirstUnreadMessage: (queryMessageLimit?: number, highlightDuration?: number) => Promise<void>;

package/dist/context/MessageContext.d.ts

@@ -1,6 +1,6 @@
-import type { PropsWithChildren, ReactNode } from 'react';
+import type { BaseSyntheticEvent, PropsWithChildren, ReactNode } from 'react';
 import React from 'react';
-import type { LocalMessage, Mute, ReactionResponse, ReactionSort, UserResponse } from 'stream-chat';
+import type { DeleteMessageOptions, LocalMessage, Mute, ReactionResponse, ReactionSort, UserResponse } from 'stream-chat';
 import type { ChannelActionContextValue } from './ChannelActionContext';
 import type { ActionHandlerReturnType } from '../components/Message/hooks/useActionHandler';
 import type { PinPermissions } from '../components/Message/hooks/usePinHandler';
@@ -29,7 +29,7 @@ export type MessageContextValue = {
     /** Function to send an action in a Channel */
     handleAction: ActionHandlerReturnType;
     /** Function to delete a message in a Channel */
-    handleDelete: ReactEventHandler;
+    handleDelete: (event: BaseSyntheticEvent, options?: DeleteMessageOptions) => Promise<void> | void;
     /** Function to edit a message in a Channel */
     handleEdit: ReactEventHandler;
     /** Function to fetch the message reactions */
@@ -72,6 +72,8 @@ export type MessageContextValue = {
     closeReactionSelectorOnClick?: boolean;
     /** Object containing custom message actions and function handlers */
     customMessageActions?: CustomMessageActions;
+    /** An array of user IDs that have confirmed the message delivery to their device */
+    deliveredTo?: UserResponse[];
     /** If true, the message is the last one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */
     endOfGroup?: boolean;
     /** If true, the message is the first one in a group sent by a specific user (only used in the `VirtualizedMessageList`) */