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

package/build/screens/conversation_screen.js

@@ -28,6 +28,7 @@ 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';
@@ -156,7 +157,7 @@ export function ConversationScreen(t0) {
   return t10;
 }
 function ConversationScreenContent(t0) {
-  const $ = _c(118);
+  const $ = _c(121);
   const {
     route,
     anchor,
@@ -201,119 +202,130 @@ function ConversationScreenContent(t0) {
   const caughtUp = !hasPreviousPage;
   const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false);
   const readingHistory = showJumpToBottomButton;
-  const newestMessageId = messages[0]?.id;
   let t2;
-  if ($[4] !== conversation_id || $[5] !== queryKey || $[6] !== reply_root_id) {
-    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
+      queryKey,
+      onTooFarBehind: t3
     };
-    $[4] = conversation_id;
-    $[5] = queryKey;
-    $[6] = reply_root_id;
-    $[7] = t2;
+    $[6] = conversation_id;
+    $[7] = queryKey;
+    $[8] = reply_root_id;
+    $[9] = t3;
+    $[10] = t4;
   } else {
-    t2 = $[7];
+    t4 = $[10];
   }
-  const fetchNewer = useFetchNewerMessages(t2);
-  let t3;
-  if ($[8] !== caughtUp || $[9] !== fetchNewer || $[10] !== newestMessageId || $[11] !== readingHistory) {
-    t3 = {
+  const fetchNewer = useFetchNewerMessages(t4);
+  let t5;
+  if ($[11] !== caughtUp || $[12] !== fetchNewer || $[13] !== newestMessageId || $[14] !== readingHistory) {
+    t5 = {
       fetchNewer,
       newestMessageId,
       readingHistory,
       caughtUp
     };
-    $[8] = caughtUp;
-    $[9] = fetchNewer;
-    $[10] = newestMessageId;
-    $[11] = readingHistory;
-    $[12] = t3;
+    $[11] = caughtUp;
+    $[12] = fetchNewer;
+    $[13] = newestMessageId;
+    $[14] = readingHistory;
+    $[15] = t5;
   } else {
-    t3 = $[12];
+    t5 = $[15];
   }
   const {
     onSkippedNewMessage
-  } = useHeldBackMessages(t3);
-  let t4;
-  if ($[13] !== conversation_id) {
-    t4 = {
+  } = useHeldBackMessages(t5);
+  let t6;
+  if ($[16] !== conversation_id) {
+    t6 = {
       conversationId: conversation_id
     };
-    $[13] = conversation_id;
-    $[14] = t4;
+    $[16] = conversation_id;
+    $[17] = t6;
   } else {
-    t4 = $[14];
+    t6 = $[17];
   }
-  useConversationJoltEvents(t4);
-  const t5 = reply_root_id ?? null;
-  const t6 = caughtUp && !readingHistory;
-  let t7;
-  if ($[15] !== onSkippedNewMessage || $[16] !== queryKey || $[17] !== t6) {
-    t7 = gatedMessageCache({
+  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: t6,
+      acceptNewMessages: t8,
       onSkippedNewMessage
     });
-    $[15] = onSkippedNewMessage;
-    $[16] = queryKey;
-    $[17] = t6;
-    $[18] = t7;
+    $[18] = onSkippedNewMessage;
+    $[19] = queryKey;
+    $[20] = t8;
+    $[21] = t9;
   } else {
-    t7 = $[18];
+    t9 = $[21];
   }
-  let t8;
-  if ($[19] !== conversation_id || $[20] !== t5 || $[21] !== t7) {
-    t8 = {
+  let t10;
+  if ($[22] !== conversation_id || $[23] !== t7 || $[24] !== t9) {
+    t10 = {
       conversationId: conversation_id,
-      replyRootId: t5,
-      messageCache: t7
+      replyRootId: t7,
+      messageCache: t9
     };
-    $[19] = conversation_id;
-    $[20] = t5;
-    $[21] = t7;
-    $[22] = t8;
+    $[22] = conversation_id;
+    $[23] = t7;
+    $[24] = t9;
+    $[25] = t10;
   } else {
-    t8 = $[22];
+    t10 = $[25];
   }
-  useConversationMessagesJoltEvents(t8);
+  useConversationMessagesJoltEvents(t10);
   const {
     markHandledByMessageForm
   } = useVideoModerationJoltEvents();
   useEnsureConversationsRouteExists();
-  const t9 = !behindLatest;
-  let t10;
-  if ($[23] !== conversation || $[24] !== messages || $[25] !== t9) {
-    t10 = {
+  const t11 = !behindLatest;
+  let t12;
+  if ($[26] !== conversation || $[27] !== messages || $[28] !== t11) {
+    t12 = {
       conversation,
       messages,
-      enabled: t9
+      enabled: t11
     };
-    $[23] = conversation;
-    $[24] = messages;
-    $[25] = t9;
-    $[26] = t10;
+    $[26] = conversation;
+    $[27] = messages;
+    $[28] = t11;
+    $[29] = t12;
   } else {
-    t10 = $[26];
+    t12 = $[29];
   }
-  useMarkLatestMessageRead(t10);
-  const t11 = anchored && caughtUp;
-  let t12;
-  if ($[27] !== fetchNewer || $[28] !== newestMessageId || $[29] !== t11) {
-    t12 = {
+  useMarkLatestMessageRead(t12);
+  const t13 = anchored && caughtUp;
+  let t14;
+  if ($[30] !== fetchNewer || $[31] !== newestMessageId || $[32] !== t13) {
+    t14 = {
       fetchNewer,
       newestMessageId,
-      enabled: t11
+      enabled: t13
     };
-    $[27] = fetchNewer;
-    $[28] = newestMessageId;
-    $[29] = t11;
-    $[30] = t12;
+    $[30] = fetchNewer;
+    $[31] = newestMessageId;
+    $[32] = t13;
+    $[33] = t14;
   } else {
-    t12 = $[30];
+    t14 = $[33];
   }
-  useFetchNewerOnForeground(t12);
+  useFetchNewerOnForeground(t14);
   const noMessages = messages.length === 0;
   const {
     repliesDisabled,
@@ -323,47 +335,47 @@ function ConversationScreenContent(t0) {
   } = conversation;
   const canReply = memberAbility?.canReply;
   const showLeaderDisabledReplyBanner = canReply && repliesDisabled;
-  let t13;
-  if ($[31] !== editing_message_id || $[32] !== messages) {
-    let t14;
-    if ($[34] !== editing_message_id) {
-      t14 = m => String(m.id) === String(editing_message_id);
-      $[34] = editing_message_id;
-      $[35] = t14;
+  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;
     } else {
-      t14 = $[35];
+      t16 = $[38];
     }
-    t13 = messages.find(t14);
-    $[31] = editing_message_id;
-    $[32] = messages;
-    $[33] = t13;
+    t15 = messages.find(t16);
+    $[34] = editing_message_id;
+    $[35] = messages;
+    $[36] = t15;
   } else {
-    t13 = $[33];
+    t15 = $[36];
   }
-  const currentlyEditingMessage = t13;
-  let t14;
-  if ($[36] !== reply_root_author_name) {
-    t14 = reply_root_author_name?.split(" ")[0];
-    $[36] = reply_root_author_name;
-    $[37] = t14;
+  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;
   } else {
-    t14 = $[37];
+    t16 = $[40];
   }
-  const replyRootAuthorFirstName = t14;
+  const replyRootAuthorFirstName = t16;
   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 t15;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-    t15 = {
+  let t17;
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t17 = {
       listRef,
       enabled: Platform.OS === "ios"
     };
-    $[38] = t15;
+    $[41] = t17;
   } else {
-    t15 = $[38];
+    t17 = $[41];
   }
   const {
     restOffset,
@@ -371,36 +383,36 @@ function ConversationScreenContent(t0) {
     onContentSizeChange,
     onMomentumScrollEnd,
     onScrollEndDrag
-  } = useRestAwayFromDismissEdge(t15);
-  let t16;
-  if ($[39] !== restOffset) {
-    t16 = () => {
+  } = useRestAwayFromDismissEdge(t17);
+  let t18;
+  if ($[42] !== restOffset) {
+    t18 = () => {
       listRef.current?.scrollToOffset({
         offset: restOffset
       });
     };
-    $[39] = restOffset;
-    $[40] = t16;
+    $[42] = restOffset;
+    $[43] = t18;
   } else {
-    t16 = $[40];
+    t18 = $[43];
   }
-  const handleReturnToBottom = t16;
-  let t17;
-  if ($[41] !== handleReturnToBottom || $[42] !== onExitAnchoredMode) {
-    t17 = () => {
+  const handleReturnToBottom = t18;
+  let t19;
+  if ($[44] !== handleReturnToBottom || $[45] !== onExitAnchoredMode) {
+    t19 = () => {
       onExitAnchoredMode();
       handleReturnToBottom();
     };
-    $[41] = handleReturnToBottom;
-    $[42] = onExitAnchoredMode;
-    $[43] = t17;
+    $[44] = handleReturnToBottom;
+    $[45] = onExitAnchoredMode;
+    $[46] = t19;
   } else {
-    t17 = $[43];
+    t19 = $[46];
   }
-  const exitAnchoredMode = t17;
-  let t18;
-  if ($[44] !== anchored || $[45] !== exitAnchoredMode || $[46] !== handleReturnToBottom) {
-    t18 = () => {
+  const exitAnchoredMode = t19;
+  let t20;
+  if ($[47] !== anchored || $[48] !== exitAnchoredMode || $[49] !== handleReturnToBottom) {
+    t20 = () => {
       setShowJumpToBottomButton(false);
       if (anchored) {
         exitAnchoredMode();
@@ -408,45 +420,45 @@ function ConversationScreenContent(t0) {
         handleReturnToBottom();
       }
     };
-    $[44] = anchored;
-    $[45] = exitAnchoredMode;
-    $[46] = handleReturnToBottom;
-    $[47] = t18;
+    $[47] = anchored;
+    $[48] = exitAnchoredMode;
+    $[49] = handleReturnToBottom;
+    $[50] = t20;
   } else {
-    t18 = $[47];
+    t20 = $[50];
   }
-  const jumpToLatest = t18;
-  let t19;
-  if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
-    t19 = event => {
+  const jumpToLatest = t20;
+  let t21;
+  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = event => {
       const offsetY = event.nativeEvent.contentOffset.y;
       setShowJumpToBottomButton(offsetY > 200);
     };
-    $[48] = t19;
+    $[51] = t21;
   } else {
-    t19 = $[48];
+    t21 = $[51];
   }
-  const trackScroll = t19;
-  let t20;
-  if ($[49] !== fetchPreviousPage || $[50] !== hasPreviousPage || $[51] !== isFetchingPreviousPage) {
-    t20 = () => {
+  const trackScroll = t21;
+  let t22;
+  if ($[52] !== fetchPreviousPage || $[53] !== hasPreviousPage || $[54] !== isFetchingPreviousPage) {
+    t22 = () => {
       if (!hasPreviousPage || isFetchingPreviousPage) {
         return;
       }
       setHasDragged(false);
       fetchPreviousPage();
     };
-    $[49] = fetchPreviousPage;
-    $[50] = hasPreviousPage;
-    $[51] = isFetchingPreviousPage;
-    $[52] = t20;
+    $[52] = fetchPreviousPage;
+    $[53] = hasPreviousPage;
+    $[54] = isFetchingPreviousPage;
+    $[55] = t22;
   } else {
-    t20 = $[52];
+    t22 = $[55];
   }
-  const loadNewerMessages = t20;
-  let t21;
-  if ($[53] !== badges?.[0] || $[54] !== conversation.deleted || $[55] !== muted || $[56] !== navigation || $[57] !== replyHeaderTitle || $[58] !== reply_root_id || $[59] !== title) {
-    t21 = () => {
+  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 = () => {
       if (reply_root_id) {
         navigation.setParams({
           title: replyHeaderTitle
@@ -460,86 +472,86 @@ function ConversationScreenContent(t0) {
         });
       }
     };
-    $[53] = badges?.[0];
-    $[54] = conversation.deleted;
-    $[55] = muted;
-    $[56] = navigation;
-    $[57] = replyHeaderTitle;
-    $[58] = reply_root_id;
-    $[59] = title;
-    $[60] = t21;
-  } else {
-    t21 = $[60];
-  }
-  const t22 = conversation?.deleted;
-  let t23;
-  if ($[61] !== badges || $[62] !== muted || $[63] !== navigation || $[64] !== replyHeaderTitle || $[65] !== reply_root_id || $[66] !== t22 || $[67] !== title) {
-    t23 = [navigation, title, badges, t22, reply_root_id, replyHeaderTitle, muted];
-    $[61] = badges;
-    $[62] = muted;
-    $[63] = navigation;
-    $[64] = replyHeaderTitle;
-    $[65] = reply_root_id;
-    $[66] = t22;
-    $[67] = title;
-    $[68] = t23;
-  } else {
-    t23 = $[68];
-  }
-  useEffect(t21, t23);
+    $[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);
   if (!conversation || conversation.deleted) {
-    let t24;
-    if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
-      t24 = /*#__PURE__*/_jsx(BlankState.Imagery, {
+    let t26;
+    if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+      t26 = /*#__PURE__*/_jsx(BlankState.Imagery, {
         name: "general.outlinedTextMessage"
       });
-      $[69] = t24;
+      $[72] = t26;
     } else {
-      t24 = $[69];
+      t26 = $[72];
     }
-    let t25;
-    if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
-      t25 = /*#__PURE__*/_jsx(BlankState.Content, {
+    let t27;
+    if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
+      t27 = /*#__PURE__*/_jsx(BlankState.Content, {
         children: /*#__PURE__*/_jsx(BlankState.Heading, {
           children: "This conversation has been deleted"
         })
       });
-      $[70] = t25;
+      $[73] = t27;
     } else {
-      t25 = $[70];
+      t27 = $[73];
     }
-    let t26;
-    if ($[71] !== navigation.goBack) {
-      t26 = /*#__PURE__*/_jsxs(BlankState.Root, {
-        children: [t24, t25, /*#__PURE__*/_jsx(BlankState.Button, {
+    let t28;
+    if ($[74] !== navigation.goBack) {
+      t28 = /*#__PURE__*/_jsxs(BlankState.Root, {
+        children: [t26, t27, /*#__PURE__*/_jsx(BlankState.Button, {
           onPress: navigation.goBack,
           title: "Back to conversations",
           accessibilityHint: "Navigates back to the conversations list",
           accessibilityRole: "link"
         })]
       });
-      $[71] = navigation.goBack;
-      $[72] = t26;
+      $[74] = navigation.goBack;
+      $[75] = t28;
     } else {
-      t26 = $[72];
+      t28 = $[75];
     }
-    let t27;
-    if ($[73] !== styles.container || $[74] !== t26) {
-      t27 = /*#__PURE__*/_jsx(View, {
+    let t29;
+    if ($[76] !== styles.container || $[77] !== t28) {
+      t29 = /*#__PURE__*/_jsx(View, {
         style: styles.container,
-        children: t26
+        children: t28
       });
-      $[73] = styles.container;
-      $[74] = t26;
-      $[75] = t27;
+      $[76] = styles.container;
+      $[77] = t28;
+      $[78] = t29;
     } else {
-      t27 = $[75];
+      t29 = $[78];
     }
-    return t27;
+    return t29;
   }
-  let t24;
-  if ($[76] !== anchor || $[77] !== anchored || $[78] !== conversation || $[79] !== conversation_id || $[80] !== fetchNextPage || $[81] !== hasDragged || $[82] !== hasNextPage || $[83] !== holdListPosition || $[84] !== loadNewerMessages || $[85] !== messages || $[86] !== noMessages || $[87] !== onContentSizeChange || $[88] !== onLayout || $[89] !== onMomentumScrollEnd || $[90] !== onScrollEndDrag || $[91] !== reply_root_id || $[92] !== styles.emptyState) {
-    t24 = noMessages ? /*#__PURE__*/_jsx(View, {
+  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, {
       style: styles.emptyState,
       children: /*#__PURE__*/_jsx(ConversationStartBanner, {
         conversation: conversation,
@@ -566,59 +578,59 @@ function ConversationScreenContent(t0) {
         minIndexForVisible: 0
       } : undefined
     });
-    $[76] = anchor;
-    $[77] = anchored;
-    $[78] = conversation;
-    $[79] = conversation_id;
-    $[80] = fetchNextPage;
-    $[81] = hasDragged;
-    $[82] = hasNextPage;
-    $[83] = holdListPosition;
-    $[84] = loadNewerMessages;
-    $[85] = messages;
-    $[86] = noMessages;
-    $[87] = onContentSizeChange;
-    $[88] = onLayout;
-    $[89] = onMomentumScrollEnd;
-    $[90] = onScrollEndDrag;
-    $[91] = reply_root_id;
-    $[92] = styles.emptyState;
-    $[93] = t24;
-  } else {
-    t24 = $[93];
-  }
-  const t25 = behindLatest || showJumpToBottomButton;
-  let t26;
-  if ($[94] !== jumpToLatest || $[95] !== t25) {
-    t26 = /*#__PURE__*/_jsx(JumpToBottomButton, {
-      onPress: jumpToLatest,
-      visible: t25
-    });
-    $[94] = jumpToLatest;
-    $[95] = t25;
+    $[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];
   }
-  let t27;
-  if ($[97] !== noMessages) {
-    t27 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
-    $[97] = noMessages;
+  const t27 = behindLatest || showJumpToBottomButton;
+  let t28;
+  if ($[97] !== jumpToLatest || $[98] !== t27) {
+    t28 = /*#__PURE__*/_jsx(JumpToBottomButton, {
+      onPress: jumpToLatest,
+      visible: t27
+    });
+    $[97] = jumpToLatest;
     $[98] = t27;
+    $[99] = t28;
   } else {
-    t27 = $[98];
+    t28 = $[99];
   }
-  let t28;
-  if ($[99] !== showLeaderDisabledReplyBanner) {
-    t28 = showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {});
-    $[99] = showLeaderDisabledReplyBanner;
-    $[100] = t28;
+  let t29;
+  if ($[100] !== noMessages) {
+    t29 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
+    $[100] = noMessages;
+    $[101] = t29;
   } else {
-    t28 = $[100];
+    t29 = $[101];
   }
-  let t29;
-  if ($[101] !== canReply || $[102] !== conversation || $[103] !== currentlyEditingMessage || $[104] !== jumpToLatest || $[105] !== markHandledByMessageForm || $[106] !== replyRootAuthorFirstName || $[107] !== reply_root_id) {
-    t29 = /*#__PURE__*/_jsx(ConversationBottomBar, {
+  let t30;
+  if ($[102] !== showLeaderDisabledReplyBanner) {
+    t30 = showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {});
+    $[102] = showLeaderDisabledReplyBanner;
+    $[103] = t30;
+  } else {
+    t30 = $[103];
+  }
+  let t31;
+  if ($[104] !== canReply || $[105] !== conversation || $[106] !== currentlyEditingMessage || $[107] !== jumpToLatest || $[108] !== markHandledByMessageForm || $[109] !== replyRootAuthorFirstName || $[110] !== reply_root_id) {
+    t31 = /*#__PURE__*/_jsx(ConversationBottomBar, {
       conversation: conversation,
       canReply: canReply,
       replyRootAuthorFirstName: replyRootAuthorFirstName,
@@ -627,44 +639,44 @@ function ConversationScreenContent(t0) {
       onFlaggedInMessageForm: markHandledByMessageForm,
       onBeforeSubmit: jumpToLatest
     });
-    $[101] = canReply;
-    $[102] = conversation;
-    $[103] = currentlyEditingMessage;
-    $[104] = jumpToLatest;
-    $[105] = markHandledByMessageForm;
-    $[106] = replyRootAuthorFirstName;
-    $[107] = reply_root_id;
-    $[108] = t29;
-  } else {
-    t29 = $[108];
-  }
-  let t30;
-  if ($[109] !== t24 || $[110] !== t26 || $[111] !== t27 || $[112] !== t28 || $[113] !== t29) {
-    t30 = /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [t24, t26, t27, t28, t29]
+    $[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]
     });
-    $[109] = t24;
-    $[110] = t26;
-    $[111] = t27;
-    $[112] = t28;
-    $[113] = t29;
-    $[114] = t30;
-  } else {
-    t30 = $[114];
-  }
-  let t31;
-  if ($[115] !== styles.container || $[116] !== t30) {
-    t31 = /*#__PURE__*/_jsx(View, {
+    $[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, {
       style: styles.container,
-      children: t30
+      children: t32
     });
-    $[115] = styles.container;
-    $[116] = t30;
-    $[117] = t31;
+    $[118] = styles.container;
+    $[119] = t32;
+    $[120] = t33;
   } else {
-    t31 = $[117];
+    t33 = $[120];
   }
-  return t31;
+  return t33;
 }
 function ConversationBottomBar(t0) {
   const $ = _c(16);