stream-chat-angular 4.5.3 → 4.6.0

package/fesm2015/stream-chat-angular.js

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Component, Input, EventEmitter, Output, ViewChild, InjectionToken, Directive, HostBinding, Inject, NgModule } from '@angular/core';
 import { BehaviorSubject, ReplaySubject, combineLatest, Subject, timer, of } from 'rxjs';
 import { StreamChat } from 'stream-chat';
-import { map, shareReplay, filter, first, take, tap, catchError, startWith, distinctUntilChanged, debounceTime } from 'rxjs/operators';
+import { map, shareReplay, first, take, tap, catchError, startWith, distinctUntilChanged, filter, debounceTime } from 'rxjs/operators';
 import { v4 } from 'uuid';
 import * as i6 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -19,7 +19,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i8 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '4.5.3';
+const version = '4.6.0';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -360,11 +360,6 @@ class ChannelService {
         }), shareReplay());
         this.messageToQuote$ = this.messageToQuoteSubject.asObservable();
         this.jumpToMessage$ = this.jumpToMessageSubject.asObservable();
-        this.chatClientService.connectionState$
-            .pipe(filter((s) => s === 'online'))
-            .subscribe(() => {
-            void this.setAsActiveParentMessage(undefined);
-        });
         this.usersTypingInChannel$ =
             this.usersTypingInChannelSubject.asObservable();
         this.usersTypingInThread$ = this.usersTypingInThreadSubject.asObservable();
@@ -870,9 +865,13 @@ class ChannelService {
                         return;
                     }
                     this.isStateRecoveryInProgress = true;
-                    this.reset();
                     try {
-                        yield this.init(this.filters, this.sort, this.options, this.shouldSetActiveChannel);
+                        if (this.options) {
+                            this.options.offset = 0;
+                        }
+                        yield this.queryChannels(false, true);
+                        // Thread messages are not refetched so active thread gets deselected to avoid displaying stale messages
+                        void this.setAsActiveParentMessage(undefined);
                         this.isStateRecoveryInProgress = false;
                     }
                     catch (_a) {
@@ -1096,18 +1095,25 @@ class ChannelService {
         this.activeChannelSubscriptions.forEach((s) => s.unsubscribe());
         this.activeChannelSubscriptions = [];
     }
-    queryChannels(shouldSetActiveChannel) {
+    queryChannels(shouldSetActiveChannel, recoverState = false) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const channels = yield this.chatClientService.chatClient.queryChannels(this.filters, this.sort, this.options);
+                const channels = yield this.chatClientService.chatClient.queryChannels(this.filters, this.sort || {}, this.options);
                 channels.forEach((c) => this.watchForChannelEvents(c));
-                const prevChannels = this.channelsSubject.getValue() || [];
+                const prevChannels = recoverState
+                    ? []
+                    : this.channelsSubject.getValue() || [];
                 this.channelsSubject.next([...prevChannels, ...channels]);
+                const currentActiveChannel = this.activeChannelSubject.getValue();
                 if (channels.length > 0 &&
-                    !this.activeChannelSubject.getValue() &&
+                    !currentActiveChannel &&
                     shouldSetActiveChannel) {
                     this.setAsActiveChannel(channels[0]);
                 }
+                if (recoverState &&
+                    !channels.find((c) => c.cid === (currentActiveChannel === null || currentActiveChannel === void 0 ? void 0 : currentActiveChannel.cid))) {
+                    this.deselectActiveChannel();
+                }
                 this.hasMoreChannelsSubject.next(channels.length >= this.options.limit);
                 return channels;
             }