stream-chat-angular 5.1.1 → 5.1.3

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.3';
 
 /**
  * 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,6 +609,7 @@ 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;
@@ -634,6 +636,7 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(activeChannel);
+        this.flushMarkReadQueue();
         this.activeChannelMessagesSubject.next([]);
         this.activeChannelSubject.next(undefined);
         this.activeParentMessageIdSubject.next(undefined);
@@ -1893,13 +1896,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();
+            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;
         this.messagePageSize = settings.messagePageSize;