@planningcenter/chat-react-native 4.4.1-qa-staging.27 → 4.4.1-qa-staging.29

package/build/screens/conversations/components/filter_dropdown_list_header_component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown_list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"names":[],"mappings":"AAiDA,eAAO,MAAM,iCAAiC,+CAmP7C,CAAA"}
+{"version":3,"file":"filter_dropdown_list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,iCAAiC,+CAqO7C,CAAA"}

package/build/screens/conversations/components/filter_dropdown_list_header_component.js

@@ -3,7 +3,7 @@ import { useNavigation, useRoute } from '@react-navigation/native';
 import React, { useCallback, useMemo, useState } from 'react';
 import { Alert, StyleSheet, View } from 'react-native';
 import { FilterDropdown, TextButton } from '../../../components';
-import { useCanBrowseArchivedConversations, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useFontScale, useHasDirectMessages, useNewConversationEntry, useTheme } from '../../../hooks';
+import { useCanBrowseArchivedConversations, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useHasDirectMessages, useNewConversationEntry, useTheme } from '../../../hooks';
 import { useApiGet } from '../../../hooks/use_api';
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
 import { useCanDisplayGroups } from '../../../hooks/use_groups';
@@ -15,7 +15,6 @@ import { ListHeaderActionButton } from './list_header_action_button';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ROW_PADDING_HORIZONTAL = 16;
 const HEADING_ROW_GAP = 12;
-const DEFAULT_FONT_SCALE = 1;
 const ALL_CONVERSATIONS_LABEL = 'All conversations';
 const ARCHIVED_LABEL = 'Archived';
 var FilterTypes = /*#__PURE__*/function (FilterTypes) {
@@ -43,7 +42,7 @@ const FILTER_PARAMS = {
   }
 };
 export const FilterDropdownListHeaderComponent = () => {
-  const $ = _c(96);
+  const $ = _c(93);
   const navigation = useNavigation();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -419,44 +418,22 @@ export const FilterDropdownListHeaderComponent = () => {
   }
   const alertMarkAllRead = t25;
   const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived;
-  const stacked = useFontScale() > DEFAULT_FONT_SCALE;
-  let t26;
-  if ($[55] !== stacked) {
-    t26 = {
-      stacked
-    };
-    $[55] = stacked;
-    $[56] = t26;
-  } else {
-    t26 = $[56];
-  }
-  const styles = useStyles(t26);
+  const styles = useStyles();
   const [rowWidth, setRowWidth] = useState();
-  const [actionsWidth, setActionsWidth] = useState();
-  let t27;
-  if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
-    t27 = event => {
+  let t26;
+  if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = event => {
       setRowWidth(event.nativeEvent.layout.width);
     };
-    $[57] = t27;
+    $[55] = t26;
   } else {
-    t27 = $[57];
+    t26 = $[55];
   }
-  const handleRowLayout = t27;
-  let t28;
-  if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
-    t28 = event_0 => {
-      setActionsWidth(event_0.nativeEvent.layout.width);
-    };
-    $[58] = t28;
-  } else {
-    t28 = $[58];
-  }
-  const handleActionsLayout = t28;
-  const triggerMaxWidth = !stacked && rowWidth !== undefined && actionsWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 - actionsWidth - HEADING_ROW_GAP : undefined;
-  let t29;
-  if ($[59] !== active || $[60] !== handleOpenConversationFilters || $[61] !== handleSelectFilter || $[62] !== options || $[63] !== showMoreFilters || $[64] !== triggerLabel || $[65] !== triggerMaxWidth) {
-    t29 = /*#__PURE__*/_jsx(FilterDropdown, {
+  const handleRowLayout = t26;
+  const triggerMaxWidth = rowWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 : undefined;
+  let t27;
+  if ($[56] !== active || $[57] !== handleOpenConversationFilters || $[58] !== handleSelectFilter || $[59] !== options || $[60] !== showMoreFilters || $[61] !== triggerLabel || $[62] !== triggerMaxWidth) {
+    t27 = /*#__PURE__*/_jsx(FilterDropdown, {
       options: options,
       selectedId: active,
       onSelect: handleSelectFilter,
@@ -465,107 +442,105 @@ export const FilterDropdownListHeaderComponent = () => {
       triggerLabel: triggerLabel,
       maxWidth: triggerMaxWidth
     });
-    $[59] = active;
-    $[60] = handleOpenConversationFilters;
-    $[61] = handleSelectFilter;
-    $[62] = options;
-    $[63] = showMoreFilters;
-    $[64] = triggerLabel;
-    $[65] = triggerMaxWidth;
-    $[66] = t29;
+    $[56] = active;
+    $[57] = handleOpenConversationFilters;
+    $[58] = handleSelectFilter;
+    $[59] = options;
+    $[60] = showMoreFilters;
+    $[61] = triggerLabel;
+    $[62] = triggerMaxWidth;
+    $[63] = t27;
   } else {
-    t29 = $[66];
+    t27 = $[63];
   }
-  let t30;
-  if ($[67] !== styles.titleContainer || $[68] !== t29) {
-    t30 = /*#__PURE__*/_jsx(View, {
+  let t28;
+  if ($[64] !== styles.titleContainer || $[65] !== t27) {
+    t28 = /*#__PURE__*/_jsx(View, {
       style: styles.titleContainer,
-      children: t29
+      children: t27
     });
-    $[67] = styles.titleContainer;
-    $[68] = t29;
-    $[69] = t30;
+    $[64] = styles.titleContainer;
+    $[65] = t27;
+    $[66] = t28;
   } else {
-    t30 = $[69];
+    t28 = $[66];
   }
-  let t31;
-  if ($[70] !== handleChatSettings) {
-    t31 = /*#__PURE__*/_jsx(ListHeaderActionButton, {
+  let t29;
+  if ($[67] !== handleChatSettings) {
+    t29 = /*#__PURE__*/_jsx(ListHeaderActionButton, {
       name: "general.cog",
       onPress: handleChatSettings,
       accessibilityLabel: "Chat settings",
       testID: "conversations-chat-settings-button",
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
     });
-    $[70] = handleChatSettings;
-    $[71] = t31;
+    $[67] = handleChatSettings;
+    $[68] = t29;
   } else {
-    t31 = $[71];
+    t29 = $[68];
   }
-  let t32;
-  if ($[72] !== canCreateConversations || $[73] !== handleNewConversationNavigation) {
-    t32 = canCreateConversations && /*#__PURE__*/_jsx(ListHeaderActionButton, {
+  let t30;
+  if ($[69] !== canCreateConversations || $[70] !== handleNewConversationNavigation) {
+    t30 = canCreateConversations && /*#__PURE__*/_jsx(ListHeaderActionButton, {
       name: "churchCenter.signups",
       onPress: handleNewConversationNavigation,
       accessibilityLabel: "New conversation",
       testID: "conversations-new-conversation-button",
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
     });
-    $[72] = canCreateConversations;
-    $[73] = handleNewConversationNavigation;
-    $[74] = t32;
+    $[69] = canCreateConversations;
+    $[70] = handleNewConversationNavigation;
+    $[71] = t30;
   } else {
-    t32 = $[74];
+    t30 = $[71];
   }
-  let t33;
-  if ($[75] !== handleSearch || $[76] !== searchEnabled) {
-    t33 = searchEnabled && /*#__PURE__*/_jsx(ListHeaderActionButton, {
+  let t31;
+  if ($[72] !== handleSearch || $[73] !== searchEnabled) {
+    t31 = searchEnabled && /*#__PURE__*/_jsx(ListHeaderActionButton, {
       name: "general.search",
       onPress: handleSearch,
       accessibilityLabel: "Search",
       testID: "conversations-search-button",
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
     });
-    $[75] = handleSearch;
-    $[76] = searchEnabled;
-    $[77] = t33;
+    $[72] = handleSearch;
+    $[73] = searchEnabled;
+    $[74] = t31;
   } else {
-    t33 = $[77];
+    t31 = $[74];
   }
-  let t34;
-  if ($[78] !== styles.actionsContainer || $[79] !== t31 || $[80] !== t32 || $[81] !== t33) {
-    t34 = /*#__PURE__*/_jsxs(View, {
+  let t32;
+  if ($[75] !== styles.actionsContainer || $[76] !== t29 || $[77] !== t30 || $[78] !== t31) {
+    t32 = /*#__PURE__*/_jsxs(View, {
       style: styles.actionsContainer,
-      onLayout: handleActionsLayout,
-      testID: "conversations-filter-actions",
-      children: [t31, t32, t33]
+      children: [t29, t30, t31]
     });
-    $[78] = styles.actionsContainer;
-    $[79] = t31;
-    $[80] = t32;
-    $[81] = t33;
-    $[82] = t34;
+    $[75] = styles.actionsContainer;
+    $[76] = t29;
+    $[77] = t30;
+    $[78] = t31;
+    $[79] = t32;
   } else {
-    t34 = $[82];
+    t32 = $[79];
   }
-  let t35;
-  if ($[83] !== styles.headingRow || $[84] !== t30 || $[85] !== t34) {
-    t35 = /*#__PURE__*/_jsxs(View, {
+  let t33;
+  if ($[80] !== styles.headingRow || $[81] !== t28 || $[82] !== t32) {
+    t33 = /*#__PURE__*/_jsxs(View, {
       style: styles.headingRow,
       onLayout: handleRowLayout,
       testID: "conversations-filter-heading-row",
-      children: [t30, t34]
+      children: [t28, t32]
     });
-    $[83] = styles.headingRow;
-    $[84] = t30;
-    $[85] = t34;
-    $[86] = t35;
+    $[80] = styles.headingRow;
+    $[81] = t28;
+    $[82] = t32;
+    $[83] = t33;
   } else {
-    t35 = $[86];
+    t33 = $[83];
   }
-  let t36;
-  if ($[87] !== alertMarkAllRead || $[88] !== isPending || $[89] !== show_archived || $[90] !== styles.markAllReadRow) {
-    t36 = !show_archived && /*#__PURE__*/_jsx(View, {
+  let t34;
+  if ($[84] !== alertMarkAllRead || $[85] !== isPending || $[86] !== show_archived || $[87] !== styles.markAllReadRow) {
+    t34 = !show_archived && /*#__PURE__*/_jsx(View, {
       style: styles.markAllReadRow,
       children: /*#__PURE__*/_jsx(TextButton, {
         onPress: alertMarkAllRead,
@@ -576,38 +551,35 @@ export const FilterDropdownListHeaderComponent = () => {
         children: "Mark all read"
       })
     });
-    $[87] = alertMarkAllRead;
-    $[88] = isPending;
-    $[89] = show_archived;
-    $[90] = styles.markAllReadRow;
-    $[91] = t36;
+    $[84] = alertMarkAllRead;
+    $[85] = isPending;
+    $[86] = show_archived;
+    $[87] = styles.markAllReadRow;
+    $[88] = t34;
   } else {
-    t36 = $[91];
+    t34 = $[88];
   }
-  let t37;
-  if ($[92] !== styles.listHeader || $[93] !== t35 || $[94] !== t36) {
-    t37 = /*#__PURE__*/_jsxs(View, {
+  let t35;
+  if ($[89] !== styles.listHeader || $[90] !== t33 || $[91] !== t34) {
+    t35 = /*#__PURE__*/_jsxs(View, {
       style: styles.listHeader,
-      children: [t35, t36]
+      children: [t33, t34]
     });
-    $[92] = styles.listHeader;
-    $[93] = t35;
-    $[94] = t36;
-    $[95] = t37;
+    $[89] = styles.listHeader;
+    $[90] = t33;
+    $[91] = t34;
+    $[92] = t35;
   } else {
-    t37 = $[95];
+    t35 = $[92];
   }
-  return t37;
+  return t35;
 };
-const useStyles = t0 => {
-  const $ = _c(3);
-  const {
-    stacked
-  } = t0;
+const useStyles = () => {
+  const $ = _c(2);
   const theme = useTheme();
-  let t1;
-  if ($[0] !== stacked || $[1] !== theme.colors.fillColorNeutral050Base) {
-    t1 = StyleSheet.create({
+  let t0;
+  if ($[0] !== theme.colors.fillColorNeutral050Base) {
+    t0 = StyleSheet.create({
       listHeader: {
         borderBottomWidth: 1,
         borderBottomColor: theme.colors.fillColorNeutral050Base,
@@ -616,15 +588,14 @@ const useStyles = t0 => {
       },
       headingRow: {
         gap: HEADING_ROW_GAP,
-        flexDirection: stacked ? "column" : "row",
-        alignItems: stacked ? "flex-start" : "center",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        alignItems: "center",
         justifyContent: "space-between",
-        paddingBottom: stacked ? 4 : 0,
         paddingHorizontal: ROW_PADDING_HORIZONTAL
       },
       titleContainer: {
-        flexShrink: 1,
-        minWidth: 0
+        flexShrink: 0
       },
       actionsContainer: {
         flexDirection: "row",
@@ -636,12 +607,11 @@ const useStyles = t0 => {
         paddingHorizontal: ROW_PADDING_HORIZONTAL
       }
     });
-    $[0] = stacked;
-    $[1] = theme.colors.fillColorNeutral050Base;
-    $[2] = t1;
+    $[0] = theme.colors.fillColorNeutral050Base;
+    $[1] = t0;
   } else {
-    t1 = $[2];
+    t0 = $[1];
   }
-  return t1;
+  return t0;
 };
 //# sourceMappingURL=filter_dropdown_list_header_component.js.map

package/build/screens/conversations/components/filter_dropdown_list_header_component.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown_list_header_component.js","names":["useNavigation","useRoute","React","useCallback","useMemo","useState","Alert","StyleSheet","View","FilterDropdown","TextButton","useCanBrowseArchivedConversations","useCanCreateConversations","useCurrentPersonCache","useDirectMessagesEligible","useFontScale","useHasDirectMessages","useNewConversationEntry","useTheme","useApiGet","useMarkAllRead","useCanDisplayGroups","useNewConversationFromFilter","useSearchEnabled","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Haptic","ListHeaderActionButton","jsx","_jsx","jsxs","_jsxs","ROW_PADDING_HORIZONTAL","HEADING_ROW_GAP","DEFAULT_FONT_SCALE","ALL_CONVERSATIONS_LABEL","ARCHIVED_LABEL","FilterTypes","FILTER_PARAMS","All","Groups","group_source_app_name","Teams","DMs","show_direct_messages","Unread","show_unread","FilterDropdownListHeaderComponent","$","_c","navigation","t0","Symbol","for","source_app_name","source_type","canFilterByTeams","t1","canFilterByGroups","directMessagesEligible","hasDirectMessages","canFilterByDMs","canBrowseArchived","searchEnabled","route","t2","params","title","chat_group_graph_id","t3","show_archived","undefined","currentPersonCache","markAllRead","isPending","canCreateConversations","entryMode","newConversationFromFilter","t4","t5","fields","Group","t6","url","data","app","t7","t8","enabled","group","t9","bb0","More","test","active","t10","id","label","t11","t12","t13","t14","t15","options","t16","name","t17","triggerLabel","t18","navigate","screen","handleNewConversationNavigation","t19","setParams","handleSetFilter","t20","params_0","handleSelectFilter","t21","handleSearch","t22","handleChatSettings","t23","handleOpenConversationFilters","t24","update","unreadCount","notificationSuccess","handleMarkAllRead","t25","alert","text","onPress","alertMarkAllRead","showMoreFilters","stacked","t26","styles","useStyles","rowWidth","setRowWidth","actionsWidth","setActionsWidth","t27","event","nativeEvent","layout","width","handleRowLayout","t28","event_0","handleActionsLayout","triggerMaxWidth","t29","t30","titleContainer","style","children","t31","accessibilityLabel","testID","t32","t33","t34","actionsContainer","t35","headingRow","t36","markAllReadRow","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","t37","listHeader","theme","colors","fillColorNeutral050Base","create","borderBottomWidth","borderBottomColor","paddingBottom","gap","flexDirection","alignItems","justifyContent","paddingHorizontal","flexShrink","minWidth"],"sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'\nimport {\n  useCanBrowseArchivedConversations,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEligible,\n  useFontScale,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { useSearchEnabled } from '../../../hooks/use_search_enabled'\nimport { GraphId, GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationFiltersParams } from '../../conversation_filters/screen_props'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\nconst HEADING_ROW_GAP = 12\nconst DEFAULT_FONT_SCALE = 1\nconst ALL_CONVERSATIONS_LABEL = 'All conversations'\nconst ARCHIVED_LABEL = 'Archived'\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  Unread = 'Unread',\n  More = 'More',\n}\n\nconst FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {\n  [FilterTypes.All]: {},\n  [FilterTypes.Groups]: { group_source_app_name: 'Groups' },\n  [FilterTypes.Teams]: { group_source_app_name: 'Services' },\n  [FilterTypes.DMs]: { show_direct_messages: true },\n  [FilterTypes.Unread]: { show_unread: true },\n}\n\nexport const FilterDropdownListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const directMessagesEligible = useDirectMessagesEligible()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEligible && hasDirectMessages\n  const canBrowseArchived = useCanBrowseArchivedConversations()\n  const searchEnabled = useSearchEnabled()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    title,\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const newConversationFromFilter = useNewConversationFromFilter(\n    chat_group_graph_id as GraphId | undefined\n  )\n  const { data: group } = useApiGet<GroupResource>(\n    { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n    { enabled: !!chat_group_graph_id }\n  )\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id || show_archived) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    } else if (show_direct_messages) {\n      return FilterTypes.DMs\n    } else if (show_unread) {\n      return FilterTypes.Unread\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread])\n\n  const options: FilterDropdownOption[] = useMemo(\n    () => [\n      { id: FilterTypes.All, label: FilterTypes.All },\n      ...(canFilterByGroups ? [{ id: FilterTypes.Groups, label: FilterTypes.Groups }] : []),\n      ...(canFilterByTeams ? [{ id: FilterTypes.Teams, label: FilterTypes.Teams }] : []),\n      ...(canFilterByDMs ? [{ id: FilterTypes.DMs, label: FilterTypes.DMs }] : []),\n      { id: FilterTypes.Unread, label: FilterTypes.Unread },\n    ],\n    [canFilterByGroups, canFilterByTeams, canFilterByDMs]\n  )\n\n  const triggerLabel = useMemo(() => {\n    if (chat_group_graph_id) return group?.name || title || ALL_CONVERSATIONS_LABEL\n    if (show_archived) return ARCHIVED_LABEL\n    if (active === FilterTypes.All) return ALL_CONVERSATIONS_LABEL\n\n    return active\n  }, [chat_group_graph_id, group?.name, title, show_archived, active])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (newConversationFromFilter || entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', {\n        ...route.params,\n        newConversationFromFilter,\n      })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'direct_message') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectDirectMessageRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleSetFilter = useCallback(\n    (params: ConversationFiltersParams) => {\n      navigation.setParams({\n        title: undefined,\n        chat_group_graph_id: undefined,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n        show_archived: undefined,\n        show_unread: undefined,\n        ...params,\n      })\n    },\n    [navigation]\n  )\n\n  const handleSelectFilter = useCallback(\n    (id: string) => {\n      const params = FILTER_PARAMS[id as keyof typeof FILTER_PARAMS]\n      if (params) handleSetFilter(params)\n    },\n    [handleSetFilter]\n  )\n\n  const handleSearch = useCallback(() => {\n    navigation.navigate('Search')\n  }, [navigation])\n\n  const handleChatSettings = useCallback(() => {\n    navigation.navigate('ChatSettings', {})\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n      show_direct_messages,\n      show_archived,\n      show_unread,\n    })\n  }, [\n    navigation,\n    chat_group_graph_id,\n    group_source_app_name,\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  ])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived\n\n  const stacked = useFontScale() > DEFAULT_FONT_SCALE\n  const styles = useStyles({ stacked })\n\n  // The Android menu host measures the trigger at its intrinsic width, so flex shrinking never\n  // truncates the label. Cap it to the room left beside the action buttons instead.\n  const [rowWidth, setRowWidth] = useState<number>()\n  const [actionsWidth, setActionsWidth] = useState<number>()\n  const handleRowLayout = useCallback((event: LayoutChangeEvent) => {\n    setRowWidth(event.nativeEvent.layout.width)\n  }, [])\n  const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {\n    setActionsWidth(event.nativeEvent.layout.width)\n  }, [])\n  const triggerMaxWidth =\n    !stacked && rowWidth !== undefined && actionsWidth !== undefined\n      ? rowWidth - ROW_PADDING_HORIZONTAL * 2 - actionsWidth - HEADING_ROW_GAP\n      : undefined\n\n  return (\n    <View style={styles.listHeader}>\n      <View\n        style={styles.headingRow}\n        onLayout={handleRowLayout}\n        testID=\"conversations-filter-heading-row\"\n      >\n        <View style={styles.titleContainer}>\n          <FilterDropdown\n            options={options}\n            selectedId={active}\n            onSelect={handleSelectFilter}\n            onMoreFilters={handleOpenConversationFilters}\n            showMoreFilters={showMoreFilters}\n            triggerLabel={triggerLabel}\n            maxWidth={triggerMaxWidth}\n          />\n        </View>\n        <View\n          style={styles.actionsContainer}\n          onLayout={handleActionsLayout}\n          testID=\"conversations-filter-actions\"\n        >\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\n            testID=\"conversations-chat-settings-button\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          />\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {searchEnabled && (\n            <ListHeaderActionButton\n              name=\"general.search\"\n              onPress={handleSearch}\n              accessibilityLabel=\"Search\"\n              testID=\"conversations-search-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n        </View>\n      </View>\n      {!show_archived && (\n        <View style={styles.markAllReadRow}>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = ({ stacked }: { stacked: boolean }) => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 8,\n    },\n    headingRow: {\n      gap: HEADING_ROW_GAP,\n      flexDirection: stacked ? 'column' : 'row',\n      alignItems: stacked ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: stacked ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      flexShrink: 1,\n      minWidth: 0,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      alignItems: 'flex-start',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n  })\n}\n"],"mappings":";AAAA,SAAoBA,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,KAAK,EAAqBC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzE,SAASC,cAAc,EAAwBC,UAAU,QAAQ,qBAAqB;AACtF,SACEC,iCAAiC,EACjCC,yBAAyB,EACzBC,qBAAqB,EACrBC,yBAAyB,EACzBC,YAAY,EACZC,oBAAoB,EACpBC,uBAAuB,EACvBC,QAAQ,QACH,gBAAgB;AACvB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,cAAc,QAAQ,0CAA0C;AACzE,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,4BAA4B,QAAQ,iDAAiD;AAC9F,SAASC,gBAAgB,QAAQ,mCAAmC;AAEpE,SAASC,iCAAiC,QAAQ,gBAAgB;AAClE,SAASC,MAAM,QAAQ,gCAAgC;AAGvD,SAASC,sBAAsB,QAAQ,6BAA6B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAMC,sBAAsB,GAAG,EAAE;AACjC,MAAMC,eAAe,GAAG,EAAE;AAC1B,MAAMC,kBAAkB,GAAG,CAAC;AAC5B,MAAMC,uBAAuB,GAAG,mBAAmB;AACnD,MAAMC,cAAc,GAAG,UAAU;AAAA,IAE5BC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA,EAAXA,WAAW;AAShB,MAAMC,aAAwF,GAAG;EAC/F,CAACD,WAAW,CAACE,GAAG,GAAG,CAAC,CAAC;EACrB,CAACF,WAAW,CAACG,MAAM,GAAG;IAAEC,qBAAqB,EAAE;EAAS,CAAC;EACzD,CAACJ,WAAW,CAACK,KAAK,GAAG;IAAED,qBAAqB,EAAE;EAAW,CAAC;EAC1D,CAACJ,WAAW,CAACM,GAAG,GAAG;IAAEC,oBAAoB,EAAE;EAAK,CAAC;EACjD,CAACP,WAAW,CAACQ,MAAM,GAAG;IAAEC,WAAW,EAAE;EAAK;AAC5C,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAGA,CAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAC/C,MAAAC,UAAA,GAAmBjD,aAAa,CAAC,CAAC;EAAA,IAAAkD,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACWF,EAAA;MAAAG,eAAA,EAAmB,UAAU;MAAAC,WAAA,EAAe;IAAO,CAAC;IAAAP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAjG,MAAAQ,gBAAA,GAAyBlC,mBAAmB,CAAC6B,EAAoD,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAT,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACpDI,EAAA;MAAAH,eAAA,EAAmB,QAAQ;MAAAC,WAAA,EAAe;IAAQ,CAAC;IAAAP,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAjG,MAAAU,iBAAA,GAA0BpC,mBAAmB,CAACmC,EAAmD,CAAC;EAClG,MAAAE,sBAAA,GAA+B5C,yBAAyB,CAAC,CAAC;EAC1D,MAAA6C,iBAAA,GAA0B3C,oBAAoB,CAAC,CAAC;EAChD,MAAA4C,cAAA,GAAuBF,sBAA2C,IAA3CC,iBAA2C;EAClE,MAAAE,iBAAA,GAA0BlD,iCAAiC,CAAC,CAAC;EAC7D,MAAAmD,aAAA,GAAsBvC,gBAAgB,CAAC,CAAC;EACxC,MAAAwC,KAAA,GAAc9D,QAAQ,CAA+C,CAAC;EAAA,IAAA+D,EAAA;EAAA,IAAAjB,CAAA,QAAAgB,KAAA,CAAAE,MAAA;IAQlED,EAAA,GAAAD,KAAK,CAAAE,MAAa,IAAlB,CAAiB,CAAC;IAAAlB,CAAA,MAAAgB,KAAA,CAAAE,MAAA;IAAAlB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAPtB;IAAAmB,KAAA;IAAAC,mBAAA;IAAA3B,qBAAA,EAAA4B,EAAA;IAAAzB,oBAAA;IAAA0B,aAAA;IAAAxB;EAAA,IAOImB,EAAkB;EAJpB,MAAAxB,qBAAA,GAAA4B,EAA0B,KAA1BE,SAA0B,GAA1B,EAA0B,GAA1BF,EAA0B;EAK5B,MAAAG,kBAAA,GAA2B1D,qBAAqB,CAAC,CAAC;EAClD;IAAA2D,WAAA;IAAAC;EAAA,IAAmCrD,cAAc,CAAC,CAAC;EACnD,MAAAsD,sBAAA,GAA+B9D,yBAAyB,CAAC,CAAC;EAC1D,MAAA+D,SAAA,GAAkB1D,uBAAuB,CAAC,CAAC;EAC3C,MAAA2D,yBAAA,GAAkCtD,4BAA4B,CAC5D6C,mBACF,CAAC;EAEQ,MAAAU,EAAA,iBAAcV,mBAAmB,EAAE;EAAA,IAAAW,EAAA;EAAA,IAAA/B,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAAQ0B,EAAA;MAAAC,MAAA,EAAU;QAAAC,KAAA,EAAS;MAAG;IAAE,CAAC;IAAAjC,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAAA,IAAAkC,EAAA;EAAA,IAAAlC,CAAA,QAAA8B,EAAA;IAA3EI,EAAA;MAAAC,GAAA,EAAOL,EAAmC;MAAAM,IAAA,EAAQL,EAAyB;MAAAM,GAAA,EAAO;IAAO,CAAC;IAAArC,CAAA,MAAA8B,EAAA;IAAA9B,CAAA,MAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EAC/E,MAAAsC,EAAA,IAAC,CAAClB,mBAAmB;EAAA,IAAAmB,EAAA;EAAA,IAAAvC,CAAA,QAAAsC,EAAA;IAAhCC,EAAA;MAAAC,OAAA,EAAWF;IAAsB,CAAC;IAAAtC,CAAA,MAAAsC,EAAA;IAAAtC,CAAA,MAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAFpC;IAAAoC,IAAA,EAAAK;EAAA,IAAwBrE,SAAS,CAC/B8D,EAA0F,EAC1FK,EACF,CAAC;EAAA,IAAAG,EAAA;EAAAC,GAAA;IAGC,IAAIvB,mBAAoC,IAApCE,aAAoC;MACtCoB,EAAA,GAAOrD,WAAW,CAAAuD,IAAK;MAAvB,MAAAD,GAAA;IAAuB;MAClB,IAAI,SAAS,CAAAE,IAAK,CAACpD,qBAAqB,CAAC;QAC9CiD,EAAA,GAAOrD,WAAW,CAAAG,MAAO;QAAzB,MAAAmD,GAAA;MAAyB;QACpB,IAAI,WAAW,CAAAE,IAAK,CAACpD,qBAAqB,CAAC;UAChDiD,EAAA,GAAOrD,WAAW,CAAAK,KAAM;UAAxB,MAAAiD,GAAA;QAAwB;UACnB,IAAI/C,oBAAoB;YAC7B8C,EAAA,GAAOrD,WAAW,CAAAM,GAAI;YAAtB,MAAAgD,GAAA;UAAsB;YACjB,IAAI7C,WAAW;cACpB4C,EAAA,GAAOrD,WAAW,CAAAQ,MAAO;cAAzB,MAAA8C,GAAA;YAAyB;UAC1B;QAAA;MAAA;IAAA;IAEDD,EAAA,GAAOrD,WAAW,CAAAE,GAAI;EAAA;EAbxB,MAAAuD,MAAA,GAA4BJ,EAcsE;EAAA,IAAAK,GAAA;EAAA,IAAA/C,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAI9F0C,GAAA;MAAAC,EAAA,EAAM3D,WAAW,CAAAE,GAAI;MAAA0D,KAAA,EAAS5D,WAAW,CAAAE;IAAK,CAAC;IAAAS,CAAA,MAAA+C,GAAA;EAAA;IAAAA,GAAA,GAAA/C,CAAA;EAAA;EAAA,IAAAkD,GAAA;EAAA,IAAAlD,CAAA,SAAAU,iBAAA;IAC3CwC,GAAA,GAAAxC,iBAAiB,GAAjB,CAAqB;MAAAsC,EAAA,EAAM3D,WAAW,CAAAG,MAAO;MAAAyD,KAAA,EAAS5D,WAAW,CAAAG;IAAQ,CAAC,CAAM,GAAhF,EAAgF;IAAAQ,CAAA,OAAAU,iBAAA;IAAAV,CAAA,OAAAkD,GAAA;EAAA;IAAAA,GAAA,GAAAlD,CAAA;EAAA;EAAA,IAAAmD,GAAA;EAAA,IAAAnD,CAAA,SAAAQ,gBAAA;IAChF2C,GAAA,GAAA3C,gBAAgB,GAAhB,CAAoB;MAAAwC,EAAA,EAAM3D,WAAW,CAAAK,KAAM;MAAAuD,KAAA,EAAS5D,WAAW,CAAAK;IAAO,CAAC,CAAM,GAA7E,EAA6E;IAAAM,CAAA,OAAAQ,gBAAA;IAAAR,CAAA,OAAAmD,GAAA;EAAA;IAAAA,GAAA,GAAAnD,CAAA;EAAA;EAAA,IAAAoD,GAAA;EAAA,IAAApD,CAAA,SAAAa,cAAA;IAC7EuC,GAAA,GAAAvC,cAAc,GAAd,CAAkB;MAAAmC,EAAA,EAAM3D,WAAW,CAAAM,GAAI;MAAAsD,KAAA,EAAS5D,WAAW,CAAAM;IAAK,CAAC,CAAM,GAAvE,EAAuE;IAAAK,CAAA,OAAAa,cAAA;IAAAb,CAAA,OAAAoD,GAAA;EAAA;IAAAA,GAAA,GAAApD,CAAA;EAAA;EAAA,IAAAqD,GAAA;EAAA,IAAArD,CAAA,SAAAI,MAAA,CAAAC,GAAA;IAC3EgD,GAAA;MAAAL,EAAA,EAAM3D,WAAW,CAAAQ,MAAO;MAAAoD,KAAA,EAAS5D,WAAW,CAAAQ;IAAQ,CAAC;IAAAG,CAAA,OAAAqD,GAAA;EAAA;IAAAA,GAAA,GAAArD,CAAA;EAAA;EAAA,IAAAsD,GAAA;EAAA,IAAAtD,CAAA,SAAAkD,GAAA,IAAAlD,CAAA,SAAAmD,GAAA,IAAAnD,CAAA,SAAAoD,GAAA;IALjDE,GAAA,IACJP,GAA+C,KAC3CG,GAAgF,KAChFC,GAA6E,KAC7EC,GAAuE,EAC3EC,GAAqD,CACtD;IAAArD,CAAA,OAAAkD,GAAA;IAAAlD,CAAA,OAAAmD,GAAA;IAAAnD,CAAA,OAAAoD,GAAA;IAAApD,CAAA,OAAAsD,GAAA;EAAA;IAAAA,GAAA,GAAAtD,CAAA;EAAA;EAPH,MAAAuD,OAAA,GACQD,GAML;EAEF,IAAAE,GAAA;EAAA,IAAAxD,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAoB,mBAAA,IAAApB,CAAA,SAAAyC,KAAA,EAAAgB,IAAA,IAAAzD,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAmB,KAAA;IAE4BqC,GAAA,GAAAA,CAAA;MAC3B,IAAIpC,mBAAmB;QAAA,OAASqB,KAAK,EAAAgB,IAAe,IAApBtC,KAA+C,IAA/ChC,uBAA+C;MAAA;MAC/E,IAAImC,aAAa;QAAA,OAASlC,cAAc;MAAA;MACxC,IAAI0D,MAAM,KAAKzD,WAAW,CAAAE,GAAI;QAAA,OAASJ,uBAAuB;MAAA;MAAA,OAEvD2D,MAAM;IAAA,CACd;IAAA9C,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAyC,KAAA,EAAAgB,IAAA;IAAAzD,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAwD,GAAA;EAAA;IAAAA,GAAA,GAAAxD,CAAA;EAAA;EAAwByC,KAAK,EAAAgB,IAAM;EAAA,IAAAC,GAAA;EAAA,IAAA1D,CAAA,SAAAwD,GAAA;IANfE,GAAA,GAAQF,GAM5B,CAAkE,CAAC;IAAAxD,CAAA,OAAAwD,GAAA;IAAAxD,CAAA,OAAA0D,GAAA;EAAA;IAAAA,GAAA,GAAA1D,CAAA;EAAA;EANpE,MAAA2D,YAAA,GAAqBD,GAM+C;EAAA,IAAAE,GAAA;EAAA,IAAA5D,CAAA,SAAA4B,SAAA,IAAA5B,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAA6B,yBAAA,IAAA7B,CAAA,SAAAgB,KAAA,CAAAE,MAAA;IAEhB0C,GAAA,GAAAA,CAAA;MAClD,IAAI/B,yBAAwD,IAA3BD,SAAS,KAAK,aAAa;QAAA,OACnD1B,UAAU,CAAA2D,QAAS,CAAC,wBAAwB,EAAE;UAAA,GAChD7C,KAAK,CAAAE,MAAO;UAAAW;QAEjB,CAAC,CAAC;MAAA;MAGJ,IAAID,SAAS,KAAK,QAAQ;QAAA,OACjB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,mCAAmC;UAAA5C,MAAA,EACnC;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;MAGJ,IAAIU,SAAS,KAAK,OAAO;QAAA,OAChB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,wCAAwC;UAAA5C,MAAA,EACxC;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;MAGJ,IAAIU,SAAS,KAAK,gBAAgB;QAAA,OACzB1B,UAAU,CAAA2D,QAAS,CAAC,KAAK,EAAE;UAAAC,MAAA,EACxB,2CAA2C;UAAA5C,MAAA,EAC3C;YAAA,GAAKF,KAAK,CAAAE;UAAQ;QAC5B,CAAC,CAAC;MAAA;IACH,CACF;IAAAlB,CAAA,OAAA4B,SAAA;IAAA5B,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAA6B,yBAAA;IAAA7B,CAAA,OAAAgB,KAAA,CAAAE,MAAA;IAAAlB,CAAA,OAAA4D,GAAA;EAAA;IAAAA,GAAA,GAAA5D,CAAA;EAAA;EA5BD,MAAA+D,+BAAA,GAAwCH,GA4B4B;EAAA,IAAAI,GAAA;EAAA,IAAAhE,CAAA,SAAAE,UAAA;IAGlE8D,GAAA,GAAA9C,MAAA;MACEhB,UAAU,CAAA+D,SAAU,CAAC;QAAA9C,KAAA,EACZI,SAAS;QAAAH,mBAAA,EACKG,SAAS;QAAA9B,qBAAA,EACP8B,SAAS;QAAA3B,oBAAA,EACV2B,SAAS;QAAAD,aAAA,EAChBC,SAAS;QAAAzB,WAAA,EACXyB,SAAS;QAAA,GACnBL;MACL,CAAC,CAAC;IAAA,CACH;IAAAlB,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAgE,GAAA;EAAA;IAAAA,GAAA,GAAAhE,CAAA;EAAA;EAXH,MAAAkE,eAAA,GAAwBF,GAavB;EAAA,IAAAG,GAAA;EAAA,IAAAnE,CAAA,SAAAkE,eAAA;IAGCC,GAAA,GAAAnB,EAAA;MACE,MAAAoB,QAAA,GAAe9E,aAAa,CAAC0D,EAAE,CAA+B;MAC9D,IAAI9B,QAAM;QAAEgD,eAAe,CAAChD,QAAM,CAAC;MAAA;IAAA,CACpC;IAAAlB,CAAA,OAAAkE,eAAA;IAAAlE,CAAA,OAAAmE,GAAA;EAAA;IAAAA,GAAA,GAAAnE,CAAA;EAAA;EAJH,MAAAqE,kBAAA,GAA2BF,GAM1B;EAAA,IAAAG,GAAA;EAAA,IAAAtE,CAAA,SAAAE,UAAA;IAEgCoE,GAAA,GAAAA,CAAA;MAC/BpE,UAAU,CAAA2D,QAAS,CAAC,QAAQ,CAAC;IAAA,CAC9B;IAAA7D,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAsE,GAAA;EAAA;IAAAA,GAAA,GAAAtE,CAAA;EAAA;EAFD,MAAAuE,YAAA,GAAqBD,GAEL;EAAA,IAAAE,GAAA;EAAA,IAAAxE,CAAA,SAAAE,UAAA;IAEuBsE,GAAA,GAAAA,CAAA;MACrCtE,UAAU,CAAA2D,QAAS,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAAA,CACxC;IAAA7D,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EAFD,MAAAyE,kBAAA,GAA2BD,GAEX;EAAA,IAAAE,GAAA;EAAA,IAAA1E,CAAA,SAAAoB,mBAAA,IAAApB,CAAA,SAAAP,qBAAA,IAAAO,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAJ,oBAAA,IAAAI,CAAA,SAAAF,WAAA;IAEkC4E,GAAA,GAAAA,CAAA;MAChDxE,UAAU,CAAA2D,QAAS,CAAC,qBAAqB,EAAE;QAAAzC,mBAAA;QAAA3B,qBAAA;QAAAG,oBAAA;QAAA0B,aAAA;QAAAxB;MAM3C,CAAC,CAAC;IAAA,CACH;IAAAE,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAP,qBAAA;IAAAO,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAJ,oBAAA;IAAAI,CAAA,OAAAF,WAAA;IAAAE,CAAA,OAAA0E,GAAA;EAAA;IAAAA,GAAA,GAAA1E,CAAA;EAAA;EARD,MAAA2E,6BAAA,GAAsCD,GAepC;EAAA,IAAAE,GAAA;EAAA,IAAA5E,CAAA,SAAAwB,kBAAA,IAAAxB,CAAA,SAAAyB,WAAA;IAEoCmD,GAAA,GAAAA,CAAA;MACpCpD,kBAAkB,CAAAqD,MAAO,CAAC;QAAAC,WAAA,EAAe;MAAE,CAAC,CAAC;MAC7CpG,MAAM,CAAAqG,mBAAoB,CAAC,CAAC;MAC5BtD,WAAW,CAAC,CAAC;IAAA,CACd;IAAAzB,CAAA,OAAAwB,kBAAA;IAAAxB,CAAA,OAAAyB,WAAA;IAAAzB,CAAA,OAAA4E,GAAA;EAAA;IAAAA,GAAA,GAAA5E,CAAA;EAAA;EAJD,MAAAgF,iBAAA,GAA0BJ,GAIW;EAAA,IAAAK,GAAA;EAAA,IAAAjF,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAgF,iBAAA;IAEAC,GAAA,GAAAA,CAAA;MACnC,IAAInC,MAAM,KAAKzD,WAAW,CAAAE,GAAI;QAAA,OAASyF,iBAAiB,CAAC,CAAC;MAAA;MAE1DzH,KAAK,CAAA2H,KAAM,CAAC,eAAe,EAAE,8DAA8D,EAAE,CAC3F;QAAAC,IAAA,EAAQ;MAAS,CAAC,EAClB;QAAAA,IAAA,EAAQ,IAAI;QAAAC,OAAA,EAAWA,CAAA,KAAMJ,iBAAiB,CAAC;MAAE,CAAC,CACnD,CAAC;IAAA,CACH;IAAAhF,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAAgF,iBAAA;IAAAhF,CAAA,OAAAiF,GAAA;EAAA;IAAAA,GAAA,GAAAjF,CAAA;EAAA;EAPD,MAAAqF,gBAAA,GAAyBJ,GAOM;EAE/B,MAAAK,eAAA,GAAwB5E,iBAAqC,IAArCF,gBAA0D,IAA1DM,iBAA0D;EAElF,MAAAyE,OAAA,GAAgBvH,YAAY,CAAC,CAAC,GAAGkB,kBAAkB;EAAA,IAAAsG,GAAA;EAAA,IAAAxF,CAAA,SAAAuF,OAAA;IAC1BC,GAAA;MAAAD;IAAU,CAAC;IAAAvF,CAAA,OAAAuF,OAAA;IAAAvF,CAAA,OAAAwF,GAAA;EAAA;IAAAA,GAAA,GAAAxF,CAAA;EAAA;EAApC,MAAAyF,MAAA,GAAeC,SAAS,CAACF,GAAW,CAAC;EAIrC,OAAAG,QAAA,EAAAC,WAAA,IAAgCtI,QAAQ,CAAS,CAAC;EAClD,OAAAuI,YAAA,EAAAC,eAAA,IAAwCxI,QAAQ,CAAS,CAAC;EAAA,IAAAyI,GAAA;EAAA,IAAA/F,CAAA,SAAAI,MAAA,CAAAC,GAAA;IACtB0F,GAAA,GAAAC,KAAA;MAClCJ,WAAW,CAACI,KAAK,CAAAC,WAAY,CAAAC,MAAO,CAAAC,KAAM,CAAC;IAAA,CAC5C;IAAAnG,CAAA,OAAA+F,GAAA;EAAA;IAAAA,GAAA,GAAA/F,CAAA;EAAA;EAFD,MAAAoG,eAAA,GAAwBL,GAElB;EAAA,IAAAM,GAAA;EAAA,IAAArG,CAAA,SAAAI,MAAA,CAAAC,GAAA;IACkCgG,GAAA,GAAAC,OAAA;MACtCR,eAAe,CAACE,OAAK,CAAAC,WAAY,CAAAC,MAAO,CAAAC,KAAM,CAAC;IAAA,CAChD;IAAAnG,CAAA,OAAAqG,GAAA;EAAA;IAAAA,GAAA,GAAArG,CAAA;EAAA;EAFD,MAAAuG,mBAAA,GAA4BF,GAEtB;EACN,MAAAG,eAAA,GACE,CAACjB,OAAiC,IAAtBI,QAAQ,KAAKpE,SAAuC,IAA1BsE,YAAY,KAAKtE,SAE1C,GADToE,QAAQ,GAAG3G,sBAAsB,GAAG,CAAC,GAAG6G,YAAY,GAAG5G,eAC9C,GAFbsC,SAEa;EAAA,IAAAkF,GAAA;EAAA,IAAAzG,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAA2E,6BAAA,IAAA3E,CAAA,SAAAqE,kBAAA,IAAArE,CAAA,SAAAuD,OAAA,IAAAvD,CAAA,SAAAsF,eAAA,IAAAtF,CAAA,SAAA2D,YAAA,IAAA3D,CAAA,SAAAwG,eAAA;IAUPC,GAAA,gBAAA5H,IAAA,CAACnB,cAAc;MACJ6F,OAAO,EAAPA,OAAO;MACJT,UAAM,EAANA,MAAM;MACRuB,QAAkB,EAAlBA,kBAAkB;MACbM,aAA6B,EAA7BA,6BAA6B;MAC3BW,eAAe,EAAfA,eAAe;MAClB3B,YAAY,EAAZA,YAAY;MAChB6C,QAAe,EAAfA;IAAe,CAC1B,CAAC;IAAAxG,CAAA,OAAA8C,MAAA;IAAA9C,CAAA,OAAA2E,6BAAA;IAAA3E,CAAA,OAAAqE,kBAAA;IAAArE,CAAA,OAAAuD,OAAA;IAAAvD,CAAA,OAAAsF,eAAA;IAAAtF,CAAA,OAAA2D,YAAA;IAAA3D,CAAA,OAAAwG,eAAA;IAAAxG,CAAA,OAAAyG,GAAA;EAAA;IAAAA,GAAA,GAAAzG,CAAA;EAAA;EAAA,IAAA0G,GAAA;EAAA,IAAA1G,CAAA,SAAAyF,MAAA,CAAAkB,cAAA,IAAA3G,CAAA,SAAAyG,GAAA;IATJC,GAAA,gBAAA7H,IAAA,CAACpB,IAAI;MAAQmJ,KAAqB,EAArBnB,MAAM,CAAAkB,cAAe;MAAAE,QAAA,EAChCJ;IAQE,CACE,CAAC;IAAAzG,CAAA,OAAAyF,MAAA,CAAAkB,cAAA;IAAA3G,CAAA,OAAAyG,GAAA;IAAAzG,CAAA,OAAA0G,GAAA;EAAA;IAAAA,GAAA,GAAA1G,CAAA;EAAA;EAAA,IAAA8G,GAAA;EAAA,IAAA9G,CAAA,SAAAyE,kBAAA;IAMLqC,GAAA,gBAAAjI,IAAA,CAACF,sBAAsB;MAChB8E,IAAa,EAAb,aAAa;MACTgB,OAAkB,EAAlBA,kBAAkB;MACRsC,kBAAe,EAAf,eAAe;MAC3BC,MAAoC,EAApC,oCAAoC;MACpBvI,qBAAiC,EAAjCA;IAAiC,CACzD,CAAC;IAAAuB,CAAA,OAAAyE,kBAAA;IAAAzE,CAAA,OAAA8G,GAAA;EAAA;IAAAA,GAAA,GAAA9G,CAAA;EAAA;EAAA,IAAAiH,GAAA;EAAA,IAAAjH,CAAA,SAAA2B,sBAAA,IAAA3B,CAAA,SAAA+D,+BAAA;IACDkD,GAAA,GAAAtF,sBAQA,iBARA9C,IAAA,CACEF,sBAAsB;MAChB8E,IAAsB,EAAtB,sBAAsB;MAClBM,OAA+B,EAA/BA,+BAA+B;MACrBgD,kBAAkB,EAAlB,kBAAkB;MAC9BC,MAAuC,EAAvC,uCAAuC;MACvBvI,qBAAiC,EAAjCA;IAAiC,CAE5D,CAAC;IAAAuB,CAAA,OAAA2B,sBAAA;IAAA3B,CAAA,OAAA+D,+BAAA;IAAA/D,CAAA,OAAAiH,GAAA;EAAA;IAAAA,GAAA,GAAAjH,CAAA;EAAA;EAAA,IAAAkH,GAAA;EAAA,IAAAlH,CAAA,SAAAuE,YAAA,IAAAvE,CAAA,SAAAe,aAAA;IACAmG,GAAA,GAAAnG,aAQA,iBARAlC,IAAA,CACEF,sBAAsB;MAChB8E,IAAgB,EAAhB,gBAAgB;MACZc,OAAY,EAAZA,YAAY;MACFwC,kBAAQ,EAAR,QAAQ;MACpBC,MAA6B,EAA7B,6BAA6B;MACbvI,qBAAiC,EAAjCA;IAAiC,CAE5D,CAAC;IAAAuB,CAAA,OAAAuE,YAAA;IAAAvE,CAAA,OAAAe,aAAA;IAAAf,CAAA,OAAAkH,GAAA;EAAA;IAAAA,GAAA,GAAAlH,CAAA;EAAA;EAAA,IAAAmH,GAAA;EAAA,IAAAnH,CAAA,SAAAyF,MAAA,CAAA2B,gBAAA,IAAApH,CAAA,SAAA8G,GAAA,IAAA9G,CAAA,SAAAiH,GAAA,IAAAjH,CAAA,SAAAkH,GAAA;IA7BHC,GAAA,gBAAApI,KAAA,CAACtB,IAAI;MACImJ,KAAuB,EAAvBnB,MAAM,CAAA2B,gBAAiB;MACpBb,QAAmB,EAAnBA,mBAAmB;MACtBS,MAA8B,EAA9B,8BAA8B;MAAAH,QAAA,GAErCC,GAME,EACDG,GAQA,EACAC,GAQA;IAAA,CACG,CAAC;IAAAlH,CAAA,OAAAyF,MAAA,CAAA2B,gBAAA;IAAApH,CAAA,OAAA8G,GAAA;IAAA9G,CAAA,OAAAiH,GAAA;IAAAjH,CAAA,OAAAkH,GAAA;IAAAlH,CAAA,OAAAmH,GAAA;EAAA;IAAAA,GAAA,GAAAnH,CAAA;EAAA;EAAA,IAAAqH,GAAA;EAAA,IAAArH,CAAA,SAAAyF,MAAA,CAAA6B,UAAA,IAAAtH,CAAA,SAAA0G,GAAA,IAAA1G,CAAA,SAAAmH,GAAA;IA9CTE,GAAA,gBAAAtI,KAAA,CAACtB,IAAI;MACImJ,KAAiB,EAAjBnB,MAAM,CAAA6B,UAAW;MACdlB,QAAe,EAAfA,eAAe;MAClBY,MAAkC,EAAlC,kCAAkC;MAAAH,QAAA,GAEzCH,GAUO,EACPS,GA8BO;IAAA,CACH,CAAC;IAAAnH,CAAA,OAAAyF,MAAA,CAAA6B,UAAA;IAAAtH,CAAA,OAAA0G,GAAA;IAAA1G,CAAA,OAAAmH,GAAA;IAAAnH,CAAA,OAAAqH,GAAA;EAAA;IAAAA,GAAA,GAAArH,CAAA;EAAA;EAAA,IAAAuH,GAAA;EAAA,IAAAvH,CAAA,SAAAqF,gBAAA,IAAArF,CAAA,SAAA0B,SAAA,IAAA1B,CAAA,SAAAsB,aAAA,IAAAtB,CAAA,SAAAyF,MAAA,CAAA+B,cAAA;IACND,GAAA,IAACjG,aAYD,iBAZAzC,IAAA,CACEpB,IAAI;MAAQmJ,KAAqB,EAArBnB,MAAM,CAAA+B,cAAe;MAAAX,QAAA,eAChChI,IAAA,CAAClB,UAAU;QACA0H,OAAgB,EAAhBA,gBAAgB;QACf3D,QAAS,EAATA,SAAS;QACIjD,qBAAiC,EAAjCA,iCAAiC;QACxDgJ,oCAAoC,EAApC,IAAoC;QACLC,8BAAe,EAAf,eAAe;QAAAb,QAAA,EAC/C;MAED,CAAY;IAAC,CAEjB,CAAC;IAAA7G,CAAA,OAAAqF,gBAAA;IAAArF,CAAA,OAAA0B,SAAA;IAAA1B,CAAA,OAAAsB,aAAA;IAAAtB,CAAA,OAAAyF,MAAA,CAAA+B,cAAA;IAAAxH,CAAA,OAAAuH,GAAA;EAAA;IAAAA,GAAA,GAAAvH,CAAA;EAAA;EAAA,IAAA2H,GAAA;EAAA,IAAA3H,CAAA,SAAAyF,MAAA,CAAAmC,UAAA,IAAA5H,CAAA,SAAAqH,GAAA,IAAArH,CAAA,SAAAuH,GAAA;IA7DHI,GAAA,gBAAA5I,KAAA,CAACtB,IAAI;MAAQmJ,KAAiB,EAAjBnB,MAAM,CAAAmC,UAAW;MAAAf,QAAA,GAC5BQ,GA+CO,EACNE,GAYA;IAAA,CACG,CAAC;IAAAvH,CAAA,OAAAyF,MAAA,CAAAmC,UAAA;IAAA5H,CAAA,OAAAqH,GAAA;IAAArH,CAAA,OAAAuH,GAAA;IAAAvH,CAAA,OAAA2H,GAAA;EAAA;IAAAA,GAAA,GAAA3H,CAAA;EAAA;EAAA,OA9DP2H,GA8DO;AAAA,CAEV;AAED,MAAMjC,SAAS,GAAGvF,EAAA;EAAA,MAAAH,CAAA,GAAAC,EAAA;EAAC;IAAAsF;EAAA,IAAApF,EAAiC;EAClD,MAAA0H,KAAA,GAAc1J,QAAQ,CAAC,CAAC;EAAA,IAAAsC,EAAA;EAAA,IAAAT,CAAA,QAAAuF,OAAA,IAAAvF,CAAA,QAAA6H,KAAA,CAAAC,MAAA,CAAAC,uBAAA;IAEjBtH,EAAA,GAAAjD,UAAU,CAAAwK,MAAO,CAAC;MAAAJ,UAAA,EACX;QAAAK,iBAAA,EACS,CAAC;QAAAC,iBAAA,EACDL,KAAK,CAAAC,MAAO,CAAAC,uBAAwB;QAAAI,aAAA,EACxC,EAAE;QAAAC,GAAA,EACZ;MACP,CAAC;MAAAd,UAAA,EACW;QAAAc,GAAA,EACLnJ,eAAe;QAAAoJ,aAAA,EACL9C,OAAO,GAAP,QAA0B,GAA1B,KAA0B;QAAA+C,UAAA,EAC7B/C,OAAO,GAAP,YAAiC,GAAjC,QAAiC;QAAAgD,cAAA,EAC7B,eAAe;QAAAJ,aAAA,EAChB5C,OAAO,GAAP,CAAe,GAAf,CAAe;QAAAiD,iBAAA,EACXxJ;MACrB,CAAC;MAAA2H,cAAA,EACe;QAAA8B,UAAA,EACF,CAAC;QAAAC,QAAA,EACH;MACZ,CAAC;MAAAtB,gBAAA,EACiB;QAAAiB,aAAA,EACD,KAAK;QAAAD,GAAA,EACf,CAAC;QAAAE,UAAA,EACM;MACd,CAAC;MAAAd,cAAA,EACe;QAAAc,UAAA,EACF,YAAY;QAAAE,iBAAA,EACLxJ;MACrB;IACF,CAAC,CAAC;IAAAgB,CAAA,MAAAuF,OAAA;IAAAvF,CAAA,MAAA6H,KAAA,CAAAC,MAAA,CAAAC,uBAAA;IAAA/H,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OA5BKS,EA4BL;AAAA,CACH","ignoreList":[]}
+{"version":3,"file":"filter_dropdown_list_header_component.js","names":["useNavigation","useRoute","React","useCallback","useMemo","useState","Alert","StyleSheet","View","FilterDropdown","TextButton","useCanBrowseArchivedConversations","useCanCreateConversations","useCurrentPersonCache","useDirectMessagesEligible","useHasDirectMessages","useNewConversationEntry","useTheme","useApiGet","useMarkAllRead","useCanDisplayGroups","useNewConversationFromFilter","useSearchEnabled","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Haptic","ListHeaderActionButton","jsx","_jsx","jsxs","_jsxs","ROW_PADDING_HORIZONTAL","HEADING_ROW_GAP","ALL_CONVERSATIONS_LABEL","ARCHIVED_LABEL","FilterTypes","FILTER_PARAMS","All","Groups","group_source_app_name","Teams","DMs","show_direct_messages","Unread","show_unread","FilterDropdownListHeaderComponent","$","_c","navigation","t0","Symbol","for","source_app_name","source_type","canFilterByTeams","t1","canFilterByGroups","directMessagesEligible","hasDirectMessages","canFilterByDMs","canBrowseArchived","searchEnabled","route","t2","params","title","chat_group_graph_id","t3","show_archived","undefined","currentPersonCache","markAllRead","isPending","canCreateConversations","entryMode","newConversationFromFilter","t4","t5","fields","Group","t6","url","data","app","t7","t8","enabled","group","t9","bb0","More","test","active","t10","id","label","t11","t12","t13","t14","t15","options","t16","name","t17","triggerLabel","t18","navigate","screen","handleNewConversationNavigation","t19","setParams","handleSetFilter","t20","params_0","handleSelectFilter","t21","handleSearch","t22","handleChatSettings","t23","handleOpenConversationFilters","t24","update","unreadCount","notificationSuccess","handleMarkAllRead","t25","alert","text","onPress","alertMarkAllRead","showMoreFilters","styles","useStyles","rowWidth","setRowWidth","t26","event","nativeEvent","layout","width","handleRowLayout","triggerMaxWidth","t27","t28","titleContainer","style","children","t29","accessibilityLabel","testID","t30","t31","t32","actionsContainer","t33","headingRow","t34","markAllReadRow","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","t35","listHeader","theme","colors","fillColorNeutral050Base","create","borderBottomWidth","borderBottomColor","paddingBottom","gap","flexDirection","flexWrap","alignItems","justifyContent","paddingHorizontal","flexShrink"],"sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'\nimport {\n  useCanBrowseArchivedConversations,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEligible,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { useSearchEnabled } from '../../../hooks/use_search_enabled'\nimport { GraphId, GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationFiltersParams } from '../../conversation_filters/screen_props'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\nconst HEADING_ROW_GAP = 12\nconst ALL_CONVERSATIONS_LABEL = 'All conversations'\nconst ARCHIVED_LABEL = 'Archived'\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  Unread = 'Unread',\n  More = 'More',\n}\n\nconst FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {\n  [FilterTypes.All]: {},\n  [FilterTypes.Groups]: { group_source_app_name: 'Groups' },\n  [FilterTypes.Teams]: { group_source_app_name: 'Services' },\n  [FilterTypes.DMs]: { show_direct_messages: true },\n  [FilterTypes.Unread]: { show_unread: true },\n}\n\nexport const FilterDropdownListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const directMessagesEligible = useDirectMessagesEligible()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEligible && hasDirectMessages\n  const canBrowseArchived = useCanBrowseArchivedConversations()\n  const searchEnabled = useSearchEnabled()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    title,\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const newConversationFromFilter = useNewConversationFromFilter(\n    chat_group_graph_id as GraphId | undefined\n  )\n  const { data: group } = useApiGet<GroupResource>(\n    { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n    { enabled: !!chat_group_graph_id }\n  )\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id || show_archived) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    } else if (show_direct_messages) {\n      return FilterTypes.DMs\n    } else if (show_unread) {\n      return FilterTypes.Unread\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread])\n\n  const options: FilterDropdownOption[] = useMemo(\n    () => [\n      { id: FilterTypes.All, label: FilterTypes.All },\n      ...(canFilterByGroups ? [{ id: FilterTypes.Groups, label: FilterTypes.Groups }] : []),\n      ...(canFilterByTeams ? [{ id: FilterTypes.Teams, label: FilterTypes.Teams }] : []),\n      ...(canFilterByDMs ? [{ id: FilterTypes.DMs, label: FilterTypes.DMs }] : []),\n      { id: FilterTypes.Unread, label: FilterTypes.Unread },\n    ],\n    [canFilterByGroups, canFilterByTeams, canFilterByDMs]\n  )\n\n  const triggerLabel = useMemo(() => {\n    if (chat_group_graph_id) return group?.name || title || ALL_CONVERSATIONS_LABEL\n    if (show_archived) return ARCHIVED_LABEL\n    if (active === FilterTypes.All) return ALL_CONVERSATIONS_LABEL\n\n    return active\n  }, [chat_group_graph_id, group?.name, title, show_archived, active])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (newConversationFromFilter || entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', {\n        ...route.params,\n        newConversationFromFilter,\n      })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'direct_message') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectDirectMessageRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleSetFilter = useCallback(\n    (params: ConversationFiltersParams) => {\n      navigation.setParams({\n        title: undefined,\n        chat_group_graph_id: undefined,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n        show_archived: undefined,\n        show_unread: undefined,\n        ...params,\n      })\n    },\n    [navigation]\n  )\n\n  const handleSelectFilter = useCallback(\n    (id: string) => {\n      const params = FILTER_PARAMS[id as keyof typeof FILTER_PARAMS]\n      if (params) handleSetFilter(params)\n    },\n    [handleSetFilter]\n  )\n\n  const handleSearch = useCallback(() => {\n    navigation.navigate('Search')\n  }, [navigation])\n\n  const handleChatSettings = useCallback(() => {\n    navigation.navigate('ChatSettings', {})\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n      show_direct_messages,\n      show_archived,\n      show_unread,\n    })\n  }, [\n    navigation,\n    chat_group_graph_id,\n    group_source_app_name,\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  ])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived\n\n  const styles = useStyles()\n\n  const [rowWidth, setRowWidth] = useState<number>()\n  const handleRowLayout = useCallback((event: LayoutChangeEvent) => {\n    setRowWidth(event.nativeEvent.layout.width)\n  }, [])\n  const triggerMaxWidth = rowWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 : undefined\n\n  return (\n    <View style={styles.listHeader}>\n      <View\n        style={styles.headingRow}\n        onLayout={handleRowLayout}\n        testID=\"conversations-filter-heading-row\"\n      >\n        <View style={styles.titleContainer}>\n          <FilterDropdown\n            options={options}\n            selectedId={active}\n            onSelect={handleSelectFilter}\n            onMoreFilters={handleOpenConversationFilters}\n            showMoreFilters={showMoreFilters}\n            triggerLabel={triggerLabel}\n            maxWidth={triggerMaxWidth}\n          />\n        </View>\n        <View style={styles.actionsContainer}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\n            testID=\"conversations-chat-settings-button\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          />\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {searchEnabled && (\n            <ListHeaderActionButton\n              name=\"general.search\"\n              onPress={handleSearch}\n              accessibilityLabel=\"Search\"\n              testID=\"conversations-search-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n        </View>\n      </View>\n      {!show_archived && (\n        <View style={styles.markAllReadRow}>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 8,\n    },\n    headingRow: {\n      gap: HEADING_ROW_GAP,\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      flexShrink: 0,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      alignItems: 'flex-start',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.27",
+  "version": "4.4.1-qa-staging.29",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.27",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.29",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "692d0f5368988b4d99e2e79c94417a33f8cf8f55"
+  "gitHead": "9a269a39a6933a4e77bd2915e0b9d8802bb9030d"
 }

package/src/screens/conversations/components/__tests__/filter_dropdown_list_header_component.test.tsx

@@ -21,15 +21,6 @@ const mockSearchEnabled = jest.fn()
 const mockCanBrowseArchived = jest.fn()
 const mockGroupsByGraphId: Record<string, { name: string }> = {}
 
-jest.mock('react-native', () => {
-  const actual = jest.requireActual('react-native')
-  return Object.defineProperty(actual, 'useWindowDimensions', {
-    value: jest.fn(() => ({ fontScale: 1 })),
-    configurable: true,
-  })
-})
-const mockUseWindowDimensions = jest.requireMock('react-native').useWindowDimensions
-
 jest.mock('@react-navigation/native', () => ({
   ...jest.requireActual('@react-navigation/native'),
   useNavigation: () => ({ setParams: mockSetParams, navigate: mockNavigate }),
@@ -130,43 +121,19 @@ describe('FilterDropdownListHeaderComponent', () => {
     mockSetParams.mockClear()
     mockSearchEnabled.mockReturnValue(true)
     mockCanBrowseArchived.mockReturnValue(false)
-    mockUseWindowDimensions.mockReturnValue({ fontScale: 1 })
     setCapabilities({ groups: true, teams: true })
     setRouteParams({})
   })
 
-  it('keeps the dropdown and actions on one line at the default font scale', () => {
-    mockUseWindowDimensions.mockReturnValue({ fontScale: 1 })
-
-    render(<FilterDropdownListHeaderComponent />)
-
-    expect(screen.getByTestId('conversations-filter-heading-row')).toHaveStyle({
-      flexDirection: 'row',
-    })
-  })
-
-  it('stacks the actions under the dropdown at the first font size above the default', () => {
-    mockUseWindowDimensions.mockReturnValue({ fontScale: 1.12 })
-
-    render(<FilterDropdownListHeaderComponent />)
-
-    expect(screen.getByTestId('conversations-filter-heading-row')).toHaveStyle({
-      flexDirection: 'column',
-    })
-  })
-
-  it('caps the trigger to the room beside the actions so a long label truncates', () => {
+  it('caps the trigger to the row so a long label truncates instead of overflowing', () => {
     render(<FilterDropdownListHeaderComponent />)
 
     fireEvent(screen.getByTestId('conversations-filter-heading-row'), 'layout', {
       nativeEvent: { layout: { width: 360 } },
     })
-    fireEvent(screen.getByTestId('conversations-filter-actions'), 'layout', {
-      nativeEvent: { layout: { width: 160 } },
-    })
 
     expect(screen.getByRole('button', { name: 'All conversations' })).toHaveStyle({
-      maxWidth: 156,
+      maxWidth: 328,
     })
   })
 

package/src/screens/conversations/components/filter_dropdown_list_header_component.tsx

@@ -7,7 +7,6 @@ import {
   useCanCreateConversations,
   useCurrentPersonCache,
   useDirectMessagesEligible,
-  useFontScale,
   useHasDirectMessages,
   useNewConversationEntry,
   useTheme,
@@ -26,7 +25,6 @@ import { ListHeaderActionButton } from './list_header_action_button'
 
 const ROW_PADDING_HORIZONTAL = 16
 const HEADING_ROW_GAP = 12
-const DEFAULT_FONT_SCALE = 1
 const ALL_CONVERSATIONS_LABEL = 'All conversations'
 const ARCHIVED_LABEL = 'Archived'
 
@@ -207,23 +205,13 @@ export const FilterDropdownListHeaderComponent = () => {
 
   const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived
 
-  const stacked = useFontScale() > DEFAULT_FONT_SCALE
-  const styles = useStyles({ stacked })
+  const styles = useStyles()
 
-  // The Android menu host measures the trigger at its intrinsic width, so flex shrinking never
-  // truncates the label. Cap it to the room left beside the action buttons instead.
   const [rowWidth, setRowWidth] = useState<number>()
-  const [actionsWidth, setActionsWidth] = useState<number>()
   const handleRowLayout = useCallback((event: LayoutChangeEvent) => {
     setRowWidth(event.nativeEvent.layout.width)
   }, [])
-  const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {
-    setActionsWidth(event.nativeEvent.layout.width)
-  }, [])
-  const triggerMaxWidth =
-    !stacked && rowWidth !== undefined && actionsWidth !== undefined
-      ? rowWidth - ROW_PADDING_HORIZONTAL * 2 - actionsWidth - HEADING_ROW_GAP
-      : undefined
+  const triggerMaxWidth = rowWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 : undefined
 
   return (
     <View style={styles.listHeader}>
@@ -243,11 +231,7 @@ export const FilterDropdownListHeaderComponent = () => {
             maxWidth={triggerMaxWidth}
           />
         </View>
-        <View
-          style={styles.actionsContainer}
-          onLayout={handleActionsLayout}
-          testID="conversations-filter-actions"
-        >
+        <View style={styles.actionsContainer}>
           <ListHeaderActionButton
             name="general.cog"
             onPress={handleChatSettings}
@@ -292,7 +276,7 @@ export const FilterDropdownListHeaderComponent = () => {
   )
 }
 
-const useStyles = ({ stacked }: { stacked: boolean }) => {
+const useStyles = () => {
   const theme = useTheme()
 
   return StyleSheet.create({
@@ -304,15 +288,14 @@ const useStyles = ({ stacked }: { stacked: boolean }) => {
     },
     headingRow: {
       gap: HEADING_ROW_GAP,
-      flexDirection: stacked ? 'column' : 'row',
-      alignItems: stacked ? 'flex-start' : 'center',
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
       justifyContent: 'space-between',
-      paddingBottom: stacked ? 4 : 0,
       paddingHorizontal: ROW_PADDING_HORIZONTAL,
     },
     titleContainer: {
-      flexShrink: 1,
-      minWidth: 0,
+      flexShrink: 0,
     },
     actionsContainer: {
       flexDirection: 'row',