stream-chat-angular 3.7.3 → 3.8.1

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "3.7.3";
+export declare const version = "3.8.1";

package/bundles/stream-chat-angular.umd.js

@@ -354,7 +354,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '3.7.3';
+    var version = '3.8.1';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -461,7 +461,7 @@
          * Creates a [`StreamChat`](https://github.com/GetStream/stream-chat-js/blob/668b3e5521339f4e14fc657834531b4c8bf8176b/src/client.ts#L124) instance using the provided `apiKey`, and connects a user with the given meta data and token. More info about [connecting users](https://getstream.io/chat/docs/javascript/init_and_users/?language=javascript) can be found in the platform documentation.
          * @param apiKey
          * @param userOrId
-         * @param userTokenOrProvider
+         * @param userTokenOrProvider You can provide a token, or the keyword 'guest' to connect as [guest user](https://getstream.io/chat/docs/javascript/authless_users/?language=javascript#guest-users)
          */
         ChatClientService.prototype.init = function (apiKey, userOrId, userTokenOrProvider) {
             var _a;
@@ -474,14 +474,22 @@
                             this.chatClient = streamChat.StreamChat.getInstance(apiKey);
                             this.chatClient.devToken;
                             return [4 /*yield*/, this.ngZone.runOutsideAngular(function () { return __awaiter(_this, void 0, void 0, function () {
-                                    var user;
-                                    return __generator(this, function (_d) {
-                                        switch (_d.label) {
+                                    var user, _d;
+                                    return __generator(this, function (_e) {
+                                        switch (_e.label) {
                                             case 0:
                                                 user = typeof userOrId === 'string' ? { id: userOrId } : userOrId;
-                                                return [4 /*yield*/, this.chatClient.connectUser(user, userTokenOrProvider)];
+                                                if (!(userTokenOrProvider === 'guest')) return [3 /*break*/, 2];
+                                                return [4 /*yield*/, this.chatClient.setGuestUser(user)];
                                             case 1:
-                                                result = _d.sent();
+                                                _d = _e.sent();
+                                                return [3 /*break*/, 4];
+                                            case 2: return [4 /*yield*/, this.chatClient.connectUser(user, userTokenOrProvider)];
+                                            case 3:
+                                                _d = _e.sent();
+                                                _e.label = 4;
+                                            case 4:
+                                                result = _d;
                                                 this.userSubject.next(this.chatClient.user);
                                                 this.chatClient.setUserAgent("stream-chat-angular-" + version + "-" + this.chatClient.getUserAgent());
                                                 return [2 /*return*/];
@@ -683,11 +691,8 @@
                 var currentChannels = _this.channelsSubject.getValue() || [];
                 var newChannels = channels.filter(function (c) { return !currentChannels.find(function (channel) { return channel.cid === c.cid; }); });
                 var deletedChannels = currentChannels.filter(function (c) { return !(channels === null || channels === void 0 ? void 0 : channels.find(function (channel) { return channel.cid === c.cid; })); });
-                _this.addChannelsFromNotification(newChannels);
+                void _this.addChannelsFromNotification(newChannels);
                 _this.removeChannelsFromChannelList(deletedChannels.map(function (c) { return c.cid; }));
-                if (!newChannels.length && !deletedChannels.length) {
-                    _this.channelsSubject.next(channels);
-                }
             };
             this.messageListSetter = function (messages) {
                 _this.activeChannelMessagesSubject.next(messages);
@@ -1326,24 +1331,41 @@
         };
         ChannelService.prototype.handleNewMessageNotification = function (clientEvent) {
             if (clientEvent.event.channel) {
-                this.addChannelsFromNotification([clientEvent.event.channel]);
+                void this.addChannelsFromNotification([clientEvent.event.channel]);
             }
         };
         ChannelService.prototype.handleAddedToChannelNotification = function (clientEvent) {
             if (clientEvent.event.channel) {
-                this.addChannelsFromNotification([clientEvent.event.channel]);
+                void this.addChannelsFromNotification([clientEvent.event.channel]);
             }
         };
         ChannelService.prototype.addChannelsFromNotification = function (channelResponses) {
-            var _this = this;
-            var newChannels = [];
-            channelResponses.forEach(function (channelResponse) {
-                var channel = _this.chatClientService.chatClient.channel(channelResponse.type, channelResponse.id);
-                void channel.watch();
-                _this.watchForChannelEvents(channel);
-                newChannels.push(channel);
+            return __awaiter(this, void 0, void 0, function () {
+                var newChannels, watchRequests, currentChannels;
+                var _this = this;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            newChannels = [];
+                            watchRequests = [];
+                            channelResponses.forEach(function (channelResponse) {
+                                var channel = _this.chatClientService.chatClient.channel(channelResponse.type, channelResponse.id);
+                                watchRequests.push(channel.watch());
+                                newChannels.push(channel);
+                            });
+                            return [4 /*yield*/, Promise.all(watchRequests)];
+                        case 1:
+                            _h.sent();
+                            currentChannels = this.channelsSubject.getValue() || [];
+                            newChannels = newChannels.filter(function (newChannel) { return !currentChannels.find(function (c) { return c.cid === newChannel.cid; }); });
+                            if (newChannels.length > 0) {
+                                newChannels.forEach(function (c) { return _this.watchForChannelEvents(c); });
+                                this.channelsSubject.next(__spreadArray(__spreadArray([], __read(newChannels)), __read(currentChannels)));
+                            }
+                            return [2 /*return*/];
+                    }
+                });
             });
-            this.channelsSubject.next(__spreadArray(__spreadArray([], __read(newChannels)), __read((this.channelsSubject.getValue() || []))));
         };
         ChannelService.prototype.removeChannelsFromChannelList = function (cids) {
             var _a;
@@ -1437,13 +1459,21 @@
         ChannelService.prototype.messageUpdated = function (event) {
             var _this = this;
             this.ngZone.run(function () {
+                var _a;
                 var isThreadReply = event.message && event.message.parent_id;
+                var channel = _this.activeChannelSubject.getValue();
+                if (!channel) {
+                    return;
+                }
+                // Get messages from state as message order could change, and message could've been deleted
                 var messages = isThreadReply
-                    ? _this.activeThreadMessagesSubject.getValue()
-                    : _this.activeChannelMessagesSubject.getValue();
-                var messageIndex = messages.findIndex(function (m) { var _a; return m.id === ((_a = event.message) === null || _a === void 0 ? void 0 : _a.id); });
-                if (messageIndex !== -1 && event.message) {
-                    messages[messageIndex] = event.message;
+                    ? channel.state.threads[((_a = event === null || event === void 0 ? void 0 : event.message) === null || _a === void 0 ? void 0 : _a.parent_id) || '']
+                    : channel.state.messages;
+                if (!messages) {
+                    return;
+                }
+                var messageIndex = messages.findIndex(function (m) { var _a; return m.id === ((_a = event === null || event === void 0 ? void 0 : event.message) === null || _a === void 0 ? void 0 : _a.id); });
+                if (messageIndex !== -1) {
                     isThreadReply
                         ? _this.activeThreadMessagesSubject.next(__spreadArray([], __read(messages)))
                         : _this.activeChannelMessagesSubject.next(__spreadArray([], __read(messages)));