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

package/build/screens/conversation_screen.js

@@ -23,15 +23,17 @@ 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 { 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(19);
+  const $ = _c(24);
   const {
     route
   } = t0;
@@ -102,8 +104,22 @@ export function ConversationScreen(t0) {
   usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, t6);
   const t7 = reply_root_id ?? null;
   let t8;
-  if ($[12] !== anchor || $[13] !== route) {
-    t8 = anchor ? /*#__PURE__*/_jsx(AnchorNotFoundBoundary, {
+  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,
@@ -115,33 +131,37 @@ export function ConversationScreen(t0) {
       anchor: null,
       onExitAnchoredMode: exitAnchoredMode
     });
-    $[12] = anchor;
-    $[13] = route;
-    $[14] = t8;
+    $[16] = anchor;
+    $[17] = route;
+    $[18] = t9;
   } else {
-    t8 = $[14];
+    t9 = $[18];
   }
-  let t9;
-  if ($[15] !== conversation_id || $[16] !== t7 || $[17] !== t8) {
-    t9 = /*#__PURE__*/_jsx(ConversationContextProvider, {
+  let t10;
+  if ($[19] !== conversation_id || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
+    t10 = /*#__PURE__*/_jsx(ConversationContextProvider, {
       conversationId: conversation_id,
       currentPageReplyRootId: t7,
-      children: t8
+      messagesQueryKey: t8,
+      children: t9
     });
-    $[15] = conversation_id;
-    $[16] = t7;
-    $[17] = t8;
-    $[18] = t9;
+    $[19] = conversation_id;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+    $[23] = t10;
   } else {
-    t9 = $[18];
+    t10 = $[23];
   }
-  return t9;
+  return t10;
 }
-function ConversationScreenContent({
-  route,
-  anchor,
-  onExitAnchoredMode
-}) {
+function ConversationScreenContent(t0) {
+  const $ = _c(118);
+  const {
+    route,
+    anchor,
+    onExitAnchoredMode
+  } = t0;
   const styles = useStyles();
   const navigation = useNavigation();
   const {
@@ -154,6 +174,20 @@ function ConversationScreenContent({
     data: conversation
   } = useConversation(route.params);
   const anchored = !!anchor;
+  let t1;
+  if ($[0] !== anchor || $[1] !== conversation_id || $[2] !== reply_root_id) {
+    t1 = {
+      conversation_id,
+      reply_root_id,
+      anchor
+    };
+    $[0] = anchor;
+    $[1] = conversation_id;
+    $[2] = reply_root_id;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
   const {
     messages,
     fetchNextPage,
@@ -162,50 +196,124 @@ function ConversationScreenContent({
     hasPreviousPage,
     isFetchingPreviousPage,
     queryKey
-  } = useConversationMessages({
-    conversation_id,
-    reply_root_id,
-    anchor
-  });
+  } = useConversationMessages(t1);
   const behindLatest = anchored && hasPreviousPage;
   const caughtUp = !hasPreviousPage;
   const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false);
   const readingHistory = showJumpToBottomButton;
-  const skippedNewMessages = useRef(false);
-  const messageCaches = [gatedMessageCache({
-    queryKey,
-    acceptNewMessages: caughtUp && !readingHistory,
-    onSkippedNewMessage: () => {
-      skippedNewMessages.current = true;
-    }
-  })];
   const newestMessageId = messages[0]?.id;
-  useConversationJoltEvents({
-    conversationId: conversation_id
-  });
-  useConversationMessagesJoltEvents({
-    conversationId: conversation_id,
-    messageCaches
-  });
+  let t2;
+  if ($[4] !== conversation_id || $[5] !== queryKey || $[6] !== reply_root_id) {
+    t2 = {
+      conversation_id,
+      reply_root_id,
+      queryKey
+    };
+    $[4] = conversation_id;
+    $[5] = queryKey;
+    $[6] = reply_root_id;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const fetchNewer = useFetchNewerMessages(t2);
+  let t3;
+  if ($[8] !== caughtUp || $[9] !== fetchNewer || $[10] !== newestMessageId || $[11] !== readingHistory) {
+    t3 = {
+      fetchNewer,
+      newestMessageId,
+      readingHistory,
+      caughtUp
+    };
+    $[8] = caughtUp;
+    $[9] = fetchNewer;
+    $[10] = newestMessageId;
+    $[11] = readingHistory;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const {
+    onSkippedNewMessage
+  } = useHeldBackMessages(t3);
+  let t4;
+  if ($[13] !== conversation_id) {
+    t4 = {
+      conversationId: conversation_id
+    };
+    $[13] = conversation_id;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  useConversationJoltEvents(t4);
+  const t5 = reply_root_id ?? null;
+  const t6 = caughtUp && !readingHistory;
+  let t7;
+  if ($[15] !== onSkippedNewMessage || $[16] !== queryKey || $[17] !== t6) {
+    t7 = gatedMessageCache({
+      queryKey,
+      acceptNewMessages: t6,
+      onSkippedNewMessage
+    });
+    $[15] = onSkippedNewMessage;
+    $[16] = queryKey;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== conversation_id || $[20] !== t5 || $[21] !== t7) {
+    t8 = {
+      conversationId: conversation_id,
+      replyRootId: t5,
+      messageCache: t7
+    };
+    $[19] = conversation_id;
+    $[20] = t5;
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  useConversationMessagesJoltEvents(t8);
   const {
     markHandledByMessageForm
   } = useVideoModerationJoltEvents();
   useEnsureConversationsRouteExists();
-  useMarkLatestMessageRead({
-    conversation,
-    messages,
-    enabled: !behindLatest
-  });
-  const fetchNewer = useFetchNewerMessages({
-    conversation_id,
-    reply_root_id,
-    queryKey
-  });
-  useFetchNewerOnForeground({
-    fetchNewer,
-    newestMessageId,
-    enabled: anchored && caughtUp
-  });
+  const t9 = !behindLatest;
+  let t10;
+  if ($[23] !== conversation || $[24] !== messages || $[25] !== t9) {
+    t10 = {
+      conversation,
+      messages,
+      enabled: t9
+    };
+    $[23] = conversation;
+    $[24] = messages;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  useMarkLatestMessageRead(t10);
+  const t11 = anchored && caughtUp;
+  let t12;
+  if ($[27] !== fetchNewer || $[28] !== newestMessageId || $[29] !== t11) {
+    t12 = {
+      fetchNewer,
+      newestMessageId,
+      enabled: t11
+    };
+    $[27] = fetchNewer;
+    $[28] = newestMessageId;
+    $[29] = t11;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  useFetchNewerOnForeground(t12);
   const noMessages = messages.length === 0;
   const {
     repliesDisabled,
@@ -215,127 +323,348 @@ function ConversationScreenContent({
   } = conversation;
   const canReply = memberAbility?.canReply;
   const showLeaderDisabledReplyBanner = canReply && repliesDisabled;
-  const currentlyEditingMessage = messages.find(m => String(m.id) === String(editing_message_id));
-  const replyRootAuthorFirstName = reply_root_author_name?.split(' ')[0];
-  const replyHeaderTitle = replyRootAuthorFirstName ? `Reply to ${replyRootAuthorFirstName}` : 'Reply';
-  // Prefer the membership for optimistic updates.
+  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;
+    } else {
+      t14 = $[35];
+    }
+    t13 = messages.find(t14);
+    $[31] = editing_message_id;
+    $[32] = messages;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  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;
+  } else {
+    t14 = $[37];
+  }
+  const replyRootAuthorFirstName = t14;
+  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 = {
+      listRef,
+      enabled: Platform.OS === "ios"
+    };
+    $[38] = t15;
+  } else {
+    t15 = $[38];
+  }
   const {
     restOffset,
     onLayout,
     onContentSizeChange,
     onMomentumScrollEnd,
     onScrollEndDrag
-  } = useRestAwayFromDismissEdge({
-    listRef,
-    enabled: Platform.OS === 'ios'
-  });
-  const handleReturnToBottom = useCallback(() => {
-    listRef.current?.scrollToOffset({
-      offset: restOffset
-    });
-  }, [restOffset]);
-  const exitAnchoredMode = useCallback(() => {
-    onExitAnchoredMode();
-    handleReturnToBottom();
-  }, [handleReturnToBottom, onExitAnchoredMode]);
-  const jumpToLatest = useCallback(() => {
-    setShowJumpToBottomButton(false);
-    if (behindLatest) exitAnchoredMode();else handleReturnToBottom();
-  }, [behindLatest, exitAnchoredMode, handleReturnToBottom]);
-  const trackScroll = event => {
-    const offsetY = event.nativeEvent.contentOffset.y;
-    setShowJumpToBottomButton(offsetY > 200);
-  };
-  const loadNewerMessages = () => {
-    if (!hasPreviousPage || isFetchingPreviousPage) return;
-    setHasDragged(false);
-    fetchPreviousPage();
-  };
-  useEffect(() => {
-    if (readingHistory || !caughtUp || !newestMessageId || !skippedNewMessages.current) return;
-    skippedNewMessages.current = false;
-    fetchNewer(newestMessageId);
-  }, [caughtUp, fetchNewer, newestMessageId, readingHistory]);
-  useEffect(() => {
-    if (reply_root_id) {
-      navigation.setParams({
-        title: replyHeaderTitle
+  } = useRestAwayFromDismissEdge(t15);
+  let t16;
+  if ($[39] !== restOffset) {
+    t16 = () => {
+      listRef.current?.scrollToOffset({
+        offset: restOffset
+      });
+    };
+    $[39] = restOffset;
+    $[40] = t16;
+  } else {
+    t16 = $[40];
+  }
+  const handleReturnToBottom = t16;
+  let t17;
+  if ($[41] !== handleReturnToBottom || $[42] !== onExitAnchoredMode) {
+    t17 = () => {
+      onExitAnchoredMode();
+      handleReturnToBottom();
+    };
+    $[41] = handleReturnToBottom;
+    $[42] = onExitAnchoredMode;
+    $[43] = t17;
+  } else {
+    t17 = $[43];
+  }
+  const exitAnchoredMode = t17;
+  let t18;
+  if ($[44] !== anchored || $[45] !== exitAnchoredMode || $[46] !== handleReturnToBottom) {
+    t18 = () => {
+      setShowJumpToBottomButton(false);
+      if (anchored) {
+        exitAnchoredMode();
+      } else {
+        handleReturnToBottom();
+      }
+    };
+    $[44] = anchored;
+    $[45] = exitAnchoredMode;
+    $[46] = handleReturnToBottom;
+    $[47] = t18;
+  } else {
+    t18 = $[47];
+  }
+  const jumpToLatest = t18;
+  let t19;
+  if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = event => {
+      const offsetY = event.nativeEvent.contentOffset.y;
+      setShowJumpToBottomButton(offsetY > 200);
+    };
+    $[48] = t19;
+  } else {
+    t19 = $[48];
+  }
+  const trackScroll = t19;
+  let t20;
+  if ($[49] !== fetchPreviousPage || $[50] !== hasPreviousPage || $[51] !== isFetchingPreviousPage) {
+    t20 = () => {
+      if (!hasPreviousPage || isFetchingPreviousPage) {
+        return;
+      }
+      setHasDragged(false);
+      fetchPreviousPage();
+    };
+    $[49] = fetchPreviousPage;
+    $[50] = hasPreviousPage;
+    $[51] = isFetchingPreviousPage;
+    $[52] = t20;
+  } else {
+    t20 = $[52];
+  }
+  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 = () => {
+      if (reply_root_id) {
+        navigation.setParams({
+          title: replyHeaderTitle
+        });
+      } else {
+        navigation.setParams({
+          title,
+          badge: badges?.[0],
+          deleted: conversation?.deleted,
+          muted
+        });
+      }
+    };
+    $[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);
+  if (!conversation || conversation.deleted) {
+    let t24;
+    if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
+      t24 = /*#__PURE__*/_jsx(BlankState.Imagery, {
+        name: "general.outlinedTextMessage"
       });
+      $[69] = t24;
     } else {
-      navigation.setParams({
-        title: title,
-        badge: badges?.[0],
-        deleted: conversation?.deleted,
-        muted
+      t24 = $[69];
+    }
+    let t25;
+    if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
+      t25 = /*#__PURE__*/_jsx(BlankState.Content, {
+        children: /*#__PURE__*/_jsx(BlankState.Heading, {
+          children: "This conversation has been deleted"
+        })
       });
+      $[70] = t25;
+    } else {
+      t25 = $[70];
     }
-  }, [navigation, title, badges, conversation?.deleted, reply_root_id, replyHeaderTitle, muted]);
-  if (!conversation || conversation.deleted) {
-    return /*#__PURE__*/_jsx(View, {
-      style: styles.container,
-      children: /*#__PURE__*/_jsxs(BlankState.Root, {
-        children: [/*#__PURE__*/_jsx(BlankState.Imagery, {
-          name: "general.outlinedTextMessage"
-        }), /*#__PURE__*/_jsx(BlankState.Content, {
-          children: /*#__PURE__*/_jsx(BlankState.Heading, {
-            children: "This conversation has been deleted"
-          })
-        }), /*#__PURE__*/_jsx(BlankState.Button, {
+    let t26;
+    if ($[71] !== navigation.goBack) {
+      t26 = /*#__PURE__*/_jsxs(BlankState.Root, {
+        children: [t24, t25, /*#__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;
+    } else {
+      t26 = $[72];
+    }
+    let t27;
+    if ($[73] !== styles.container || $[74] !== t26) {
+      t27 = /*#__PURE__*/_jsx(View, {
+        style: styles.container,
+        children: t26
+      });
+      $[73] = styles.container;
+      $[74] = t26;
+      $[75] = t27;
+    } else {
+      t27 = $[75];
+    }
+    return t27;
+  }
+  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, {
+      style: styles.emptyState,
+      children: /*#__PURE__*/_jsx(ConversationStartBanner, {
+        conversation: conversation,
+        hasMessages: false
       })
+    }) : /*#__PURE__*/_jsx(MessageList, {
+      listRef: listRef,
+      conversation: conversation,
+      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
     });
+    $[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];
   }
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [noMessages ? /*#__PURE__*/_jsx(View, {
-        style: styles.emptyState,
-        children: /*#__PURE__*/_jsx(ConversationStartBanner, {
-          conversation: conversation,
-          hasMessages: false
-        })
-      }) : /*#__PURE__*/_jsx(MessageList, {
-        listRef: listRef,
-        conversation: conversation,
-        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
-      }), /*#__PURE__*/_jsx(JumpToBottomButton, {
-        onPress: jumpToLatest,
-        visible: behindLatest || showJumpToBottomButton
-      }), !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {}), showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {}), /*#__PURE__*/_jsx(ConversationBottomBar, {
-        conversation: conversation,
-        canReply: canReply,
-        replyRootAuthorFirstName: replyRootAuthorFirstName,
-        replyRootId: reply_root_id,
-        currentlyEditingMessage: currentlyEditingMessage,
-        onFlaggedInMessageForm: markHandledByMessageForm,
-        onBeforeSubmit: jumpToLatest
-      })]
-    })
-  });
+  const t25 = behindLatest || showJumpToBottomButton;
+  let t26;
+  if ($[94] !== jumpToLatest || $[95] !== t25) {
+    t26 = /*#__PURE__*/_jsx(JumpToBottomButton, {
+      onPress: jumpToLatest,
+      visible: t25
+    });
+    $[94] = jumpToLatest;
+    $[95] = t25;
+    $[96] = t26;
+  } else {
+    t26 = $[96];
+  }
+  let t27;
+  if ($[97] !== noMessages) {
+    t27 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
+    $[97] = noMessages;
+    $[98] = t27;
+  } else {
+    t27 = $[98];
+  }
+  let t28;
+  if ($[99] !== showLeaderDisabledReplyBanner) {
+    t28 = showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {});
+    $[99] = showLeaderDisabledReplyBanner;
+    $[100] = t28;
+  } else {
+    t28 = $[100];
+  }
+  let t29;
+  if ($[101] !== canReply || $[102] !== conversation || $[103] !== currentlyEditingMessage || $[104] !== jumpToLatest || $[105] !== markHandledByMessageForm || $[106] !== replyRootAuthorFirstName || $[107] !== reply_root_id) {
+    t29 = /*#__PURE__*/_jsx(ConversationBottomBar, {
+      conversation: conversation,
+      canReply: canReply,
+      replyRootAuthorFirstName: replyRootAuthorFirstName,
+      replyRootId: reply_root_id,
+      currentlyEditingMessage: currentlyEditingMessage,
+      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]
+    });
+    $[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, {
+      style: styles.container,
+      children: t30
+    });
+    $[115] = styles.container;
+    $[116] = t30;
+    $[117] = t31;
+  } else {
+    t31 = $[117];
+  }
+  return t31;
 }
 function ConversationBottomBar(t0) {
   const $ = _c(16);