stream-chat-angular 5.7.1 → 5.7.3

package/fesm2015/stream-chat-angular.mjs

@@ -22,7 +22,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.
@@ -5909,7 +5909,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) {
@@ -6359,7 +6359,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() {
@@ -7820,6 +7820,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();
@@ -7920,6 +7921,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 &&
@@ -8071,7 +8075,7 @@ class MessageListComponent {
     scrollToBottom() {
         this.scrollContainer.nativeElement.scrollTop =
             this.scrollContainer.nativeElement.scrollHeight + 0.1;
-        if (isSafari) {
+        if (this.isSafari) {
             this.forceRepaintSubject.next();
         }
     }
@@ -8089,6 +8093,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'
@@ -8196,7 +8206,7 @@ class MessageListComponent {
             (((_a = messageToAlignTo === null || messageToAlignTo === void 0 ? void 0 : messageToAlignTo.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) || 0) -
                 (this.anchorMessageTopOffset || 0);
         this.anchorMessageTopOffset = undefined;
-        if (isSafari) {
+        if (this.isSafari) {
             this.forceRepaintSubject.next();
         }
     }
@@ -8207,18 +8217,18 @@ class MessageListComponent {
         this.scrollContainer.nativeElement.style.display = '';
     }
     getScrollPosition() {
-        var _a;
+        var _a, _b;
         let position = 'middle';
-        if (Math.floor(this.scrollContainer.nativeElement.scrollTop) <=
-            (((_a = this.parentMessageElement) === null || _a === void 0 ? void 0 : _a.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) <=
+            (((_b = (_a = this.parentMessageElement) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0)) {
+            position = 'top';
+        }
         return position;
     }
     setMessages$() {
@@ -8237,11 +8247,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);
@@ -8265,7 +8271,7 @@ class MessageListComponent {
                     m.status !== 'sending';
             })) === null || _a === void 0 ? void 0 : _a.id);
         }), tap((messages) => {
-            var _a, _b;
+            var _a, _b, _c;
             const latestMessageInList = messages[messages.length - 1];
             const channel = this.channelService.activeChannel;
             const messagesFromState = (this.mode === 'main'
@@ -8274,8 +8280,10 @@ class MessageListComponent {
             this.isLatestMessageInList =
                 !latestMessageInList ||
                     latestMessageInList.cid !== (channel === null || channel === void 0 ? void 0 : channel.cid) ||
+                    (this.mode === 'thread' &&
+                        (latestMessageInList === null || latestMessageInList === void 0 ? void 0 : latestMessageInList.parent_id) !== ((_b = this.parentMessage) === null || _b === void 0 ? void 0 : _b.id)) ||
                     (latestMessageInList === null || latestMessageInList === void 0 ? void 0 : latestMessageInList.id) ===
-                        ((_b = messagesFromState[messagesFromState.length - 1]) === null || _b === void 0 ? void 0 : _b.id);
+                        ((_c = messagesFromState[messagesFromState.length - 1]) === null || _c === void 0 ? void 0 : _c.id);
             if (!this.isLatestMessageInList) {
                 this.isUserScrolled = true;
             }