Merge pull request #458 from GetStream/fix-mention

fix: mention is duplicated #456

Author: szuperaz

projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.spec.ts

@@ -272,6 +272,25 @@ describe('AutocompleteTextareaComponent', () => {
     expect(userMentionSpy).toHaveBeenCalledWith([]);
   });
 
+  it('should update mentioned users after value is changed', () => {
+    const userMentionSpy = jasmine.createSpy();
+    component.userMentions.subscribe(userMentionSpy);
+    component.autocompleteConfig.mentions![0].mentionSelect!(
+      {
+        user: { id: 'jack', name: 'Jack' },
+      },
+      '@'
+    );
+
+    expect(userMentionSpy).toHaveBeenCalledWith([{ id: 'jack', name: 'Jack' }]);
+
+    component.value = '';
+    userMentionSpy.calls.reset();
+    component.ngOnChanges({ value: {} as SimpleChange });
+
+    expect(userMentionSpy).toHaveBeenCalledWith([]);
+  });
+
   it('should disable mentions if #areMentionsEnabled is false', () => {
     expect(component.autocompleteConfig.mentions!.length).toBe(2);
 

projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts

@@ -191,6 +191,7 @@ export class AutocompleteTextareaComponent
     }
     if (changes.value && !this.value && this.messageInput) {
       this.messageInput.nativeElement.style.height = 'auto';
+      this.updateMentionedUsersFromText();
     }
   }