stream-chat-angular 3.2.2 → 3.4.0

package/fesm2015/stream-chat-angular.js

@@ -17,7 +17,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i7 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '3.2.2';
+const version = '3.4.0';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -271,6 +271,7 @@ class ChannelService {
         this.messageToQuoteSubject = new BehaviorSubject(undefined);
         this.usersTypingInChannelSubject = new BehaviorSubject([]);
         this.usersTypingInThreadSubject = new BehaviorSubject([]);
+        this._shouldMarkActiveChannelAsRead = true;
         this.channelListSetter = (channels) => {
             const currentChannels = this.channelsSubject.getValue() || [];
             const newChannels = channels.filter((c) => !currentChannels.find((channel) => channel.cid === c.cid));
@@ -326,6 +327,22 @@ class ChannelService {
         this.latestMessageDateByUserByChannels$ =
             this.latestMessageDateByUserByChannelsSubject.asObservable();
     }
+    /**
+     * If set to false, read events won't be sent as new messages are received. If set to true active channel (if any) will immediately be marked as read.
+     */
+    get shouldMarkActiveChannelAsRead() {
+        return this._shouldMarkActiveChannelAsRead;
+    }
+    /**
+     * If set to false, read events won't be sent as new messages are received. If set to true active channel (if any) will immediately be marked as read.
+     */
+    set shouldMarkActiveChannelAsRead(shouldMarkActiveChannelAsRead) {
+        var _a;
+        if (!this._shouldMarkActiveChannelAsRead && shouldMarkActiveChannelAsRead) {
+            (_a = this.activeChannelSubject.getValue()) === null || _a === void 0 ? void 0 : _a.markRead();
+        }
+        this._shouldMarkActiveChannelAsRead = shouldMarkActiveChannelAsRead;
+    }
     /**
      * Sets the given `channel` as active and marks it as read.
      * @param channel
@@ -338,7 +355,7 @@ class ChannelService {
         channel.state.messages.forEach((m) => {
             m.readBy = getReadBy(m, channel);
         });
-        if (this.canSendReadEvents) {
+        if (this.canSendReadEvents && this.shouldMarkActiveChannelAsRead) {
             void channel.markRead();
         }
         this.activeChannelMessagesSubject.next([...channel.state.messages]);
@@ -354,6 +371,7 @@ class ChannelService {
         if (!activeChannel) {
             return;
         }
+        this.stopWatchForActiveChannelEvents(activeChannel);
         this.activeChannelMessagesSubject.next([]);
         this.activeChannelSubject.next(undefined);
         this.activeParentMessageIdSubject.next(undefined);
@@ -446,8 +464,9 @@ class ChannelService {
                 message_limit: this.messagePageSize,
             };
             this.sort = sort || { last_message_at: -1, updated_at: -1 };
-            const result = yield this.queryChannels(shouldSetActiveChannel);
-            this.chatClientService.events$.subscribe((notification) => void this.handleNotification(notification));
+            this.shouldSetActiveChannel = shouldSetActiveChannel;
+            const result = yield this.queryChannels(this.shouldSetActiveChannel);
+            this.clientEventsSubscription = this.chatClientService.events$.subscribe((notification) => void this.handleNotification(notification));
             return result;
         });
     }
@@ -455,8 +474,10 @@ class ChannelService {
      * Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observables. Useful when disconnecting a chat user, use in combination with [`disconnectUser`](./ChatClientService.mdx/#disconnectuser).
      */
     reset() {
+        var _a;
         this.deselectActiveChannel();
         this.channelsSubject.next(undefined);
+        (_a = this.clientEventsSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
     }
     /**
      * Loads the next page of channels. The page size can be set in the [query option](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-options) object.
@@ -691,6 +712,13 @@ class ChannelService {
     }
     handleNotification(clientEvent) {
         switch (clientEvent.eventType) {
+            case 'connection.recovered': {
+                this.ngZone.run(() => {
+                    this.reset();
+                    void this.init(this.filters, this.sort, this.options, this.shouldSetActiveChannel);
+                });
+                break;
+            }
             case 'notification.message_new': {
                 this.ngZone.run(() => {
                     if (this.customNewMessageNotificationHandler) {
@@ -778,7 +806,7 @@ class ChannelService {
                         ...channel.state.messages,
                     ]);
                 this.activeChannel$.pipe(first()).subscribe((c) => {
-                    if (this.canSendReadEvents) {
+                    if (this.canSendReadEvents && this.shouldMarkActiveChannelAsRead) {
                         void (c === null || c === void 0 ? void 0 : c.markRead());
                     }
                 });