stream-chat-angular 4.45.0 → 4.45.2

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.45.0";
+export declare const version = "4.45.2";

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.45.0';
+    var version = '4.45.2';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -521,6 +521,7 @@
                             this.pendingInvitesSubject.next(channels);
                             this.appSettingsSubject.next(undefined);
                             this.subscriptions.push(this.chatClient.on(function (e) {
+                                _this.updateUser(e);
                                 _this.updatePendingInvites(e);
                                 _this.notificationSubject.next({
                                     eventType: e.type,
@@ -648,6 +649,23 @@
                 }
             }
         };
+        ChatClientService.prototype.updateUser = function (e) {
+            var _a;
+            if (typeof e.total_unread_count !== 'undefined') {
+                var user_1;
+                this.userSubject.pipe(rxjs.take(1)).subscribe(function (u) {
+                    user_1 = u;
+                });
+                if (user_1 && user_1.total_unread_count !== e.total_unread_count) {
+                    this.userSubject.next(Object.assign(Object.assign({}, user_1), { total_unread_count: e.total_unread_count }));
+                }
+            }
+            if (e.type === 'user.updated' &&
+                this.chatClient.user &&
+                ((_a = e.user) === null || _a === void 0 ? void 0 : _a.id) === this.chatClient.user.id) {
+                this.userSubject.next(Object.assign({}, this.chatClient.user));
+            }
+        };
         return ChatClientService;
     }());
     ChatClientService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: ChatClientService, deps: [{ token: i0__namespace.NgZone }, { token: NotificationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -1594,6 +1612,36 @@
                             _this.handleRemovedFromChannelNotification(clientEvent);
                         }
                     });
+                    break;
+                }
+                case 'user.updated': {
+                    this.ngZone.run(function () {
+                        var _a;
+                        var updatedChannels = (_a = _this.channelsSubject.getValue()) === null || _a === void 0 ? void 0 : _a.map(function (c) {
+                            if (_this.chatClientService.chatClient.activeChannels[c.cid]) {
+                                return _this.chatClientService.chatClient.activeChannels[c.cid];
+                            }
+                            else {
+                                return c;
+                            }
+                        });
+                        _this.channelsSubject.next(updatedChannels);
+                        var activeChannel = _this.activeChannelSubject.getValue();
+                        if (activeChannel) {
+                            _this.activeChannelSubject.next(_this.chatClientService.chatClient.activeChannels[activeChannel.cid] || activeChannel);
+                            _this.activeChannelMessagesSubject.next(activeChannel.state.messages.map(function (m) {
+                                m.readBy = getReadBy(m, activeChannel);
+                                return Object.assign({}, m);
+                            }));
+                            var activeParentMessage = _this.activeParentMessageIdSubject.getValue();
+                            if (activeParentMessage) {
+                                var messages = activeChannel.state.threads[activeParentMessage];
+                                _this.activeThreadMessagesSubject.next(__spreadArray([], __read(messages)));
+                            }
+                            _this.activeChannelPinnedMessagesSubject.next(__spreadArray([], __read(activeChannel.state.pinnedMessages)));
+                        }
+                    });
+                    break;
                 }
             }
         };
@@ -2880,56 +2928,34 @@
             this.isOnline = false;
         }
         AvatarComponent.prototype.ngOnChanges = function (changes) {
-            var _a, _b, _c;
-            return __awaiter(this, void 0, void 0, function () {
-                var otherMember_1, response, error_1;
-                var _this = this;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
-                        case 0:
-                            if (!changes['channel']) return [3 /*break*/, 8];
-                            if (!this.channel) return [3 /*break*/, 7];
-                            otherMember_1 = this.getOtherMemberIfOneToOneChannel();
-                            if (!otherMember_1) return [3 /*break*/, 5];
-                            this.isOnlineSubscription = this.chatClientService.events$
-                                .pipe(operators.filter(function (e) { return e.eventType === 'user.presence.changed'; }))
-                                .subscribe(function (event) {
-                                var _a;
-                                if (((_a = event.event.user) === null || _a === void 0 ? void 0 : _a.id) === otherMember_1.id) {
-                                    _this.ngZone.run(function () {
-                                        var _a;
-                                        _this.isOnline = ((_a = event.event.user) === null || _a === void 0 ? void 0 : _a.online) || false;
-                                    });
-                                }
-                            });
-                            _f.label = 1;
-                        case 1:
-                            _f.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, this.chatClientService.chatClient.queryUsers({
-                                    id: { $eq: otherMember_1.id },
-                                })];
-                        case 2:
-                            response = _f.sent();
-                            this.isOnline = ((_a = response.users[0]) === null || _a === void 0 ? void 0 : _a.online) || false;
-                            return [3 /*break*/, 4];
-                        case 3:
-                            error_1 = _f.sent();
-                            // Fallback if we can't query user -> for example due to permission problems
-                            this.isOnline = otherMember_1.online || false;
-                            return [3 /*break*/, 4];
-                        case 4: return [3 /*break*/, 6];
-                        case 5:
-                            (_b = this.isOnlineSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-                            _f.label = 6;
-                        case 6: return [3 /*break*/, 8];
-                        case 7:
-                            this.isOnline = false;
-                            (_c = this.isOnlineSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
-                            _f.label = 8;
-                        case 8: return [2 /*return*/];
+            var _this = this;
+            var _a, _b;
+            if (changes['channel']) {
+                if (this.channel) {
+                    var otherMember_1 = this.getOtherMemberIfOneToOneChannel();
+                    if (otherMember_1) {
+                        this.isOnline = otherMember_1.online || false;
+                        this.isOnlineSubscription = this.chatClientService.events$
+                            .pipe(operators.filter(function (e) { return e.eventType === 'user.presence.changed'; }))
+                            .subscribe(function (event) {
+                            var _a;
+                            if (((_a = event.event.user) === null || _a === void 0 ? void 0 : _a.id) === otherMember_1.id) {
+                                _this.ngZone.run(function () {
+                                    var _a;
+                                    _this.isOnline = ((_a = event.event.user) === null || _a === void 0 ? void 0 : _a.online) || false;
+                                });
+                            }
+                        });
                     }
-                });
-            });
+                    else {
+                        (_a = this.isOnlineSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+                    }
+                }
+                else {
+                    this.isOnline = false;
+                    (_b = this.isOnlineSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+                }
+            }
         };
         Object.defineProperty(AvatarComponent.prototype, "initials", {
             get: function () {
@@ -2997,7 +3023,7 @@
         return AvatarComponent;
     }());
     AvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: AvatarComponent, deps: [{ token: ChatClientService }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    AvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: AvatarComponent, selector: "stream-avatar", inputs: { name: "name", imageUrl: "imageUrl", size: "size", location: "location", channel: "channel", user: "user", type: "type", showOnlineIndicator: "showOnlineIndicator", initialsType: "initialsType" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n  class=\"str-chat__avatar str-chat__avatar--circle stream-chat__avatar--{{\n    location\n  }}\"\n  title=\"{{ name }}\"\n  [style]=\"{\n    flexBasis: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n    fontSize:\n      initialsType === 'first-letter-of-first-word'\n        ? 'calc(var(--str-chat__spacing-px, 1px) * ' + size / 2 + ')'\n        : 'calc(var(--str-chat__spacing-px, 1px) * ' + size / 3 + ')',\n    height: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n    lineHeight: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n    width: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')'\n  }\"\n>\n  <img\n    *ngIf=\"(imageUrl || fallbackChannelImage) && !isError; else fallback\"\n    class=\"str-chat__avatar-image str-chat__avatar-image{{\n      isLoaded ? ' str-chat__avatar-image--loaded' : ''\n    }}\"\n    src=\"{{ imageUrl || fallbackChannelImage }}\"\n    alt=\"{{ initials }}\"\n    data-testid=\"avatar-img\"\n    (load)=\"isLoaded = true\"\n    (error)=\"isError = true\"\n    [style]=\"{\n      flexBasis: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n      height: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n      objectFit: 'cover',\n      width: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')'\n    }\"\n  />\n  <ng-template #fallback>\n    <div\n      data-testid=\"fallback-img\"\n      style=\"overflow: hidden; white-space: nowrap; text-overflow: ellipsis\"\n      class=\"str-chat__avatar-fallback\"\n    >\n      {{ initials }}\n    </div>\n  </ng-template>\n  <div\n    data-testid=\"online-indicator\"\n    *ngIf=\"isOnline\"\n    class=\"str-chat__avatar--online-indicator\"\n  ></div>\n</div>\n", styles: [""], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    AvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: AvatarComponent, selector: "stream-avatar", inputs: { name: "name", imageUrl: "imageUrl", size: "size", location: "location", channel: "channel", user: "user", type: "type", showOnlineIndicator: "showOnlineIndicator", initialsType: "initialsType" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n  class=\"str-chat__avatar str-chat__avatar--circle stream-chat__avatar--{{\n    location\n  }}\"\n  title=\"{{ name }}\"\n  [style]=\"{\n    flexBasis: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n    fontSize:\n      initialsType === 'first-letter-of-first-word'\n        ? 'calc(var(--str-chat__spacing-px, 1px) * ' + size / 2 + ')'\n        : 'calc(var(--str-chat__spacing-px, 1px) * ' + size / 3 + ')',\n    height: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n    lineHeight: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n    width: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')'\n  }\"\n>\n  <img\n    *ngIf=\"(imageUrl || fallbackChannelImage) && !isError; else fallback\"\n    class=\"str-chat__avatar-image str-chat__avatar-image{{\n      isLoaded ? ' str-chat__avatar-image--loaded' : ''\n    }}\"\n    src=\"{{ imageUrl || fallbackChannelImage }}\"\n    alt=\"{{ initials }}\"\n    data-testid=\"avatar-img\"\n    (load)=\"isLoaded = true\"\n    (error)=\"isError = true\"\n    [style]=\"{\n      flexBasis: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n      height: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')',\n      objectFit: 'cover',\n      width: 'calc(var(--str-chat__spacing-px, 1px) * ' + size + ')'\n    }\"\n  />\n  <ng-template #fallback>\n    <div\n      data-testid=\"fallback-img\"\n      style=\"overflow: hidden; white-space: nowrap; text-overflow: ellipsis\"\n      class=\"str-chat__avatar-fallback\"\n    >\n      {{ initials }}\n    </div>\n  </ng-template>\n  <div\n    data-testid=\"online-indicator\"\n    *ngIf=\"isOnline && showOnlineIndicator\"\n    class=\"str-chat__avatar--online-indicator\"\n  ></div>\n</div>\n", styles: [""], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: AvatarComponent, decorators: [{
                 type: i0.Component,
                 args: [{