stream-chat-react 10.20.0 → 10.21.0

package/dist/browser.full-bundle.js

@@ -5277,7 +5277,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-    function _typeof$4(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$4 = function _typeof(obj) { return typeof obj; }; } else { _typeof$4 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$4(obj); }
+    function _typeof$3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$3 = function _typeof(obj) { return typeof obj; }; } else { _typeof$3 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$3(obj); }
 
     function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -5309,7 +5309,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
 
-    function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$1(self); }
+    function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$1(self); }
 
     function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -5321,7 +5321,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-    function _interopRequireWildcard$3(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$4(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+    function _interopRequireWildcard$3(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
     var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
       return Promise.resolve().then(function () {
@@ -5610,6 +5610,23 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         return WithChannelActionContextComponent;
     };
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ChannelListContext = React$2.createContext(undefined);
+    /**
+     * Context provider for components rendered within the `ChannelList`
+     */
+    var ChannelListContextProvider = function (_a) {
+        var children = _a.children, value = _a.value;
+        return (React__default["default"].createElement(ChannelListContext.Provider, { value: value }, children));
+    };
+    var useChannelListContext = function (componentName) {
+        var contextValue = React$2.useContext(ChannelListContext);
+        if (!contextValue) {
+            console.warn("The useChannelListContext hook was called outside of the ChannelListContext provider. Make sure this hook is called within the ChannelList component. The errored call is located in the ".concat(componentName, " component."));
+            return {};
+        }
+        return contextValue;
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ChannelStateContext = React__default["default"].createContext(undefined);
     var ChannelStateProvider = function (_a) {
         var children = _a.children, value = _a.value;
@@ -5736,23 +5753,28 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var toPropertyKey = {exports: {}};
 
-    var _typeof$3 = {exports: {}};
+    var _typeof$2 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    (function (module) {
-    	function _typeof(obj) {
-    	  "@babel/helpers - typeof";
-
-    	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    	    return typeof obj;
-    	  } : function (obj) {
-    	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
-    	}
-    	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    } (_typeof$3));
+    var hasRequired_typeof;
 
-    var _typeof$2 = /*@__PURE__*/getDefaultExportFromCjs(_typeof$3.exports);
+    function require_typeof () {
+    	if (hasRequired_typeof) return _typeof$2.exports;
+    	hasRequired_typeof = 1;
+    	(function (module) {
+    		function _typeof(obj) {
+    		  "@babel/helpers - typeof";
+
+    		  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    		    return typeof obj;
+    		  } : function (obj) {
+    		    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    		  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+    		}
+    		module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    } (_typeof$2));
+    	return _typeof$2.exports;
+    }
 
     var toPrimitive = {exports: {}};
 
@@ -5763,7 +5785,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	if (hasRequiredToPrimitive) return toPrimitive.exports;
     	hasRequiredToPrimitive = 1;
     	(function (module) {
-    		var _typeof = _typeof$3.exports["default"];
+    		var _typeof = require_typeof()["default"];
     		function _toPrimitive(input, hint) {
     		  if (_typeof(input) !== "object" || input === null) return input;
     		  var prim = input[Symbol.toPrimitive];
@@ -5786,7 +5808,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	if (hasRequiredToPropertyKey) return toPropertyKey.exports;
     	hasRequiredToPropertyKey = 1;
     	(function (module) {
-    		var _typeof = _typeof$3.exports["default"];
+    		var _typeof = require_typeof()["default"];
     		var toPrimitive = requireToPrimitive();
     		function _toPropertyKey(arg) {
     		  var key = toPrimitive(arg, "string");
@@ -6035,7 +6057,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	utils.measureScrollbar = measureScrollbar;
     	utils.throttleIdleTask = throttleIdleTask;
 
-    	var _typeof2 = _interopRequireDefault(_typeof$3.exports);
+    	var _typeof2 = _interopRequireDefault(require_typeof());
 
     	var _data = requireData();
 
@@ -37404,6 +37426,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var _extendsExports = require_extends();
 
+    var _typeofExports = require_typeof();
+
     var classCallCheckExports = requireClassCallCheck();
 
     var createClassExports = requireCreateClass();
@@ -37493,7 +37517,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	if (hasRequiredPossibleConstructorReturn) return possibleConstructorReturn.exports;
     	hasRequiredPossibleConstructorReturn = 1;
     	(function (module) {
-    		var _typeof = _typeof$3.exports["default"];
+    		var _typeof = require_typeof()["default"];
     		var assertThisInitialized = requireAssertThisInitialized();
     		function _possibleConstructorReturn(self, call) {
     		  if (call && (_typeof(call) === "object" || typeof call === "function")) {
@@ -38301,7 +38325,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           if (!currentTrigger || !triggerSettings) return null;
           var output = triggerSettings.output;
           return function (item) {
-            if (_typeof$2(item) === 'object' && (!output || typeof output !== 'function')) {
+            if (_typeofExports(item) === 'object' && (!output || typeof output !== 'function')) {
               throw new Error('Output functor is not defined! If you are using items as object you have to define "output" function. https://github.com/webscopeio/react-textarea-autocomplete#trigger-type');
             }
             if (output) {
@@ -39627,8 +39651,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 +45594,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;
     };
@@ -45865,6 +45890,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 +45899,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 +45918,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++) {
@@ -45918,12 +45945,12 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             }
                             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 +45958,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
@@ -45986,22 +46017,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;
@@ -46281,6 +46307,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' });
@@ -46890,7 +46917,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
     var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs) {
         if (recoveryThrottleIntervalMs === void 0) { recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS; }
-        var _a = useChatContext('usePaginatedChannels'), channels = _a.channels, _b = _a.channelsQueryState, error = _b.error, setError = _b.setError, setQueryInProgress = _b.setQueryInProgress, setChannels = _a.setChannels;
+        var _a = useChatContext('usePaginatedChannels').channelsQueryState, error = _a.error, setError = _a.setError, setQueryInProgress = _a.setQueryInProgress;
+        var _b = React$2.useState([]), channels = _b[0], setChannels = _b[1];
         var _c = React$2.useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
         var lastRecoveryTimestamp = React$2.useRef();
         var recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
@@ -46970,7 +46998,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         React$2.useEffect(function () {
             queryChannels('reload');
         }, [filterString, sortString]);
-        // FIXME: state refactor (breaking change) is needed - do not forward `channels` and `setChannel`
         return {
             channels: channels,
             hasNextPage: hasNextPage,
@@ -47718,7 +47745,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             'str-chat-channel-list--open': navOpen,
         });
         var showChannelList = !searchActive || (additionalChannelSearchProps === null || additionalChannelSearchProps === void 0 ? void 0 : additionalChannelSearchProps.popupResults);
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        return (React__default["default"].createElement(ChannelListContextProvider, { value: { channels: channels, setChannels: setChannels } },
             React__default["default"].createElement("div", { className: className, ref: channelListRef },
                 showChannelSearch && (React__default["default"].createElement(ChannelSearch$1, __assign({ onSearch: onSearch, onSearchExit: onSearchExit, setChannels: setChannels }, additionalChannelSearchProps))),
                 showChannelList && (React__default["default"].createElement(List, { error: channelsQueryState.error, loadedChannels: sendChannelsToList ? loadedChannels : undefined, loading: !!channelsQueryState.queryInProgress &&
@@ -47737,7 +47764,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.20.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.21.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -47747,11 +47774,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             tDateTimeParser: defaultDateTimeParser,
             userLanguage: 'en',
         }), translators = _e[0], setTranslators = _e[1];
-        var _f = React$2.useState([]), channels = _f[0], setChannels = _f[1];
-        var _g = React$2.useState(), channel = _g[0], setChannel = _g[1];
-        var _h = React$2.useState([]), mutes = _h[0], setMutes = _h[1];
-        var _j = React$2.useState(initialNavOpen), navOpen = _j[0], setNavOpen = _j[1];
-        var _k = React$2.useState({}), latestMessageDatesByChannels = _k[0], setLatestMessageDatesByChannels = _k[1];
+        var _f = React$2.useState(), channel = _f[0], setChannel = _f[1];
+        var _g = React$2.useState([]), mutes = _g[0], setMutes = _g[1];
+        var _h = React$2.useState(initialNavOpen), navOpen = _h[0], setNavOpen = _h[1];
+        var _j = React$2.useState({}), latestMessageDatesByChannels = _j[0], setLatestMessageDatesByChannels = _j[1];
         var clientMutes = ((_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes) || [];
         var closeMobileNav = function () { return setNavOpen(false); };
         var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
@@ -47822,7 +47848,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, [(_c = client.user) === null || _c === void 0 ? void 0 : _c.id]);
         return {
             channel: channel,
-            channels: channels,
             closeMobileNav: closeMobileNav,
             getAppSettings: getAppSettings,
             latestMessageDatesByChannels: latestMessageDatesByChannels,
@@ -47830,14 +47855,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             navOpen: navOpen,
             openMobileNav: openMobileNav,
             setActiveChannel: setActiveChannel,
-            setChannels: setChannels,
             translators: translators,
         };
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCreateChatContext = function (value) {
         var _a;
-        var channel = value.channel, channels = value.channels, channelsQueryState = value.channelsQueryState, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, setChannels = value.setChannels, theme = value.theme, themeVersion = value.themeVersion, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
+        var channel = value.channel, channelsQueryState = value.channelsQueryState, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, theme = value.theme, themeVersion = value.themeVersion, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
         var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
         var channelsQueryError = channelsQueryState.error;
         var channelsQueryInProgress = channelsQueryState.queryInProgress;
@@ -47845,7 +47869,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         var mutedUsersLength = mutes.length;
         var chatContext = React$2.useMemo(function () { return ({
             channel: channel,
-            channels: channels,
             channelsQueryState: channelsQueryState,
             client: client,
             closeMobileNav: closeMobileNav,
@@ -47856,7 +47879,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             navOpen: navOpen,
             openMobileNav: openMobileNav,
             setActiveChannel: setActiveChannel,
-            setChannels: setChannels,
             theme: theme,
             themeVersion: themeVersion,
             useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
@@ -47864,12 +47886,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             channelCid,
             channelsQueryError,
             channelsQueryInProgress,
-            channels,
             clientValues,
             getAppSettings,
             mutedUsersLength,
             navOpen,
-            setChannels,
         ]);
         return chatContext;
     };
@@ -47928,7 +47948,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
      */
     var Chat = function (props) {
         var children = props.children, client = props.client, customClasses = props.customClasses, customStyles = props.customStyles, _a = props.darkMode, darkMode = _a === void 0 ? false : _a, defaultLanguage = props.defaultLanguage, i18nInstance = props.i18nInstance, _b = props.initialNavOpen, initialNavOpen = _b === void 0 ? true : _b, _c = props.theme, theme = _c === void 0 ? 'messaging light' : _c, _d = props.useImageFlagEmojisOnWindows, useImageFlagEmojisOnWindows = _d === void 0 ? false : _d;
-        var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, channels = _e.channels, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, setChannels = _e.setChannels, translators = _e.translators;
+        var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, translators = _e.translators;
         var channelsQueryState = useChannelsQueryState();
         var themeVersion = typeof window !== 'undefined'
             ? (window
@@ -47939,7 +47959,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         useCustomStyles(darkMode ? darkModeTheme : customStyles);
         var chatContextValue = useCreateChatContext({
             channel: channel,
-            channels: channels,
             channelsQueryState: channelsQueryState,
             client: client,
             closeMobileNav: closeMobileNav,
@@ -47950,7 +47969,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             navOpen: navOpen,
             openMobileNav: openMobileNav,
             setActiveChannel: setActiveChannel,
-            setChannels: setChannels,
             theme: theme,
             themeVersion: themeVersion,
             useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
@@ -48056,6 +48074,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) {
@@ -51033,6 +51052,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();
             }
         }, []);
@@ -51498,7 +51518,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||{};
     (function (module) {
-    	var _typeof = _typeof$3.exports["default"];
+    	var _typeof = require_typeof()["default"];
     	function _getRequireWildcardCache(nodeInterop) {
     	  if (typeof WeakMap !== "function") return null;
     	  var cacheBabelInterop = new WeakMap();
@@ -77835,6 +77855,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.ChannelActionProvider = ChannelActionProvider;
     exports.ChannelHeader = ChannelHeader;
     exports.ChannelList = ChannelList;
+    exports.ChannelListContext = ChannelListContext;
+    exports.ChannelListContextProvider = ChannelListContextProvider;
     exports.ChannelListMessenger = ChannelListMessenger;
     exports.ChannelPreview = ChannelPreview;
     exports.ChannelPreviewMessenger = ChannelPreviewMessenger;
@@ -77882,6 +77904,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.ImageContainer = ImageContainer;
     exports.InfiniteScroll = InfiniteScroll;
     exports.LinkIcon = LinkIcon;
+    exports.LinkPreviewList = LinkPreviewList;
     exports.LoadMoreButton = LoadMoreButton;
     exports.LoadMorePaginator = LoadMorePaginator;
     exports.LoadingChannels = LoadingChannels;
@@ -77907,6 +77930,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.MessageList = MessageList;
     exports.MessageListContext = MessageListContext;
     exports.MessageListContextProvider = MessageListContextProvider;
+    exports.MessageListNotifications = MessageListNotifications;
     exports.MessageNotification = MessageNotification;
     exports.MessageOptions = MessageOptions;
     exports.MessageProvider = MessageProvider;
@@ -78046,6 +78070,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.useChannelDeletedListener = useChannelDeletedListener;
     exports.useChannelEditMessageHandler = useEditMessageHandler;
     exports.useChannelHiddenListener = useChannelHiddenListener;
+    exports.useChannelListContext = useChannelListContext;
     exports.useChannelMentionsHandler = useMentionsHandlers;
     exports.useChannelPreviewInfo = useChannelPreviewInfo;
     exports.useChannelStateContext = useChannelStateContext;