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

package/build/screens/conversation_screen.js

@@ -157,7 +157,7 @@ export function ConversationScreen(t0) {
   return t10;
 }
 function ConversationScreenContent(t0) {
-  const $ = _c(120);
+  const $ = _c(121);
   const {
     route,
     anchor,
@@ -211,118 +211,121 @@ function ConversationScreenContent(t0) {
     t2 = $[5];
   }
   const newestMessageId = t2;
-  let t3;
-  if ($[6] !== conversation_id || $[7] !== queryKey || $[8] !== reply_root_id) {
-    t3 = {
+  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
     };
     $[6] = conversation_id;
     $[7] = queryKey;
     $[8] = reply_root_id;
     $[9] = t3;
+    $[10] = t4;
   } else {
-    t3 = $[9];
+    t4 = $[10];
   }
-  const fetchNewer = useFetchNewerMessages(t3);
-  let t4;
-  if ($[10] !== caughtUp || $[11] !== fetchNewer || $[12] !== newestMessageId || $[13] !== readingHistory) {
-    t4 = {
+  const fetchNewer = useFetchNewerMessages(t4);
+  let t5;
+  if ($[11] !== caughtUp || $[12] !== fetchNewer || $[13] !== newestMessageId || $[14] !== readingHistory) {
+    t5 = {
       fetchNewer,
       newestMessageId,
       readingHistory,
       caughtUp
     };
-    $[10] = caughtUp;
-    $[11] = fetchNewer;
-    $[12] = newestMessageId;
-    $[13] = readingHistory;
-    $[14] = t4;
+    $[11] = caughtUp;
+    $[12] = fetchNewer;
+    $[13] = newestMessageId;
+    $[14] = readingHistory;
+    $[15] = t5;
   } else {
-    t4 = $[14];
+    t5 = $[15];
   }
   const {
     onSkippedNewMessage
-  } = useHeldBackMessages(t4);
-  let t5;
-  if ($[15] !== conversation_id) {
-    t5 = {
+  } = useHeldBackMessages(t5);
+  let t6;
+  if ($[16] !== conversation_id) {
+    t6 = {
       conversationId: conversation_id
     };
-    $[15] = conversation_id;
-    $[16] = t5;
+    $[16] = conversation_id;
+    $[17] = t6;
   } else {
-    t5 = $[16];
+    t6 = $[17];
   }
-  useConversationJoltEvents(t5);
-  const t6 = reply_root_id ?? null;
-  const t7 = caughtUp && !readingHistory;
-  let t8;
-  if ($[17] !== onSkippedNewMessage || $[18] !== queryKey || $[19] !== t7) {
-    t8 = 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: t7,
+      acceptNewMessages: t8,
       onSkippedNewMessage
     });
-    $[17] = onSkippedNewMessage;
-    $[18] = queryKey;
-    $[19] = t7;
+    $[18] = onSkippedNewMessage;
+    $[19] = queryKey;
     $[20] = t8;
+    $[21] = t9;
   } else {
-    t8 = $[20];
+    t9 = $[21];
   }
-  let t9;
-  if ($[21] !== conversation_id || $[22] !== t6 || $[23] !== t8) {
-    t9 = {
+  let t10;
+  if ($[22] !== conversation_id || $[23] !== t7 || $[24] !== t9) {
+    t10 = {
       conversationId: conversation_id,
-      replyRootId: t6,
-      messageCache: t8
+      replyRootId: t7,
+      messageCache: t9
     };
-    $[21] = conversation_id;
-    $[22] = t6;
-    $[23] = t8;
+    $[22] = conversation_id;
+    $[23] = t7;
     $[24] = t9;
+    $[25] = t10;
   } else {
-    t9 = $[24];
+    t10 = $[25];
   }
-  useConversationMessagesJoltEvents(t9);
+  useConversationMessagesJoltEvents(t10);
   const {
     markHandledByMessageForm
   } = useVideoModerationJoltEvents();
   useEnsureConversationsRouteExists();
-  const t10 = !behindLatest;
-  let t11;
-  if ($[25] !== conversation || $[26] !== messages || $[27] !== t10) {
-    t11 = {
+  const t11 = !behindLatest;
+  let t12;
+  if ($[26] !== conversation || $[27] !== messages || $[28] !== t11) {
+    t12 = {
       conversation,
       messages,
-      enabled: t10
+      enabled: t11
     };
-    $[25] = conversation;
-    $[26] = messages;
-    $[27] = t10;
+    $[26] = conversation;
+    $[27] = messages;
     $[28] = t11;
+    $[29] = t12;
   } else {
-    t11 = $[28];
+    t12 = $[29];
   }
-  useMarkLatestMessageRead(t11);
-  const t12 = anchored && caughtUp;
-  let t13;
-  if ($[29] !== fetchNewer || $[30] !== newestMessageId || $[31] !== t12) {
-    t13 = {
+  useMarkLatestMessageRead(t12);
+  const t13 = anchored && caughtUp;
+  let t14;
+  if ($[30] !== fetchNewer || $[31] !== newestMessageId || $[32] !== t13) {
+    t14 = {
       fetchNewer,
       newestMessageId,
-      enabled: t12
+      enabled: t13
     };
-    $[29] = fetchNewer;
-    $[30] = newestMessageId;
-    $[31] = t12;
+    $[30] = fetchNewer;
+    $[31] = newestMessageId;
     $[32] = t13;
+    $[33] = t14;
   } else {
-    t13 = $[32];
+    t14 = $[33];
   }
-  useFetchNewerOnForeground(t13);
+  useFetchNewerOnForeground(t14);
   const noMessages = messages.length === 0;
   const {
     repliesDisabled,
@@ -332,47 +335,47 @@ function ConversationScreenContent(t0) {
   } = conversation;
   const canReply = memberAbility?.canReply;
   const showLeaderDisabledReplyBanner = canReply && repliesDisabled;
-  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;
+  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 {
-      t15 = $[37];
+      t16 = $[38];
     }
-    t14 = messages.find(t15);
-    $[33] = editing_message_id;
-    $[34] = messages;
-    $[35] = t14;
+    t15 = messages.find(t16);
+    $[34] = editing_message_id;
+    $[35] = messages;
+    $[36] = t15;
   } else {
-    t14 = $[35];
+    t15 = $[36];
   }
-  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;
+  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 {
-    t15 = $[39];
+    t16 = $[40];
   }
-  const replyRootAuthorFirstName = t15;
+  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 t16;
-  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-    t16 = {
+  let t17;
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t17 = {
       listRef,
       enabled: Platform.OS === "ios"
     };
-    $[40] = t16;
+    $[41] = t17;
   } else {
-    t16 = $[40];
+    t17 = $[41];
   }
   const {
     restOffset,
@@ -380,36 +383,36 @@ function ConversationScreenContent(t0) {
     onContentSizeChange,
     onMomentumScrollEnd,
     onScrollEndDrag
-  } = useRestAwayFromDismissEdge(t16);
-  let t17;
-  if ($[41] !== restOffset) {
-    t17 = () => {
+  } = useRestAwayFromDismissEdge(t17);
+  let t18;
+  if ($[42] !== restOffset) {
+    t18 = () => {
       listRef.current?.scrollToOffset({
         offset: restOffset
       });
     };
-    $[41] = restOffset;
-    $[42] = t17;
+    $[42] = restOffset;
+    $[43] = t18;
   } else {
-    t17 = $[42];
+    t18 = $[43];
   }
-  const handleReturnToBottom = t17;
-  let t18;
-  if ($[43] !== handleReturnToBottom || $[44] !== onExitAnchoredMode) {
-    t18 = () => {
+  const handleReturnToBottom = t18;
+  let t19;
+  if ($[44] !== handleReturnToBottom || $[45] !== onExitAnchoredMode) {
+    t19 = () => {
       onExitAnchoredMode();
       handleReturnToBottom();
     };
-    $[43] = handleReturnToBottom;
-    $[44] = onExitAnchoredMode;
-    $[45] = t18;
+    $[44] = handleReturnToBottom;
+    $[45] = onExitAnchoredMode;
+    $[46] = t19;
   } else {
-    t18 = $[45];
+    t19 = $[46];
   }
-  const exitAnchoredMode = t18;
-  let t19;
-  if ($[46] !== anchored || $[47] !== exitAnchoredMode || $[48] !== handleReturnToBottom) {
-    t19 = () => {
+  const exitAnchoredMode = t19;
+  let t20;
+  if ($[47] !== anchored || $[48] !== exitAnchoredMode || $[49] !== handleReturnToBottom) {
+    t20 = () => {
       setShowJumpToBottomButton(false);
       if (anchored) {
         exitAnchoredMode();
@@ -417,45 +420,45 @@ function ConversationScreenContent(t0) {
         handleReturnToBottom();
       }
     };
-    $[46] = anchored;
-    $[47] = exitAnchoredMode;
-    $[48] = handleReturnToBottom;
-    $[49] = t19;
+    $[47] = anchored;
+    $[48] = exitAnchoredMode;
+    $[49] = handleReturnToBottom;
+    $[50] = t20;
   } else {
-    t19 = $[49];
+    t20 = $[50];
   }
-  const jumpToLatest = t19;
-  let t20;
-  if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
-    t20 = 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);
     };
-    $[50] = t20;
+    $[51] = t21;
   } else {
-    t20 = $[50];
+    t21 = $[51];
   }
-  const trackScroll = t20;
-  let t21;
-  if ($[51] !== fetchPreviousPage || $[52] !== hasPreviousPage || $[53] !== isFetchingPreviousPage) {
-    t21 = () => {
+  const trackScroll = t21;
+  let t22;
+  if ($[52] !== fetchPreviousPage || $[53] !== hasPreviousPage || $[54] !== isFetchingPreviousPage) {
+    t22 = () => {
       if (!hasPreviousPage || isFetchingPreviousPage) {
         return;
       }
       setHasDragged(false);
       fetchPreviousPage();
     };
-    $[51] = fetchPreviousPage;
-    $[52] = hasPreviousPage;
-    $[53] = isFetchingPreviousPage;
-    $[54] = t21;
+    $[52] = fetchPreviousPage;
+    $[53] = hasPreviousPage;
+    $[54] = isFetchingPreviousPage;
+    $[55] = t22;
   } else {
-    t21 = $[54];
+    t22 = $[55];
   }
-  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 = () => {
+  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
@@ -469,86 +472,86 @@ function ConversationScreenContent(t0) {
         });
       }
     };
-    $[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);
+    $[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 t25;
-    if ($[71] === Symbol.for("react.memo_cache_sentinel")) {
-      t25 = /*#__PURE__*/_jsx(BlankState.Imagery, {
+    let t26;
+    if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+      t26 = /*#__PURE__*/_jsx(BlankState.Imagery, {
         name: "general.outlinedTextMessage"
       });
-      $[71] = t25;
+      $[72] = t26;
     } else {
-      t25 = $[71];
+      t26 = $[72];
     }
-    let t26;
-    if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
-      t26 = /*#__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"
         })
       });
-      $[72] = t26;
+      $[73] = t27;
     } else {
-      t26 = $[72];
+      t27 = $[73];
     }
-    let t27;
-    if ($[73] !== navigation.goBack) {
-      t27 = /*#__PURE__*/_jsxs(BlankState.Root, {
-        children: [t25, t26, /*#__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"
         })]
       });
-      $[73] = navigation.goBack;
-      $[74] = t27;
+      $[74] = navigation.goBack;
+      $[75] = t28;
     } else {
-      t27 = $[74];
+      t28 = $[75];
     }
-    let t28;
-    if ($[75] !== styles.container || $[76] !== t27) {
-      t28 = /*#__PURE__*/_jsx(View, {
+    let t29;
+    if ($[76] !== styles.container || $[77] !== t28) {
+      t29 = /*#__PURE__*/_jsx(View, {
         style: styles.container,
-        children: t27
+        children: t28
       });
-      $[75] = styles.container;
-      $[76] = t27;
+      $[76] = styles.container;
       $[77] = t28;
+      $[78] = t29;
     } else {
-      t28 = $[77];
+      t29 = $[78];
     }
-    return t28;
+    return t29;
   }
-  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, {
+  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,
@@ -575,59 +578,59 @@ function ConversationScreenContent(t0) {
         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];
-  }
-  const t26 = behindLatest || showJumpToBottomButton;
-  let t27;
-  if ($[96] !== jumpToLatest || $[97] !== t26) {
-    t27 = /*#__PURE__*/_jsx(JumpToBottomButton, {
+    $[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: t26
+      visible: t27
     });
-    $[96] = jumpToLatest;
-    $[97] = t26;
+    $[97] = jumpToLatest;
     $[98] = t27;
+    $[99] = t28;
   } else {
-    t27 = $[98];
-  }
-  let t28;
-  if ($[99] !== noMessages) {
-    t28 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
-    $[99] = noMessages;
-    $[100] = t28;
-  } else {
-    t28 = $[100];
+    t28 = $[99];
   }
   let t29;
-  if ($[101] !== showLeaderDisabledReplyBanner) {
-    t29 = showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {});
-    $[101] = showLeaderDisabledReplyBanner;
-    $[102] = t29;
+  if ($[100] !== noMessages) {
+    t29 = !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {});
+    $[100] = noMessages;
+    $[101] = t29;
   } else {
-    t29 = $[102];
+    t29 = $[101];
   }
   let t30;
-  if ($[103] !== canReply || $[104] !== conversation || $[105] !== currentlyEditingMessage || $[106] !== jumpToLatest || $[107] !== markHandledByMessageForm || $[108] !== replyRootAuthorFirstName || $[109] !== reply_root_id) {
-    t30 = /*#__PURE__*/_jsx(ConversationBottomBar, {
+  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,
@@ -636,44 +639,44 @@ function ConversationScreenContent(t0) {
       onFlaggedInMessageForm: markHandledByMessageForm,
       onBeforeSubmit: jumpToLatest
     });
-    $[103] = canReply;
-    $[104] = conversation;
-    $[105] = currentlyEditingMessage;
-    $[106] = jumpToLatest;
-    $[107] = markHandledByMessageForm;
-    $[108] = replyRootAuthorFirstName;
-    $[109] = reply_root_id;
-    $[110] = t30;
+    $[104] = canReply;
+    $[105] = conversation;
+    $[106] = currentlyEditingMessage;
+    $[107] = jumpToLatest;
+    $[108] = markHandledByMessageForm;
+    $[109] = replyRootAuthorFirstName;
+    $[110] = reply_root_id;
+    $[111] = t31;
   } else {
-    t30 = $[110];
+    t31 = $[111];
   }
-  let t31;
-  if ($[111] !== t25 || $[112] !== t27 || $[113] !== t28 || $[114] !== t29 || $[115] !== t30) {
-    t31 = /*#__PURE__*/_jsxs(KeyboardView, {
-      children: [t25, t27, t28, t29, t30]
+  let t32;
+  if ($[112] !== t26 || $[113] !== t28 || $[114] !== t29 || $[115] !== t30 || $[116] !== t31) {
+    t32 = /*#__PURE__*/_jsxs(KeyboardView, {
+      children: [t26, t28, t29, t30, t31]
     });
-    $[111] = t25;
-    $[112] = t27;
+    $[112] = t26;
     $[113] = t28;
     $[114] = t29;
     $[115] = t30;
     $[116] = t31;
+    $[117] = t32;
   } else {
-    t31 = $[116];
+    t32 = $[117];
   }
-  let t32;
-  if ($[117] !== styles.container || $[118] !== t31) {
-    t32 = /*#__PURE__*/_jsx(View, {
+  let t33;
+  if ($[118] !== styles.container || $[119] !== t32) {
+    t33 = /*#__PURE__*/_jsx(View, {
       style: styles.container,
-      children: t31
+      children: t32
     });
-    $[117] = styles.container;
-    $[118] = t31;
+    $[118] = styles.container;
     $[119] = t32;
+    $[120] = t33;
   } else {
-    t32 = $[119];
+    t33 = $[120];
   }
-  return t32;
+  return t33;
 }
 function ConversationBottomBar(t0) {
   const $ = _c(16);