stream-chat-angular 5.1.1 → 5.1.2

package/fesm2020/stream-chat-angular.mjs

@@ -19,7 +19,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i8$1 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '5.1.1';
+const version = '5.1.2';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -506,6 +506,7 @@ class ChannelService {
             this.activeParentMessageIdSubject.next(message?.id);
         };
         this.areReadEventsPaused = false;
+        this.markReadThrottleTime = 1050;
         this.channels$ = this.channelsSubject.asObservable().pipe(shareReplay(1));
         this.activeChannel$ = this.activeChannelSubject
             .asObservable()
@@ -608,14 +609,16 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(prevActiveChannel);
+        this.flushMarkReadQueue();
         this.areReadEventsPaused = false;
         const readState = channel.state.read[this.chatClientService.chatClient.user?.id || ''];
         this.activeChannelLastReadMessageId = readState?.last_read_message_id;
+        this.activeChannelUnreadCount = readState?.unread_messages || 0;
         if (channel.state.latestMessages[channel.state.latestMessages.length - 1]
-            ?.id === this.activeChannelLastReadMessageId) {
+            ?.id === this.activeChannelLastReadMessageId ||
+            this.activeChannelUnreadCount === 0) {
             this.activeChannelLastReadMessageId = undefined;
         }
-        this.activeChannelUnreadCount = readState?.unread_messages || 0;
         this.watchForActiveChannelEvents(channel);
         this.addChannel(channel);
         this.activeChannelSubject.next(channel);
@@ -634,6 +637,7 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(activeChannel);
+        this.flushMarkReadQueue();
         this.activeChannelMessagesSubject.next([]);
         this.activeChannelSubject.next(undefined);
         this.activeParentMessageIdSubject.next(undefined);
@@ -1407,6 +1411,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);
             });
         }));
@@ -1893,12 +1900,39 @@ 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() {
+        this.scheduledMarkReadRequest?.();
+        this.scheduledMarkReadRequest = undefined;
+        clearTimeout(this.markReadTimeout);
+        this.markReadTimeout = undefined;
     }
     async _init(settings) {
         this.shouldSetActiveChannel = settings.shouldSetActiveChannel;