stream-chat-react 10.19.0 → 10.20.1

package/README.md

@@ -8,7 +8,7 @@
 > building chat applications.
 
 [![NPM](https://img.shields.io/npm/v/stream-chat-react.svg)](https://www.npmjs.com/package/stream-chat-react)
-[![build](https://github.com/GetStream/stream-chat-react/workflows/test/badge.svg)](https://github.com/GetStream/stream-chat-react/actions)
+[![build](https://github.com/GetStream/stream-chat-react/actions/workflows/ci.yml/badge.svg)](https://github.com/GetStream/stream-chat-react/actions)
 [![Component Reference](https://img.shields.io/badge/docs-component%20reference-blue.svg)](https://getstream.io/chat/docs/sdk/react/)
 [![codecov](https://codecov.io/gh/GetStream/stream-chat-react/branch/master/graph/badge.svg)](https://codecov.io/gh/GetStream/stream-chat-react)
 

package/dist/browser.full-bundle.js

@@ -39627,8 +39627,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 return __assign(__assign({}, state), { members: __assign({}, channel.state.members), messages: __spreadArray([], channel.state.messages, true), pinnedMessages: __spreadArray([], channel.state.pinnedMessages, true), read: __assign({}, channel.state.read), watcherCount: channel.state.watcher_count, watchers: __assign({}, channel.state.watchers) });
             }
             case 'initStateFromChannel': {
-                var channel = action.channel;
-                return __assign(__assign({}, state), { loading: false, members: __assign({}, channel.state.members), messages: __spreadArray([], channel.state.messages, true), pinnedMessages: __spreadArray([], channel.state.pinnedMessages, true), read: __assign({}, channel.state.read), watcherCount: channel.state.watcher_count, watchers: __assign({}, channel.state.watchers) });
+                var channel = action.channel, hasMore = action.hasMore;
+                return __assign(__assign({}, state), { hasMore: hasMore, loading: false, members: __assign({}, channel.state.members), messages: __spreadArray([], channel.state.messages, true), pinnedMessages: __spreadArray([], channel.state.pinnedMessages, true), read: __assign({}, channel.state.read), watcherCount: channel.state.watcher_count, watchers: __assign({}, channel.state.watchers) });
             }
             case 'jumpToLatestMessage': {
                 return __assign(__assign({}, state), { hasMoreNewer: false, highlightedMessageId: undefined, loading: false, suppressAutoscroll: false });
@@ -45570,6 +45570,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var hasMoreMessagesProbably = function (returnedCountMessages, limit) {
         return returnedCountMessages === limit;
     };
+    // @deprecated
     var hasNotMoreMessages = function (returnedCountMessages, limit) {
         return returnedCountMessages < limit;
     };
@@ -45599,12 +45600,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
      * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
      * @param client
      * @param members
+     * @param options
      * @param type
      * @param id
      * @param channel
      */
     var getChannel = function (_a) {
-        var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, type = _a.type;
+        var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, options = _a.options, type = _a.type;
         return __awaiter(void 0, void 0, void 0, function () {
             var theChannel, originalCid, queryPromise;
             return __generator(this, function (_b) {
@@ -45629,7 +45631,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                         _b.sent();
                         return [3 /*break*/, 4];
                     case 2:
-                        WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch();
+                        WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);
                         return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid]];
                     case 3:
                         _b.sent();
@@ -45761,12 +45763,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         if (!(channel === null || channel === void 0 ? void 0 : channel.cid)) {
             return React__default["default"].createElement("div", { className: className }, EmptyPlaceholder);
         }
-        // @ts-ignore
         return React__default["default"].createElement(ChannelInner, __assign({}, props, { channel: channel, key: channel.cid }));
     };
     var ChannelInner = function (props) {
         var _a;
-        var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, children = props.children, doDeleteMessageRequest = props.doDeleteMessageRequest, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, _c = props.emojiData, emojiData = _c === void 0 ? defaultEmojiData : _c, enrichURLForPreviewConfig = props.enrichURLForPreviewConfig, _d = props.initializeOnMount, initializeOnMount = _d === void 0 ? true : _d, _e = props.LoadingErrorIndicator, LoadingErrorIndicator$1 = _e === void 0 ? LoadingErrorIndicator : _e, _f = props.LoadingIndicator, LoadingIndicator = _f === void 0 ? LoadingChannel : _f, maxNumberOfFiles = props.maxNumberOfFiles, _g = props.multipleUploads, multipleUploads = _g === void 0 ? true : _g, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _h = props.optionalMessageInputProps, optionalMessageInputProps = _h === void 0 ? {} : _h, skipMessageDataMemoization = props.skipMessageDataMemoization;
+        var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, channelQueryOptions = props.channelQueryOptions, children = props.children, doDeleteMessageRequest = props.doDeleteMessageRequest, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, _c = props.emojiData, emojiData = _c === void 0 ? defaultEmojiData : _c, enrichURLForPreviewConfig = props.enrichURLForPreviewConfig, _d = props.initializeOnMount, initializeOnMount = _d === void 0 ? true : _d, _e = props.LoadingErrorIndicator, LoadingErrorIndicator$1 = _e === void 0 ? LoadingErrorIndicator : _e, _f = props.LoadingIndicator, LoadingIndicator = _f === void 0 ? LoadingChannel : _f, maxNumberOfFiles = props.maxNumberOfFiles, _g = props.multipleUploads, multipleUploads = _g === void 0 ? true : _g, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _h = props.optionalMessageInputProps, optionalMessageInputProps = _h === void 0 ? {} : _h, skipMessageDataMemoization = props.skipMessageDataMemoization;
         var _j = useChatContext('Channel'), client = _j.client, customClasses = _j.customClasses, latestMessageDatesByChannels = _j.latestMessageDatesByChannels, mutes = _j.mutes, theme = _j.theme;
         var t = useTranslationContext('Channel').t;
         var _k = useChannelContainerClasses({ customClasses: customClasses }), channelClass = _k.channelClass, chatClass = _k.chatClass, chatContainerClass = _k.chatContainerClass, windowsEmojiClass = _k.windowsEmojiClass;
@@ -45865,6 +45866,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                         /**
                          * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.
                          */
+                        // FIXME: we should use channelQueryOptions if they are available
                         return [4 /*yield*/, channel.query({
                                 messages: { id_lt: oldestID, limit: DEFAULT_NEXT_CHANNEL_PAGE_SIZE },
                                 watchers: { limit: DEFAULT_NEXT_CHANNEL_PAGE_SIZE },
@@ -45873,6 +45875,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                         /**
                          * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.
                          */
+                        // FIXME: we should use channelQueryOptions if they are available
                         _m.sent();
                         _m.label = 2;
                     case 2:
@@ -45891,14 +45894,14 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             };
             (function () { return __awaiter(void 0, void 0, void 0, function () {
                 var members, _i, _a, member, userId, _b, user, user_id, config, e_1;
-                var _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var _c, _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             if (!(!channel.initialized && initializeOnMount)) return [3 /*break*/, 4];
-                            _d.label = 1;
+                            _f.label = 1;
                         case 1:
-                            _d.trys.push([1, 3, , 4]);
+                            _f.trys.push([1, 3, , 4]);
                             members = [];
                             if (!channel.id && ((_c = channel.data) === null || _c === void 0 ? void 0 : _c.members)) {
                                 for (_i = 0, _a = channel.data.members; _i < _a.length; _i++) {
@@ -45916,14 +45919,14 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                                     }
                                 }
                             }
-                            return [4 /*yield*/, getChannel({ channel: channel, client: client, members: members })];
+                            return [4 /*yield*/, getChannel({ channel: channel, client: client, members: members, options: channelQueryOptions })];
                         case 2:
-                            _d.sent();
+                            _f.sent();
                             config = channel.getConfig();
                             setChannelConfig(config);
                             return [3 /*break*/, 4];
                         case 3:
-                            e_1 = _d.sent();
+                            e_1 = _f.sent();
                             dispatch({ error: e_1, type: 'setError' });
                             errored = true;
                             return [3 /*break*/, 4];
@@ -45931,7 +45934,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             done = true;
                             originalTitle.current = document.title;
                             if (!errored) {
-                                dispatch({ channel: channel, type: 'initStateFromChannel' });
+                                dispatch({
+                                    channel: channel,
+                                    hasMore: hasMoreMessagesProbably(channel.state.messages.length, (_e = (_d = channelQueryOptions === null || channelQueryOptions === void 0 ? void 0 : channelQueryOptions.messages) === null || _d === void 0 ? void 0 : _d.limit) !== null && _e !== void 0 ? _e : DEFAULT_INITIAL_CHANNEL_PAGE_SIZE),
+                                    type: 'initStateFromChannel',
+                                });
                                 if (channel.countUnread() > 0)
                                     markRead();
                                 // The more complex sync logic is done in Chat
@@ -45957,7 +45964,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 client.off('user.deleted', handleEvent);
                 notificationTimeouts.forEach(clearTimeout);
             };
-        }, [channel.cid, doMarkReadRequest, channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.read_events, initializeOnMount]);
+        }, [
+            channel.cid,
+            channelQueryOptions,
+            doMarkReadRequest,
+            channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.read_events,
+            initializeOnMount,
+        ]);
         React$2.useEffect(function () {
             var _a;
             if (!state.thread)
@@ -45980,22 +45993,17 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         var loadMore = function (limit) {
             if (limit === void 0) { limit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE; }
             return __awaiter(void 0, void 0, void 0, function () {
-                var oldestMessage, notHasMore, oldestID, perPage, queryResponse, e_2, hasMoreMessages;
+                var oldestMessage, oldestID, perPage, queryResponse, e_2, hasMoreMessages;
                 var _a;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            if (!online.current || !window.navigator.onLine)
+                            if (!online.current || !window.navigator.onLine || !state.hasMore)
                                 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 || state.loadingMoreNewer || (oldestMessage === null || oldestMessage === void 0 ? void 0 : oldestMessage.status) !== 'received') {
                                 return [2 /*return*/, 0];
                             }
-                            notHasMore = hasNotMoreMessages(channel.state.messages.length, DEFAULT_INITIAL_CHANNEL_PAGE_SIZE);
-                            if (notHasMore) {
-                                loadMoreFinished(false, channel.state.messages);
-                                return [2 /*return*/, channel.state.messages.length];
-                            }
                             dispatch({ loadingMore: true, type: 'setLoadingMore' });
                             oldestID = oldestMessage === null || oldestMessage === void 0 ? void 0 : oldestMessage.id;
                             perPage = limit;
@@ -46275,6 +46283,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
+                            // FIXME: should prevent loading more, if state.thread.reply_count === channel.state.threads[parentID].length
                             if (state.threadLoadingMore || !state.thread)
                                 return [2 /*return*/];
                             dispatch({ type: 'startLoadingThread' });
@@ -47731,7 +47740,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     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 = '10.19.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.20.1';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -48050,6 +48059,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }
             if (isLoading)
                 return;
+            // FIXME: this triggers loadMore call when a user types messages in thread and the scroll container container expands
             if (reverseOffset < Number(threshold) &&
                 typeof loadPreviousPageFn === 'function' &&
                 hasPreviousPageFlag) {
@@ -48767,7 +48777,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         var active = props.active, children = props.children, className = props.className, type = props.type;
         if (!active)
             return null;
-        return (React__default["default"].createElement("div", { "aria-live": 'polite', className: clsx("str-chat__custom-notification notification-".concat(type), "str-chat__notification", className), "data-testid": 'custom-notification' }, children));
+        return (React__default["default"].createElement("div", { "aria-live": 'polite', className: clsx("str-chat__custom-notification notification-".concat(type), "str-chat__notification", "str-chat-react__notification", className), "data-testid": 'custom-notification' }, children));
     };
     var CustomNotification = React__default["default"].memo(UnMemoizedCustomNotification);
 
@@ -51027,6 +51037,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         var ThreadMessageList = virtualized ? VirtualizedMessageList : MessageList;
         React$2.useEffect(function () {
             if ((thread === null || thread === void 0 ? void 0 : thread.id) && (thread === null || thread === void 0 ? void 0 : thread.reply_count)) {
+                // FIXME: integrators can customize channel query options but cannot customize channel.getReplies() options
                 loadMoreThread();
             }
         }, []);