@planningcenter/chat-react-native 4.2.1-qa-staging.5 → 4.2.1-rc.0

package/build/screens/conversation_screen.js

@@ -1,11 +1,10 @@
 import { c as _c } from "react/compiler-runtime";
 import { HeaderTitle, PlatformPressable } from '@react-navigation/elements';
 import { CommonActions, useNavigation, useTheme as useNavigationTheme, useRoute } from '@react-navigation/native';
-import React, { startTransition, useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Badge, Icon } from '../components';
-import { AnchorNotFoundBoundary } from '../components/conversation/anchor_not_found_boundary';
 import { ConversationStartBanner } from '../components/conversation/conversation_start_banner';
 import { JumpToBottomButton } from '../components/conversation/jump_to_bottom_button';
 import { MessageForm } from '../components/conversation/message_form';
@@ -21,27 +20,19 @@ import { useConversation } from '../hooks/use_conversation';
 import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events';
 import { useConversationMessages } from '../hooks/use_conversation_messages';
 import { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events';
-import { useFetchNewerMessages } from '../hooks/use_fetch_newer_messages';
-import { useFetchNewerOnForeground } from '../hooks/use_fetch_newer_on_foreground';
-import { useHeldBackMessages } from '../hooks/use_held_back_messages';
 import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read';
 import { analyticsEvents, normalizeAnalyticsMetadata, usePublishProductAnalyticsEvent } from '../hooks/use_product_analytics';
 import { useRestAwayFromDismissEdge } from '../hooks/use_rest_away_from_dismiss_edge';
 import { useVideoModerationJoltEvents } from '../hooks/use_video_moderation_jolt_events';
-import { newestPersistedMessageId } from '../utils/cache/messages_cache';
-import { gatedMessageCache } from '../utils/gated_message_cache';
-import { getMessagesQueryKey } from '../utils/request/get_messages';
-import { decodeUlidTime } from '../utils/ulid';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ConversationScreen(t0) {
-  const $ = _c(24);
+  const $ = _c(13);
   const {
     route
   } = t0;
   const {
     conversation_id,
-    reply_root_id,
-    initial_message_id
+    reply_root_id
   } = route.params;
   let t1;
   if ($[0] !== conversation_id) {
@@ -57,111 +48,57 @@ export function ConversationScreen(t0) {
     data: conversation
   } = useConversation(t1);
   let t2;
-  if ($[2] !== conversation?.lastMessageCreatedAt || $[3] !== initial_message_id) {
-    t2 = () => isBeforeLatestMessage(initial_message_id, conversation?.lastMessageCreatedAt) ? initial_message_id : null;
-    $[2] = conversation?.lastMessageCreatedAt;
-    $[3] = initial_message_id;
-    $[4] = t2;
+  if ($[2] !== conversation) {
+    t2 = normalizeAnalyticsMetadata(conversation);
+    $[2] = conversation;
+    $[3] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[3];
   }
-  const [anchor, setAnchor] = useState(t2);
   let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => startTransition(() => setAnchor(null));
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const exitAnchoredMode = t3;
-  let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = () => setAnchor(null);
-    $[6] = t4;
+  if ($[4] !== reply_root_id || $[5] !== t2) {
+    t3 = {
+      reply_root_id,
+      ...t2
+    };
+    $[4] = reply_root_id;
+    $[5] = t2;
+    $[6] = t3;
   } else {
-    t4 = $[6];
+    t3 = $[6];
   }
-  const dropAnchor = t4;
+  usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, t3);
+  const t4 = reply_root_id ?? null;
   let t5;
-  if ($[7] !== conversation) {
-    t5 = normalizeAnalyticsMetadata(conversation);
-    $[7] = conversation;
+  if ($[7] !== route) {
+    t5 = /*#__PURE__*/_jsx(ConversationScreenContent, {
+      route: route
+    });
+    $[7] = route;
     $[8] = t5;
   } else {
     t5 = $[8];
   }
   let t6;
-  if ($[9] !== reply_root_id || $[10] !== t5) {
-    t6 = {
-      reply_root_id,
-      ...t5
-    };
-    $[9] = reply_root_id;
-    $[10] = t5;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, t6);
-  const t7 = reply_root_id ?? null;
-  let t8;
-  if ($[12] !== anchor || $[13] !== conversation_id || $[14] !== reply_root_id) {
-    t8 = getMessagesQueryKey({
-      conversation_id,
-      reply_root_id,
-      anchor
-    });
-    $[12] = anchor;
-    $[13] = conversation_id;
-    $[14] = reply_root_id;
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  let t9;
-  if ($[16] !== anchor || $[17] !== route) {
-    t9 = anchor ? /*#__PURE__*/_jsx(AnchorNotFoundBoundary, {
-      onAnchorNotFound: dropAnchor,
-      children: /*#__PURE__*/_jsx(ConversationScreenContent, {
-        route: route,
-        anchor: anchor,
-        onExitAnchoredMode: exitAnchoredMode
-      })
-    }) : /*#__PURE__*/_jsx(ConversationScreenContent, {
-      route: route,
-      anchor: null,
-      onExitAnchoredMode: exitAnchoredMode
-    });
-    $[16] = anchor;
-    $[17] = route;
-    $[18] = t9;
-  } else {
-    t9 = $[18];
-  }
-  let t10;
-  if ($[19] !== conversation_id || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
-    t10 = /*#__PURE__*/_jsx(ConversationContextProvider, {
+  if ($[9] !== conversation_id || $[10] !== t4 || $[11] !== t5) {
+    t6 = /*#__PURE__*/_jsx(ConversationContextProvider, {
       conversationId: conversation_id,
-      currentPageReplyRootId: t7,
-      messagesQueryKey: t8,
-      children: t9
+      currentPageReplyRootId: t4,
+      children: t5
     });
-    $[19] = conversation_id;
-    $[20] = t7;
-    $[21] = t8;
-    $[22] = t9;
-    $[23] = t10;
+    $[9] = conversation_id;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
   } else {
-    t10 = $[23];
+    t6 = $[12];
   }
-  return t10;
+  return t6;
 }
 function ConversationScreenContent(t0) {
-  const $ = _c(121);
+  const $ = _c(80);
   const {
-    route,
-    anchor,
-    onExitAnchoredMode
+    route
   } = t0;
   const styles = useStyles();
   const navigation = useNavigation();
@@ -174,158 +111,62 @@ function ConversationScreenContent(t0) {
   const {
     data: conversation
   } = useConversation(route.params);
-  const anchored = !!anchor;
   let t1;
-  if ($[0] !== anchor || $[1] !== conversation_id || $[2] !== reply_root_id) {
+  if ($[0] !== conversation_id || $[1] !== reply_root_id) {
     t1 = {
       conversation_id,
-      reply_root_id,
-      anchor
+      reply_root_id
     };
-    $[0] = anchor;
-    $[1] = conversation_id;
-    $[2] = reply_root_id;
-    $[3] = t1;
+    $[0] = conversation_id;
+    $[1] = reply_root_id;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   const {
     messages,
     fetchNextPage,
-    hasNextPage,
-    fetchPreviousPage,
-    hasPreviousPage,
-    isFetchingPreviousPage,
-    queryKey
+    hasNextPage
   } = useConversationMessages(t1);
-  const behindLatest = anchored && hasPreviousPage;
-  const caughtUp = !hasPreviousPage;
-  const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false);
-  const readingHistory = showJumpToBottomButton;
   let t2;
-  if ($[4] !== messages) {
-    t2 = newestPersistedMessageId(messages);
-    $[4] = messages;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const newestMessageId = t2;
-  const t3 = anchored ? onExitAnchoredMode : undefined;
-  let t4;
-  if ($[6] !== conversation_id || $[7] !== queryKey || $[8] !== reply_root_id || $[9] !== t3) {
-    t4 = {
-      conversation_id,
-      reply_root_id,
-      queryKey,
-      onTooFarBehind: t3
-    };
-    $[6] = conversation_id;
-    $[7] = queryKey;
-    $[8] = reply_root_id;
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  const fetchNewer = useFetchNewerMessages(t4);
-  let t5;
-  if ($[11] !== caughtUp || $[12] !== fetchNewer || $[13] !== newestMessageId || $[14] !== readingHistory) {
-    t5 = {
-      fetchNewer,
-      newestMessageId,
-      readingHistory,
-      caughtUp
-    };
-    $[11] = caughtUp;
-    $[12] = fetchNewer;
-    $[13] = newestMessageId;
-    $[14] = readingHistory;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  const {
-    onSkippedNewMessage
-  } = useHeldBackMessages(t5);
-  let t6;
-  if ($[16] !== conversation_id) {
-    t6 = {
+  if ($[3] !== conversation_id) {
+    t2 = {
       conversationId: conversation_id
     };
-    $[16] = conversation_id;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  useConversationJoltEvents(t6);
-  const t7 = reply_root_id ?? null;
-  const t8 = caughtUp && !readingHistory;
-  let t9;
-  if ($[18] !== onSkippedNewMessage || $[19] !== queryKey || $[20] !== t8) {
-    t9 = gatedMessageCache({
-      queryKey,
-      acceptNewMessages: t8,
-      onSkippedNewMessage
-    });
-    $[18] = onSkippedNewMessage;
-    $[19] = queryKey;
-    $[20] = t8;
-    $[21] = t9;
+    $[3] = conversation_id;
+    $[4] = t2;
   } else {
-    t9 = $[21];
+    t2 = $[4];
   }
-  let t10;
-  if ($[22] !== conversation_id || $[23] !== t7 || $[24] !== t9) {
-    t10 = {
-      conversationId: conversation_id,
-      replyRootId: t7,
-      messageCache: t9
+  useConversationJoltEvents(t2);
+  let t3;
+  if ($[5] !== conversation_id) {
+    t3 = {
+      conversationId: conversation_id
     };
-    $[22] = conversation_id;
-    $[23] = t7;
-    $[24] = t9;
-    $[25] = t10;
+    $[5] = conversation_id;
+    $[6] = t3;
   } else {
-    t10 = $[25];
+    t3 = $[6];
   }
-  useConversationMessagesJoltEvents(t10);
+  useConversationMessagesJoltEvents(t3);
   const {
     markHandledByMessageForm
   } = useVideoModerationJoltEvents();
   useEnsureConversationsRouteExists();
-  const t11 = !behindLatest;
-  let t12;
-  if ($[26] !== conversation || $[27] !== messages || $[28] !== t11) {
-    t12 = {
+  let t4;
+  if ($[7] !== conversation || $[8] !== messages) {
+    t4 = {
       conversation,
-      messages,
-      enabled: t11
-    };
-    $[26] = conversation;
-    $[27] = messages;
-    $[28] = t11;
-    $[29] = t12;
-  } else {
-    t12 = $[29];
-  }
-  useMarkLatestMessageRead(t12);
-  const t13 = anchored && caughtUp;
-  let t14;
-  if ($[30] !== fetchNewer || $[31] !== newestMessageId || $[32] !== t13) {
-    t14 = {
-      fetchNewer,
-      newestMessageId,
-      enabled: t13
+      messages
     };
-    $[30] = fetchNewer;
-    $[31] = newestMessageId;
-    $[32] = t13;
-    $[33] = t14;
+    $[7] = conversation;
+    $[8] = messages;
+    $[9] = t4;
   } else {
-    t14 = $[33];
+    t4 = $[9];
   }
-  useFetchNewerOnForeground(t14);
+  useMarkLatestMessageRead(t4);
   const noMessages = messages.length === 0;
   const {
     repliesDisabled,
@@ -335,47 +176,57 @@ function ConversationScreenContent(t0) {
   } = conversation;
   const canReply = memberAbility?.canReply;
   const showLeaderDisabledReplyBanner = canReply && repliesDisabled;
-  let t15;
-  if ($[34] !== editing_message_id || $[35] !== messages) {
-    let t16;
-    if ($[37] !== editing_message_id) {
-      t16 = m => String(m.id) === String(editing_message_id);
-      $[37] = editing_message_id;
-      $[38] = t16;
+  let t5;
+  if ($[10] !== editing_message_id || $[11] !== messages) {
+    let t6;
+    if ($[13] !== editing_message_id) {
+      t6 = m => String(m.id) === String(editing_message_id);
+      $[13] = editing_message_id;
+      $[14] = t6;
     } else {
-      t16 = $[38];
+      t6 = $[14];
     }
-    t15 = messages.find(t16);
-    $[34] = editing_message_id;
-    $[35] = messages;
-    $[36] = t15;
+    t5 = messages.find(t6);
+    $[10] = editing_message_id;
+    $[11] = messages;
+    $[12] = t5;
   } else {
-    t15 = $[36];
+    t5 = $[12];
   }
-  const currentlyEditingMessage = t15;
-  let t16;
-  if ($[39] !== reply_root_author_name) {
-    t16 = reply_root_author_name?.split(" ")[0];
-    $[39] = reply_root_author_name;
-    $[40] = t16;
+  const currentlyEditingMessage = t5;
+  let t6;
+  if ($[15] !== reply_root_author_name) {
+    t6 = reply_root_author_name?.split(" ")[0];
+    $[15] = reply_root_author_name;
+    $[16] = t6;
   } else {
-    t16 = $[40];
+    t6 = $[16];
   }
-  const replyRootAuthorFirstName = t16;
+  const replyRootAuthorFirstName = t6;
   const replyHeaderTitle = replyRootAuthorFirstName ? `Reply to ${replyRootAuthorFirstName}` : "Reply";
   const muted = conversation.conversationMembership?.muted ?? conversation.muted;
   const listRef = useRef(null);
-  const [hasDragged, setHasDragged] = useState(false);
-  const holdListPosition = behindLatest || readingHistory;
-  let t17;
-  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-    t17 = {
+  const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false);
+  let t7;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = event => {
+      const offsetY = event.nativeEvent.contentOffset.y;
+      setShowJumpToBottomButton(offsetY > 200);
+    };
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const trackScroll = t7;
+  let t8;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = {
       listRef,
       enabled: Platform.OS === "ios"
     };
-    $[41] = t17;
+    $[18] = t8;
   } else {
-    t17 = $[41];
+    t8 = $[18];
   }
   const {
     restOffset,
@@ -383,82 +234,23 @@ function ConversationScreenContent(t0) {
     onContentSizeChange,
     onMomentumScrollEnd,
     onScrollEndDrag
-  } = useRestAwayFromDismissEdge(t17);
-  let t18;
-  if ($[42] !== restOffset) {
-    t18 = () => {
+  } = useRestAwayFromDismissEdge(t8);
+  let t9;
+  if ($[19] !== restOffset) {
+    t9 = () => {
       listRef.current?.scrollToOffset({
         offset: restOffset
       });
     };
-    $[42] = restOffset;
-    $[43] = t18;
+    $[19] = restOffset;
+    $[20] = t9;
   } else {
-    t18 = $[43];
+    t9 = $[20];
   }
-  const handleReturnToBottom = t18;
-  let t19;
-  if ($[44] !== handleReturnToBottom || $[45] !== onExitAnchoredMode) {
-    t19 = () => {
-      onExitAnchoredMode();
-      handleReturnToBottom();
-    };
-    $[44] = handleReturnToBottom;
-    $[45] = onExitAnchoredMode;
-    $[46] = t19;
-  } else {
-    t19 = $[46];
-  }
-  const exitAnchoredMode = t19;
-  let t20;
-  if ($[47] !== anchored || $[48] !== exitAnchoredMode || $[49] !== handleReturnToBottom) {
-    t20 = () => {
-      setShowJumpToBottomButton(false);
-      if (anchored) {
-        exitAnchoredMode();
-      } else {
-        handleReturnToBottom();
-      }
-    };
-    $[47] = anchored;
-    $[48] = exitAnchoredMode;
-    $[49] = handleReturnToBottom;
-    $[50] = t20;
-  } else {
-    t20 = $[50];
-  }
-  const jumpToLatest = t20;
-  let t21;
-  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-    t21 = event => {
-      const offsetY = event.nativeEvent.contentOffset.y;
-      setShowJumpToBottomButton(offsetY > 200);
-    };
-    $[51] = t21;
-  } else {
-    t21 = $[51];
-  }
-  const trackScroll = t21;
-  let t22;
-  if ($[52] !== fetchPreviousPage || $[53] !== hasPreviousPage || $[54] !== isFetchingPreviousPage) {
-    t22 = () => {
-      if (!hasPreviousPage || isFetchingPreviousPage) {
-        return;
-      }
-      setHasDragged(false);
-      fetchPreviousPage();
-    };
-    $[52] = fetchPreviousPage;
-    $[53] = hasPreviousPage;
-    $[54] = isFetchingPreviousPage;
-    $[55] = t22;
-  } else {
-    t22 = $[55];
-  }
-  const loadNewerMessages = t22;
-  let t23;
-  if ($[56] !== badges?.[0] || $[57] !== conversation.deleted || $[58] !== muted || $[59] !== navigation || $[60] !== replyHeaderTitle || $[61] !== reply_root_id || $[62] !== title) {
-    t23 = () => {
+  const handleReturnToBottom = t9;
+  let t10;
+  if ($[21] !== badges?.[0] || $[22] !== conversation.deleted || $[23] !== muted || $[24] !== navigation || $[25] !== replyHeaderTitle || $[26] !== reply_root_id || $[27] !== title) {
+    t10 = () => {
       if (reply_root_id) {
         navigation.setParams({
           title: replyHeaderTitle
@@ -472,86 +264,86 @@ function ConversationScreenContent(t0) {
         });
       }
     };
-    $[56] = badges?.[0];
-    $[57] = conversation.deleted;
-    $[58] = muted;
-    $[59] = navigation;
-    $[60] = replyHeaderTitle;
-    $[61] = reply_root_id;
-    $[62] = title;
-    $[63] = t23;
-  } else {
-    t23 = $[63];
-  }
-  const t24 = conversation?.deleted;
-  let t25;
-  if ($[64] !== badges || $[65] !== muted || $[66] !== navigation || $[67] !== replyHeaderTitle || $[68] !== reply_root_id || $[69] !== t24 || $[70] !== title) {
-    t25 = [navigation, title, badges, t24, reply_root_id, replyHeaderTitle, muted];
-    $[64] = badges;
-    $[65] = muted;
-    $[66] = navigation;
-    $[67] = replyHeaderTitle;
-    $[68] = reply_root_id;
-    $[69] = t24;
-    $[70] = title;
-    $[71] = t25;
-  } else {
-    t25 = $[71];
-  }
-  useEffect(t23, t25);
+    $[21] = badges?.[0];
+    $[22] = conversation.deleted;
+    $[23] = muted;
+    $[24] = navigation;
+    $[25] = replyHeaderTitle;
+    $[26] = reply_root_id;
+    $[27] = title;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  const t11 = conversation?.deleted;
+  let t12;
+  if ($[29] !== badges || $[30] !== muted || $[31] !== navigation || $[32] !== replyHeaderTitle || $[33] !== reply_root_id || $[34] !== t11 || $[35] !== title) {
+    t12 = [navigation, title, badges, t11, reply_root_id, replyHeaderTitle, muted];
+    $[29] = badges;
+    $[30] = muted;
+    $[31] = navigation;
+    $[32] = replyHeaderTitle;
+    $[33] = reply_root_id;
+    $[34] = t11;
+    $[35] = title;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  useEffect(t10, t12);
   if (!conversation || conversation.deleted) {
-    let t26;
-    if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
-      t26 = /*#__PURE__*/_jsx(BlankState.Imagery, {
+    let t13;
+    if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+      t13 = /*#__PURE__*/_jsx(BlankState.Imagery, {
         name: "general.outlinedTextMessage"
       });
-      $[72] = t26;
+      $[37] = t13;
     } else {
-      t26 = $[72];
+      t13 = $[37];
     }
-    let t27;
-    if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
-      t27 = /*#__PURE__*/_jsx(BlankState.Content, {
+    let t14;
+    if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+      t14 = /*#__PURE__*/_jsx(BlankState.Content, {
         children: /*#__PURE__*/_jsx(BlankState.Heading, {
           children: "This conversation has been deleted"
         })
       });
-      $[73] = t27;
+      $[38] = t14;
     } else {
-      t27 = $[73];
+      t14 = $[38];
     }
-    let t28;
-    if ($[74] !== navigation.goBack) {
-      t28 = /*#__PURE__*/_jsxs(BlankState.Root, {
-        children: [t26, t27, /*#__PURE__*/_jsx(BlankState.Button, {
+    let t15;
+    if ($[39] !== navigation.goBack) {
+      t15 = /*#__PURE__*/_jsxs(BlankState.Root, {
+        children: [t13, t14, /*#__PURE__*/_jsx(BlankState.Button, {
           onPress: navigation.goBack,
           title: "Back to conversations",
           accessibilityHint: "Navigates back to the conversations list",
           accessibilityRole: "link"
         })]
       });
-      $[74] = navigation.goBack;
-      $[75] = t28;
+      $[39] = navigation.goBack;
+      $[40] = t15;
     } else {
-      t28 = $[75];
+      t15 = $[40];
     }
-    let t29;
-    if ($[76] !== styles.container || $[77] !== t28) {
-      t29 = /*#__PURE__*/_jsx(View, {
+    let t16;
+    if ($[41] !== styles.container || $[42] !== t15) {
+      t16 = /*#__PURE__*/_jsx(View, {
         style: styles.container,
-        children: t28
+        children: t15
       });
-      $[76] = styles.container;
-      $[77] = t28;
-      $[78] = t29;
+      $[41] = styles.container;
+      $[42] = t15;
+      $[43] = t16;
     } else {
-      t29 = $[78];
+      t16 = $[43];
     }
-    return t29;
+    return t16;
   }
-  let t26;
-  if ($[79] !== anchor || $[80] !== anchored || $[81] !== conversation || $[82] !== conversation_id || $[83] !== fetchNextPage || $[84] !== hasDragged || $[85] !== hasNextPage || $[86] !== holdListPosition || $[87] !== loadNewerMessages || $[88] !== messages || $[89] !== noMessages || $[90] !== onContentSizeChange || $[91] !== onLayout || $[92] !== onMomentumScrollEnd || $[93] !== onScrollEndDrag || $[94] !== reply_root_id || $[95] !== styles.emptyState) {
-    t26 = noMessages ? /*#__PURE__*/_jsx(View, {
+  let t13;
+  if ($[44] !== conversation || $[45] !== conversation_id || $[46] !== fetchNextPage || $[47] !== hasNextPage || $[48] !== messages || $[49] !== noMessages || $[50] !== onContentSizeChange || $[51] !== onLayout || $[52] !== onMomentumScrollEnd || $[53] !== onScrollEndDrag || $[54] !== reply_root_id || $[55] !== styles.emptyState) {
+    t13 = noMessages ? /*#__PURE__*/_jsx(View, {
       style: styles.emptyState,
       children: /*#__PURE__*/_jsx(ConversationStartBanner, {
         conversation: conversation,
@@ -563,131 +355,115 @@ function ConversationScreenContent(t0) {
       conversationId: conversation_id,
       messages: messages,
       replyRootId: reply_root_id,
-      anchorMessageId: anchor,
       hasNextPage: hasNextPage,
       onEndReached: () => fetchNextPage(),
       onScroll: trackScroll,
       onLayout: onLayout,
       onContentSizeChange: onContentSizeChange,
       onScrollEndDrag: onScrollEndDrag,
-      onMomentumScrollEnd: onMomentumScrollEnd,
-      onScrollBeginDrag: anchored ? () => setHasDragged(true) : undefined,
-      onStartReached: anchored && hasDragged ? loadNewerMessages : undefined,
-      onStartReachedThreshold: anchored ? 0.5 : undefined,
-      maintainVisibleContentPosition: holdListPosition ? {
-        minIndexForVisible: 0
-      } : undefined
+      onMomentumScrollEnd: onMomentumScrollEnd
     });
-    $[79] = anchor;
-    $[80] = anchored;
-    $[81] = conversation;
-    $[82] = conversation_id;
-    $[83] = fetchNextPage;
-    $[84] = hasDragged;
-    $[85] = hasNextPage;
-    $[86] = holdListPosition;
-    $[87] = loadNewerMessages;
-    $[88] = messages;
-    $[89] = noMessages;
-    $[90] = onContentSizeChange;
-    $[91] = onLayout;
-    $[92] = onMomentumScrollEnd;
-    $[93] = onScrollEndDrag;
-    $[94] = reply_root_id;
-    $[95] = styles.emptyState;
-    $[96] = t26;
-  } else {
-    t26 = $[96];
-  }
-  const t27 = behindLatest || showJumpToBottomButton;
-  let t28;
-  if ($[97] !== jumpToLatest || $[98] !== t27) {
-    t28 = /*#__PURE__*/_jsx(JumpToBottomButton, {
-      onPress: jumpToLatest,
-      visible: t27
+    $[44] = conversation;
+    $[45] = conversation_id;
+    $[46] = fetchNextPage;
+    $[47] = hasNextPage;
+    $[48] = messages;
+    $[49] = noMessages;
+    $[50] = onContentSizeChange;
+    $[51] = onLayout;
+    $[52] = onMomentumScrollEnd;
+    $[53] = onScrollEndDrag;
+    $[54] = reply_root_id;
+    $[55] = styles.emptyState;
+    $[56] = t13;
+  } else {
+    t13 = $[56];
+  }
+  let t14;
+  if ($[57] !== handleReturnToBottom || $[58] !== showJumpToBottomButton) {
+    t14 = /*#__PURE__*/_jsx(JumpToBottomButton, {
+      onPress: handleReturnToBottom,
+      visible: showJumpToBottomButton
     });
-    $[97] = jumpToLatest;
-    $[98] = t27;
-    $[99] = t28;
+    $[57] = handleReturnToBottom;
+    $[58] = showJumpToBottomButton;
+    $[59] = t14;
   } else {
-    t28 = $[99];
+    t14 = $[59];
   }
-  let t29;
-  if ($[100] !== noMessages) {
-    t29 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
-    $[100] = noMessages;
-    $[101] = t29;
+  let t15;
+  if ($[60] !== noMessages) {
+    t15 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
+    $[60] = noMessages;
+    $[61] = t15;
   } else {
-    t29 = $[101];
+    t15 = $[61];
   }
-  let t30;
-  if ($[102] !== showLeaderDisabledReplyBanner) {
-    t30 = showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {});
-    $[102] = showLeaderDisabledReplyBanner;
-    $[103] = t30;
+  let t16;
+  if ($[62] !== showLeaderDisabledReplyBanner) {
+    t16 = showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {});
+    $[62] = showLeaderDisabledReplyBanner;
+    $[63] = t16;
   } else {
-    t30 = $[103];
+    t16 = $[63];
   }
-  let t31;
-  if ($[104] !== canReply || $[105] !== conversation || $[106] !== currentlyEditingMessage || $[107] !== jumpToLatest || $[108] !== markHandledByMessageForm || $[109] !== replyRootAuthorFirstName || $[110] !== reply_root_id) {
-    t31 = /*#__PURE__*/_jsx(ConversationBottomBar, {
+  let t17;
+  if ($[64] !== canReply || $[65] !== conversation || $[66] !== currentlyEditingMessage || $[67] !== markHandledByMessageForm || $[68] !== replyRootAuthorFirstName || $[69] !== reply_root_id) {
+    t17 = /*#__PURE__*/_jsx(ConversationBottomBar, {
       conversation: conversation,
       canReply: canReply,
       replyRootAuthorFirstName: replyRootAuthorFirstName,
       replyRootId: reply_root_id,
       currentlyEditingMessage: currentlyEditingMessage,
-      onFlaggedInMessageForm: markHandledByMessageForm,
-      onBeforeSubmit: jumpToLatest
+      onFlaggedInMessageForm: markHandledByMessageForm
     });
-    $[104] = canReply;
-    $[105] = conversation;
-    $[106] = currentlyEditingMessage;
-    $[107] = jumpToLatest;
-    $[108] = markHandledByMessageForm;
-    $[109] = replyRootAuthorFirstName;
-    $[110] = reply_root_id;
-    $[111] = t31;
-  } else {
-    t31 = $[111];
-  }
-  let t32;
-  if ($[112] !== t26 || $[113] !== t28 || $[114] !== t29 || $[115] !== t30 || $[116] !== t31) {
-    t32 = /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [t26, t28, t29, t30, t31]
+    $[64] = canReply;
+    $[65] = conversation;
+    $[66] = currentlyEditingMessage;
+    $[67] = markHandledByMessageForm;
+    $[68] = replyRootAuthorFirstName;
+    $[69] = reply_root_id;
+    $[70] = t17;
+  } else {
+    t17 = $[70];
+  }
+  let t18;
+  if ($[71] !== t13 || $[72] !== t14 || $[73] !== t15 || $[74] !== t16 || $[75] !== t17) {
+    t18 = /*#__PURE__*/_jsxs(KeyboardView, {
+      children: [t13, t14, t15, t16, t17]
     });
-    $[112] = t26;
-    $[113] = t28;
-    $[114] = t29;
-    $[115] = t30;
-    $[116] = t31;
-    $[117] = t32;
-  } else {
-    t32 = $[117];
-  }
-  let t33;
-  if ($[118] !== styles.container || $[119] !== t32) {
-    t33 = /*#__PURE__*/_jsx(View, {
+    $[71] = t13;
+    $[72] = t14;
+    $[73] = t15;
+    $[74] = t16;
+    $[75] = t17;
+    $[76] = t18;
+  } else {
+    t18 = $[76];
+  }
+  let t19;
+  if ($[77] !== styles.container || $[78] !== t18) {
+    t19 = /*#__PURE__*/_jsx(View, {
       style: styles.container,
-      children: t32
+      children: t18
     });
-    $[118] = styles.container;
-    $[119] = t32;
-    $[120] = t33;
+    $[77] = styles.container;
+    $[78] = t18;
+    $[79] = t19;
   } else {
-    t33 = $[120];
+    t19 = $[79];
   }
-  return t33;
+  return t19;
 }
 function ConversationBottomBar(t0) {
-  const $ = _c(16);
+  const $ = _c(15);
   const {
     conversation,
     canReply,
     replyRootAuthorFirstName,
     replyRootId,
     currentlyEditingMessage,
-    onFlaggedInMessageForm,
-    onBeforeSubmit
+    onFlaggedInMessageForm
   } = t0;
   const messageLink = useMessageAvailableMembersAction(conversation);
   if (conversation.disabled) {
@@ -737,30 +513,27 @@ function ConversationBottomBar(t0) {
     t5 = $[7];
   }
   let t6;
-  if ($[8] !== conversation || $[9] !== currentlyEditingMessage || $[10] !== onBeforeSubmit || $[11] !== onFlaggedInMessageForm || $[12] !== replyRootAuthorFirstName || $[13] !== replyRootId || $[14] !== t1) {
+  if ($[8] !== conversation || $[9] !== currentlyEditingMessage || $[10] !== onFlaggedInMessageForm || $[11] !== replyRootAuthorFirstName || $[12] !== replyRootId || $[13] !== t1) {
     t6 = /*#__PURE__*/_jsxs(MessageForm.Root, {
       replyRootAuthorFirstName: replyRootAuthorFirstName,
       conversation: conversation,
       replyRootId: replyRootId,
       currentlyEditingMessage: currentlyEditingMessage,
       onFlaggedInMessageForm: onFlaggedInMessageForm,
-      onBeforeSubmit: onBeforeSubmit,
       children: [t2, t3, t4, t5]
     }, t1);
     $[8] = conversation;
     $[9] = currentlyEditingMessage;
-    $[10] = onBeforeSubmit;
-    $[11] = onFlaggedInMessageForm;
-    $[12] = replyRootAuthorFirstName;
-    $[13] = replyRootId;
-    $[14] = t1;
-    $[15] = t6;
+    $[10] = onFlaggedInMessageForm;
+    $[11] = replyRootAuthorFirstName;
+    $[12] = replyRootId;
+    $[13] = t1;
+    $[14] = t6;
   } else {
-    t6 = $[15];
+    t6 = $[14];
   }
   return t6;
 }
-const isBeforeLatestMessage = (anchor, latestMessageCreatedAt) => !!anchor && !!latestMessageCreatedAt && decodeUlidTime(anchor) < Date.parse(latestMessageCreatedAt);
 export const ConversationScreenTitle = t0 => {
   const $ = _c(29);
   const {