stream-chat-angular 5.7.2 → 5.7.3

package/fesm2020/stream-chat-angular.mjs

@@ -21,7 +21,7 @@ import transliterate from '@stream-io/transliterate';
 import * as i7 from 'angular-mentions';
 import { MentionModule } from 'angular-mentions';
 
-const version = '5.7.2';
+const version = '5.7.3';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](../components/NotificationListComponent.mdx) component displays the currently active notifications.
@@ -7772,6 +7772,9 @@ class MessageListComponent {
             }
         }));
         this.subscriptions.push(this.channelService.activeParentMessage$.subscribe((message) => {
+            if (!message && this.parentMessage && this.mode === 'thread') {
+                this.resetScrollState();
+            }
             if (message &&
                 this.parentMessage &&
                 message.id !== this.parentMessage.id &&
@@ -7935,6 +7938,12 @@ class MessageListComponent {
             }
             return;
         }
+        if (this.scrollContainer.nativeElement.scrollHeight >
+            this.scrollContainer.nativeElement.clientHeight) {
+            if (!this.isJumpToLatestButtonVisible) {
+                this.isJumpToLatestButtonVisible = true;
+            }
+        }
         this.scroll$.next();
         let scrollPosition = this.getScrollPosition();
         const isUserScrolled = (this.direction === 'bottom-to-top'
@@ -8053,16 +8062,16 @@ class MessageListComponent {
     }
     getScrollPosition() {
         let position = 'middle';
-        if (Math.floor(this.scrollContainer.nativeElement.scrollTop) <=
-            (this.parentMessageElement?.nativeElement.clientHeight || 0)) {
-            position = 'top';
-        }
-        else if (Math.ceil(this.scrollContainer.nativeElement.scrollTop) +
+        if (Math.ceil(this.scrollContainer.nativeElement.scrollTop) +
             this.scrollContainer.nativeElement.clientHeight +
             1 >=
             this.scrollContainer.nativeElement.scrollHeight) {
             position = 'bottom';
         }
+        else if (Math.floor(this.scrollContainer.nativeElement.scrollTop) <=
+            (this.parentMessageElement?.nativeElement?.clientHeight || 0)) {
+            position = 'top';
+        }
         return position;
     }
     setMessages$() {
@@ -8080,11 +8089,7 @@ class MessageListComponent {
                 }
             }
         });
-        this.messages$ = this.virtualizedList.virtualizedItems$.pipe(tap((messages) => {
-            if (messages.length === 0) {
-                this.resetScrollState();
-                return;
-            }
+        this.messages$ = this.virtualizedList.virtualizedItems$.pipe(tap(() => {
             if (this.isEmpty) {
                 // cdRef.detectChanges() isn't enough here, test will fail
                 setTimeout(() => (this.isEmpty = false), 0);
@@ -8109,6 +8114,8 @@ class MessageListComponent {
             this.isLatestMessageInList =
                 !latestMessageInList ||
                     latestMessageInList.cid !== channel?.cid ||
+                    (this.mode === 'thread' &&
+                        latestMessageInList?.parent_id !== this.parentMessage?.id) ||
                     latestMessageInList?.id ===
                         messagesFromState[messagesFromState.length - 1]?.id;
             if (!this.isLatestMessageInList) {