stream-chat-angular 4.39.5 → 4.39.7

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.39.5";
+export declare const version = "4.39.7";

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.39.5';
+    var version = '4.39.7';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -709,6 +709,7 @@
             this.activeChannelPinnedMessagesSubject = new rxjs.BehaviorSubject([]);
             this.hasMoreChannelsSubject = new rxjs.ReplaySubject(1);
             this.activeChannelSubscriptions = [];
+            this.channelSubscriptions = {};
             this.activeParentMessageIdSubject = new rxjs.BehaviorSubject(undefined);
             this.activeThreadMessagesSubject = new rxjs.BehaviorSubject([]);
             this.jumpToMessageSubject = new rxjs.BehaviorSubject({ id: undefined, parentId: undefined });
@@ -720,12 +721,13 @@
             this._shouldMarkActiveChannelAsRead = true;
             this.isStateRecoveryInProgress = false;
             this.channelQueryStateSubject = new rxjs.BehaviorSubject(undefined);
-            this.channelListSetter = function (channels) {
+            this.channelListSetter = function (channels, shouldStopWatchingRemovedChannels) {
+                if (shouldStopWatchingRemovedChannels === void 0) { shouldStopWatchingRemovedChannels = true; }
                 var currentChannels = _this.channelsSubject.getValue() || [];
                 var newChannels = channels.filter(function (c) { return !currentChannels.find(function (channel) { return channel.cid === c.cid; }); });
                 var deletedChannels = currentChannels.filter(function (c) { return !(channels === null || channels === void 0 ? void 0 : channels.find(function (channel) { return channel.cid === c.cid; })); });
                 void _this.addChannelsFromNotification(newChannels);
-                _this.removeChannelsFromChannelList(deletedChannels.map(function (c) { return c.cid; }));
+                _this.removeChannelsFromChannelList(deletedChannels.map(function (c) { return c.cid; }), shouldStopWatchingRemovedChannels);
             };
             this.messageListSetter = function (messages) {
                 _this.activeChannelMessagesSubject.next(messages);
@@ -1009,6 +1011,7 @@
          * Resets the `activeChannel$`, `channels$` and `activeChannelMessages$` Observables. Useful when disconnecting a chat user, use in combination with [`disconnectUser`](./ChatClientService.mdx/#disconnectuser).
          */
         ChannelService.prototype.reset = function () {
+            var _this = this;
             var _a, _b;
             this.deselectActiveChannel();
             this.channelsSubject.next(undefined);
@@ -1016,6 +1019,10 @@
             (_a = this.clientEventsSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
             (_b = this.dismissErrorNotification) === null || _b === void 0 ? void 0 : _b.call(this);
             this.dismissErrorNotification = undefined;
+            Object.keys(this.channelSubscriptions).forEach(function (cid) {
+                _this.channelSubscriptions[cid]();
+            });
+            this.channelSubscriptions = {};
         };
         /**
          * 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.
@@ -1546,7 +1553,7 @@
         };
         ChannelService.prototype.handleRemovedFromChannelNotification = function (clientEvent) {
             var channelIdToBeRemoved = clientEvent.event.channel.cid;
-            this.removeChannelsFromChannelList([channelIdToBeRemoved]);
+            this.removeChannelsFromChannelList([channelIdToBeRemoved], true);
         };
         ChannelService.prototype.handleNewMessageNotification = function (clientEvent) {
             if (clientEvent.event.channel) {
@@ -1586,14 +1593,20 @@
                 });
             });
         };
-        ChannelService.prototype.removeChannelsFromChannelList = function (cids) {
+        ChannelService.prototype.removeChannelsFromChannelList = function (cids, shouldStopWatching) {
             var _this = this;
             var _a;
             var channels = this.channels.filter(function (c) { return !cids.includes(c.cid || ''); });
-            cids.forEach(function (cid) {
-                var _a;
-                return void ((_a = _this.chatClientService.chatClient.activeChannels[cid]) === null || _a === void 0 ? void 0 : _a.stopWatching());
-            });
+            if (shouldStopWatching) {
+                cids.forEach(function (cid) {
+                    var _a;
+                    if (_this.channelSubscriptions[cid]) {
+                        _this.channelSubscriptions[cid]();
+                        delete _this.channelSubscriptions.cid;
+                    }
+                    void ((_a = _this.chatClientService.chatClient.activeChannels[cid]) === null || _a === void 0 ? void 0 : _a.stopWatching());
+                });
+            }
             if (channels.length < this.channels.length) {
                 this.channelsSubject.next(channels);
                 if (cids.includes(((_a = this.activeChannelSubject.getValue()) === null || _a === void 0 ? void 0 : _a.cid) || '')) {
@@ -1815,7 +1828,7 @@
         };
         ChannelService.prototype.watchForChannelEvents = function (channel) {
             var _this = this;
-            channel.on(function (event) {
+            var unsubscribe = channel.on(function (event) {
                 switch (event.type) {
                     case 'message.new': {
                         _this.ngZone.run(function () {
@@ -1885,6 +1898,7 @@
                     }
                 }
             });
+            this.channelSubscriptions[channel.cid] = unsubscribe.unsubscribe;
         };
         ChannelService.prototype.handleNewMessage = function (_, channel) {
             var channelIndex = this.channels.findIndex(function (c) { return c.cid === channel.cid; });
@@ -1892,10 +1906,10 @@
             this.channelsSubject.next(__spreadArray([channel], __read(this.channels)));
         };
         ChannelService.prototype.handleChannelHidden = function (event) {
-            this.removeChannelsFromChannelList([event.channel.cid]);
+            this.removeChannelsFromChannelList([event.channel.cid], false);
         };
         ChannelService.prototype.handleChannelDeleted = function (event) {
-            this.removeChannelsFromChannelList([event.channel.cid]);
+            this.removeChannelsFromChannelList([event.channel.cid], true);
         };
         ChannelService.prototype.handleChannelVisible = function (event, channel) {
             var _this = this;
@@ -3166,11 +3180,8 @@
      * The `AvatarPlaceholder` component displays the [default avatar](./AvatarComponent.mdx) unless a [custom template](../services/CustomTemplatesService.mdx) is provided. This component is used by the SDK internally, you likely won't need to use it.
      */
     var AvatarPlaceholderComponent = /** @class */ (function () {
-        function AvatarPlaceholderComponent(customTemplatesService, hostElement, cdRef, themeService) {
+        function AvatarPlaceholderComponent(customTemplatesService) {
             this.customTemplatesService = customTemplatesService;
-            this.hostElement = hostElement;
-            this.cdRef = cdRef;
-            this.themeService = themeService;
             /**
              * The size in pixels of the avatar image.
              */
@@ -3194,28 +3205,7 @@
                 initialsType: undefined,
                 showOnlineIndicator: undefined,
             };
-            this.isVisible = true;
         }
-        AvatarPlaceholderComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            var _a, _b;
-            var elementToObserve = (_b = (_a = this.hostElement.nativeElement.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement;
-            if (this.location !== 'message-sender' ||
-                !elementToObserve ||
-                !elementToObserve.classList.contains('str-chat__li') ||
-                this.themeService.themeVersion === '1') {
-                this.isVisible = true;
-                this.cdRef.detectChanges();
-                return;
-            }
-            this.checkIfVisible();
-            this.mutationObserver = new MutationObserver(function () {
-                _this.checkIfVisible();
-            });
-            this.mutationObserver.observe(elementToObserve, {
-                attributeFilter: ['class'],
-            });
-        };
         AvatarPlaceholderComponent.prototype.ngOnChanges = function () {
             this.context = {
                 name: this.name,
@@ -3229,21 +3219,10 @@
                 showOnlineIndicator: this.showOnlineIndicator,
             };
         };
-        AvatarPlaceholderComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        };
-        AvatarPlaceholderComponent.prototype.checkIfVisible = function () {
-            var isVisible = getComputedStyle(this.hostElement.nativeElement).getPropertyValue('visibility') === 'visible';
-            if (isVisible !== this.isVisible) {
-                this.isVisible = isVisible;
-                this.cdRef.detectChanges();
-            }
-        };
         return AvatarPlaceholderComponent;
     }());
-    AvatarPlaceholderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: AvatarPlaceholderComponent, deps: [{ token: CustomTemplatesService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: ThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    AvatarPlaceholderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: AvatarPlaceholderComponent, selector: "stream-avatar-placeholder", inputs: { name: "name", imageUrl: "imageUrl", size: "size", location: "location", channel: "channel", user: "user", type: "type", initialsType: "initialsType", showOnlineIndicator: "showOnlineIndicator" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template\n  #defaultAvatar\n  let-name=\"name\"\n  let-imageUrl=\"imageUrl\"\n  let-size=\"size\"\n  let-type=\"type\"\n  let-channel=\"channel\"\n  let-user=\"user\"\n  let-location=\"location\"\n  let-initialsType=\"initialsType\"\n  let-showOnlineIndicator=\"showOnlineIndicator\"\n>\n  <stream-avatar\n    [name]=\"name\"\n    [imageUrl]=\"imageUrl\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [channel]=\"channel\"\n    [user]=\"user\"\n    [location]=\"location\"\n    [initialsType]=\"initialsType\"\n    [showOnlineIndicator]=\"showOnlineIndicator\"\n  ></stream-avatar>\n</ng-template>\n<ng-container *ngIf=\"isVisible; else emptyPlaceholder\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      (customTemplatesService.avatarTemplate$ | async) || defaultAvatar;\n      context: context\n    \"\n  ></ng-container>\n</ng-container>\n<ng-template #emptyPlaceholder>\n  <div\n    class=\"str-chat__avatar\"\n    [ngStyle]=\"{\n      width: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n      height: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')'\n    }\"\n  ></div>\n</ng-template>\n", components: [{ type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size", "location", "channel", "user", "type", "showOnlineIndicator", "initialsType"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i5__namespace.AsyncPipe } });
+    AvatarPlaceholderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: AvatarPlaceholderComponent, deps: [{ token: CustomTemplatesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    AvatarPlaceholderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: AvatarPlaceholderComponent, selector: "stream-avatar-placeholder", inputs: { name: "name", imageUrl: "imageUrl", size: "size", location: "location", channel: "channel", user: "user", type: "type", initialsType: "initialsType", showOnlineIndicator: "showOnlineIndicator" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template\n  #defaultAvatar\n  let-name=\"name\"\n  let-imageUrl=\"imageUrl\"\n  let-size=\"size\"\n  let-type=\"type\"\n  let-channel=\"channel\"\n  let-user=\"user\"\n  let-location=\"location\"\n  let-initialsType=\"initialsType\"\n  let-showOnlineIndicator=\"showOnlineIndicator\"\n>\n  <stream-avatar\n    [name]=\"name\"\n    [imageUrl]=\"imageUrl\"\n    [size]=\"size\"\n    [type]=\"type\"\n    [channel]=\"channel\"\n    [user]=\"user\"\n    [location]=\"location\"\n    [initialsType]=\"initialsType\"\n    [showOnlineIndicator]=\"showOnlineIndicator\"\n  ></stream-avatar>\n</ng-template>\n<ng-container\n  *ngTemplateOutlet=\"\n    (customTemplatesService.avatarTemplate$ | async) || defaultAvatar;\n    context: context\n  \"\n></ng-container>\n", components: [{ type: AvatarComponent, selector: "stream-avatar", inputs: ["name", "imageUrl", "size", "location", "channel", "user", "type", "showOnlineIndicator", "initialsType"] }], directives: [{ type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i5__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: AvatarPlaceholderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -3251,7 +3230,7 @@
                         templateUrl: './avatar-placeholder.component.html',
                         styles: [],
                     }]
-            }], ctorParameters: function () { return [{ type: CustomTemplatesService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: ThemeService }]; }, propDecorators: { name: [{
+            }], ctorParameters: function () { return [{ type: CustomTemplatesService }]; }, propDecorators: { name: [{
                     type: i0.Input
                 }], imageUrl: [{
                     type: i0.Input