stream-chat-angular 5.1.1 → 5.1.3

package/fesm2015/stream-chat-angular.mjs

@@ -20,7 +20,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.
@@ -495,6 +495,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()
@@ -598,6 +599,7 @@ 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;
@@ -623,6 +625,7 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(activeChannel);
+        this.flushMarkReadQueue();
         this.activeChannelMessagesSubject.next([]);
         this.activeChannelSubject.next(undefined);
         this.activeParentMessageIdSubject.next(undefined);
@@ -1907,12 +1910,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() {
+        var _a;
+        (_a = this.scheduledMarkReadRequest) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.scheduledMarkReadRequest = undefined;
+        clearTimeout(this.markReadTimeout);
+        this.markReadTimeout = undefined;
     }
     _init(settings) {
         return __awaiter(this, void 0, void 0, function* () {