stream-chat-react 10.19.0 → 10.20.0

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

@@ -45599,12 +45599,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 +45630,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 +45762,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;
@@ -45916,7 +45916,7 @@ 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();
                             config = channel.getConfig();
@@ -45957,7 +45957,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)
@@ -47731,7 +47737,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.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -48767,7 +48773,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);