stream-chat-react 11.16.0 → 11.17.0

package/dist/{Window-996f3be8.js → Window-5a6bf944.js}

@@ -33471,6 +33471,8 @@ class ReactTextareaAutocomplete extends React__default["default"].Component {
       if (!this.textareaRef) return;
       const trigger = this.state.currentTrigger;
       if (!trigger || !this.state.data) {
+        // https://legacy.reactjs.org/docs/legacy-event-pooling.html
+        event.persist();
         // trigger a submit
         await this._replaceWord();
         if (this.textareaRef) {
@@ -55729,7 +55731,6 @@ var Message = function (props) {
     return (React__default["default"].createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, autoscrollToBottom: props.autoscrollToBottom, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFetchReactions: handleFetchReactions, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, sortReactionDetails: sortReactionDetails, sortReactions: sortReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
 };
 
-/* eslint-disable no-continue */
 /**
  * processMessages - Transform the input message list according to config parameters
  *
@@ -55748,7 +55749,8 @@ var Message = function (props) {
  */
 var processMessages = function (params) {
     var _a, _b;
-    var enableDateSeparator = params.enableDateSeparator, hideDeletedMessages = params.hideDeletedMessages, hideNewMessageSeparator = params.hideNewMessageSeparator, lastRead = params.lastRead, messages = params.messages, setGiphyPreviewMessage = params.setGiphyPreviewMessage, userId = params.userId;
+    var messages = params.messages, reviewProcessedMessage = params.reviewProcessedMessage, setGiphyPreviewMessage = params.setGiphyPreviewMessage, context = __rest(params, ["messages", "reviewProcessedMessage", "setGiphyPreviewMessage"]);
+    var enableDateSeparator = context.enableDateSeparator, hideDeletedMessages = context.hideDeletedMessages, hideNewMessageSeparator = context.hideNewMessageSeparator, lastRead = context.lastRead, userId = context.userId;
     var unread = false;
     var ephemeralMessagePresent = false;
     var lastDateSeparator;
@@ -55763,6 +55765,7 @@ var processMessages = function (params) {
             setGiphyPreviewMessage(message);
             continue;
         }
+        var changes = [];
         var messageDate = (message.created_at && isDate(message.created_at) && message.created_at.toDateString()) || '';
         var previousMessage = messages[i - 1];
         var prevMessageDate = messageDate;
@@ -55773,7 +55776,7 @@ var processMessages = function (params) {
             unread = (lastRead && message.created_at && new Date(lastRead) < message.created_at) || false;
             // do not show date separator for current user's messages
             if (enableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
-                newMessages.push({
+                changes.push({
                     customType: CUSTOM_MESSAGE_TYPE.date,
                     date: message.created_at,
                     id: makeDateMessageId(message.created_at),
@@ -55788,18 +55791,25 @@ var processMessages = function (params) {
                 (hideDeletedMessages &&
                     (previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.type) === 'deleted' &&
                     lastDateSeparator !== messageDate)) &&
-            ((_b = newMessages === null || newMessages === void 0 ? void 0 : newMessages[newMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
+            ((_b = changes[changes.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
         ) {
             lastDateSeparator = messageDate;
-            newMessages.push({
+            changes.push({
                 customType: CUSTOM_MESSAGE_TYPE.date,
                 date: message.created_at,
                 id: makeDateMessageId(message.created_at),
             }, message);
         }
         else {
-            newMessages.push(message);
-        }
+            changes.push(message);
+        }
+        newMessages.push.apply(newMessages, ((reviewProcessedMessage === null || reviewProcessedMessage === void 0 ? void 0 : reviewProcessedMessage({
+            changes: changes,
+            context: context,
+            index: i,
+            messages: messages,
+            processedMessages: newMessages,
+        })) || changes));
     }
     // clean up the giphy preview component state after a Cancel action
     if (setGiphyPreviewMessage && !ephemeralMessagePresent) {

package/dist/browser.full-bundle.js

@@ -45104,6 +45104,8 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
           if (!this.textareaRef) return;
           const trigger = this.state.currentTrigger;
           if (!trigger || !this.state.data) {
+            // https://legacy.reactjs.org/docs/legacy-event-pooling.html
+            event.persist();
             // trigger a submit
             await this._replaceWord();
             if (this.textareaRef) {
@@ -67860,8 +67862,7 @@ bitsperframe:             %d
             React__default["default"].createElement(Message, { message: message })));
     };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/* eslint-disable no-continue */
-    /**
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
      * processMessages - Transform the input message list according to config parameters
      *
      * Inserts date separators btw. messages created on different dates or before unread incoming messages. By default:
@@ -67879,7 +67880,8 @@ bitsperframe:             %d
      */
     var processMessages = function (params) {
         var _a, _b;
-        var enableDateSeparator = params.enableDateSeparator, hideDeletedMessages = params.hideDeletedMessages, hideNewMessageSeparator = params.hideNewMessageSeparator, lastRead = params.lastRead, messages = params.messages, setGiphyPreviewMessage = params.setGiphyPreviewMessage, userId = params.userId;
+        var messages = params.messages, reviewProcessedMessage = params.reviewProcessedMessage, setGiphyPreviewMessage = params.setGiphyPreviewMessage, context = __rest(params, ["messages", "reviewProcessedMessage", "setGiphyPreviewMessage"]);
+        var enableDateSeparator = context.enableDateSeparator, hideDeletedMessages = context.hideDeletedMessages, hideNewMessageSeparator = context.hideNewMessageSeparator, lastRead = context.lastRead, userId = context.userId;
         var unread = false;
         var ephemeralMessagePresent = false;
         var lastDateSeparator;
@@ -67894,6 +67896,7 @@ bitsperframe:             %d
                 setGiphyPreviewMessage(message);
                 continue;
             }
+            var changes = [];
             var messageDate = (message.created_at && isDate(message.created_at) && message.created_at.toDateString()) || '';
             var previousMessage = messages[i - 1];
             var prevMessageDate = messageDate;
@@ -67904,7 +67907,7 @@ bitsperframe:             %d
                 unread = (lastRead && message.created_at && new Date(lastRead) < message.created_at) || false;
                 // do not show date separator for current user's messages
                 if (enableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
-                    newMessages.push({
+                    changes.push({
                         customType: CUSTOM_MESSAGE_TYPE.date,
                         date: message.created_at,
                         id: makeDateMessageId(message.created_at),
@@ -67919,18 +67922,25 @@ bitsperframe:             %d
                     (hideDeletedMessages &&
                         (previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.type) === 'deleted' &&
                         lastDateSeparator !== messageDate)) &&
-                ((_b = newMessages === null || newMessages === void 0 ? void 0 : newMessages[newMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
+                ((_b = changes[changes.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
             ) {
                 lastDateSeparator = messageDate;
-                newMessages.push({
+                changes.push({
                     customType: CUSTOM_MESSAGE_TYPE.date,
                     date: message.created_at,
                     id: makeDateMessageId(message.created_at),
                 }, message);
             }
             else {
-                newMessages.push(message);
+                changes.push(message);
             }
+            newMessages.push.apply(newMessages, ((reviewProcessedMessage === null || reviewProcessedMessage === void 0 ? void 0 : reviewProcessedMessage({
+                changes: changes,
+                context: context,
+                index: i,
+                messages: messages,
+                processedMessages: newMessages,
+            })) || changes));
         }
         // clean up the giphy preview component state after a Cancel action
         if (setGiphyPreviewMessage && !ephemeralMessagePresent) {
@@ -68089,7 +68099,7 @@ bitsperframe:             %d
     }
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useEnrichedMessages = function (args) {
-        var channel = args.channel, disableDateSeparator = args.disableDateSeparator, groupStyles = args.groupStyles, headerPosition = args.headerPosition, hideDeletedMessages = args.hideDeletedMessages, hideNewMessageSeparator = args.hideNewMessageSeparator, messages = args.messages, noGroupByUser = args.noGroupByUser;
+        var channel = args.channel, disableDateSeparator = args.disableDateSeparator, groupStyles = args.groupStyles, headerPosition = args.headerPosition, hideDeletedMessages = args.hideDeletedMessages, hideNewMessageSeparator = args.hideNewMessageSeparator, messages = args.messages, noGroupByUser = args.noGroupByUser, reviewProcessedMessage = args.reviewProcessedMessage;
         var client = useChatContext('useEnrichedMessages').client;
         var HeaderComponent = useComponentContext('useEnrichedMessages').HeaderComponent;
         var lastRead = React$2.useMemo(function () { var _a; return (_a = channel.lastRead) === null || _a === void 0 ? void 0 : _a.call(channel); }, [channel]);
@@ -68102,6 +68112,7 @@ bitsperframe:             %d
                 hideNewMessageSeparator: hideNewMessageSeparator,
                 lastRead: lastRead,
                 messages: messages,
+                reviewProcessedMessage: reviewProcessedMessage,
                 userId: client.userID || '',
             });
         if (HeaderComponent) {
@@ -68842,7 +68853,7 @@ bitsperframe:             %d
         var _a;
         var channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, _b = props.disableDateSeparator, disableDateSeparator = _b === void 0 ? false : _b, groupStyles = props.groupStyles, _c = props.hideDeletedMessages, hideDeletedMessages = _c === void 0 ? false : _c, _d = props.hideNewMessageSeparator, hideNewMessageSeparator = _d === void 0 ? false : _d, _e = props.internalInfiniteScrollProps, _f = _e === void 0 ? {} : _e, _g = _f.threshold, loadMoreScrollThreshold = _g === void 0 ? DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD : _g, restInternalInfiniteScrollProps = __rest(_f, ["threshold"]), _h = props.messageActions, messageActions = _h === void 0 ? Object.keys(MESSAGE_ACTIONS) : _h, _j = props.messages, messages = _j === void 0 ? [] : _j, notifications = props.notifications, _k = props.noGroupByUser, noGroupByUser = _k === void 0 ? false : _k, _l = props.pinPermissions, pinPermissions = _l === void 0 ? defaultPinPermissions : _l, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
         _m = props.returnAllReadData, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-        returnAllReadData = _m === void 0 ? false : _m, _o = props.threadList, threadList = _o === void 0 ? false : _o, _p = props.unsafeHTML, unsafeHTML = _p === void 0 ? false : _p, headerPosition = props.headerPosition, read = props.read, _q = props.renderMessages, renderMessages = _q === void 0 ? defaultRenderMessages : _q, _r = props.messageLimit, messageLimit = _r === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _r, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _s = props.hasMoreNewer, hasMoreNewer = _s === void 0 ? false : _s, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _t = props.jumpToLatestMessage, jumpToLatestMessage = _t === void 0 ? function () { return Promise.resolve(); } : _t;
+        returnAllReadData = _m === void 0 ? false : _m, _o = props.threadList, threadList = _o === void 0 ? false : _o, _p = props.unsafeHTML, unsafeHTML = _p === void 0 ? false : _p, headerPosition = props.headerPosition, read = props.read, _q = props.renderMessages, renderMessages = _q === void 0 ? defaultRenderMessages : _q, reviewProcessedMessage = props.reviewProcessedMessage, _r = props.messageLimit, messageLimit = _r === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _r, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _s = props.hasMoreNewer, hasMoreNewer = _s === void 0 ? false : _s, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _t = props.jumpToLatestMessage, jumpToLatestMessage = _t === void 0 ? function () { return Promise.resolve(); } : _t;
         var _u = React__default["default"].useState(null), listElement = _u[0], setListElement = _u[1];
         var _v = React__default["default"].useState(null), ulElement = _v[0], setUlElement = _v[1];
         var customClasses = useChatContext('MessageList').customClasses;
@@ -68875,6 +68886,7 @@ bitsperframe:             %d
             hideNewMessageSeparator: hideNewMessageSeparator,
             messages: messages,
             noGroupByUser: noGroupByUser,
+            reviewProcessedMessage: reviewProcessedMessage,
         }), messageGroupStyles = _4.messageGroupStyles, enrichedMessages = _4.messages;
         var elements = useMessageListElements({
             channelUnreadUiState: channelUnreadUiState,
@@ -70594,7 +70606,7 @@ bitsperframe:             %d
         // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
         _h = props.overscan, 
         // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
-        overscan = _h === void 0 ? 0 : _h, read = props.read, _j = props.returnAllReadData, returnAllReadData = _j === void 0 ? false : _j, scrollSeekPlaceHolder = props.scrollSeekPlaceHolder, _k = props.scrollToLatestMessageOnFocus, scrollToLatestMessageOnFocus = _k === void 0 ? false : _k, _l = props.separateGiphyPreview, separateGiphyPreview = _l === void 0 ? false : _l, _m = props.shouldGroupByUser, shouldGroupByUser = _m === void 0 ? false : _m, showUnreadNotificationAlways = props.showUnreadNotificationAlways, sortReactionDetails = props.sortReactionDetails, sortReactions = props.sortReactions, _o = props.stickToBottomScrollBehavior, stickToBottomScrollBehavior = _o === void 0 ? 'smooth' : _o, suppressAutoscroll = props.suppressAutoscroll, threadList = props.threadList;
+        overscan = _h === void 0 ? 0 : _h, read = props.read, _j = props.returnAllReadData, returnAllReadData = _j === void 0 ? false : _j, reviewProcessedMessage = props.reviewProcessedMessage, scrollSeekPlaceHolder = props.scrollSeekPlaceHolder, _k = props.scrollToLatestMessageOnFocus, scrollToLatestMessageOnFocus = _k === void 0 ? false : _k, _l = props.separateGiphyPreview, separateGiphyPreview = _l === void 0 ? false : _l, _m = props.shouldGroupByUser, shouldGroupByUser = _m === void 0 ? false : _m, showUnreadNotificationAlways = props.showUnreadNotificationAlways, sortReactionDetails = props.sortReactionDetails, sortReactions = props.sortReactions, _o = props.stickToBottomScrollBehavior, stickToBottomScrollBehavior = _o === void 0 ? 'smooth' : _o, suppressAutoscroll = props.suppressAutoscroll, threadList = props.threadList;
         var virtuosoComponentsFromProps = additionalVirtuosoProps.components, overridingVirtuosoProps = __rest(additionalVirtuosoProps, ["components"]);
         // Stops errors generated from react-virtuoso to bubble up
         // to Sentry or other tracking tools.
@@ -70626,6 +70638,7 @@ bitsperframe:             %d
                 hideNewMessageSeparator: hideNewMessageSeparator,
                 lastRead: lastRead,
                 messages: messages,
+                reviewProcessedMessage: reviewProcessedMessage,
                 setGiphyPreviewMessage: setGiphyPreviewMessage,
                 userId: client.userID || '',
             });
@@ -73304,7 +73317,7 @@ bitsperframe:             %d
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.16.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.17.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;