@planningcenter/chat-react-native 4.2.1-qa-staging.1 → 4.2.1-qa-staging.4

package/build/screens/conversation_screen.js

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