stream-chat-angular 2.3.0 → 2.3.1

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.3.0";
+export declare const version = "2.3.1";

package/bundles/stream-chat-angular.umd.js

@@ -353,7 +353,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var version = '2.3.0';
+    var version = '2.3.1';
 
     var NotificationService = /** @class */ (function () {
         function NotificationService() {
@@ -1731,9 +1731,11 @@
             this.send = new i0.EventEmitter();
             this.userMentions = new i0.EventEmitter();
             this.subscriptions = [];
+            this.unpropagatedChanges = [];
         }
         TextareaDirective.prototype.ngOnChanges = function (changes) {
             var _this = this;
+            this.unpropagatedChanges.push(changes);
             if (!this.componentRef) {
                 return;
             }
@@ -1745,6 +1747,11 @@
                     if (this.componentRef.instance.userMentions) {
                         this.subscriptions.push(this.componentRef.instance.userMentions.subscribe(function (value) { return _this.userMentions.next(value); }));
                     }
+                    this.componentRef.instance.areMentionsEnabled = this.areMentionsEnabled;
+                    this.componentRef.instance.mentionAutocompleteItemTemplate =
+                        this.mentionAutocompleteItemTemplate;
+                    this.componentRef.instance.mentionScope = this.mentionScope;
+                    this.componentRef.instance.value = this.value;
                 }
             }
             if (changes.areMentionsEnabled) {
@@ -1761,8 +1768,11 @@
                 this.componentRef.instance.value = this.value;
             }
             // ngOnChanges not called for dynamic components since we don't use template binding
+            var changesToPropagate = {};
+            this.unpropagatedChanges.forEach(function (c) { return (changesToPropagate = Object.assign(Object.assign({}, changesToPropagate), c)); });
             // eslint-disable-next-line @angular-eslint/no-lifecycle-call
-            this.componentRef.instance.ngOnChanges(changes);
+            this.componentRef.instance.ngOnChanges(changesToPropagate);
+            this.unpropagatedChanges = [];
         };
         return TextareaDirective;
     }());
@@ -1868,24 +1878,13 @@
             this.textareaValue = '';
             this.mentionedUsers = [];
             this.subscriptions = [];
+            this.isViewInited = false;
             this.subscriptions.push(this.attachmentService.attachmentUploadInProgressCounter$.subscribe(function (counter) {
                 if (counter === 0 && _this.hideNotification) {
                     _this.hideNotification();
                     _this.hideNotification = undefined;
                 }
             }));
-            this.attachmentUploads$ = this.attachmentService.attachmentUploads$;
-            this.isFileUploadEnabled = this.configService.isFileUploadEnabled;
-            this.acceptedFileTypes = this.configService.acceptedFileTypes;
-            this.isMultipleFileUploadEnabled =
-                this.configService.isMultipleFileUploadEnabled;
-            this.areMentionsEnabled = this.configService.areMentionsEnabled;
-            this.mentionAutocompleteItemTemplate =
-                this.configService.mentionAutocompleteItemTemplate;
-            this.mentionScope = this.configService.mentionScope;
-        }
-        MessageInputComponent.prototype.ngOnInit = function () {
-            var _this = this;
             this.subscriptions.push(this.channelService.activeChannel$.subscribe(function (channel) {
                 var _a;
                 _this.textareaValue = '';
@@ -1896,12 +1895,24 @@
                         capabilities.indexOf('upload-file') !== -1;
                     _this.canSendLinks = capabilities.indexOf('send-links') !== -1;
                     _this.canSendMessages = capabilities.indexOf('send-message') !== -1;
-                    _this.cdRef.detectChanges();
-                    _this.initTextarea();
+                    if (_this.isViewInited) {
+                        _this.cdRef.detectChanges();
+                        _this.initTextarea();
+                    }
                 }
             }));
-        };
+            this.attachmentUploads$ = this.attachmentService.attachmentUploads$;
+            this.isFileUploadEnabled = this.configService.isFileUploadEnabled;
+            this.acceptedFileTypes = this.configService.acceptedFileTypes;
+            this.isMultipleFileUploadEnabled =
+                this.configService.isMultipleFileUploadEnabled;
+            this.areMentionsEnabled = this.configService.areMentionsEnabled;
+            this.mentionAutocompleteItemTemplate =
+                this.configService.mentionAutocompleteItemTemplate;
+            this.mentionScope = this.configService.mentionScope;
+        }
         MessageInputComponent.prototype.ngAfterViewInit = function () {
+            this.isViewInited = true;
             this.initTextarea();
         };
         MessageInputComponent.prototype.ngOnChanges = function (changes) {