@kesha-antonov/react-native-chat 6.0.0 → 6.1.0

package/lib/ChatList/index.js

@@ -190,7 +190,7 @@ function _temp2() {
 }
 function _temp() {}
 function ChatListContent(t0) {
-  const $ = _c(170);
+  const $ = _c(173);
   const {
     chats,
     user,
@@ -209,9 +209,12 @@ function ChatListContent(t0) {
     isHeaderVisible: t5,
     title,
     renderHeaderRight,
-    isTopInsetApplied: t6,
-    isSearchEnabled: t7,
-    filterChat: t8,
+    headerRightPosition: t6,
+    timeFormat,
+    dateFormat,
+    isTopInsetApplied: t7,
+    isSearchEnabled: t8,
+    filterChat: t9,
     onSearchChange,
     isArchiveOpen: isArchiveOpenProp,
     onArchiveOpenChange,
@@ -226,186 +229,187 @@ function ChatListContent(t0) {
   const isLoading = t3 === undefined ? false : t3;
   const isSortEnabled = t4 === undefined ? true : t4;
   const isHeaderVisible = t5 === undefined ? true : t5;
-  const isTopInsetApplied = t6 === undefined ? true : t6;
-  const isSearchEnabled = t7 === undefined ? true : t7;
-  const filterChat = t8 === undefined ? matchesChatQuery : t8;
+  const headerRightPosition = t6 === undefined ? "beforeSearch" : t6;
+  const isTopInsetApplied = t7 === undefined ? true : t7;
+  const isSearchEnabled = t8 === undefined ? true : t8;
+  const filterChat = t9 === undefined ? matchesChatQuery : t9;
   const colors = resolvedTheme.chatList;
   const {
     getLabels
   } = useContext(ChatContext);
-  let t9;
+  let t10;
   if ($[0] !== getLabels) {
-    t9 = getLabels();
+    t10 = getLabels();
     $[0] = getLabels;
-    $[1] = t9;
+    $[1] = t10;
   } else {
-    t9 = $[1];
+    t10 = $[1];
   }
-  const labels = t9;
+  const labels = t10;
   const insets = useContext(SafeAreaInsetsContext);
   const topInset = isHeaderVisible && isTopInsetApplied ? insets?.top ?? 0 : 0;
   const [isArchiveOpenState, setIsArchiveOpenState] = useState(false);
   const isArchiveOpen = isArchiveOpenProp ?? isArchiveOpenState;
-  let t10;
+  let t11;
   if ($[2] !== onArchiveOpenChange) {
-    t10 = isOpen => {
+    t11 = isOpen => {
       setIsArchiveOpenState(isOpen);
       onArchiveOpenChange?.(isOpen);
     };
     $[2] = onArchiveOpenChange;
-    $[3] = t10;
+    $[3] = t11;
   } else {
-    t10 = $[3];
+    t11 = $[3];
   }
-  const setIsArchiveOpen = t10;
-  let t11;
+  const setIsArchiveOpen = t11;
+  let t12;
   if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = [];
-    $[4] = t11;
+    t12 = [];
+    $[4] = t12;
   } else {
-    t11 = $[4];
+    t12 = $[4];
   }
-  const [selectedIds, setSelectedIds] = useState(t11);
+  const [selectedIds, setSelectedIds] = useState(t12);
   const [query, setQueryState] = useState(null);
-  let t12;
+  let t13;
   if ($[5] !== onSearchChange) {
-    t12 = next => {
+    t13 = next => {
       setQueryState(next);
       onSearchChange?.(next);
     };
     $[5] = onSearchChange;
-    $[6] = t12;
+    $[6] = t13;
   } else {
-    t12 = $[6];
+    t13 = $[6];
   }
-  const setQuery = t12;
+  const setQuery = t13;
   const isSelectionMode = selectedIds.length > 0;
-  let t13;
+  let t14;
   if ($[7] !== chats || $[8] !== isSortEnabled) {
-    t13 = isSortEnabled ? sortChats(chats) : chats;
+    t14 = isSortEnabled ? sortChats(chats) : chats;
     $[7] = chats;
     $[8] = isSortEnabled;
-    $[9] = t13;
+    $[9] = t14;
   } else {
-    t13 = $[9];
+    t14 = $[9];
   }
-  const sorted = t13;
-  let t14;
+  const sorted = t14;
+  let t15;
   if ($[10] !== sorted) {
-    t14 = sorted.filter(_temp3);
+    t15 = sorted.filter(_temp3);
     $[10] = sorted;
-    $[11] = t14;
+    $[11] = t15;
   } else {
-    t14 = $[11];
+    t15 = $[11];
   }
-  const mainChats = t14;
-  let t15;
+  const mainChats = t15;
+  let t16;
   if ($[12] !== sorted) {
-    t15 = sorted.filter(_temp4);
+    t16 = sorted.filter(_temp4);
     $[12] = sorted;
-    $[13] = t15;
+    $[13] = t16;
   } else {
-    t15 = $[13];
+    t16 = $[13];
   }
-  const archivedChats = t15;
-  let t16;
+  const archivedChats = t16;
+  let t17;
   bb0: {
     const source = isArchiveOpen ? archivedChats : mainChats;
     if (query) {
-      let t17;
+      let t18;
       if ($[14] !== filterChat || $[15] !== query || $[16] !== source) {
-        let t18;
+        let t19;
         if ($[18] !== filterChat || $[19] !== query) {
-          t18 = chat_1 => filterChat(chat_1, query);
+          t19 = chat_1 => filterChat(chat_1, query);
           $[18] = filterChat;
           $[19] = query;
-          $[20] = t18;
+          $[20] = t19;
         } else {
-          t18 = $[20];
+          t19 = $[20];
         }
-        t17 = source.filter(t18);
+        t18 = source.filter(t19);
         $[14] = filterChat;
         $[15] = query;
         $[16] = source;
-        $[17] = t17;
+        $[17] = t18;
       } else {
-        t17 = $[17];
+        t18 = $[17];
       }
-      t16 = t17;
+      t17 = t18;
       break bb0;
     }
     if (!isArchiveOpen && archivedChats.length) {
-      let t17;
+      let t18;
       if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-        t17 = {
+        t18 = {
           id: ARCHIVE_ROW_ID
         };
-        $[21] = t17;
+        $[21] = t18;
       } else {
-        t17 = $[21];
+        t18 = $[21];
       }
-      let t18;
+      let t19;
       if ($[22] !== source) {
-        t18 = [t17, ...source];
+        t19 = [t18, ...source];
         $[22] = source;
-        $[23] = t18;
+        $[23] = t19;
       } else {
-        t18 = $[23];
+        t19 = $[23];
       }
-      t16 = t18;
+      t17 = t19;
       break bb0;
     }
-    t16 = source;
+    t17 = source;
   }
-  const rows = t16;
-  let t17;
+  const rows = t17;
   let t18;
+  let t19;
   if ($[24] !== chats) {
-    t17 = () => {
+    t18 = () => {
       setSelectedIds(ids => {
         const kept = ids.filter(id => chats.some(chat_2 => chat_2.id === id));
         return kept.length === ids.length ? ids : kept;
       });
     };
-    t18 = [chats];
+    t19 = [chats];
     $[24] = chats;
-    $[25] = t17;
-    $[26] = t18;
+    $[25] = t18;
+    $[26] = t19;
   } else {
-    t17 = $[25];
-    t18 = $[26];
+    t18 = $[25];
+    t19 = $[26];
   }
-  useEffect(t17, t18);
-  let t19;
+  useEffect(t18, t19);
+  let t20;
   if ($[27] !== chats || $[28] !== selectedIds) {
-    let t20;
+    let t21;
     if ($[30] !== chats) {
-      t20 = id_0 => chats.find(chat_3 => chat_3.id === id_0);
+      t21 = id_0 => chats.find(chat_3 => chat_3.id === id_0);
       $[30] = chats;
-      $[31] = t20;
+      $[31] = t21;
     } else {
-      t20 = $[31];
+      t21 = $[31];
     }
-    t19 = selectedIds.map(t20).filter(_temp5);
+    t20 = selectedIds.map(t21).filter(_temp5);
     $[27] = chats;
     $[28] = selectedIds;
-    $[29] = t19;
+    $[29] = t20;
   } else {
-    t19 = $[29];
+    t20 = $[29];
   }
-  const selectedChats = t19;
-  let t20;
+  const selectedChats = t20;
+  let t21;
   if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-    t20 = () => setSelectedIds([]);
-    $[32] = t20;
+    t21 = () => setSelectedIds([]);
+    $[32] = t21;
   } else {
-    t20 = $[32];
+    t21 = $[32];
   }
-  const clearSelection = t20;
-  let t21;
+  const clearSelection = t21;
   let t22;
+  let t23;
   if ($[33] !== isArchiveOpen || $[34] !== isSelectionMode || $[35] !== query || $[36] !== setIsArchiveOpen || $[37] !== setQuery) {
-    t21 = () => {
+    t22 = () => {
       const subscription = BackHandler.addEventListener("hardwareBackPress", () => {
         if (isSelectionMode) {
           clearSelection();
@@ -424,32 +428,32 @@ function ChatListContent(t0) {
       });
       return () => subscription.remove();
     };
-    t22 = [isSelectionMode, query, isArchiveOpen, clearSelection, setQuery, setIsArchiveOpen];
+    t23 = [isSelectionMode, query, isArchiveOpen, clearSelection, setQuery, setIsArchiveOpen];
     $[33] = isArchiveOpen;
     $[34] = isSelectionMode;
     $[35] = query;
     $[36] = setIsArchiveOpen;
     $[37] = setQuery;
-    $[38] = t21;
-    $[39] = t22;
+    $[38] = t22;
+    $[39] = t23;
   } else {
-    t21 = $[38];
-    t22 = $[39];
+    t22 = $[38];
+    t23 = $[39];
   }
-  useEffect(t21, t22);
-  let t23;
+  useEffect(t22, t23);
+  let t24;
   if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-    t23 = chat_5 => {
+    t24 = chat_5 => {
       setSelectedIds(ids_0 => ids_0.includes(chat_5.id) ? ids_0.filter(id_1 => id_1 !== chat_5.id) : [...ids_0, chat_5.id]);
     };
-    $[40] = t23;
+    $[40] = t24;
   } else {
-    t23 = $[40];
+    t24 = $[40];
   }
-  const toggleSelected = t23;
-  let t24;
+  const toggleSelected = t24;
+  let t25;
   if ($[41] !== isSelectionMode || $[42] !== onPressChat) {
-    t24 = chat_6 => {
+    t25 = chat_6 => {
       if (isSelectionMode) {
         toggleSelected(chat_6);
         return;
@@ -458,14 +462,14 @@ function ChatListContent(t0) {
     };
     $[41] = isSelectionMode;
     $[42] = onPressChat;
-    $[43] = t24;
+    $[43] = t25;
   } else {
-    t24 = $[43];
+    t25 = $[43];
   }
-  const onPressRow = t24;
-  let t25;
+  const onPressRow = t25;
+  let t26;
   if ($[44] !== onLongPressChat) {
-    t25 = chat_7 => {
+    t26 = chat_7 => {
       if (onLongPressChat) {
         onLongPressChat(chat_7);
         return;
@@ -474,39 +478,39 @@ function ChatListContent(t0) {
       toggleSelected(chat_7);
     };
     $[44] = onLongPressChat;
-    $[45] = t25;
+    $[45] = t26;
   } else {
-    t25 = $[45];
+    t26 = $[45];
   }
-  const onLongPressRow = t25;
-  let t26;
+  const onLongPressRow = t26;
+  let t27;
   if ($[46] !== onArchiveChats) {
-    t26 = chat_8 => {
+    t27 = chat_8 => {
       onArchiveChats?.([chat_8], !chat_8.isArchived);
     };
     $[46] = onArchiveChats;
-    $[47] = t26;
+    $[47] = t27;
   } else {
-    t26 = $[47];
+    t27 = $[47];
   }
-  const onSwipeRow = t26;
-  let t27;
+  const onSwipeRow = t27;
+  let t28;
   if ($[48] !== mainChats) {
-    t27 = mainChats.filter(_temp6).map(_temp7);
+    t28 = mainChats.filter(_temp6).map(_temp7);
     $[48] = mainChats;
-    $[49] = t27;
+    $[49] = t28;
   } else {
-    t27 = $[49];
+    t28 = $[49];
   }
-  const pinnedIds = t27;
+  const pinnedIds = t28;
   const canReorder = !!onReorderPinnedChats && !isArchiveOpen && !query;
   const dragId = useSharedValue("");
   const dragFrom = useSharedValue(0);
   const dragY = useSharedValue(0);
   const isDragActive = useSharedValue(false);
-  let t28;
+  let t29;
   if ($[50] !== dragFrom || $[51] !== dragId || $[52] !== dragY || $[53] !== isDragActive) {
-    t28 = {
+    t29 = {
       id: dragId,
       from: dragFrom,
       y: dragY,
@@ -516,17 +520,17 @@ function ChatListContent(t0) {
     $[51] = dragId;
     $[52] = dragY;
     $[53] = isDragActive;
-    $[54] = t28;
+    $[54] = t29;
   } else {
-    t28 = $[54];
+    t29 = $[54];
   }
-  const drag = t28;
+  const drag = t29;
   const [liftedId, setLiftedId] = useState(null);
   const [isSettling, setIsSettling] = useState(false);
   const [dropCount, setDropCount] = useState(0);
-  let t29;
+  let t30;
   if ($[55] !== selectedIds) {
-    t29 = chat_11 => {
+    t30 = chat_11 => {
       setLiftedId(String(chat_11.id));
       setIsSettling(true);
       if (!selectedIds.includes(chat_11.id)) {
@@ -535,14 +539,14 @@ function ChatListContent(t0) {
       }
     };
     $[55] = selectedIds;
-    $[56] = t29;
+    $[56] = t30;
   } else {
-    t29 = $[56];
+    t30 = $[56];
   }
-  const onDragStart = t29;
-  let t30;
+  const onDragStart = t30;
+  let t31;
   if ($[57] !== onReorderPinnedChats || $[58] !== pinnedIds) {
-    t30 = (chat_12, toIndex) => {
+    t31 = (chat_12, toIndex) => {
       const order = pinnedIds.filter(id_2 => id_2 !== chat_12.id);
       order.splice(toIndex, 0, chat_12.id);
       if (order.some((id_3, index) => id_3 !== pinnedIds[index])) {
@@ -553,15 +557,15 @@ function ChatListContent(t0) {
     };
     $[57] = onReorderPinnedChats;
     $[58] = pinnedIds;
-    $[59] = t30;
+    $[59] = t31;
   } else {
-    t30 = $[59];
+    t31 = $[59];
   }
-  const onDrop = t30;
-  let t31;
+  const onDrop = t31;
   let t32;
+  let t33;
   if ($[60] !== dragId || $[61] !== dragY || $[62] !== dropCount || $[63] !== isDragActive) {
-    t31 = () => {
+    t32 = () => {
       if (!dropCount) {
         return;
       }
@@ -571,34 +575,34 @@ function ChatListContent(t0) {
       const timer = setTimeout(() => setIsSettling(false), 50);
       return () => clearTimeout(timer);
     };
-    t32 = [dropCount, isDragActive, dragY, dragId];
+    t33 = [dropCount, isDragActive, dragY, dragId];
     $[60] = dragId;
     $[61] = dragY;
     $[62] = dropCount;
     $[63] = isDragActive;
-    $[64] = t31;
-    $[65] = t32;
+    $[64] = t32;
+    $[65] = t33;
   } else {
-    t31 = $[64];
-    t32 = $[65];
+    t32 = $[64];
+    t33 = $[65];
   }
-  useLayoutEffect(t31, t32);
-  let t33;
+  useLayoutEffect(t32, t33);
+  let t34;
   if ($[66] !== onDragStart || $[67] !== onDrop) {
-    t33 = {
+    t34 = {
       onDragStart,
       onDrop
     };
     $[66] = onDragStart;
     $[67] = onDrop;
-    $[68] = t33;
+    $[68] = t34;
   } else {
-    t33 = $[68];
+    t34 = $[68];
   }
-  const dragHandlersRef = useRef(t33);
-  let t34;
+  const dragHandlersRef = useRef(t34);
+  let t35;
   if ($[69] !== onDragStart || $[70] !== onDrop) {
-    t34 = () => {
+    t35 = () => {
       dragHandlersRef.current = {
         onDragStart,
         onDrop
@@ -606,30 +610,30 @@ function ChatListContent(t0) {
     };
     $[69] = onDragStart;
     $[70] = onDrop;
-    $[71] = t34;
+    $[71] = t35;
   } else {
-    t34 = $[71];
+    t35 = $[71];
   }
-  useLayoutEffect(t34);
-  let t35;
+  useLayoutEffect(t35);
+  let t36;
   if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
-    t35 = chat_13 => dragHandlersRef.current.onDragStart(chat_13);
-    $[72] = t35;
+    t36 = chat_13 => dragHandlersRef.current.onDragStart(chat_13);
+    $[72] = t36;
   } else {
-    t35 = $[72];
+    t36 = $[72];
   }
-  const stableOnStart = t35;
-  let t36;
+  const stableOnStart = t36;
+  let t37;
   if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
-    t36 = (chat_14, toIndex_0) => dragHandlersRef.current.onDrop(chat_14, toIndex_0);
-    $[73] = t36;
+    t37 = (chat_14, toIndex_0) => dragHandlersRef.current.onDrop(chat_14, toIndex_0);
+    $[73] = t37;
   } else {
-    t36 = $[73];
+    t37 = $[73];
   }
-  const stableOnDrop = t36;
-  let t37;
+  const stableOnDrop = t37;
+  let t38;
   if ($[74] !== canReorder || $[75] !== drag || $[76] !== pinnedIds) {
-    t37 = chat_15 => {
+    t38 = chat_15 => {
       const index_0 = pinnedIds.indexOf(chat_15.id);
       if (!canReorder || index_0 < 0) {
         return;
@@ -645,26 +649,26 @@ function ChatListContent(t0) {
     $[74] = canReorder;
     $[75] = drag;
     $[76] = pinnedIds;
-    $[77] = t37;
+    $[77] = t38;
   } else {
-    t37 = $[77];
+    t38 = $[77];
   }
-  const reorderFor = t37;
-  let t38;
+  const reorderFor = t38;
+  let t39;
   if ($[78] !== selectedChats) {
-    t38 = action => {
+    t39 = action => {
       action(selectedChats);
       clearSelection();
     };
     $[78] = selectedChats;
-    $[79] = t38;
+    $[79] = t39;
   } else {
-    t38 = $[79];
+    t39 = $[79];
   }
-  const runOnSelection = t38;
-  let t39;
+  const runOnSelection = t39;
+  let t40;
   if ($[80] !== isDeleteConfirmed || $[81] !== labels || $[82] !== onDeleteChats || $[83] !== runOnSelection || $[84] !== selectedChats.length) {
-    t39 = () => {
+    t40 = () => {
       if (!onDeleteChats) {
         return;
       }
@@ -689,11 +693,11 @@ function ChatListContent(t0) {
     $[82] = onDeleteChats;
     $[83] = runOnSelection;
     $[84] = selectedChats.length;
-    $[85] = t39;
+    $[85] = t40;
   } else {
-    t39 = $[85];
+    t40 = $[85];
   }
-  const onDeleteSelected = t39;
+  const onDeleteSelected = t40;
   const fabOffset = useSharedValue(0);
   const lastScrollY = useSharedValue(0);
   const onScroll = useAnimatedScrollHandler(event => {
@@ -713,13 +717,13 @@ function ChatListContent(t0) {
       translateY: fabOffset.value
     }]
   }));
-  let t40;
-  if ($[86] !== archivedChats || $[87] !== canReorder || $[88] !== isSelectionMode || $[89] !== isSwipeEnabled || $[90] !== onArchiveChats || $[91] !== onLongPressRow || $[92] !== onPressRow || $[93] !== onSwipeRow || $[94] !== pinnedIds.length || $[95] !== renderChat || $[96] !== reorderFor || $[97] !== rows.length || $[98] !== selectedIds || $[99] !== setIsArchiveOpen || $[100] !== user) {
-    t40 = t41 => {
+  let t41;
+  if ($[86] !== archivedChats || $[87] !== canReorder || $[88] !== dateFormat || $[89] !== isSelectionMode || $[90] !== isSwipeEnabled || $[91] !== onArchiveChats || $[92] !== onLongPressRow || $[93] !== onPressRow || $[94] !== onSwipeRow || $[95] !== pinnedIds.length || $[96] !== renderChat || $[97] !== reorderFor || $[98] !== rows.length || $[99] !== selectedIds || $[100] !== setIsArchiveOpen || $[101] !== timeFormat || $[102] !== user) {
+    t41 = t42 => {
       const {
         item,
         index: index_1
-      } = t41;
+      } = t42;
       if (isArchiveRow(item)) {
         return <ArchiveRow chats={archivedChats} onPress={() => setIsArchiveOpen(true)} />;
       }
@@ -733,85 +737,89 @@ function ChatListContent(t0) {
         onSwipe: onArchiveChats && isSwipeEnabled ? onSwipeRow : undefined,
         isLast: index_1 === rows.length - 1,
         reorder: reorderFor(item),
-        isReordering: isSelectionMode && canReorder && pinnedIds.length > 1 && !!item.isPinned
+        isReordering: isSelectionMode && canReorder && pinnedIds.length > 1 && !!item.isPinned,
+        timeFormat,
+        dateFormat
       };
       return renderChat ? <>{renderChat(cellProps)}</> : <ChatListCell {...cellProps} />;
     };
     $[86] = archivedChats;
     $[87] = canReorder;
-    $[88] = isSelectionMode;
-    $[89] = isSwipeEnabled;
-    $[90] = onArchiveChats;
-    $[91] = onLongPressRow;
-    $[92] = onPressRow;
-    $[93] = onSwipeRow;
-    $[94] = pinnedIds.length;
-    $[95] = renderChat;
-    $[96] = reorderFor;
-    $[97] = rows.length;
-    $[98] = selectedIds;
-    $[99] = setIsArchiveOpen;
-    $[100] = user;
-    $[101] = t40;
-  } else {
-    t40 = $[101];
-  }
-  const renderItem = t40;
-  let t41;
-  if ($[102] !== selectedChats) {
-    t41 = selectedChats.length > 0 && selectedChats.every(_temp9);
-    $[102] = selectedChats;
+    $[88] = dateFormat;
+    $[89] = isSelectionMode;
+    $[90] = isSwipeEnabled;
+    $[91] = onArchiveChats;
+    $[92] = onLongPressRow;
+    $[93] = onPressRow;
+    $[94] = onSwipeRow;
+    $[95] = pinnedIds.length;
+    $[96] = renderChat;
+    $[97] = reorderFor;
+    $[98] = rows.length;
+    $[99] = selectedIds;
+    $[100] = setIsArchiveOpen;
+    $[101] = timeFormat;
+    $[102] = user;
     $[103] = t41;
   } else {
     t41 = $[103];
   }
-  const isAllPinned = t41;
+  const renderItem = t41;
   let t42;
   if ($[104] !== selectedChats) {
-    t42 = selectedChats.length > 0 && selectedChats.every(_temp0);
+    t42 = selectedChats.length > 0 && selectedChats.every(_temp9);
     $[104] = selectedChats;
     $[105] = t42;
   } else {
     t42 = $[105];
   }
-  const isAllMuted = t42;
-  const headerTitle = isArchiveOpen ? labels.chatListArchived : title ?? labels.chatListTitle;
+  const isAllPinned = t42;
   let t43;
-  if ($[106] !== colors.message || $[107] !== labels || $[108] !== query || $[109] !== renderEmpty) {
-    t43 = renderEmpty ? <>{renderEmpty(!!query)}</> : <Text style={[styles.empty, {
-      color: colors.message
-    }]}>{query ? labels.chatListNoResults : labels.chatListEmpty}</Text>;
-    $[106] = colors.message;
-    $[107] = labels;
-    $[108] = query;
-    $[109] = renderEmpty;
-    $[110] = t43;
+  if ($[106] !== selectedChats) {
+    t43 = selectedChats.length > 0 && selectedChats.every(_temp0);
+    $[106] = selectedChats;
+    $[107] = t43;
   } else {
-    t43 = $[110];
+    t43 = $[107];
   }
-  const empty = t43;
+  const isAllMuted = t43;
+  const headerTitle = isArchiveOpen ? labels.chatListArchived : title ?? labels.chatListTitle;
   let t44;
-  if ($[111] !== colors.background) {
-    t44 = {
-      backgroundColor: colors.background
-    };
-    $[111] = colors.background;
+  if ($[108] !== colors.message || $[109] !== labels || $[110] !== query || $[111] !== renderEmpty) {
+    t44 = renderEmpty ? <>{renderEmpty(!!query)}</> : <Text style={[styles.empty, {
+      color: colors.message
+    }]}>{query ? labels.chatListNoResults : labels.chatListEmpty}</Text>;
+    $[108] = colors.message;
+    $[109] = labels;
+    $[110] = query;
+    $[111] = renderEmpty;
     $[112] = t44;
   } else {
     t44 = $[112];
   }
+  const empty = t44;
   let t45;
-  if ($[113] !== style || $[114] !== t44) {
-    t45 = [styles.fill, t44, style];
-    $[113] = style;
-    $[114] = t44;
-    $[115] = t45;
+  if ($[113] !== colors.background) {
+    t45 = {
+      backgroundColor: colors.background
+    };
+    $[113] = colors.background;
+    $[114] = t45;
   } else {
-    t45 = $[115];
+    t45 = $[114];
   }
   let t46;
-  if ($[116] !== colors.headerBackground || $[117] !== colors.headerText || $[118] !== colors.message || $[119] !== headerTitle || $[120] !== isAllMuted || $[121] !== isAllPinned || $[122] !== isArchiveOpen || $[123] !== isHeaderVisible || $[124] !== isSearchEnabled || $[125] !== isSelectionMode || $[126] !== labels || $[127] !== onArchiveChats || $[128] !== onDeleteChats || $[129] !== onDeleteSelected || $[130] !== onMuteChats || $[131] !== onPinChats || $[132] !== query || $[133] !== renderHeaderRight || $[134] !== runOnSelection || $[135] !== selectedIds.length || $[136] !== setIsArchiveOpen || $[137] !== setQuery || $[138] !== topInset) {
-    t46 = isHeaderVisible && <View style={[styles.header, {
+  if ($[115] !== style || $[116] !== t45) {
+    t46 = [styles.fill, t45, style];
+    $[115] = style;
+    $[116] = t45;
+    $[117] = t46;
+  } else {
+    t46 = $[117];
+  }
+  let t47;
+  if ($[118] !== colors.headerBackground || $[119] !== colors.headerText || $[120] !== colors.message || $[121] !== headerRightPosition || $[122] !== headerTitle || $[123] !== isAllMuted || $[124] !== isAllPinned || $[125] !== isArchiveOpen || $[126] !== isHeaderVisible || $[127] !== isSearchEnabled || $[128] !== isSelectionMode || $[129] !== labels || $[130] !== onArchiveChats || $[131] !== onDeleteChats || $[132] !== onDeleteSelected || $[133] !== onMuteChats || $[134] !== onPinChats || $[135] !== query || $[136] !== renderHeaderRight || $[137] !== runOnSelection || $[138] !== selectedIds.length || $[139] !== setIsArchiveOpen || $[140] !== setQuery || $[141] !== topInset) {
+    t47 = isHeaderVisible && <View style={[styles.header, {
       paddingTop: topInset,
       backgroundColor: colors.headerBackground
     }]}><View style={styles.headerBar}>{isSelectionMode ? <Animated.View key="selection" entering={FadeIn.duration(150)} exiting={FadeOut.duration(150)} style={styles.headerContent}><HeaderButton icon="close" color={colors.headerText} onPress={clearSelection} label={labels.cancelSelection} /><Text style={[styles.headerTitle, styles.selectionCount, {
@@ -820,115 +828,116 @@ function ChatListContent(t0) {
             color: colors.headerText
           }]} returnKeyType="search" /></Animated.View> : <Animated.View key={isArchiveOpen ? "archive" : "main"} entering={FadeIn.duration(150)} exiting={FadeOut.duration(150)} style={styles.headerContent}>{isArchiveOpen && <HeaderButton icon="arrowLeft" color={colors.headerText} onPress={() => setIsArchiveOpen(false)} label={labels.chatListBack} />}<Text style={[styles.headerTitle, !isArchiveOpen && styles.headerTitleStart, {
             color: colors.headerText
-          }]} numberOfLines={1}>{headerTitle}</Text><View style={styles.spacer} />{renderHeaderRight?.()}{isSearchEnabled && <HeaderButton icon="search" color={colors.headerText} onPress={() => setQuery("")} label={labels.chatListSearch} />}</Animated.View>}</View></View>;
-    $[116] = colors.headerBackground;
-    $[117] = colors.headerText;
-    $[118] = colors.message;
-    $[119] = headerTitle;
-    $[120] = isAllMuted;
-    $[121] = isAllPinned;
-    $[122] = isArchiveOpen;
-    $[123] = isHeaderVisible;
-    $[124] = isSearchEnabled;
-    $[125] = isSelectionMode;
-    $[126] = labels;
-    $[127] = onArchiveChats;
-    $[128] = onDeleteChats;
-    $[129] = onDeleteSelected;
-    $[130] = onMuteChats;
-    $[131] = onPinChats;
-    $[132] = query;
-    $[133] = renderHeaderRight;
-    $[134] = runOnSelection;
-    $[135] = selectedIds.length;
-    $[136] = setIsArchiveOpen;
-    $[137] = setQuery;
-    $[138] = topInset;
-    $[139] = t46;
-  } else {
-    t46 = $[139];
-  }
-  const t47 = isLoading ? EMPTY_ROWS : rows;
-  const t48 = isSettling ? undefined : LIST_TRANSITION;
-  let t49;
-  if ($[140] !== liftedId) {
-    t49 = t50 => {
+          }]} numberOfLines={1}>{headerTitle}</Text><View style={styles.spacer} />{headerRightPosition === "beforeSearch" && renderHeaderRight?.()}{isSearchEnabled && <HeaderButton icon="search" color={colors.headerText} onPress={() => setQuery("")} label={labels.chatListSearch} />}{headerRightPosition === "afterSearch" && renderHeaderRight?.()}</Animated.View>}</View></View>;
+    $[118] = colors.headerBackground;
+    $[119] = colors.headerText;
+    $[120] = colors.message;
+    $[121] = headerRightPosition;
+    $[122] = headerTitle;
+    $[123] = isAllMuted;
+    $[124] = isAllPinned;
+    $[125] = isArchiveOpen;
+    $[126] = isHeaderVisible;
+    $[127] = isSearchEnabled;
+    $[128] = isSelectionMode;
+    $[129] = labels;
+    $[130] = onArchiveChats;
+    $[131] = onDeleteChats;
+    $[132] = onDeleteSelected;
+    $[133] = onMuteChats;
+    $[134] = onPinChats;
+    $[135] = query;
+    $[136] = renderHeaderRight;
+    $[137] = runOnSelection;
+    $[138] = selectedIds.length;
+    $[139] = setIsArchiveOpen;
+    $[140] = setQuery;
+    $[141] = topInset;
+    $[142] = t47;
+  } else {
+    t47 = $[142];
+  }
+  const t48 = isLoading ? EMPTY_ROWS : rows;
+  const t49 = isSettling ? undefined : LIST_TRANSITION;
+  let t50;
+  if ($[143] !== liftedId) {
+    t50 = t51 => {
       const {
         item: item_1
-      } = t50;
+      } = t51;
       return String(item_1.id) === liftedId ? styles.liftedCell : undefined;
     };
-    $[140] = liftedId;
-    $[141] = t49;
-  } else {
-    t49 = $[141];
-  }
-  const t50 = onPressNewChat ? styles.listContentWithFab : undefined;
-  const t51 = isLoading ? undefined : empty;
-  const t52 = listProps;
-  let t53;
-  if ($[142] !== liftedId || $[143] !== onScroll || $[144] !== renderItem || $[145] !== t47 || $[146] !== t48 || $[147] !== t49 || $[148] !== t50 || $[149] !== t51 || $[150] !== t52) {
-    t53 = <Animated.FlatList data={t47} keyExtractor={_temp1} renderItem={renderItem} itemLayoutAnimation={t48} extraData={liftedId} CellRendererComponentStyle={t49} onScroll={onScroll} scrollEventThrottle={16} keyboardShouldPersistTaps="handled" contentContainerStyle={t50} ListEmptyComponent={t51} {...t52} />;
-    $[142] = liftedId;
-    $[143] = onScroll;
-    $[144] = renderItem;
-    $[145] = t47;
-    $[146] = t48;
-    $[147] = t49;
-    $[148] = t50;
-    $[149] = t51;
-    $[150] = t52;
-    $[151] = t53;
-  } else {
-    t53 = $[151];
+    $[143] = liftedId;
+    $[144] = t50;
+  } else {
+    t50 = $[144];
   }
+  const t51 = onPressNewChat ? styles.listContentWithFab : undefined;
+  const t52 = isLoading ? undefined : empty;
+  const t53 = listProps;
   let t54;
-  if ($[152] !== isLoading) {
-    t54 = isLoading && <Animated.View exiting={FadeOut.duration(150)} style={StyleSheet.absoluteFill} pointerEvents="none"><ChatListShimmer /></Animated.View>;
-    $[152] = isLoading;
-    $[153] = t54;
-  } else {
-    t54 = $[153];
+  if ($[145] !== liftedId || $[146] !== onScroll || $[147] !== renderItem || $[148] !== t48 || $[149] !== t49 || $[150] !== t50 || $[151] !== t51 || $[152] !== t52 || $[153] !== t53) {
+    t54 = <Animated.FlatList data={t48} keyExtractor={_temp1} renderItem={renderItem} itemLayoutAnimation={t49} extraData={liftedId} CellRendererComponentStyle={t50} onScroll={onScroll} scrollEventThrottle={16} keyboardShouldPersistTaps="handled" contentContainerStyle={t51} ListEmptyComponent={t52} {...t53} />;
+    $[145] = liftedId;
+    $[146] = onScroll;
+    $[147] = renderItem;
+    $[148] = t48;
+    $[149] = t49;
+    $[150] = t50;
+    $[151] = t51;
+    $[152] = t52;
+    $[153] = t53;
+    $[154] = t54;
+  } else {
+    t54 = $[154];
   }
   let t55;
-  if ($[154] !== t53 || $[155] !== t54) {
-    t55 = <View style={styles.fill}>{t53}{t54}</View>;
-    $[154] = t53;
-    $[155] = t54;
+  if ($[155] !== isLoading) {
+    t55 = isLoading && <Animated.View exiting={FadeOut.duration(150)} style={StyleSheet.absoluteFill} pointerEvents="none"><ChatListShimmer /></Animated.View>;
+    $[155] = isLoading;
     $[156] = t55;
   } else {
     t55 = $[156];
   }
   let t56;
-  if ($[157] !== colors.fab || $[158] !== colors.fabIcon || $[159] !== fabStyle || $[160] !== isArchiveOpen || $[161] !== isSelectionMode || $[162] !== labels || $[163] !== onPressNewChat) {
-    t56 = onPressNewChat && !isArchiveOpen && !isSelectionMode && <Animated.View entering={FadeIn.duration(200)} exiting={FadeOut.duration(200)} style={[styles.fabWrap, fabStyle]}><Touchable style={[styles.fab, {
+  if ($[157] !== t54 || $[158] !== t55) {
+    t56 = <View style={styles.fill}>{t54}{t55}</View>;
+    $[157] = t54;
+    $[158] = t55;
+    $[159] = t56;
+  } else {
+    t56 = $[159];
+  }
+  let t57;
+  if ($[160] !== colors.fab || $[161] !== colors.fabIcon || $[162] !== fabStyle || $[163] !== isArchiveOpen || $[164] !== isSelectionMode || $[165] !== labels || $[166] !== onPressNewChat) {
+    t57 = onPressNewChat && !isArchiveOpen && !isSelectionMode && <Animated.View entering={FadeIn.duration(200)} exiting={FadeOut.duration(200)} style={[styles.fabWrap, fabStyle]}><Touchable style={[styles.fab, {
         backgroundColor: colors.fab
       }]} activeScale={0.9} onPress={onPressNewChat} accessibilityRole="button" accessibilityLabel={labels.chatListNewChat}><Icon name="pencil" size={24} color={colors.fabIcon} fallback={<Text style={{
           color: colors.fabIcon
         }}>+</Text>} /></Touchable></Animated.View>;
-    $[157] = colors.fab;
-    $[158] = colors.fabIcon;
-    $[159] = fabStyle;
-    $[160] = isArchiveOpen;
-    $[161] = isSelectionMode;
-    $[162] = labels;
-    $[163] = onPressNewChat;
-    $[164] = t56;
-  } else {
-    t56 = $[164];
-  }
-  let t57;
-  if ($[165] !== t45 || $[166] !== t46 || $[167] !== t55 || $[168] !== t56) {
-    t57 = <View style={t45}>{t46}{t55}{t56}</View>;
-    $[165] = t45;
-    $[166] = t46;
-    $[167] = t55;
-    $[168] = t56;
-    $[169] = t57;
-  } else {
-    t57 = $[169];
-  }
-  return t57;
+    $[160] = colors.fab;
+    $[161] = colors.fabIcon;
+    $[162] = fabStyle;
+    $[163] = isArchiveOpen;
+    $[164] = isSelectionMode;
+    $[165] = labels;
+    $[166] = onPressNewChat;
+    $[167] = t57;
+  } else {
+    t57 = $[167];
+  }
+  let t58;
+  if ($[168] !== t46 || $[169] !== t47 || $[170] !== t56 || $[171] !== t57) {
+    t58 = <View style={t46}>{t47}{t56}{t57}</View>;
+    $[168] = t46;
+    $[169] = t47;
+    $[170] = t56;
+    $[171] = t57;
+    $[172] = t58;
+  } else {
+    t58 = $[172];
+  }
+  return t58;
 }
 function _temp1(item_0) {
   return String(item_0.id);