stream-chat-angular 2.6.0 → 2.6.1

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.6.0";
+export declare const version = "2.6.1";

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

@@ -353,7 +353,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '2.6.0';
+    var version = '2.6.1';
 
     var NotificationService = /** @class */ (function () {
         function NotificationService() {
@@ -403,9 +403,8 @@
             }], ctorParameters: function () { return []; } });
 
     var ChatClientService = /** @class */ (function () {
-        function ChatClientService(ngZone, appRef, notificationService) {
+        function ChatClientService(ngZone, notificationService) {
             this.ngZone = ngZone;
-            this.appRef = appRef;
             this.notificationService = notificationService;
             this.notificationSubject = new rxjs.ReplaySubject(1);
             this.connectionStateSubject = new rxjs.ReplaySubject(1);
@@ -429,6 +428,7 @@
                                             case 1:
                                                 _a.sent();
                                                 this.chatClient.setUserAgent("stream-chat-angular-" + version + "-" + this.chatClient.getUserAgent());
+                                                this.chatClient.getAppSettings;
                                                 return [2 /*return*/];
                                         }
                                     });
@@ -436,39 +436,26 @@
                         case 1:
                             _a.sent();
                             this.appSettingsSubject.next(undefined);
-                            this.chatClient.on('notification.added_to_channel', function (e) {
+                            this.chatClient.on(function (e) {
                                 _this.notificationSubject.next({
-                                    eventType: 'notification.added_to_channel',
+                                    eventType: e.type,
                                     event: e,
                                 });
-                                _this.appRef.tick();
-                            });
-                            this.chatClient.on('notification.message_new', function (e) {
-                                _this.notificationSubject.next({
-                                    eventType: 'notification.message_new',
-                                    event: e,
-                                });
-                                _this.appRef.tick();
-                            });
-                            this.chatClient.on('notification.removed_from_channel', function (e) {
-                                _this.notificationSubject.next({
-                                    eventType: 'notification.removed_from_channel',
-                                    event: e,
-                                });
-                                _this.appRef.tick();
                             });
                             this.chatClient.on('connection.changed', function (e) {
-                                var isOnline = e.online;
-                                if (isOnline) {
-                                    if (removeNotification) {
-                                        removeNotification();
+                                _this.ngZone.run(function () {
+                                    var isOnline = e.online;
+                                    if (isOnline) {
+                                        if (removeNotification) {
+                                            removeNotification();
+                                        }
                                     }
-                                }
-                                else {
-                                    removeNotification = _this.notificationService.addPermanentNotification('streamChat.Connection failure, reconnecting now...');
-                                }
-                                _this.connectionStateSubject.next(isOnline ? 'online' : 'offline');
-                                _this.appRef.tick();
+                                    else {
+                                        removeNotification =
+                                            _this.notificationService.addPermanentNotification('streamChat.Connection failure, reconnecting now...');
+                                    }
+                                    _this.connectionStateSubject.next(isOnline ? 'online' : 'offline');
+                                });
                             });
                             return [2 /*return*/];
                     }
@@ -530,14 +517,14 @@
         };
         return ChatClientService;
     }());
-    ChatClientService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChatClientService, deps: [{ token: i0__namespace.NgZone }, { token: i0__namespace.ApplicationRef }, { token: NotificationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ChatClientService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChatClientService, deps: [{ token: i0__namespace.NgZone }, { token: NotificationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     ChatClientService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChatClientService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChatClientService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root',
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type: i0__namespace.ApplicationRef }, { type: NotificationService }]; } });
+            }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type: NotificationService }]; } });
 
     var createMessagePreview = function (user, text, attachments, mentionedUsers) {
         var clientSideId = user.id + "-" + uuid.v4();
@@ -570,10 +557,9 @@
     };
 
     var ChannelService = /** @class */ (function () {
-        function ChannelService(chatClientService, appRef, ngZone) {
+        function ChannelService(chatClientService, ngZone) {
             var _this = this;
             this.chatClientService = chatClientService;
-            this.appRef = appRef;
             this.ngZone = ngZone;
             this.channelsSubject = new rxjs.BehaviorSubject(undefined);
             this.activeChannelSubject = new rxjs.BehaviorSubject(undefined);
@@ -891,55 +877,73 @@
         ChannelService.prototype.handleNotification = function (notification) {
             return __awaiter(this, void 0, void 0, function () {
                 var _e;
+                var _this = this;
                 return __generator(this, function (_f) {
                     switch (_f.label) {
                         case 0:
                             _e = notification.eventType;
                             switch (_e) {
                                 case 'notification.message_new': return [3 /*break*/, 1];
-                                case 'notification.added_to_channel': return [3 /*break*/, 5];
-                                case 'notification.removed_from_channel': return [3 /*break*/, 9];
+                                case 'notification.added_to_channel': return [3 /*break*/, 3];
+                                case 'notification.removed_from_channel': return [3 /*break*/, 5];
                             }
-                            return [3 /*break*/, 10];
-                        case 1:
-                            if (!this.customNewMessageNotificationHandler) return [3 /*break*/, 2];
-                            this.customNewMessageNotificationHandler(notification, this.channelListSetter);
-                            return [3 /*break*/, 4];
-                        case 2: return [4 /*yield*/, this.handleNewMessageNotification(notification)];
-                        case 3:
+                            return [3 /*break*/, 6];
+                        case 1: return [4 /*yield*/, this.ngZone.run(function () { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_e) {
+                                    switch (_e.label) {
+                                        case 0:
+                                            if (!this.customNewMessageNotificationHandler) return [3 /*break*/, 1];
+                                            this.customNewMessageNotificationHandler(notification, this.channelListSetter);
+                                            return [3 /*break*/, 3];
+                                        case 1: return [4 /*yield*/, this.handleNewMessageNotification(notification)];
+                                        case 2:
+                                            _e.sent();
+                                            _e.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); })];
+                        case 2:
                             _f.sent();
-                            _f.label = 4;
-                        case 4: return [3 /*break*/, 10];
-                        case 5:
-                            if (!this.customAddedToChannelNotificationHandler) return [3 /*break*/, 6];
-                            this.customAddedToChannelNotificationHandler(notification, this.channelListSetter);
-                            return [3 /*break*/, 8];
-                        case 6: return [4 /*yield*/, this.handleAddedToChannelNotification(notification)];
-                        case 7:
+                            return [3 /*break*/, 6];
+                        case 3: return [4 /*yield*/, this.ngZone.run(function () { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_e) {
+                                    switch (_e.label) {
+                                        case 0:
+                                            if (!this.customAddedToChannelNotificationHandler) return [3 /*break*/, 1];
+                                            this.customAddedToChannelNotificationHandler(notification, this.channelListSetter);
+                                            return [3 /*break*/, 3];
+                                        case 1: return [4 /*yield*/, this.handleAddedToChannelNotification(notification)];
+                                        case 2:
+                                            _e.sent();
+                                            _e.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); })];
+                        case 4:
                             _f.sent();
-                            _f.label = 8;
-                        case 8: return [3 /*break*/, 10];
-                        case 9:
+                            return [3 /*break*/, 6];
+                        case 5:
                             {
-                                if (this.customRemovedFromChannelNotificationHandler) {
-                                    this.customRemovedFromChannelNotificationHandler(notification, this.channelListSetter);
-                                }
-                                else {
-                                    this.handleRemovedFromChannelNotification(notification);
-                                }
+                                this.ngZone.run(function () {
+                                    if (_this.customRemovedFromChannelNotificationHandler) {
+                                        _this.customRemovedFromChannelNotificationHandler(notification, _this.channelListSetter);
+                                    }
+                                    else {
+                                        _this.handleRemovedFromChannelNotification(notification);
+                                    }
+                                });
                             }
-                            _f.label = 10;
-                        case 10: return [2 /*return*/];
+                            _f.label = 6;
+                        case 6: return [2 /*return*/];
                     }
                 });
             });
         };
         ChannelService.prototype.handleRemovedFromChannelNotification = function (notification) {
-            var _this = this;
-            this.ngZone.run(function () {
-                var channelIdToBeRemoved = notification.event.channel.cid;
-                _this.removeFromChannelList(channelIdToBeRemoved);
-            });
+            var channelIdToBeRemoved = notification.event.channel.cid;
+            this.removeFromChannelList(channelIdToBeRemoved);
         };
         ChannelService.prototype.handleNewMessageNotification = function (notification) {
             return __awaiter(this, void 0, void 0, function () {
@@ -969,7 +973,6 @@
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
                 var channel;
-                var _this = this;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
@@ -978,11 +981,9 @@
                         case 1:
                             _e.sent();
                             this.watchForChannelEvents(channel);
-                            this.ngZone.run(function () {
-                                _this.channelsSubject.next(__spreadArray([
-                                    channel
-                                ], __read((_this.channelsSubject.getValue() || []))));
-                            });
+                            this.channelsSubject.next(__spreadArray([
+                                channel
+                            ], __read((this.channelsSubject.getValue() || []))));
                             return [2 /*return*/];
                     }
                 });
@@ -1015,15 +1016,17 @@
             this.activeChannelSubscriptions.push(channel.on('reaction.deleted', function (e) { return _this.messageReactionEventReceived(e); }));
             this.activeChannelSubscriptions.push(channel.on('reaction.updated', function (e) { return _this.messageReactionEventReceived(e); }));
             this.activeChannelSubscriptions.push(channel.on('message.read', function (e) {
-                var latestMessage;
-                _this.activeChannelMessages$.pipe(operators.first()).subscribe(function (messages) {
-                    latestMessage = messages[messages.length - 1];
+                _this.ngZone.run(function () {
+                    var latestMessage;
+                    _this.activeChannelMessages$.pipe(operators.first()).subscribe(function (messages) {
+                        latestMessage = messages[messages.length - 1];
+                    });
+                    if (!latestMessage || !e.user) {
+                        return;
+                    }
+                    latestMessage.readBy = getReadBy(latestMessage, channel);
+                    _this.activeChannelMessagesSubject.next(_this.activeChannelMessagesSubject.getValue());
                 });
-                if (!latestMessage || !e.user) {
-                    return;
-                }
-                latestMessage.readBy = getReadBy(latestMessage, channel);
-                _this.activeChannelMessagesSubject.next(_this.activeChannelMessagesSubject.getValue());
             }));
         };
         ChannelService.prototype.messageUpdated = function (event) {
@@ -1112,66 +1115,72 @@
             channel.on(function (event) {
                 switch (event.type) {
                     case 'message.new': {
-                        if (_this.customNewMessageHandler) {
-                            _this.customNewMessageHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
-                        }
-                        else {
-                            _this.handleNewMessage(event, channel);
-                        }
+                        _this.ngZone.run(function () {
+                            if (_this.customNewMessageHandler) {
+                                _this.customNewMessageHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
+                            }
+                            else {
+                                _this.handleNewMessage(event, channel);
+                            }
+                        });
                         break;
                     }
                     case 'channel.hidden': {
-                        if (_this.customChannelHiddenHandler) {
-                            _this.customChannelHiddenHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
-                        }
-                        else {
-                            _this.handleChannelHidden(event);
-                        }
-                        _this.appRef.tick();
+                        _this.ngZone.run(function () {
+                            if (_this.customChannelHiddenHandler) {
+                                _this.customChannelHiddenHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
+                            }
+                            else {
+                                _this.handleChannelHidden(event);
+                            }
+                        });
                         break;
                     }
                     case 'channel.deleted': {
-                        if (_this.customChannelDeletedHandler) {
-                            _this.customChannelDeletedHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
-                        }
-                        else {
-                            _this.handleChannelDeleted(event);
-                        }
-                        _this.appRef.tick();
+                        _this.ngZone.run(function () {
+                            if (_this.customChannelDeletedHandler) {
+                                _this.customChannelDeletedHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
+                            }
+                            else {
+                                _this.handleChannelDeleted(event);
+                            }
+                        });
                         break;
                     }
                     case 'channel.visible': {
-                        if (_this.customChannelVisibleHandler) {
-                            _this.customChannelVisibleHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
-                        }
-                        else {
-                            _this.handleChannelVisible(event, channel);
-                        }
-                        _this.appRef.tick();
+                        _this.ngZone.run(function () {
+                            if (_this.customChannelVisibleHandler) {
+                                _this.customChannelVisibleHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
+                            }
+                            else {
+                                _this.handleChannelVisible(event, channel);
+                            }
+                        });
                         break;
                     }
                     case 'channel.updated': {
-                        if (_this.customChannelUpdatedHandler) {
-                            _this.customChannelUpdatedHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
-                        }
-                        else {
-                            _this.handleChannelUpdate(event);
-                        }
-                        _this.appRef.tick();
+                        _this.ngZone.run(function () {
+                            if (_this.customChannelUpdatedHandler) {
+                                _this.customChannelUpdatedHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
+                            }
+                            else {
+                                _this.handleChannelUpdate(event);
+                            }
+                        });
                         break;
                     }
                     case 'channel.truncated': {
-                        if (_this.customChannelTruncatedHandler) {
-                            _this.customChannelTruncatedHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
-                        }
-                        else {
-                            _this.handleChannelTruncate(event);
-                        }
-                        _this.appRef.tick();
+                        _this.ngZone.run(function () {
+                            if (_this.customChannelTruncatedHandler) {
+                                _this.customChannelTruncatedHandler(event, channel, _this.channelListSetter, _this.messageListSetter);
+                            }
+                            else {
+                                _this.handleChannelTruncate(event);
+                            }
+                        });
                         break;
                     }
                 }
-                setTimeout(function () { return _this.appRef.tick(); }, 0);
             });
         };
         ChannelService.prototype.handleNewMessage = function (_, channel) {
@@ -1240,14 +1249,14 @@
         });
         return ChannelService;
     }());
-    ChannelService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelService, deps: [{ token: ChatClientService }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ChannelService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelService, deps: [{ token: ChatClientService }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     ChannelService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root',
                     }]
-            }], ctorParameters: function () { return [{ type: ChatClientService }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.NgZone }]; } });
+            }], ctorParameters: function () { return [{ type: ChatClientService }, { type: i0__namespace.NgZone }]; } });
 
     var ThemeService = /** @class */ (function () {
         function ThemeService() {
@@ -2588,8 +2597,9 @@
             }], ctorParameters: function () { return [{ type: ChannelService }, { type: ChannelListToggleService }]; } });
 
     var ChannelPreviewComponent = /** @class */ (function () {
-        function ChannelPreviewComponent(channelService) {
+        function ChannelPreviewComponent(channelService, ngZone) {
             this.channelService = channelService;
+            this.ngZone = ngZone;
             this.isActive = false;
             this.isUnread = false;
             this.latestMessage = 'Nothing yet...';
@@ -2611,8 +2621,10 @@
             this.subscriptions.push(this.channel.on('message.updated', this.handleMessageEvent.bind(this)));
             this.subscriptions.push(this.channel.on('message.deleted', this.handleMessageEvent.bind(this)));
             this.subscriptions.push(this.channel.on('channel.truncated', this.handleMessageEvent.bind(this)));
-            this.subscriptions.push(this.channel.on('message.read', function () { return (_this.isUnread =
-                !!_this.channel.countUnread() && _this.canSendReadEvents); }));
+            this.subscriptions.push(this.channel.on('message.read', function () { return _this.ngZone.run(function () {
+                _this.isUnread =
+                    !!_this.channel.countUnread() && _this.canSendReadEvents;
+            }); }));
         };
         ChannelPreviewComponent.prototype.ngOnDestroy = function () {
             this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
@@ -2645,17 +2657,20 @@
             void this.channelService.setAsActiveChannel(this.channel);
         };
         ChannelPreviewComponent.prototype.handleMessageEvent = function (event) {
-            var _a, _b, _c;
-            if (((_a = this.channel) === null || _a === void 0 ? void 0 : _a.state.messages.length) === 0) {
-                this.latestMessage = 'Nothing yet...';
-                return;
-            }
-            if (!event.message ||
-                ((_b = this.channel) === null || _b === void 0 ? void 0 : _b.state.messages[((_c = this.channel) === null || _c === void 0 ? void 0 : _c.state.messages.length) - 1].id) !== event.message.id) {
-                return;
-            }
-            this.setLatestMessage(event.message);
-            this.isUnread = !!this.channel.countUnread() && this.canSendReadEvents;
+            var _this = this;
+            this.ngZone.run(function () {
+                var _a, _b, _c;
+                if (((_a = _this.channel) === null || _a === void 0 ? void 0 : _a.state.messages.length) === 0) {
+                    _this.latestMessage = 'Nothing yet...';
+                    return;
+                }
+                if (!event.message ||
+                    ((_b = _this.channel) === null || _b === void 0 ? void 0 : _b.state.messages[((_c = _this.channel) === null || _c === void 0 ? void 0 : _c.state.messages.length) - 1].id) !== event.message.id) {
+                    return;
+                }
+                _this.setLatestMessage(event.message);
+                _this.isUnread = !!_this.channel.countUnread() && _this.canSendReadEvents;
+            });
         };
         ChannelPreviewComponent.prototype.setLatestMessage = function (message) {
             if (message === null || message === void 0 ? void 0 : message.deleted_at) {
@@ -2670,7 +2685,7 @@
         };
         return ChannelPreviewComponent;
     }());
-    ChannelPreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelPreviewComponent, deps: [{ token: ChannelService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ChannelPreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelPreviewComponent, deps: [{ token: ChannelService }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
     ChannelPreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: ChannelPreviewComponent, selector: "stream-channel-preview", inputs: { channel: "channel" }, ngImport: i0__namespace, template: "<button\n  class=\"str-chat__channel-preview-messenger\"\n  [class.str-chat__channel-preview-messenger--active]=\"isActive\"\n  [class.str-chat__channel-preview-messenger--unread]=\"isUnread\"\n  (click)=\"setAsActiveChannel()\"\n  data-testid=\"channel-preview-container\"\n>\n  <div class=\"str-chat__channel-preview-messenger--left\">\n    <stream-avatar\n      imageUrl=\"{{ avatarImage }}\"\n      name=\"{{ avatarName }}\"\n      [size]=\"40\"\n    ></stream-avatar>\n  </div>\n  <div class=\"str-chat__channel-preview-messenger--right\">\n    <div class=\"str-chat__channel-preview-messenger--name\">\n      <span data-testid=\"channel-preview-title\">{{ title }}</span>\n    </div>\n    <div\n      data-testid=\"latest-message\"\n      class=\"str-chat__channel-preview-messenger--last-message\"\n    >\n      {{ latestMessage | translate }}\n    </div>\n  </div>\n</button>\n", components: [{ type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size"] }], pipes: { "translate": i10__namespace.TranslatePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChannelPreviewComponent, decorators: [{
                 type: i0.Component,
@@ -2679,7 +2694,7 @@
                         templateUrl: './channel-preview.component.html',
                         styles: [],
                     }]
-            }], ctorParameters: function () { return [{ type: ChannelService }]; }, propDecorators: { channel: [{
+            }], ctorParameters: function () { return [{ type: ChannelService }, { type: i0__namespace.NgZone }]; }, propDecorators: { channel: [{
                     type: i0.Input
                 }] } });