stream-chat-react 10.10.1 → 10.11.0

package/dist/browser.full-bundle.js

@@ -9993,6 +9993,24 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var relativeTime = relativeTime$1.exports;
 
+    var utc$1 = {exports: {}};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    (function (module, exports) {
+    	!function(t,i){module.exports=i();}(commonjsGlobal,function(){return function(t,i,e){var s=i.prototype;e.utc=function(t){return new i({date:t,utc:!0,args:arguments})},s.utc=function(t){var i=e(this.toDate(),{locale:this.$L,utc:!0});return t?i.add(this.utcOffset(),"minute"):i},s.local=function(){return e(this.toDate(),{locale:this.$L,utc:!1})};var f=s.parse;s.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),f.call(this,t);};var n=s.init;s.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else n.call(this);};var u=s.utcOffset;s.utcOffset=function(t,i){var e=this.$utils().u;if(e(t))return this.$u?0:e(this.$offset)?u.call(this):this.$offset;var s=Math.abs(t)<=16?60*t:t,f=this;if(i)return f.$offset=s,f.$u=0===t,f;if(0!==t){var n=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(f=this.local().add(s+n,"minute")).$offset=s,f.$x.$localOffset=n;}else f=this.utc();return f};var o=s.format;s.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return o.call(this,i)},s.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*t},s.isUTC=function(){return !!this.$u},s.toISOString=function(){return this.toDate().toISOString()},s.toString=function(){return this.toDate().toUTCString()};var r=s.toDate;s.toDate=function(t){return "s"===t&&this.$offset?e(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():r.call(this)};var a=s.diff;s.diff=function(t,i,s){if(t&&this.$u===t.$u)return a.call(this,t,i,s);var f=this.local(),n=e(t).local();return a.call(f,n,i,s)};}});
+    } (utc$1));
+
+    var utc = utc$1.exports;
+
+    var timezone$1 = {exports: {}};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    (function (module, exports) {
+    	!function(t,e){module.exports=e();}(commonjsGlobal,function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,r){var o,u=r().utcOffset(),a=function(t,n,i){void 0===i&&(i={});var r=new Date(t);return function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",r=t+"|"+i,o=e[r];return o||(o=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[r]=o),o}(n,i).formatToParts(r)},f=function(e,n){for(var i=a(e,n),o=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(o[c]=parseInt(m,10));}var d=o[3],v=24===d?0:d,h=o[0]+"-"+o[1]+"-"+o[2]+" "+v+":"+o[4]+":"+o[5]+":000",l=+e;return (r.utc(h).valueOf()-(l-=l%1e3))/6e4},s=i.prototype;s.tz=function(t,e){void 0===t&&(t=o);var n=this.utcOffset(),i=this.toDate().toLocaleString("en-US",{timeZone:t}),a=Math.round((this.toDate()-new Date(i))/1e3/60),f=r(i).$set("millisecond",this.$ms).utcOffset(u-a,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},s.offsetName=function(t){var e=this.$x.$timezone||r.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find(function(t){return "timezonename"===t.type.toLowerCase()});return n&&n.value};var m=s.startOf;s.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return m.call(this,t,e);var n=r(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return m.call(n,t,e).tz(this.$x.$timezone,!0)},r.tz=function(t,e,n){var i=n&&e,u=n||e||o,a=f(+r(),u);if("string"!=typeof t)return r(t).tz(u);var s=function(t,e,n){var i=t-60*e*1e3,r=f(i,n);if(e===r)return [i,e];var o=f(i-=60*(r-e)*1e3,n);return r===o?[i,r]:[t-60*Math.min(r,o)*1e3,Math.max(r,o)]}(r.utc(t,i).valueOf(),a,u),m=s[0],c=s[1],d=r(m).utcOffset(c);return d.$x.$timezone=u,d},r.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},r.tz.setDefault=function(t){o=t;};}});
+    } (timezone$1));
+
+    var timezone = timezone$1.exports;
+
     var de$3 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -10080,6 +10098,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultNS = 'translation';
     var defaultLng = 'en';
     dayjs_minExports.extend(updateLocale);
+    dayjs_minExports.extend(utc);
+    dayjs_minExports.extend(timezone);
     dayjs_minExports.updateLocale('de', {
         calendar: {
             lastDay: '[gestern um] LT',
@@ -10248,6 +10268,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var isDayJs = function (dateTimeParser) {
         return dateTimeParser.extend !== undefined;
     };
+    var supportsTz = function (dateTimeParser) {
+        return dateTimeParser.tz !== undefined;
+    };
     /**
      * Wrapper around [i18next](https://www.i18next.com/) class for Stream related translations.
      * Instance of this class should be provided to Chat component to handle translations.
@@ -10491,6 +10514,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             this.logger = finalOptions.logger;
             this.currentLanguage = finalOptions.language;
             this.DateTimeParser = finalOptions.DateTimeParser;
+            this.timezone = finalOptions.timezone;
             try {
                 if (this.DateTimeParser && isDayJs(this.DateTimeParser)) {
                     this.DateTimeParser.extend(localizedFormat);
@@ -10540,19 +10564,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     "register the locale config with Streami18n using registerTranslation(language, translation, customDayjsLocale)");
             }
             this.tDateTimeParser = function (timestamp) {
-                if (finalOptions.disableDateTimeTranslations || !_this.localeExists(_this.currentLanguage)) {
-                    /**
-                     * TS needs to know which is being called to accept the chain call
-                     */
-                    if (isDayJs(_this.DateTimeParser)) {
-                        return _this.DateTimeParser(timestamp).locale(defaultLng);
-                    }
-                    return _this.DateTimeParser(timestamp).locale(defaultLng);
-                }
+                var language = finalOptions.disableDateTimeTranslations || !_this.localeExists(_this.currentLanguage)
+                    ? defaultLng
+                    : _this.currentLanguage;
                 if (isDayJs(_this.DateTimeParser)) {
-                    return _this.DateTimeParser(timestamp).locale(_this.currentLanguage);
+                    return supportsTz(_this.DateTimeParser)
+                        ? _this.DateTimeParser(timestamp).tz(_this.timezone).locale(language)
+                        : _this.DateTimeParser(timestamp).locale(language);
+                }
+                if (supportsTz(_this.DateTimeParser) && _this.timezone) {
+                    return _this.DateTimeParser(timestamp).tz(_this.timezone).locale(language);
                 }
-                return _this.DateTimeParser(timestamp).locale(_this.currentLanguage);
+                return _this.DateTimeParser(timestamp).locale(language);
             };
         }
         /**
@@ -42937,7 +42960,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }, 1000);
             return function () { return clearInterval(countdownInterval); };
         });
-        return (React__default["default"].createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, seconds === 0 ? null : seconds));
+        return (React__default["default"].createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, seconds));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCommandTrigger = function () {
@@ -43653,9 +43676,12 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, [messages, (_a = client.user) === null || _a === void 0 ? void 0 : _a.id, latestMessageDatesByChannels, channel.cid]);
         React$2.useEffect(function () {
             var timeSinceOwnLastMessage = ownLatestMessageDate
-                ? (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000
+                ? // prevent negative values
+                    Math.max(0, (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000)
                 : undefined;
-            setCooldownRemaining(!skipCooldown && timeSinceOwnLastMessage && cooldownInterval > timeSinceOwnLastMessage
+            setCooldownRemaining(!skipCooldown &&
+                typeof timeSinceOwnLastMessage !== 'undefined' &&
+                cooldownInterval > timeSinceOwnLastMessage
                 ? Math.round(cooldownInterval - timeSinceOwnLastMessage)
                 : 0);
         }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
@@ -45098,6 +45124,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         if (message.deleted_at || message.type === 'deleted') {
             return React__default["default"].createElement(MessageDeleted$1, { message: message });
         }
+        /** FIXME: isReactionEnabled should be removed with next major version and a proper centralized permissions logic should be put in place
+         * With the current permissions implementation it would be sth like:
+         * const messageActions = getMessageActions();
+         * const canReact = messageActions.includes(MESSAGE_ACTIONS.react);
+         */
+        var canReact = isReactionEnabled;
+        var canShowReactions = hasReactions;
         var showMetadata = !groupedByUser || endOfGroup;
         var showReplyCountButton = !threadList && !!message.reply_count;
         var allowRetry = message.status === 'failed' && message.errorStatusCode !== 403;
@@ -45107,7 +45140,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             'pinned-message': message.pinned,
             'str-chat__message--has-attachment': hasAttachment,
             'str-chat__message--highlighted': highlighted,
-            'str-chat__message--with-reactions str-chat__message-with-thread-link': hasReactions && isReactionEnabled,
+            'str-chat__message--with-reactions str-chat__message-with-thread-link': canShowReactions,
             'str-chat__message-send-can-be-retried': (message === null || message === void 0 ? void 0 : message.status) === 'failed' && (message === null || message === void 0 ? void 0 : message.errorStatusCode) !== 403,
             'str-chat__virtual-message__wrapper--end': endOfGroup,
             'str-chat__virtual-message__wrapper--first': firstOfGroup,
@@ -45124,8 +45157,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     }), "data-testid": 'message-inner', onClick: allowRetry ? function () { return handleRetry(message); } : undefined, onKeyUp: allowRetry ? function () { return handleRetry(message); } : undefined },
                     React__default["default"].createElement(MessageOptions$1, null),
                     React__default["default"].createElement("div", { className: 'str-chat__message-reactions-host' },
-                        hasReactions && isReactionEnabled && React__default["default"].createElement(ReactionsList$1, { reverse: true }),
-                        showDetailedReactions && isReactionEnabled && (React__default["default"].createElement(ReactionSelector$1, { ref: reactionSelectorRef }))),
+                        canShowReactions && React__default["default"].createElement(ReactionsList$1, { reverse: true }),
+                        showDetailedReactions && canReact && React__default["default"].createElement(ReactionSelector$1, { ref: reactionSelectorRef })),
                     React__default["default"].createElement("div", { className: 'str-chat__message-bubble' },
                         ((_a = message.attachments) === null || _a === void 0 ? void 0 : _a.length) && !message.quoted_message ? (React__default["default"].createElement(Attachment, { actionHandler: handleAction, attachments: message.attachments })) : null,
                         React__default["default"].createElement(MessageText, { message: message, renderText: renderText }),
@@ -45406,6 +45439,64 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         notificationTimeouts.push(timeout);
     }; };
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * prevent from duplicate invocation of channel.watch()
+     * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+     */
+    var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+    /**
+     * 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 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;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var theChannel, originalCid, queryPromise;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!channel && !type) {
+                            throw new Error('Channel or channel type have to be provided to query a channel.');
+                        }
+                        theChannel = channel || client.channel(type, id, { members: members });
+                        originalCid = (theChannel === null || theChannel === void 0 ? void 0 : theChannel.id)
+                            ? theChannel.cid
+                            : members && members.length
+                                ? generateChannelTempCid(theChannel.type, members)
+                                : undefined;
+                        if (!originalCid) {
+                            throw new Error('Channel ID or channel members array have to be provided to query a channel.');
+                        }
+                        queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+                        if (!queryPromise) return [3 /*break*/, 2];
+                        return [4 /*yield*/, queryPromise];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 4];
+                    case 2:
+                        WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch();
+                        return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid]];
+                    case 3:
+                        _b.sent();
+                        delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+                        _b.label = 4;
+                    case 4: return [2 /*return*/, theChannel];
+                }
+            });
+        });
+    };
+    // Channels created without ID need to be referenced by an identifier until the back-end generates the final ID.
+    var generateChannelTempCid = function (channelType, members) {
+        if (!members)
+            return;
+        var membersStr = __spreadArray([], members, true).sort().join(',');
+        return "".concat(channelType, ":!members-").concat(membersStr);
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChannelContainerClasses = function (_a) {
         var _b, _c, _d;
         var customClasses = _a.customClasses;
@@ -45648,22 +45739,40 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     markRead();
             };
             (function () { return __awaiter(void 0, void 0, void 0, function () {
-                var config, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var members, _i, _a, member, userId, _b, user, user_id, config, e_1;
+                var _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (!!channel.initialized) return [3 /*break*/, 4];
-                            _a.label = 1;
+                            _d.label = 1;
                         case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, channel.watch()];
+                            _d.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++) {
+                                    member = _a[_i];
+                                    userId = void 0;
+                                    if (typeof member === 'string') {
+                                        userId = member;
+                                    }
+                                    else if (typeof member === 'object') {
+                                        _b = member, user = _b.user, user_id = _b.user_id;
+                                        userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+                                    }
+                                    if (userId) {
+                                        members.push(userId);
+                                    }
+                                }
+                            }
+                            return [4 /*yield*/, getChannel({ channel: channel, client: client, members: members })];
                         case 2:
-                            _a.sent();
+                            _d.sent();
                             config = channel.getConfig();
                             setChannelConfig(config);
                             return [3 /*break*/, 4];
                         case 3:
-                            e_1 = _a.sent();
+                            e_1 = _d.sent();
                             dispatch({ error: e_1, type: 'setError' });
                             errored = true;
                             return [3 /*break*/, 4];
@@ -46399,52 +46508,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, [customHandler]);
     };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * prevent from duplicate invocation of channel.watch()
-     * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
-     */
-    var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
-    /**
-     * 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 type
-     * @param id
-     */
-    var getChannel = function (client, type, id) { return __awaiter(void 0, void 0, void 0, function () {
-        var channel, queryPromise;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    channel = client.channel(type, id);
-                    queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid];
-                    if (!queryPromise) return [3 /*break*/, 2];
-                    return [4 /*yield*/, queryPromise];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 2:
-                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = channel.watch();
-                    return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid]];
-                case 3:
-                    _a.sent();
-                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = undefined;
-                    _a.label = 4;
-                case 4: return [2 /*return*/, channel];
-            }
-        });
-    }); };
-    var MAX_QUERY_CHANNELS_LIMIT = 30;
-    var moveChannelUp = function (_a) {
-        var activeChannel = _a.activeChannel, channels = _a.channels, cid = _a.cid;
-        // get index of channel to move up
-        var channelIndex = channels.findIndex(function (channel) { return channel.cid === cid; });
-        if (!activeChannel && channelIndex <= 0)
-            return channels;
-        // get channel to move up
-        var channel = activeChannel || channels[channelIndex];
-        return uniqBy(__spreadArray([channel], channels, true), 'cid');
-    };
-
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChannelVisibleListener = function (setChannels, customHandler) {
         var client = useChatContext('useChannelVisibleListener').client;
         React$2.useEffect(function () {
@@ -46458,7 +46521,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             return [3 /*break*/, 3];
                         case 1:
                             if (!(event.type && event.channel_type && event.channel_id)) return [3 /*break*/, 3];
-                            return [4 /*yield*/, getChannel(client, event.channel_type, event.channel_id)];
+                            return [4 /*yield*/, getChannel({
+                                    client: client,
+                                    id: event.channel_id,
+                                    type: event.channel_type,
+                                })];
                         case 2:
                             channel_1 = _a.sent();
                             setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels, true), 'cid'); });
@@ -46489,6 +46556,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, []);
     };
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var MAX_QUERY_CHANNELS_LIMIT = 30;
+    var moveChannelUp = function (_a) {
+        var activeChannel = _a.activeChannel, channels = _a.channels, cid = _a.cid;
+        // get index of channel to move up
+        var channelIndex = channels.findIndex(function (channel) { return channel.cid === cid; });
+        if (!activeChannel && channelIndex <= 0)
+            return channels;
+        // get channel to move up
+        var channel = activeChannel || channels[channelIndex];
+        return uniqBy(__spreadArray([channel], channels, true), 'cid');
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useMessageNewListener = function (setChannels, lockChannelOrder, allowNewMessagesFromUnfilteredChannels) {
         if (lockChannelOrder === void 0) { lockChannelOrder = false; }
         if (allowNewMessagesFromUnfilteredChannels === void 0) { allowNewMessagesFromUnfilteredChannels = true; }
@@ -46536,20 +46615,32 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         React$2.useEffect(function () {
             var handleEvent = function (event) { return __awaiter(void 0, void 0, void 0, function () {
                 var channel_1;
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!(customHandler && typeof customHandler === 'function')) return [3 /*break*/, 1];
                             customHandler(setChannels, event);
                             return [3 /*break*/, 3];
                         case 1:
                             if (!(allowNewMessagesFromUnfilteredChannels && ((_a = event.channel) === null || _a === void 0 ? void 0 : _a.type))) return [3 /*break*/, 3];
-                            return [4 /*yield*/, getChannel(client, event.channel.type, event.channel.id)];
+                            return [4 /*yield*/, getChannel({
+                                    client: client,
+                                    id: event.channel.id,
+                                    members: (_b = event.channel.members) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, _a) {
+                                        var user = _a.user, user_id = _a.user_id;
+                                        var userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+                                        if (userId) {
+                                            acc.push(userId);
+                                        }
+                                        return acc;
+                                    }, []),
+                                    type: event.channel.type,
+                                })];
                         case 2:
-                            channel_1 = _b.sent();
+                            channel_1 = _c.sent();
                             setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels, true), 'cid'); });
-                            _b.label = 3;
+                            _c.label = 3;
                         case 3: return [2 /*return*/];
                     }
                 });
@@ -46576,7 +46667,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             return [3 /*break*/, 3];
                         case 1:
                             if (!(allowNewMessagesFromUnfilteredChannels && ((_a = event.channel) === null || _a === void 0 ? void 0 : _a.type))) return [3 /*break*/, 3];
-                            return [4 /*yield*/, getChannel(client, event.channel.type, event.channel.id)];
+                            return [4 /*yield*/, getChannel({
+                                    client: client,
+                                    id: event.channel.id,
+                                    type: event.channel.type,
+                                })];
                         case 2:
                             channel_1 = _b.sent();
                             setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels, true), 'cid'); });
@@ -47345,7 +47440,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.10.1';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.11.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -48013,7 +48108,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||{};var reactionHandlerWarning = "Reaction handler was called, but it is missing one of its required arguments.\nMake sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.";
     var useReactionHandler = function (message) {
         var updateMessage = useChannelActionContext('useReactionHandler').updateMessage;
-        var channel = useChannelStateContext('useReactionHandler').channel;
+        var _a = useChannelStateContext('useReactionHandler'), channel = _a.channel, channelCapabilities = _a.channelCapabilities;
         var client = useChatContext('useReactionHandler').client;
         var createMessagePreview = React$2.useCallback(function (add, reaction, message) {
             var _a, _b;
@@ -48037,7 +48132,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 ? __spreadArray([reaction], ((message === null || message === void 0 ? void 0 : message.own_reactions) || []), true) : (_b = message === null || message === void 0 ? void 0 : message.own_reactions) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return item.type !== reaction.type; });
             return __assign(__assign({}, message), { latest_reactions: newReactions || message.latest_reactions, own_reactions: newOwnReactions, reaction_counts: newReactionCounts, reaction_scores: newReactionCounts });
         }, [client.user, client.userID]);
-        var creatReactionPreview = function (type) {
+        var createReactionPreview = function (type) {
             var _a;
             return ({
                 message_id: message === null || message === void 0 ? void 0 : message.id,
@@ -48049,33 +48144,32 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         };
         var toggleReaction = lodash_throttle(function (id, type, add) { return __awaiter(void 0, void 0, void 0, function () {
             var newReaction, tempMessage, messageResponse, _a;
-            var _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        if (!message || ((_b = channel.data) === null || _b === void 0 ? void 0 : _b.frozen))
+                        if (!message || !channelCapabilities['send-reaction'])
                             return [2 /*return*/];
-                        newReaction = creatReactionPreview(type);
+                        newReaction = createReactionPreview(type);
                         tempMessage = createMessagePreview(add, newReaction, message);
-                        _c.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _c.trys.push([1, 6, , 7]);
+                        _b.trys.push([1, 6, , 7]);
                         updateMessage(tempMessage);
                         if (!add) return [3 /*break*/, 3];
                         return [4 /*yield*/, channel.sendReaction(id, { type: type })];
                     case 2:
-                        _a = _c.sent();
+                        _a = _b.sent();
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, channel.deleteReaction(id, type)];
                     case 4:
-                        _a = _c.sent();
-                        _c.label = 5;
+                        _a = _b.sent();
+                        _b.label = 5;
                     case 5:
                         messageResponse = _a;
                         updateMessage(messageResponse.message);
                         return [3 /*break*/, 7];
                     case 6:
-                        _c.sent();
+                        _b.sent();
                         // revert to the original message if the API call fails
                         updateMessage(message);
                         return [3 /*break*/, 7];
@@ -48130,12 +48224,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }); };
     };
     var useReactionClick = function (message, reactionSelectorRef, messageWrapperRef, closeReactionSelectorOnClick) {
-        var _a;
-        var _b = useChannelStateContext('useReactionClick'), channel = _b.channel, _c = _b.channelCapabilities, channelCapabilities = _c === void 0 ? {} : _c, channelConfig = _b.channelConfig;
-        var _d = React$2.useState(false), showDetailedReactions = _d[0], setShowDetailedReactions = _d[1];
+        var _a = useChannelStateContext('useReactionClick').channelCapabilities, channelCapabilities = _a === void 0 ? {} : _a;
+        var _b = React$2.useState(false), showDetailedReactions = _b[0], setShowDetailedReactions = _b[1];
         var hasListener = React$2.useRef(false);
-        var isFrozen = !!((_a = channel.data) === null || _a === void 0 ? void 0 : _a.frozen);
-        var isReactionEnabled = ((channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.reactions) !== false && channelCapabilities['send-reaction']) || isFrozen;
+        var isReactionEnabled = channelCapabilities['send-reaction'];
         var messageDeleted = !!(message === null || message === void 0 ? void 0 : message.deleted_at);
         var closeDetailedReactions = React$2.useCallback(function (event) {
             var _a;
@@ -48183,9 +48275,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }
         }, [messageDeleted, closeDetailedReactions, messageWrapperRef]);
         var onReactionListClick = function (event) {
-            if (event === null || event === void 0 ? void 0 : event.stopPropagation) {
-                event.stopPropagation();
-            }
+            var _a;
+            (_a = event === null || event === void 0 ? void 0 : event.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(event);
             setShowDetailedReactions(function (prev) { return !prev; });
         };
         return {