stream-chat-angular 4.68.1 → 4.68.3

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.68.1";
+export declare const version = "4.68.3";

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

@@ -356,7 +356,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '4.68.1';
+    var version = '4.68.3';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -789,6 +789,7 @@
                 _this.activeParentMessageIdSubject.next(message === null || message === void 0 ? void 0 : message.id);
             };
             this.areReadEventsPaused = false;
+            this.markReadThrottleTime = 1050;
             this.channels$ = this.channelsSubject.asObservable().pipe(operators.shareReplay(1));
             this.activeChannel$ = this.activeChannelSubject
                 .asObservable()
@@ -902,13 +903,15 @@
                 return;
             }
             this.stopWatchForActiveChannelEvents(prevActiveChannel);
+            this.flushMarkReadQueue();
             this.areReadEventsPaused = false;
             var readState = channel.state.read[((_a = this.chatClientService.chatClient.user) === null || _a === void 0 ? void 0 : _a.id) || ''];
             this.activeChannelLastReadMessageId = readState === null || readState === void 0 ? void 0 : readState.last_read_message_id;
-            if (((_b = channel.state.latestMessages[channel.state.latestMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.id) === this.activeChannelLastReadMessageId) {
+            this.activeChannelUnreadCount = (readState === null || readState === void 0 ? void 0 : readState.unread_messages) || 0;
+            if (((_b = channel.state.latestMessages[channel.state.latestMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.id) === this.activeChannelLastReadMessageId ||
+                this.activeChannelUnreadCount === 0) {
                 this.activeChannelLastReadMessageId = undefined;
             }
-            this.activeChannelUnreadCount = (readState === null || readState === void 0 ? void 0 : readState.unread_messages) || 0;
             this.watchForActiveChannelEvents(channel);
             this.addChannel(channel);
             this.activeChannelSubject.next(channel);
@@ -927,6 +930,7 @@
                 return;
             }
             this.stopWatchForActiveChannelEvents(activeChannel);
+            this.flushMarkReadQueue();
             this.activeChannelMessagesSubject.next([]);
             this.activeChannelSubject.next(undefined);
             this.activeParentMessageIdSubject.next(undefined);
@@ -1876,6 +1880,9 @@
                 _this.ngZone.run(function () {
                     _this.activeChannelLastReadMessageId = e.last_read_message_id;
                     _this.activeChannelUnreadCount = e.unread_messages;
+                    if (_this.activeChannelUnreadCount === 0) {
+                        _this.activeChannelLastReadMessageId = undefined;
+                    }
                     _this.activeChannelSubject.next(_this.activeChannel);
                 });
             }));
@@ -2469,13 +2476,43 @@
             this.usersTypingInChannelSubject.next([]);
             this.usersTypingInThreadSubject.next([]);
         };
-        ChannelService.prototype.markRead = function (channel) {
+        ChannelService.prototype.markRead = function (channel, isThrottled) {
+            if (isThrottled === void 0) { isThrottled = true; }
             if (this.canSendReadEvents &&
                 this.shouldMarkActiveChannelAsRead &&
-                !this.areReadEventsPaused) {
-                void channel.markRead();
+                !this.areReadEventsPaused &&
+                channel.countUnread() > 0) {
+                if (isThrottled) {
+                    this.markReadThrottled(channel);
+                }
+                else {
+                    void channel.markRead();
+                }
             }
         };
+        ChannelService.prototype.markReadThrottled = function (channel) {
+            var _this = this;
+            if (!this.markReadTimeout) {
+                this.markRead(channel, false);
+                this.markReadTimeout = setTimeout(function () {
+                    _this.flushMarkReadQueue();
+                }, this.markReadThrottleTime);
+            }
+            else {
+                clearTimeout(this.markReadTimeout);
+                this.scheduledMarkReadRequest = function () { return _this.markRead(channel, false); };
+                this.markReadTimeout = setTimeout(function () {
+                    _this.flushMarkReadQueue();
+                }, this.markReadThrottleTime);
+            }
+        };
+        ChannelService.prototype.flushMarkReadQueue = function () {
+            var _a;
+            (_a = this.scheduledMarkReadRequest) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.scheduledMarkReadRequest = undefined;
+            clearTimeout(this.markReadTimeout);
+            this.markReadTimeout = undefined;
+        };
         ChannelService.prototype.setNextPageConfiguration = function (channelQueryResult) {
             var _a;
             if (this.customPaginator) {
@@ -3325,6 +3362,9 @@
                 this.setFallbackChannelImage();
             }
         };
+        AvatarComponent.prototype.ngOnDestroy = function () {
+            this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
+        };
         AvatarComponent.prototype.setFallbackChannelImage = function () {
             if (this.type !== 'channel') {
                 this.fallbackChannelImage = undefined;
@@ -7226,9 +7266,7 @@
                 this.mentionedUsers.push((item.user ? item.user : item));
                 this.userMentions.next(__spreadArray([], __read(this.mentionedUsers)));
             }
-            return (triggerChar +
-                item.autocompleteLabel +
-                (triggerChar === this.commandTriggerChar ? ' ' : ''));
+            return triggerChar + item.autocompleteLabel + ' ';
         };
         AutocompleteTextareaComponent.prototype.autcompleteSearchTermChanged = function (searchTerm) {
             if (searchTerm === this.mentionTriggerChar) {