stream-chat-react 6.7.0 → 6.9.0

package/dist/components/AutoCompleteTextarea/Textarea.js

@@ -216,7 +216,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
                             text: textToReplace,
                         };
                     }
-                    if (!textToReplace.text) {
+                    if (!textToReplace.text && currentTrigger !== ':') {
                         throw new Error("Output \"text\" is not defined! Object should has shape {text: string, caretPosition: string | number}. Check the implementation for trigger \"" + currentTrigger + "\" and its token \"" + actualToken + "\"\n");
                     }
                     if (!textToReplace.caretPosition) {

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,oBAAY,WAAW,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI;IAC1E,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,gJA2DlB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,oBAAY,WAAW,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI;IAC1E,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,gJA4DlB,CAAC"}

package/dist/components/Avatar/Avatar.js

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { getWholeChar } from '../../utils';
 /**
  * A round avatar image with fallback to username's first letter
  */
@@ -10,7 +11,8 @@ export var Avatar = function (props) {
         setError(false);
         setLoaded(false);
     }, [image]);
-    var initials = ((name === null || name === void 0 ? void 0 : name.toString()) || '').charAt(0);
+    var nameStr = (name === null || name === void 0 ? void 0 : name.toString()) || '';
+    var initials = getWholeChar(nameStr, 0);
     return (React.createElement("div", { className: "str-chat__avatar str-chat__avatar--" + shape, "data-testid": 'avatar', onClick: onClick, onMouseOver: onMouseOver, style: {
             flexBasis: size + "px",
             fontSize: size / 2 + "px",

package/dist/components/Channel/Channel.d.ts

@@ -9,6 +9,8 @@ import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, Def
 export declare type ChannelProps<At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends DefaultCommandType = DefaultCommandType, Ev extends DefaultEventType = DefaultEventType, Me extends DefaultMessageType = DefaultMessageType, Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = {
     /** List of accepted file types */
     acceptedFiles?: string[];
+    /** Custom handler function that runs when the active channel has unread messages (i.e., when chat is running on a separate browser tab) */
+    activeUnreadHandler?: (unread: number, documentTitle: string) => void;
     /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */
     Attachment?: ComponentContextValue<At, Ch, Co, Ev, Me, Re, Us>['Attachment'];
     /** Optional UI component to override the default suggestion Header component, defaults to and accepts same props as: [Header](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Header.tsx) */
@@ -97,6 +99,8 @@ export declare type ChannelProps<At extends DefaultAttachmentType = DefaultAttac
     ReactionsList?: ComponentContextValue<At, Ch, Co, Ev, Me, Re, Us>['ReactionsList'];
     /** Custom UI component for send button, defaults to and accepts same props as: [SendButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/icons.tsx) */
     SendButton?: ComponentContextValue<At, Ch, Co, Ev, Me, Re, Us>['SendButton'];
+    /** If true, skips the message data string comparison used to memoize the current channel messages (helpful for channels with 1000s of messages) */
+    skipMessageDataMemoization?: boolean;
     /** Custom UI component to display the header of a `Thread`, defaults to and accepts same props as: [DefaultThreadHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */
     ThreadHeader?: ComponentContextValue<At, Ch, Co, Ev, Me, Re, Us>['ThreadHeader'];
     /** Custom UI component to display the start of a threaded `MessageList`, defaults to and accepts same props as: [DefaultThreadStart](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */

package/dist/components/Channel/Channel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"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"}

package/dist/components/Channel/Channel.js

@@ -61,13 +61,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, } from 'react';
+import React, { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, } from 'react';
 import debounce from 'lodash.debounce';
 import throttle from 'lodash.throttle';
 import { logChatPromiseExecution, } from 'stream-chat';
 import { v4 as uuidv4 } from 'uuid';
 import { channelReducer, initialState } from './channelState';
 import { commonEmoji, defaultMinimalEmojis, emojiSetDef } from './emojiData';
+import { useCreateChannelStateContext } from './hooks/useCreateChannelStateContext';
+import { useCreateTypingContext } from './hooks/useCreateTypingContext';
 import { useEditMessageHandler } from './hooks/useEditMessageHandler';
 import { useIsMounted } from './hooks/useIsMounted';
 import { useMentionsHandlers } from './hooks/useMentionsHandlers';
@@ -91,7 +93,7 @@ var UnMemoizedChannel = function (props) {
     return React.createElement(ChannelInner, __assign({}, props, { channel: channel, key: channel.cid }));
 };
 var ChannelInner = function (props) {
-    var acceptedFiles = props.acceptedFiles, channel = props.channel, children = props.children, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _a = props.emojiData, emojiData = _a === void 0 ? defaultEmojiData : _a, _b = props.LoadingErrorIndicator, LoadingErrorIndicator = _b === void 0 ? DefaultLoadingErrorIndicator : _b, _c = props.LoadingIndicator, LoadingIndicator = _c === void 0 ? DefaultLoadingIndicator : _c, maxNumberOfFiles = props.maxNumberOfFiles, _d = props.multipleUploads, multipleUploads = _d === void 0 ? true : _d, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover;
+    var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, children = props.children, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _a = props.emojiData, emojiData = _a === void 0 ? defaultEmojiData : _a, _b = props.LoadingErrorIndicator, LoadingErrorIndicator = _b === void 0 ? DefaultLoadingErrorIndicator : _b, _c = props.LoadingIndicator, LoadingIndicator = _c === void 0 ? DefaultLoadingIndicator : _c, maxNumberOfFiles = props.maxNumberOfFiles, _d = props.multipleUploads, multipleUploads = _d === void 0 ? true : _d, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, skipMessageDataMemoization = props.skipMessageDataMemoization;
     var _e = useChatContext(), client = _e.client, customClasses = _e.customClasses, mutes = _e.mutes, theme = _e.theme, useImageFlagEmojisOnWindows = _e.useImageFlagEmojisOnWindows;
     var t = useTranslationContext().t;
     var _f = useState([]), notifications = _f[0], setNotifications = _f[1];
@@ -109,14 +111,12 @@ var ChannelInner = function (props) {
         emojiData: emojiData,
         emojiSetDef: emojiSetDef,
     };
-    var throttledCopyStateFromChannel = useCallback(throttle(function () {
-        if (!channel)
-            return;
-        dispatch({ channel: channel, type: 'copyStateFromChannelOnEvent' });
-    }, 500, { leading: true, trailing: true }), [channel]);
-    var markRead = useCallback(function () {
-        var _a;
-        if (!channel || channel.disconnected || !((_a = channel.getConfig()) === null || _a === void 0 ? void 0 : _a.read_events)) {
+    var throttledCopyStateFromChannel = throttle(function () { return dispatch({ channel: channel, type: 'copyStateFromChannelOnEvent' }); }, 500, {
+        leading: true,
+        trailing: true,
+    });
+    var markRead = function () {
+        if (channel.disconnected || !(channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.read_events)) {
             return;
         }
         lastRead.current = new Date();
@@ -129,10 +129,10 @@ var ChannelInner = function (props) {
         if (originalTitle.current) {
             document.title = originalTitle.current;
         }
-    }, [channel, doMarkReadRequest]);
-    var markReadThrottled = useCallback(throttle(markRead, 500, { leading: true, trailing: true }), [markRead]);
-    var handleEvent = useCallback(function (event) {
-        var _a, _b, _c, _d, _e;
+    };
+    var markReadThrottled = throttle(markRead, 500, { leading: true, trailing: true });
+    var handleEvent = function (event) {
+        var _a, _b, _c, _d;
         if (event.message) {
             dispatch({
                 channel: channel,
@@ -141,11 +141,7 @@ var ChannelInner = function (props) {
             });
         }
         if (event.type === 'typing.start' || event.type === 'typing.stop') {
-            dispatch({
-                channel: channel,
-                type: 'setTyping',
-            });
-            return;
+            return dispatch({ channel: channel, type: 'setTyping' });
         }
         if (event.type === 'connection.changed' && typeof event.online === 'boolean') {
             online.current = event.online;
@@ -159,29 +155,33 @@ var ChannelInner = function (props) {
                 if (!document.hidden) {
                     markReadThrottled();
                 }
-                else if (((_e = channel.getConfig()) === null || _e === void 0 ? void 0 : _e.read_events) && !channel.muteStatus().muted) {
+                else if ((channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.read_events) && !channel.muteStatus().muted) {
                     var unread = channel.countUnread(lastRead.current);
-                    document.title = "(" + unread + ") " + originalTitle.current;
+                    if (activeUnreadHandler) {
+                        activeUnreadHandler(unread, originalTitle.current);
+                    }
+                    else {
+                        document.title = "(" + unread + ") " + originalTitle.current;
+                    }
                 }
             }
         }
         throttledCopyStateFromChannel();
-    }, [channel, client.userID, markReadThrottled, throttledCopyStateFromChannel]);
+    };
     // useLayoutEffect here to prevent spinner. Use Suspense when it is available in stable release
     useLayoutEffect(function () {
         var errored = false;
         var done = false;
         var onVisibilityChange = function () {
-            if (!document.hidden) {
+            if (!document.hidden)
                 markRead();
-            }
         };
         (function () { return __awaiter(void 0, void 0, void 0, function () {
             var e_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(channel && !channel.initialized)) return [3 /*break*/, 4];
+                        if (!!channel.initialized) return [3 /*break*/, 4];
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
@@ -197,7 +197,7 @@ var ChannelInner = function (props) {
                     case 4:
                         done = true;
                         originalTitle.current = document.title;
-                        if (channel && !errored) {
+                        if (!errored) {
                             dispatch({ channel: channel, type: 'initStateFromChannel' });
                             if (channel.countUnread() > 0)
                                 markRead();
@@ -217,15 +217,14 @@ var ChannelInner = function (props) {
             if (errored || !done)
                 return;
             document.removeEventListener('visibilitychange', onVisibilityChange);
-            if (channel)
-                channel.off(handleEvent);
+            channel === null || channel === void 0 ? void 0 : channel.off(handleEvent);
             client.off('connection.changed', handleEvent);
             client.off('connection.recovered', handleEvent);
             client.off('user.updated', handleEvent);
             client.off('user.deleted', handleEvent);
             notificationTimeouts.forEach(clearTimeout);
         };
-    }, [channel, client, handleEvent, markRead]);
+    }, [channel.cid]);
     useEffect(function () {
         var _a;
         if (state.thread && ((_a = state.messages) === null || _a === void 0 ? void 0 : _a.length)) {
@@ -252,17 +251,15 @@ var ChannelInner = function (props) {
         }, 5000);
         notificationTimeouts.push(timeout);
     };
-    var loadMoreFinished = useCallback(debounce(function (hasMore, messages) {
+    var loadMoreFinished = debounce(function (hasMore, messages) {
         if (!isMounted.current)
             return;
         dispatch({ hasMore: hasMore, messages: messages, type: 'loadMoreFinished' });
     }, 2000, {
         leading: true,
         trailing: true,
-    }), []);
-    var loadMore = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-inferrable-types
-    function (limit) {
+    });
+    var loadMore = function (limit) {
         if (limit === void 0) { limit = 100; }
         return __awaiter(void 0, void 0, void 0, function () {
             var oldestMessage, oldestID, perPage, queryResponse, e_2, hasMoreMessages;
@@ -270,7 +267,7 @@ var ChannelInner = function (props) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (!online.current || !window.navigator.onLine || !channel)
+                        if (!online.current || !window.navigator.onLine)
                             return [2 /*return*/, 0];
                         oldestMessage = (_a = state === null || state === void 0 ? void 0 : state.messages) === null || _a === void 0 ? void 0 : _a[0];
                         if (state.loadingMore || (oldestMessage === null || oldestMessage === void 0 ? void 0 : oldestMessage.status) !== 'received')
@@ -305,27 +302,22 @@ var ChannelInner = function (props) {
                 }
             });
         });
-    }, [channel, loadMoreFinished, online, state.loadingMore, state.messages]);
-    var updateMessage = useCallback(function (updatedMessage) {
-        if (!channel)
-            return;
-        // adds the message to the local channel state..
-        // this adds to both the main channel state as well as any reply threads
+    };
+    var updateMessage = function (updatedMessage) {
+        // add the message to the local channel state
         channel.state.addMessageSorted(updatedMessage, true);
         dispatch({
             channel: channel,
             parentId: state.thread && updatedMessage.parent_id,
             type: 'copyMessagesFromChannel',
         });
-    }, [channel, state.thread]);
+    };
     var isUserResponseArray = function (output) { var _a; return ((_a = output[0]) === null || _a === void 0 ? void 0 : _a.id) != null; };
-    var doSendMessage = useCallback(function (message, customMessageData) { return __awaiter(void 0, void 0, void 0, function () {
+    var doSendMessage = function (message, customMessageData) { return __awaiter(void 0, void 0, void 0, function () {
         var attachments, id, _a, mentioned_users, parent_id, text, mentions, messageData, messageResponse, error_1, stringError, parsedError;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!channel)
-                        return [2 /*return*/];
                     attachments = message.attachments, id = message.id, _a = message.mentioned_users, mentioned_users = _a === void 0 ? [] : _a, parent_id = message.parent_id, text = message.text;
                     mentions = isUserResponseArray(mentioned_users)
                         ? mentioned_users.map(function (_a) {
@@ -349,7 +341,7 @@ var ChannelInner = function (props) {
                     _b.label = 5;
                 case 5:
                     // replace it after send is completed
-                    if (messageResponse && messageResponse.message) {
+                    if (messageResponse === null || messageResponse === void 0 ? void 0 : messageResponse.message) {
                         updateMessage(__assign(__assign({}, messageResponse.message), { status: 'received' }));
                     }
                     if (quotedMessage)
@@ -364,25 +356,20 @@ var ChannelInner = function (props) {
                 case 7: return [2 /*return*/];
             }
         });
-    }); }, [channel, doSendMessageRequest, quotedMessage, updateMessage]);
-    var createMessagePreview = useCallback(function (text, attachments, parent, mentioned_users) {
-        // create a preview of the message
+    }); };
+    var createMessagePreview = function (text, attachments, parent, mentioned_users) {
         var clientSideID = client.userID + "-" + uuidv4();
         return __assign({ __html: text, attachments: attachments, created_at: new Date(), html: text, id: clientSideID, mentioned_users: mentioned_users, reactions: [], status: 'sending', text: text, type: 'regular', user: client.user }, ((parent === null || parent === void 0 ? void 0 : parent.id) ? { parent_id: parent.id } : null));
-    }, [client.user, client.userID]);
-    var sendMessage = useCallback(function (_a, customMessageData) {
+    };
+    var sendMessage = function (_a, customMessageData) {
         var _b = _a.attachments, attachments = _b === void 0 ? [] : _b, _c = _a.mentioned_users, mentioned_users = _c === void 0 ? [] : _c, _d = _a.parent, parent = _d === void 0 ? undefined : _d, _e = _a.text, text = _e === void 0 ? '' : _e;
         return __awaiter(void 0, void 0, void 0, function () {
             var messagePreview;
             return __generator(this, function (_f) {
                 switch (_f.label) {
                     case 0:
-                        if (!channel)
-                            return [2 /*return*/];
-                        // remove error messages upon submit
                         channel.state.filterErrorMessages();
                         messagePreview = createMessagePreview(text, attachments, parent, mentioned_users);
-                        // first we add the message to the UI
                         updateMessage(messagePreview);
                         return [4 /*yield*/, doSendMessage(messagePreview, customMessageData)];
                     case 1:
@@ -391,62 +378,55 @@ var ChannelInner = function (props) {
                 }
             });
         });
-    }, [channel === null || channel === void 0 ? void 0 : channel.state, createMessagePreview, doSendMessage, updateMessage]);
-    var retrySendMessage = useCallback(function (message) { return __awaiter(void 0, void 0, void 0, function () {
+    };
+    var retrySendMessage = function (message) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    // set the message status to sending
                     updateMessage(__assign(__assign({}, message), { errorStatusCode: undefined, status: 'sending' }));
-                    // actually try to send the message...
                     return [4 /*yield*/, doSendMessage(message)];
                 case 1:
-                    // actually try to send the message...
                     _a.sent();
                     return [2 /*return*/];
             }
         });
-    }); }, [doSendMessage, updateMessage]);
-    var removeMessage = useCallback(function (message) {
-        if (!channel)
-            return;
+    }); };
+    var removeMessage = function (message) {
         channel.state.removeMessage(message);
         dispatch({
             channel: channel,
             parentId: state.thread && message.parent_id,
             type: 'copyMessagesFromChannel',
         });
-    }, [channel, state.thread]);
+    };
     /** THREAD */
-    var openThread = useCallback(function (message, event) {
-        if (!channel)
-            return;
-        if (event && event.preventDefault) {
-            event.preventDefault();
-        }
+    var openThread = function (message, event) {
+        event.preventDefault();
         dispatch({ channel: channel, message: message, type: 'openThread' });
-    }, [channel]);
-    var loadMoreThreadFinished = useCallback(debounce(function (threadHasMore, threadMessages) {
+    };
+    var closeThread = function (event) {
+        event.preventDefault();
+        dispatch({ type: 'closeThread' });
+    };
+    var loadMoreThreadFinished = debounce(function (threadHasMore, threadMessages) {
         dispatch({
             threadHasMore: threadHasMore,
             threadMessages: threadMessages,
             type: 'loadMoreThreadFinished',
         });
-    }, 2000, { leading: true, trailing: true }), []);
-    var loadMoreThread = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    }, 2000, { leading: true, trailing: true });
+    var loadMoreThread = function () { return __awaiter(void 0, void 0, void 0, function () {
         var parentID, oldMessages, oldestMessageID, limit, queryResponse, threadHasMoreMessages, newThreadMessages, e_3;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    // prevent duplicate loading events...
-                    if (!channel || state.threadLoadingMore || !state.thread)
+                    if (state.threadLoadingMore || !state.thread)
                         return [2 /*return*/];
                     dispatch({ type: 'startLoadingThread' });
                     parentID = state.thread.id;
                     if (!parentID) {
-                        dispatch({ type: 'closeThread' });
-                        return [2 /*return*/];
+                        return [2 /*return*/, dispatch({ type: 'closeThread' })];
                     }
                     oldMessages = channel.state.threads[parentID] || [];
                     oldestMessageID = (_a = oldMessages[0]) === null || _a === void 0 ? void 0 : _a.id;
@@ -462,7 +442,7 @@ var ChannelInner = function (props) {
                     queryResponse = _b.sent();
                     threadHasMoreMessages = queryResponse.messages.length === limit;
                     newThreadMessages = channel.state.threads[parentID] || [];
-                    // next set loadingMore to false so we can start asking for more data...
+                    // next set loadingMore to false so we can start asking for more data
                     loadMoreThreadFinished(threadHasMoreMessages, newThreadMessages);
                     return [3 /*break*/, 4];
                 case 3:
@@ -472,18 +452,12 @@ var ChannelInner = function (props) {
                 case 4: return [2 /*return*/];
             }
         });
-    }); }, [channel, loadMoreThreadFinished, state.thread, state.threadLoadingMore]);
-    var closeThread = useCallback(function (event) {
-        if (event && event.preventDefault) {
-            event.preventDefault();
-        }
-        dispatch({ type: 'closeThread' });
-    }, []);
+    }); };
     var onMentionsHoverOrClick = useMentionsHandlers(onMentionsHover, onMentionsClick);
     var editMessage = useEditMessageHandler(doUpdateMessageRequest);
     var typing = state.typing, restState = __rest(state, ["typing"]);
-    var channelStateContextValue = __assign(__assign({}, restState), { acceptedFiles: acceptedFiles, channel: channel, channelConfig: channelConfig, maxNumberOfFiles: maxNumberOfFiles, multipleUploads: multipleUploads, mutes: mutes, notifications: notifications, quotedMessage: quotedMessage, watcher_count: state.watcherCount });
-    var channelActionContextValue = {
+    var channelStateContextValue = useCreateChannelStateContext(__assign(__assign({}, restState), { acceptedFiles: acceptedFiles, channel: channel, channelConfig: channelConfig, maxNumberOfFiles: maxNumberOfFiles, multipleUploads: multipleUploads, mutes: mutes, notifications: notifications, quotedMessage: quotedMessage, watcher_count: state.watcherCount }));
+    var channelActionContextValue = useMemo(function () { return ({
         addNotification: addNotification,
         closeThread: closeThread,
         dispatch: dispatch,
@@ -497,8 +471,9 @@ var ChannelInner = function (props) {
         retrySendMessage: retrySendMessage,
         sendMessage: sendMessage,
         setQuotedMessage: setQuotedMessage,
+        skipMessageDataMemoization: skipMessageDataMemoization,
         updateMessage: updateMessage,
-    };
+    }); }, [channel.cid, loadMore, quotedMessage]);
     var componentContextValue = useMemo(function () { return ({
         Attachment: props.Attachment || DefaultAttachment,
         AutocompleteSuggestionHeader: props.AutocompleteSuggestionHeader,
@@ -542,13 +517,13 @@ var ChannelInner = function (props) {
         EmojiIndex: props.EmojiIndex,
         EmojiPicker: props.EmojiPicker,
     }); }, []);
-    var typingContextValue = {
+    var typingContextValue = useCreateTypingContext({
         typing: typing,
-    };
+    });
     var chatClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.chat) || 'str-chat';
     var channelClass = (customClasses === null || customClasses === void 0 ? void 0 : customClasses.channel) || 'str-chat-channel';
     var windowsEmojiClass = useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)
-        ? ' str-chat--windows-flags'
+        ? 'str-chat--windows-flags'
         : '';
     if (state.error) {
         return (React.createElement("div", { className: chatClass + " " + channelClass + " " + theme },
@@ -558,7 +533,7 @@ var ChannelInner = function (props) {
         return (React.createElement("div", { className: chatClass + " " + channelClass + " " + theme },
             React.createElement(LoadingIndicator, { size: 25 })));
     }
-    if (!(channel === null || channel === void 0 ? void 0 : channel.watch)) {
+    if (!channel.watch) {
         return (React.createElement("div", { className: chatClass + " " + channelClass + " " + theme },
             React.createElement("div", null, t('Channel Missing'))));
     }

package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts

@@ -0,0 +1,15 @@
+import type { ChannelStateContextValue } from '../../../context/ChannelStateContext';
+import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
+export declare const useCreateChannelStateContext: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(value: Omit<import("../../../context/ChannelStateContext").ChannelState<At, Ch, Co, Ev, Me, Re, Us>, "typing"> & {
+    channel: import("stream-chat").Channel<At, Ch, Co, Ev, Me, Re, Us>;
+    channelConfig: import("stream-chat").ChannelConfigWithInfo<Co> | undefined;
+    multipleUploads: boolean;
+    notifications: import("../../../context/ChannelStateContext").ChannelNotifications;
+    acceptedFiles?: string[] | undefined;
+    maxNumberOfFiles?: number | undefined;
+    mutes?: import("stream-chat").Mute<Us>[] | undefined;
+    watcher_count?: number | undefined;
+} & {
+    skipMessageDataMemoization?: boolean | undefined;
+}) => ChannelStateContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+//# sourceMappingURL=useCreateChannelStateContext.d.ts.map

package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateChannelStateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateChannelStateContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,4BAA4B;;;;;;;;;;;0DA+HxC,CAAC"}

package/dist/components/Channel/hooks/useCreateChannelStateContext.js

@@ -0,0 +1,87 @@
+import { useMemo } from 'react';
+import { isDate, isDayOrMoment } from '../../../context/TranslationContext';
+export var useCreateChannelStateContext = function (value) {
+    var _a;
+    var acceptedFiles = value.acceptedFiles, channel = value.channel, channelConfig = value.channelConfig, error = value.error, hasMore = value.hasMore, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _b = value.messages, messages = _b === void 0 ? [] : _b, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _c = value.read, read = _c === void 0 ? {} : _c, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _d = value.threadMessages, threadMessages = _d === void 0 ? [] : _d, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
+    var channelId = channel.cid;
+    var lastRead = channel.initialized && ((_a = channel.lastRead()) === null || _a === void 0 ? void 0 : _a.getTime());
+    var membersLength = Object.keys(members || []).length;
+    var notificationsLength = notifications.length;
+    var readUsers = Object.values(read);
+    var readUsersLength = readUsers.length;
+    var readUsersLastReads = readUsers.map(function (_a) {
+        var last_read = _a.last_read;
+        return last_read.toISOString();
+    }).join();
+    var threadMessagesLength = threadMessages === null || threadMessages === void 0 ? void 0 : threadMessages.length;
+    var memoizedMessageData = skipMessageDataMemoization
+        ? messages
+        : messages
+            .map(function (_a) {
+            var deleted_at = _a.deleted_at, latest_reactions = _a.latest_reactions, pinned = _a.pinned, reply_count = _a.reply_count, status = _a.status, updated_at = _a.updated_at;
+            return "" + deleted_at + (latest_reactions ? latest_reactions.map(function (_a) {
+                var type = _a.type;
+                return type;
+            }).join() : '') + pinned + reply_count + status + (updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))
+                ? updated_at.toISOString()
+                : updated_at || '');
+        })
+            .join();
+    var memoizedThreadMessageData = threadMessages
+        .map(function (_a) {
+        var deleted_at = _a.deleted_at, latest_reactions = _a.latest_reactions, pinned = _a.pinned, status = _a.status, updated_at = _a.updated_at;
+        return "" + deleted_at + (latest_reactions ? latest_reactions.map(function (_a) {
+            var type = _a.type;
+            return type;
+        }).join() : '') + pinned + status + (updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))
+            ? updated_at.toISOString()
+            : updated_at || '');
+    })
+        .join();
+    var channelStateContext = useMemo(function () { return ({
+        acceptedFiles: acceptedFiles,
+        channel: channel,
+        channelConfig: channelConfig,
+        error: error,
+        hasMore: hasMore,
+        loading: loading,
+        loadingMore: loadingMore,
+        maxNumberOfFiles: maxNumberOfFiles,
+        members: members,
+        messages: messages,
+        multipleUploads: multipleUploads,
+        mutes: mutes,
+        notifications: notifications,
+        pinnedMessages: pinnedMessages,
+        quotedMessage: quotedMessage,
+        read: read,
+        thread: thread,
+        threadHasMore: threadHasMore,
+        threadLoadingMore: threadLoadingMore,
+        threadMessages: threadMessages,
+        watcher_count: watcher_count,
+        watcherCount: watcherCount,
+        watchers: watchers,
+    }); }, [
+        channelId,
+        error,
+        hasMore,
+        lastRead,
+        loading,
+        loadingMore,
+        membersLength,
+        memoizedMessageData,
+        memoizedThreadMessageData,
+        notificationsLength,
+        quotedMessage,
+        readUsersLength,
+        readUsersLastReads,
+        skipMessageDataMemoization,
+        thread,
+        threadHasMore,
+        threadLoadingMore,
+        threadMessagesLength,
+        watcherCount,
+    ]);
+    return channelStateContext;
+};

package/dist/components/Channel/hooks/useCreateTypingContext.d.ts

@@ -0,0 +1,4 @@
+import type { TypingContextValue } from '../../../context/TypingContext';
+import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
+export declare const useCreateTypingContext: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(value: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>) => TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+//# sourceMappingURL=useCreateTypingContext.d.ts.map

package/dist/components/Channel/hooks/useCreateTypingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateTypingContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateTypingContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB,qqBAuBlC,CAAC"}

package/dist/components/Channel/hooks/useCreateTypingContext.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+export var useCreateTypingContext = function (value) {
+    var typing = value.typing;
+    var typingValue = Object.keys(typing || {}).join();
+    var typingContext = useMemo(function () { return ({
+        typing: typing,
+    }); }, [typingValue]);
+    return typingContext;
+};

package/dist/components/ChannelList/ChannelList.d.ts

@@ -13,9 +13,9 @@ export declare type ChannelListProps<At extends DefaultAttachmentType = DefaultA
     /** Additional props for underlying ChannelSearch component, [available props](https://getstream.io/chat/docs/sdk/react/utility-components/channel_search/#props) */
     additionalChannelSearchProps?: ChannelSearchProps<At, Ch, Co, Ev, Me, Re, Us>;
     /**
-     * When the client receives a `message.new` event, we automatically push that channel to the top of the list.
-     * If the channel doesn't currently exist in the list, we grab the channel from `client.activeChannels`
-     * and push it to the top of the list. You can disable this behavior by setting this prop
+     * When the client receives `message.new`, `notification.message_new`, and `notification.added_to_channel` events, we automatically
+     * push that channel to the top of the list. If the channel doesn't currently exist in the list, we grab the channel from
+     * `client.activeChannels` and push it to the top of the list. You can disable this behavior by setting this prop
      * to false, which will prevent channels not in the list from incrementing the list. The default is true.
      */
     allowNewMessagesFromUnfilteredChannels?: boolean;