stream-chat-angular 4.36.2 → 4.38.0

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.36.2";
+export declare const version = "4.38.0";

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.36.2';
+    var version = '4.38.0';
 
     /**
      * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -1096,7 +1096,7 @@
             if (quotedMessageId === void 0) { quotedMessageId = undefined; }
             if (customData === void 0) { customData = undefined; }
             return __awaiter(this, void 0, void 0, function () {
-                var preview, channel;
+                var preview, channel, response;
                 return __generator(this, function (_h) {
                     switch (_h.label) {
                         case 0:
@@ -1106,8 +1106,8 @@
                             channel.state.addMessageSorted(preview, true);
                             return [4 /*yield*/, this.sendMessageRequest(preview, customData)];
                         case 1:
-                            _h.sent();
-                            return [2 /*return*/];
+                            response = _h.sent();
+                            return [2 /*return*/, response];
                     }
                 });
             });
@@ -1137,8 +1137,9 @@
          * @param message Mesage to be updated
          */
         ChannelService.prototype.updateMessage = function (message) {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var messageToUpdate;
+                var messageToUpdate, response, channel;
                 return __generator(this, function (_h) {
                     switch (_h.label) {
                         case 0:
@@ -1146,8 +1147,10 @@
                             delete messageToUpdate.i18n;
                             return [4 /*yield*/, this.chatClientService.chatClient.updateMessage(messageToUpdate)];
                         case 1:
-                            _h.sent();
-                            return [2 /*return*/];
+                            response = _h.sent();
+                            channel = (_a = this.channelsSubject
+                                .getValue()) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.cid === message.cid; });
+                            return [2 /*return*/, this.transformToStreamMessage(response.message, channel)];
                     }
                 });
             });
@@ -1332,7 +1335,7 @@
         ChannelService.prototype.sendMessageRequest = function (preview, customData) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var channel, isThreadReply, response, error_2, stringError, parsedError;
+                var channel, isThreadReply, response, messages_1, newMessage, error_2, stringError, parsedError, messages_2, newMessage;
                 return __generator(this, function (_h) {
                     switch (_h.label) {
                         case 0:
@@ -1347,13 +1350,15 @@
                             return [4 /*yield*/, channel.sendMessage(Object.assign({ id: preview.id, text: preview.text, attachments: preview.attachments, mentioned_users: (_a = preview.mentioned_users) === null || _a === void 0 ? void 0 : _a.map(function (u) { return u.id; }), parent_id: preview.parent_id, quoted_message_id: preview.quoted_message_id }, customData))];
                         case 2:
                             response = _h.sent();
-                            if (response === null || response === void 0 ? void 0 : response.message) {
-                                channel.state.addMessageSorted(Object.assign(Object.assign({}, response.message), { status: 'received' }), true);
-                                isThreadReply
-                                    ? this.activeThreadMessagesSubject.next(__spreadArray([], __read(channel.state.threads[preview.parent_id])))
-                                    : this.activeChannelMessagesSubject.next(__spreadArray([], __read(channel.state.messages)));
-                            }
-                            return [3 /*break*/, 4];
+                            channel.state.addMessageSorted(Object.assign(Object.assign({}, response.message), { status: 'received' }), true);
+                            isThreadReply
+                                ? this.activeThreadMessagesSubject.next(__spreadArray([], __read(channel.state.threads[preview.parent_id])))
+                                : this.activeChannelMessagesSubject.next(__spreadArray([], __read(channel.state.messages)));
+                            (isThreadReply ? this.activeThreadMessages$ : this.activeChannelMessages$)
+                                .pipe(operators.take(1))
+                                .subscribe(function (m) { return (messages_1 = m); });
+                            newMessage = messages_1[messages_1.length - 1];
+                            return [2 /*return*/, newMessage];
                         case 3:
                             error_2 = _h.sent();
                             stringError = JSON.stringify(error_2);
@@ -1364,7 +1369,11 @@
                             isThreadReply
                                 ? this.activeThreadMessagesSubject.next(__spreadArray([], __read(channel.state.threads[preview.parent_id])))
                                 : this.activeChannelMessagesSubject.next(__spreadArray([], __read(channel.state.messages)));
-                            return [3 /*break*/, 4];
+                            (isThreadReply ? this.activeThreadMessages$ : this.activeChannelMessages$)
+                                .pipe(operators.take(1))
+                                .subscribe(function (m) { return (messages_2 = m); });
+                            newMessage = messages_2[messages_2.length - 1];
+                            return [2 /*return*/, newMessage];
                         case 4: return [2 /*return*/];
                     }
                 });
@@ -1950,11 +1959,19 @@
                     message.quoted_message = Object.assign(Object.assign({}, message.quoted_message), { translation: getMessageTranslation(message.quoted_message, channel, this.chatClientService.chatClient.user) });
                 }
                 if (this.isFormatMessageResponse(message)) {
-                    return Object.assign(Object.assign({}, message), { readBy: isThreadMessage ? [] : getReadBy(message, channel), translation: getMessageTranslation(message, channel, this.chatClientService.chatClient.user) });
+                    return Object.assign(Object.assign({}, message), { readBy: isThreadMessage
+                            ? []
+                            : channel
+                                ? getReadBy(message, channel)
+                                : [], translation: getMessageTranslation(message, channel, this.chatClientService.chatClient.user) });
                 }
                 else {
                     var formatMessage = this.formatMessage(message);
-                    return Object.assign(Object.assign({}, formatMessage), { readBy: isThreadMessage ? [] : getReadBy(formatMessage, channel), translation: getMessageTranslation(message, channel, this.chatClientService.chatClient.user) });
+                    return Object.assign(Object.assign({}, formatMessage), { readBy: isThreadMessage
+                            ? []
+                            : channel
+                                ? getReadBy(formatMessage, channel)
+                                : [], translation: getMessageTranslation(message, channel, this.chatClientService.chatClient.user) });
                 }
             }
         };
@@ -3115,8 +3132,10 @@
      * 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) {
+        function AvatarPlaceholderComponent(customTemplatesService, hostElement, cdRef) {
             this.customTemplatesService = customTemplatesService;
+            this.hostElement = hostElement;
+            this.cdRef = cdRef;
             /**
              * The size in pixels of the avatar image.
              */
@@ -3135,7 +3154,28 @@
                 type: undefined,
                 initialsType: undefined,
             };
+            this.isVisible = true;
         }
+        AvatarPlaceholderComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            var _a, _b;
+            if (this.location !== 'message-sender') {
+                this.isVisible = true;
+                this.cdRef.detectChanges();
+                return;
+            }
+            this.checkIfVisible();
+            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 (!elementToObserve) {
+                return;
+            }
+            this.mutationObserver = new MutationObserver(function () {
+                _this.checkIfVisible();
+            });
+            this.mutationObserver.observe(elementToObserve, {
+                attributeFilter: ['class'],
+            });
+        };
         AvatarPlaceholderComponent.prototype.ngOnChanges = function () {
             this.context = {
                 name: this.name,
@@ -3148,10 +3188,21 @@
                 initialsType: this.initialsType,
             };
         };
+        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 }], 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" }, 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>\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  ></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 } });
+    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 }], 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" }, 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>\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  ></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 } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: AvatarPlaceholderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -3159,7 +3210,7 @@
                         templateUrl: './avatar-placeholder.component.html',
                         styles: [],
                     }]
-            }], ctorParameters: function () { return [{ type: CustomTemplatesService }]; }, propDecorators: { name: [{
+            }], ctorParameters: function () { return [{ type: CustomTemplatesService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { name: [{
                     type: i0.Input
                 }], imageUrl: [{
                     type: i0.Input
@@ -3940,7 +3991,7 @@
         MessageInputComponent.prototype.messageSent = function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var attachmentUploadInProgressCounter, attachments, text, textContainsOnlySpaceChars, error_1;
+                var attachmentUploadInProgressCounter, attachments, text, textContainsOnlySpaceChars, message, error_1;
                 return __generator(this, function (_12) {
                     switch (_12.label) {
                         case 0:
@@ -3983,8 +4034,8 @@
                                     ? this.channelService.updateMessage(Object.assign(Object.assign({}, this.message), { text: text, attachments: attachments }))
                                     : this.channelService.sendMessage(text, attachments, this.mentionedUsers, this.parentMessageId, (_a = this.quotedMessage) === null || _a === void 0 ? void 0 : _a.id))];
                         case 2:
-                            _12.sent();
-                            this.messageUpdate.emit();
+                            message = _12.sent();
+                            this.messageUpdate.emit({ message: message });
                             if (!this.isUpdate) {
                                 this.attachmentService.resetAttachmentUploads();
                             }