stream-chat-angular 4.68.2 → 4.68.4

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.4';
 
 /**
  * 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,6 +496,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;
@@ -520,6 +522,7 @@ class ChannelService {
             return;
         }
         this.stopWatchForActiveChannelEvents(activeChannel);
+        this.flushMarkReadQueue();
         this.activeChannelMessagesSubject.next([]);
         this.activeChannelSubject.next(undefined);
         this.activeParentMessageIdSubject.next(undefined);
@@ -1809,13 +1812,40 @@ 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;
+    }
     setNextPageConfiguration(channelQueryResult) {
         var _a;
         if (this.customPaginator) {
@@ -2616,6 +2646,9 @@ class AvatarComponent {
             this.setFallbackChannelImage();
         }
     }
+    ngOnDestroy() {
+        this.subscriptions.forEach((s) => s.unsubscribe());
+    }
     setFallbackChannelImage() {
         if (this.type !== 'channel') {
             this.fallbackChannelImage = undefined;