[GH-49599] - scroll chat to the bottom when a whisper for the current user is received in the chat

src/pages/home/report/ReportActionsList.tsx

@@ -32,10 +32,12 @@
 import ROUTES from '@src/ROUTES';
 import type SCREENS from '@src/SCREENS';
 import type * as OnyxTypes from '@src/types/onyx';
 import FloatingMessageCounter from './FloatingMessageCounter';
 import getInitialNumToRender from './getInitialNumReportActionsToRender';
 import ListBoundaryLoader from './ListBoundaryLoader';
 import ReportActionsListItemRenderer from './ReportActionsListItemRenderer';
+import {OnyxInputOrEntry} from "@src/types/onyx";
+import ReportAction from "../../../types/onyx/ReportAction";
 
 type LoadNewerChats = DebouncedFunc<(params: {distanceFromStart: number}) => void>;
 
@@ -279,7 +281,7 @@
 
     const lastActionIndex = sortedVisibleReportActions[0]?.reportActionID;
     const reportActionSize = useRef(sortedVisibleReportActions.length);
-    const hasNewestReportAction = sortedVisibleReportActions[0]?.created === report.lastVisibleActionCreated;
+    const hasNewestReportAction = sortedVisibleReportActions[0]?.created >= report.lastVisibleActionCreated;
     const hasNewestReportActionRef = useRef(hasNewestReportAction);
     hasNewestReportActionRef.current = hasNewestReportAction;
     const previousLastIndex = useRef(lastActionIndex);
@@ -289,11 +291,14 @@
     const [isFloatingMessageCounterVisible, setIsFloatingMessageCounterVisible] = useState(false);
 
     useEffect(() => {
+        const isWhisperForUser = isWhisperVisibleOnlyToUser(sortedVisibleReportActions[0])
+        const shouldScrollForWhisper = isWhisperForUser && hasNewestReportAction;
+
         if (
-            scrollingVerticalOffset.current < AUTOSCROLL_TO_TOP_THRESHOLD &&
+            (scrollingVerticalOffset.current < AUTOSCROLL_TO_TOP_THRESHOLD &&
             previousLastIndex.current !== lastActionIndex &&
             reportActionSize.current > sortedVisibleReportActions.length &&
-            hasNewestReportAction
+            hasNewestReportAction) || shouldScrollForWhisper
         ) {
             reportScrollManager.scrollToBottom();
         }
@@ -338,6 +343,19 @@
         // eslint-disable-next-line react-compiler/react-compiler, react-hooks/exhaustive-deps
     }, []);
 
+    const isWhisperVisibleOnlyToUser =
+        (reportAction: OnyxInputOrEntry<ReportAction>) => {
+            const whisperedTo = ReportActionsUtils.getWhisperedTo(reportAction);
+
+            const iouReportID =
+                ReportActionsUtils.isMoneyRequestAction(reportAction) && ReportActionsUtils.getOriginalMessage(reportAction)?.IOUReportID
+                    ? (ReportActionsUtils.getOriginalMessage(reportAction)?.IOUReportID ?? '').toString()
+                    : '-1';
+            const transactionsWithReceipts = ReportUtils.getTransactionsWithReceipts(iouReportID);
+            const isWhisper = whisperedTo.length > 0 && transactionsWithReceipts.length === 0;
+            return isWhisper && ReportUtils.isCurrentUserTheOnlyParticipant(whisperedTo);
+        }
+
     const scrollToBottomForCurrentUserAction = useCallback(
         (isFromCurrentUser: boolean) => {
             // If a new comment is added and it's from the current user scroll to the bottom otherwise leave the user positioned where