stream-chat-angular 5.7.1 → 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.1';
+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.
@@ -5804,7 +5804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+const isSafari = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 
 var MediaRecordingState;
 (function (MediaRecordingState) {
@@ -6239,7 +6239,7 @@ class AudioRecorderService extends MultimediaRecorder {
          * - For all other browsers we use audio/webm (which is then transcoded to wav)
          */
         this.config = {
-            mimeType: isSafari ? 'audio/mp4;codecs=mp4a.40.2' : 'audio/webm',
+            mimeType: isSafari() ? 'audio/mp4;codecs=mp4a.40.2' : 'audio/webm',
         };
     }
     enrichWithExtraData() {
@@ -7673,6 +7673,7 @@ class MessageListComponent {
         this.parsedDates = new Map();
         this.isViewInited = false;
         this.forceRepaintSubject = new Subject();
+        this.isSafari = isSafari();
         this.scrollPosition$ = new BehaviorSubject('bottom');
         this.messageNotificationJumpClicked = () => {
             this.jumpToFirstUnreadMessage();
@@ -7771,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 &&
@@ -7917,7 +7921,7 @@ class MessageListComponent {
     scrollToBottom() {
         this.scrollContainer.nativeElement.scrollTop =
             this.scrollContainer.nativeElement.scrollHeight + 0.1;
-        if (isSafari) {
+        if (this.isSafari) {
             this.forceRepaintSubject.next();
         }
     }
@@ -7934,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'
@@ -8040,7 +8050,7 @@ class MessageListComponent {
             (messageToAlignTo?.getBoundingClientRect()?.top || 0) -
                 (this.anchorMessageTopOffset || 0);
         this.anchorMessageTopOffset = undefined;
-        if (isSafari) {
+        if (this.isSafari) {
             this.forceRepaintSubject.next();
         }
     }
@@ -8052,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$() {
@@ -8079,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);
@@ -8108,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) {