stream-chat-angular 4.68.2 → 4.68.3

package/fesm2015/stream-chat-angular.js

@@ -20,7 +20,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i8$1 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '4.68.2';
+const 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.
@@ -387,6 +387,7 @@ class ChannelService {
             this.activeParentMessageIdSubject.next(message === null || message === void 0 ? void 0 : message.id);
         };
         this.areReadEventsPaused = false;
+        this.markReadThrottleTime = 1050;
         this.channels$ = this.channelsSubject.asObservable().pipe(shareReplay(1));
         this.activeChannel$ = this.activeChannelSubject
             .asObservable()
@@ -495,13 +496,15 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(prevActiveChannel);
+        this.flushMarkReadQueue();
         this.areReadEventsPaused = false;
         const 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);
@@ -520,6 +523,7 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(activeChannel);
+        this.flushMarkReadQueue();
         this.activeChannelMessagesSubject.next([]);
         this.activeChannelSubject.next(undefined);
         this.activeParentMessageIdSubject.next(undefined);
@@ -1288,6 +1292,9 @@ class ChannelService {
             this.ngZone.run(() => {
                 this.activeChannelLastReadMessageId = e.last_read_message_id;
                 this.activeChannelUnreadCount = e.unread_messages;
+                if (this.activeChannelUnreadCount === 0) {
+                    this.activeChannelLastReadMessageId = undefined;
+                }
                 this.activeChannelSubject.next(this.activeChannel);
             });
         }));
@@ -1809,13 +1816,41 @@ class ChannelService {
         this.usersTypingInChannelSubject.next([]);
         this.usersTypingInThreadSubject.next([]);
     }
-    markRead(channel) {
+    markRead(channel, 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();
+            }
         }
     }
+    markReadThrottled(channel) {
+        if (!this.markReadTimeout) {
+            this.markRead(channel, false);
+            this.markReadTimeout = setTimeout(() => {
+                this.flushMarkReadQueue();
+            }, this.markReadThrottleTime);
+        }
+        else {
+            clearTimeout(this.markReadTimeout);
+            this.scheduledMarkReadRequest = () => this.markRead(channel, false);
+            this.markReadTimeout = setTimeout(() => {
+                this.flushMarkReadQueue();
+            }, this.markReadThrottleTime);
+        }
+    }
+    flushMarkReadQueue() {
+        var _a;
+        (_a = this.scheduledMarkReadRequest) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.scheduledMarkReadRequest = undefined;
+        clearTimeout(this.markReadTimeout);
+        this.markReadTimeout = undefined;
+    }
     setNextPageConfiguration(channelQueryResult) {
         var _a;
         if (this.customPaginator) {
@@ -2616,6 +2651,9 @@ class AvatarComponent {
             this.setFallbackChannelImage();
         }
     }
+    ngOnDestroy() {
+        this.subscriptions.forEach((s) => s.unsubscribe());
+    }
     setFallbackChannelImage() {
         if (this.type !== 'channel') {
             this.fallbackChannelImage = undefined;