stream-chat-react 10.10.1 → 10.10.2

package/dist/browser.full-bundle.js

@@ -45406,6 +45406,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 +45706,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 +46475,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 +46488,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 +46523,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 +46582,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 +46634,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 +47407,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.10.2';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;