stream-chat-angular 4.68.2 → 4.68.4

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.68.2";
+export declare const version = "4.68.4";

package/bundles/stream-chat-angular.umd.js

@@ -356,7 +356,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '4.68.2';
+    var 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.
@@ -789,6 +789,7 @@
                 _this.activeParentMessageIdSubject.next(message === null || message === void 0 ? void 0 : message.id);
             };
             this.areReadEventsPaused = false;
+            this.markReadThrottleTime = 1050;
             this.channels$ = this.channelsSubject.asObservable().pipe(operators.shareReplay(1));
             this.activeChannel$ = this.activeChannelSubject
                 .asObservable()
@@ -902,6 +903,7 @@
                 return;
             }
             this.stopWatchForActiveChannelEvents(prevActiveChannel);
+            this.flushMarkReadQueue();
             this.areReadEventsPaused = false;
             var 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;
@@ -927,6 +929,7 @@
                 return;
             }
             this.stopWatchForActiveChannelEvents(activeChannel);
+            this.flushMarkReadQueue();
             this.activeChannelMessagesSubject.next([]);
             this.activeChannelSubject.next(undefined);
             this.activeParentMessageIdSubject.next(undefined);
@@ -2469,12 +2472,41 @@
             this.usersTypingInChannelSubject.next([]);
             this.usersTypingInThreadSubject.next([]);
         };
-        ChannelService.prototype.markRead = function (channel) {
+        ChannelService.prototype.markRead = function (channel, isThrottled) {
+            if (isThrottled === void 0) { isThrottled = true; }
             if (this.canSendReadEvents &&
                 this.shouldMarkActiveChannelAsRead &&
                 !this.areReadEventsPaused) {
-                void channel.markRead();
+                if (isThrottled) {
+                    this.markReadThrottled(channel);
+                }
+                else {
+                    void channel.markRead();
+                }
+            }
+        };
+        ChannelService.prototype.markReadThrottled = function (channel) {
+            var _this = this;
+            if (!this.markReadTimeout) {
+                this.markRead(channel, false);
+                this.markReadTimeout = setTimeout(function () {
+                    _this.flushMarkReadQueue();
+                }, this.markReadThrottleTime);
             }
+            else {
+                clearTimeout(this.markReadTimeout);
+                this.scheduledMarkReadRequest = function () { return _this.markRead(channel, false); };
+                this.markReadTimeout = setTimeout(function () {
+                    _this.flushMarkReadQueue();
+                }, this.markReadThrottleTime);
+            }
+        };
+        ChannelService.prototype.flushMarkReadQueue = function () {
+            var _a;
+            (_a = this.scheduledMarkReadRequest) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.scheduledMarkReadRequest = undefined;
+            clearTimeout(this.markReadTimeout);
+            this.markReadTimeout = undefined;
         };
         ChannelService.prototype.setNextPageConfiguration = function (channelQueryResult) {
             var _a;
@@ -3325,6 +3357,9 @@
                 this.setFallbackChannelImage();
             }
         };
+        AvatarComponent.prototype.ngOnDestroy = function () {
+            this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
+        };
         AvatarComponent.prototype.setFallbackChannelImage = function () {
             if (this.type !== 'channel') {
                 this.fallbackChannelImage = undefined;