@planningcenter/chat-react-native 3.43.0-rc.0 → 3.43.0-rc.2

package/build/screens/conversation_select_type_screen.js

@@ -3,7 +3,6 @@ import { useNavigation } from '@react-navigation/native';
 import { useLayoutEffect } from 'react';
 import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
 import { useCurrentPerson } from '../hooks/use_current_person';
-import { availableFeatures, useFeatures } from '../hooks/use_features';
 import { useConversationTypeAccess } from '../hooks/use_new_conversation_entry';
 import { Haptic } from '../utils/native_adapters';
 export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
@@ -12,14 +11,12 @@ export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
 export function ConversationSelectTypeScreen({ route }) {
     const navigation = useNavigation();
     const { canCreateGroupsConversations, canCreateServicesConversations } = useConversationTypeAccess();
-    const { featureEnabled } = useFeatures();
-    const { directMessagesDisabled, under_18 } = useCurrentPerson();
+    const { directMessagesDisabled, directMessagesEligible } = useCurrentPerson();
     const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } = route.params || {};
     const filterParams = { chat_group_graph_id, group_source_app_name };
-    const dmFeatureEnabled = featureEnabled(availableFeatures.direct_messages_eap);
-    const showDirectMessageOption = dmFeatureEnabled && !under_18;
-    // sheetAllowedDetents depends on the DM feature flag, which isn't known until render, so it's
-    // set here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies
+    const showDirectMessageOption = directMessagesEligible;
+    // sheetAllowedDetents depends on DM eligibility, which isn't known until render, so it's set
+    // here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies
     // it before paint so the sheet never visibly resizes after opening.
     useLayoutEffect(() => {
         navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] });

package/build/screens/conversation_select_type_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useLayoutEffect } from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCurrentPerson } from '../hooks/use_current_person'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { useConversationTypeAccess } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const { canCreateGroupsConversations, canCreateServicesConversations } =\n    useConversationTypeAccess()\n  const { featureEnabled } = useFeatures()\n  const { directMessagesDisabled, under_18 } = useCurrentPerson()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const dmFeatureEnabled = featureEnabled(availableFeatures.direct_messages_eap)\n  const showDirectMessageOption = dmFeatureEnabled && !under_18\n\n  // sheetAllowedDetents depends on the DM feature flag, which isn't known until render, so it's\n  // set here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies\n  // it before paint so the sheet never visibly resizes after opening.\n  useLayoutEffect(() => {\n    navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] })\n  }, [navigation, showDirectMessageOption])\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroupsConversations && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateServicesConversations && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {showDirectMessageOption && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          disabled={directMessagesDisabled}\n          disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}
+{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useLayoutEffect } from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCurrentPerson } from '../hooks/use_current_person'\nimport { useConversationTypeAccess } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const { canCreateGroupsConversations, canCreateServicesConversations } =\n    useConversationTypeAccess()\n  const { directMessagesDisabled, directMessagesEligible } = useCurrentPerson()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const showDirectMessageOption = directMessagesEligible\n\n  // sheetAllowedDetents depends on DM eligibility, which isn't known until render, so it's set\n  // here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies\n  // it before paint so the sheet never visibly resizes after opening.\n  useLayoutEffect(() => {\n    navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] })\n  }, [navigation, showDirectMessageOption])\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroupsConversations && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateServicesConversations && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {showDirectMessageOption && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          disabled={directMessagesDisabled}\n          disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}

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

@@ -3,7 +3,7 @@ import { useNavigation, useRoute } from '@react-navigation/native';
 import { useCallback, useMemo } from 'react';
 import { Alert, ScrollView, StyleSheet, View } from 'react-native';
 import { Heading, TextButton, ToggleButton } from '../../../components';
-import { useAtFontScaleBreakpoint, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEnabled, useHasDirectMessages, useNewConversationEntry, useTheme, } from '../../../hooks';
+import { useAtFontScaleBreakpoint, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useHasDirectMessages, useNewConversationEntry, useTheme, } from '../../../hooks';
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
 import { useCanDisplayGroups } from '../../../hooks/use_groups';
 import { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter';
@@ -24,9 +24,9 @@ export const ListHeaderComponent = () => {
     const navigation = useNavigation();
     const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' });
     const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' });
-    const directMessagesEnabled = useDirectMessagesEnabled();
+    const directMessagesEligible = useDirectMessagesEligible();
     const hasDirectMessages = useHasDirectMessages();
-    const canFilterByDMs = directMessagesEnabled && hasDirectMessages;
+    const canFilterByDMs = directMessagesEligible && hasDirectMessages;
     const route = useRoute();
     const { chat_group_graph_id, group_source_app_name = '', show_direct_messages, } = route.params || {};
     const currentPersonCache = useCurrentPersonCache();

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

@@ -1 +1 @@
-{"version":3,"file":"list_header_component.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, ScrollView, StyleSheet, View } from 'react-native'\nimport { Heading, TextButton, ToggleButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEnabled,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ChatGroupBadge } from './chat_group_badge'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  More = 'More',\n}\n\nexport const ListHeaderComponent = () => {\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 directMessagesEnabled = useDirectMessagesEnabled()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEnabled && hasDirectMessages\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\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\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\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    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages])\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 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    })\n  }, [navigation, chat_group_graph_id, group_source_app_name, show_direct_messages])\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 hasSomeSourceFilterCapability = canFilterByTeams || canFilterByGroups\n  const hasMultiSourceFilterCapabilities = canFilterByTeams && canFilterByGroups\n  const showFilterRow = hasMultiSourceFilterCapabilities || canFilterByDMs\n  const shouldShowHeaderFiltersButton = hasSomeSourceFilterCapability && !showFilterRow\n  const moreFiltersButtonA11yLabel = shouldShowHeaderFiltersButton\n    ? 'View filters'\n    : 'View more filters'\n\n  const moreFiltersButtonProps = {\n    onPress: handleOpenConversationFilters,\n    active: active === FilterTypes.More,\n    iconNameRight: 'general.threeReducingHorizontalBars' as const,\n    accessibilityLabel: moreFiltersButtonA11yLabel,\n  }\n\n  const styles = useStyles({ shouldShowHeaderFiltersButton })\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.headingRow}>\n        <View style={styles.titleContainer}>\n          <Heading numberOfLines={1} variant=\"h2\">\n            Conversations\n          </Heading>\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        <View style={styles.actionsContainer}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\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          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {showFilterRow && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n                show_direct_messages: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          {canFilterByGroups && (\n            <ToggleButton\n              title={FilterTypes.Groups}\n              active={active === FilterTypes.Groups}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Groups',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to group conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByTeams && (\n            <ToggleButton\n              title={FilterTypes.Teams}\n              active={active === FilterTypes.Teams}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Services',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to team conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByDMs && (\n            <ToggleButton\n              title={FilterTypes.DMs}\n              active={active === FilterTypes.DMs}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: undefined,\n                  show_direct_messages: true,\n                })\n              }\n              accessibilityLabel=\"Filter to direct message conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}
+{"version":3,"file":"list_header_component.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, ScrollView, StyleSheet, View } from 'react-native'\nimport { Heading, TextButton, ToggleButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEligible,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ChatGroupBadge } from './chat_group_badge'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  More = 'More',\n}\n\nexport const ListHeaderComponent = () => {\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 route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\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\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\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    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages])\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 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    })\n  }, [navigation, chat_group_graph_id, group_source_app_name, show_direct_messages])\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 hasSomeSourceFilterCapability = canFilterByTeams || canFilterByGroups\n  const hasMultiSourceFilterCapabilities = canFilterByTeams && canFilterByGroups\n  const showFilterRow = hasMultiSourceFilterCapabilities || canFilterByDMs\n  const shouldShowHeaderFiltersButton = hasSomeSourceFilterCapability && !showFilterRow\n  const moreFiltersButtonA11yLabel = shouldShowHeaderFiltersButton\n    ? 'View filters'\n    : 'View more filters'\n\n  const moreFiltersButtonProps = {\n    onPress: handleOpenConversationFilters,\n    active: active === FilterTypes.More,\n    iconNameRight: 'general.threeReducingHorizontalBars' as const,\n    accessibilityLabel: moreFiltersButtonA11yLabel,\n  }\n\n  const styles = useStyles({ shouldShowHeaderFiltersButton })\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.headingRow}>\n        <View style={styles.titleContainer}>\n          <Heading numberOfLines={1} variant=\"h2\">\n            Conversations\n          </Heading>\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        <View style={styles.actionsContainer}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\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          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {showFilterRow && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n                show_direct_messages: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          {canFilterByGroups && (\n            <ToggleButton\n              title={FilterTypes.Groups}\n              active={active === FilterTypes.Groups}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Groups',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to group conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByTeams && (\n            <ToggleButton\n              title={FilterTypes.Teams}\n              active={active === FilterTypes.Teams}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Services',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to team conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByDMs && (\n            <ToggleButton\n              title={FilterTypes.DMs}\n              active={active === FilterTypes.DMs}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: undefined,\n                  show_direct_messages: true,\n                })\n              }\n              accessibilityLabel=\"Filter to direct message conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}

package/build/screens/settings_screen.js

@@ -5,13 +5,13 @@ import { useCallback } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { Heading, Icon, Text } from '../components';
 import { Switch } from '../components/display/switch';
-import { useDirectMessagesEnabled, useTheme } from '../hooks';
+import { useDirectMessagesEligible, useTheme } from '../hooks';
 import { useAppName } from '../hooks/use_app_name';
 import { usePersonSettings } from '../hooks/use_person_settings';
 export function SettingsScreen({}) {
     const styles = useStyles();
     const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings();
-    const directMessagesEnabled = useDirectMessagesEnabled();
+    const directMessagesEligible = useDirectMessagesEligible();
     const appName = useAppName();
     const navigation = useNavigation();
     const handleNotificationSettings = useCallback(() => {
@@ -20,7 +20,7 @@ export function SettingsScreen({}) {
     const handleGetHelp = useCallback(() => {
         navigation.navigate('GetHelp', { type: 'chat' });
     }, [navigation]);
-    return (_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.sectionOuter, children: [_jsx(View, { style: styles.sectionHeader, children: _jsx(Heading, { variant: "h2", children: "Messages" }) }), directMessagesEnabled && (_jsxs(View, { style: styles.settingRow, children: [_jsxs(View, { style: styles.settingRowText, children: [_jsx(Text, { children: "Allow direct messages" }), _jsx(Text, { variant: "tertiary", children: "When off, you can't be added to new direct messages, and any you're already in will be turned off." })] }), _jsx(Switch, { value: !directMessagesDisabled, onValueChange: enabled => setDirectMessagesDisabled(!enabled), disabled: isMutating })] })), _jsx(NavRow, { label: "Notification settings", onPress: handleNotificationSettings }), appName !== 'services' && _jsx(NavRow, { label: "Get help", onPress: handleGetHelp })] }) }));
+    return (_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.sectionOuter, children: [_jsx(View, { style: styles.sectionHeader, children: _jsx(Heading, { variant: "h2", children: "Messages" }) }), directMessagesEligible && (_jsxs(View, { style: styles.settingRow, children: [_jsxs(View, { style: styles.settingRowText, children: [_jsx(Text, { children: "Allow direct messages" }), _jsx(Text, { variant: "tertiary", children: "When off, you can't be added to new direct messages, and any you're already in will be turned off." })] }), _jsx(Switch, { value: !directMessagesDisabled, onValueChange: enabled => setDirectMessagesDisabled(!enabled), disabled: isMutating })] })), _jsx(NavRow, { label: "Notification settings", onPress: handleNotificationSettings }), appName !== 'services' && _jsx(NavRow, { label: "Get help", onPress: handleGetHelp })] }) }));
 }
 function NavRow({ label, onPress }) {
     const styles = useNavRowStyles();

package/build/screens/settings_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings_screen.js","sourceRoot":"","sources":["../../src/screens/settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { Switch } from '../components/display/switch'\nimport { useDirectMessagesEnabled, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { usePersonSettings } from '../hooks/use_person_settings'\n\nexport type SettingsScreenProps = StaticScreenProps<{}>\n\nexport function SettingsScreen({}: SettingsScreenProps) {\n  const styles = useStyles()\n  const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings()\n  const directMessagesEnabled = useDirectMessagesEnabled()\n  const appName = useAppName()\n  const navigation = useNavigation()\n\n  const handleNotificationSettings = useCallback(() => {\n    navigation.navigate('NotificationSettings', {})\n  }, [navigation])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.sectionOuter}>\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h2\">Messages</Heading>\n        </View>\n        {directMessagesEnabled && (\n          <View style={styles.settingRow}>\n            <View style={styles.settingRowText}>\n              <Text>Allow direct messages</Text>\n              <Text variant=\"tertiary\">\n                When off, you can't be added to new direct messages, and any you're already in will\n                be turned off.\n              </Text>\n            </View>\n            <Switch\n              value={!directMessagesDisabled}\n              onValueChange={enabled => setDirectMessagesDisabled(!enabled)}\n              disabled={isMutating}\n            />\n          </View>\n        )}\n        <NavRow label=\"Notification settings\" onPress={handleNotificationSettings} />\n        {appName !== 'services' && <NavRow label=\"Get help\" onPress={handleGetHelp} />}\n      </View>\n    </View>\n  )\n}\n\ninterface NavRowProps {\n  label: string\n  onPress: () => void\n}\n\nfunction NavRow({ label, onPress }: NavRowProps) {\n  const styles = useNavRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={label}\n    >\n      <View style={styles.inner}>\n        <Text>{label}</Text>\n        {Platform.OS === 'ios' && (\n          <Icon name=\"general.rightChevron\" size={16} style={styles.chevron} />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n    },\n    sectionOuter: {\n      paddingLeft: 16,\n    },\n    sectionHeader: {\n      paddingRight: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRowText: {\n      flex: 1,\n      gap: 8,\n    },\n  })\n}\n\nconst useNavRowStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 0,\n    },\n    inner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 14,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    chevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}
+{"version":3,"file":"settings_screen.js","sourceRoot":"","sources":["../../src/screens/settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { Switch } from '../components/display/switch'\nimport { useDirectMessagesEligible, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { usePersonSettings } from '../hooks/use_person_settings'\n\nexport type SettingsScreenProps = StaticScreenProps<{}>\n\nexport function SettingsScreen({}: SettingsScreenProps) {\n  const styles = useStyles()\n  const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings()\n  const directMessagesEligible = useDirectMessagesEligible()\n  const appName = useAppName()\n  const navigation = useNavigation()\n\n  const handleNotificationSettings = useCallback(() => {\n    navigation.navigate('NotificationSettings', {})\n  }, [navigation])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.sectionOuter}>\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h2\">Messages</Heading>\n        </View>\n        {directMessagesEligible && (\n          <View style={styles.settingRow}>\n            <View style={styles.settingRowText}>\n              <Text>Allow direct messages</Text>\n              <Text variant=\"tertiary\">\n                When off, you can't be added to new direct messages, and any you're already in will\n                be turned off.\n              </Text>\n            </View>\n            <Switch\n              value={!directMessagesDisabled}\n              onValueChange={enabled => setDirectMessagesDisabled(!enabled)}\n              disabled={isMutating}\n            />\n          </View>\n        )}\n        <NavRow label=\"Notification settings\" onPress={handleNotificationSettings} />\n        {appName !== 'services' && <NavRow label=\"Get help\" onPress={handleGetHelp} />}\n      </View>\n    </View>\n  )\n}\n\ninterface NavRowProps {\n  label: string\n  onPress: () => void\n}\n\nfunction NavRow({ label, onPress }: NavRowProps) {\n  const styles = useNavRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={label}\n    >\n      <View style={styles.inner}>\n        <Text>{label}</Text>\n        {Platform.OS === 'ios' && (\n          <Icon name=\"general.rightChevron\" size={16} style={styles.chevron} />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n    },\n    sectionOuter: {\n      paddingLeft: 16,\n    },\n    sectionHeader: {\n      paddingRight: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRowText: {\n      flex: 1,\n      gap: 8,\n    },\n  })\n}\n\nconst useNavRowStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 0,\n    },\n    inner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 14,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    chevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}

package/build/types/resources/person.d.ts

@@ -17,6 +17,7 @@ export interface CurrentPersonResource extends PersonResource {
     pcoChatEnabled: boolean;
     ageQualificationStatus?: AgeQualificationStatus;
     directMessagesDisabled: boolean;
+    directMessagesEligible: boolean;
     under_18: boolean;
 }
 //# sourceMappingURL=person.d.ts.map

package/build/types/resources/person.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAA;AAEV,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAA;AAEtE,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;IAC/C,sBAAsB,EAAE,OAAO,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAA;AAEV,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAA;AAEtE,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;IAC/C,sBAAsB,EAAE,OAAO,CAAA;IAC/B,sBAAsB,EAAE,OAAO,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;CAClB"}

package/build/types/resources/person.js.map

@@ -1 +1 @@
-{"version":3,"file":"person.js","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,cAAc;IAC5B,OAAO,EAAE,SAAS;CACV,CAAA","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport const AgeQualificationStatus = {\n  QUALIFIED: 'qualified',\n  DISQUALIFIED: 'disqualified',\n  UNKNOWN: 'unknown',\n} as const\n\nexport type AgeQualificationStatus =\n  (typeof AgeQualificationStatus)[keyof typeof AgeQualificationStatus]\n\nexport interface PersonResource extends ResourceObject {\n  id: number\n  type: 'Person'\n  name: string\n  avatar: string\n}\n\nexport interface CurrentPersonResource extends PersonResource {\n  canChat: boolean\n  unreadCount: number\n  pcoChatEnabled: boolean\n  ageQualificationStatus?: AgeQualificationStatus\n  directMessagesDisabled: boolean\n  under_18: boolean\n}\n"]}
+{"version":3,"file":"person.js","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,cAAc;IAC5B,OAAO,EAAE,SAAS;CACV,CAAA","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport const AgeQualificationStatus = {\n  QUALIFIED: 'qualified',\n  DISQUALIFIED: 'disqualified',\n  UNKNOWN: 'unknown',\n} as const\n\nexport type AgeQualificationStatus =\n  (typeof AgeQualificationStatus)[keyof typeof AgeQualificationStatus]\n\nexport interface PersonResource extends ResourceObject {\n  id: number\n  type: 'Person'\n  name: string\n  avatar: string\n}\n\nexport interface CurrentPersonResource extends PersonResource {\n  canChat: boolean\n  unreadCount: number\n  pcoChatEnabled: boolean\n  ageQualificationStatus?: AgeQualificationStatus\n  directMessagesDisabled: boolean\n  directMessagesEligible: boolean\n  under_18: boolean\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.43.0-rc.0",
+  "version": "3.43.0-rc.2",
   "description": "",
   "main": "build/index.js",
   "react-native": "./src/index.tsx",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "3.43.0-rc.0",
+    "@planningcenter/emoji-keyboard": "3.43.0-rc.2",
     "lodash-inflection": "^1.5.0",
     "react-compiler-runtime": "^1.0.0"
   },
@@ -72,5 +72,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "05426fb868313573e8b434052abc25d9e606ccfa"
+  "gitHead": "e13dd890ffbf7d0a47bfe03fcefa1e84e2fb0e84"
 }

package/src/__tests__/hooks/use_direct_messages_eligible.test.tsx

@@ -0,0 +1,76 @@
+import { QueryClientProvider } from '@tanstack/react-query'
+import { act, renderHook, waitFor } from '@testing-library/react-native'
+import React from 'react'
+import { buildTestQueryClient } from '../../__utils__/query_client'
+import { ChatContext, ChatContextValue } from '../../contexts/chat_context'
+import { ApiClient, useApiClient } from '../../hooks/use_api_client'
+import { currentPersonQueryKey } from '../../hooks/use_current_person'
+import { useDirectMessagesEligible } from '../../hooks/use_direct_messages_eligible'
+import { Session } from '../../utils'
+
+jest.mock('../../hooks/use_api_client')
+
+const mockedUseApiClient = useApiClient as jest.MockedFunction<typeof useApiClient>
+
+let get: jest.Mock
+
+const session = new Session({ token: { access_token: 'a-real-token' } })
+
+const renderUseDirectMessagesEligible = (queryClient = buildTestQueryClient()) => {
+  const wrapper = ({ children }: { children: React.ReactNode }) => (
+    <QueryClientProvider client={queryClient}>
+      <ChatContext.Provider value={{ session } as unknown as ChatContextValue}>
+        {children}
+      </ChatContext.Provider>
+    </QueryClientProvider>
+  )
+
+  return { ...renderHook(() => useDirectMessagesEligible(), { wrapper }), queryClient }
+}
+
+beforeEach(() => {
+  get = jest.fn().mockResolvedValue({ data: { id: 1, directMessagesEligible: true } })
+  mockedUseApiClient.mockReturnValue({ chat: { get } } as unknown as ApiClient)
+})
+
+afterEach(() => {
+  jest.clearAllMocks()
+})
+
+describe('useDirectMessagesEligible', () => {
+  it('returns true once the person is fetched as eligible', async () => {
+    get.mockResolvedValue({
+      data: { id: 1, directMessagesEligible: true, directMessagesDisabled: true },
+    })
+
+    const { result } = renderUseDirectMessagesEligible()
+
+    await waitFor(() => expect(result.current).toBe(true))
+  })
+
+  it('returns false when the attribute is absent from the response', async () => {
+    get.mockResolvedValue({ data: { id: 1 } })
+
+    const { result } = renderUseDirectMessagesEligible()
+
+    await waitFor(() => expect(get).toHaveBeenCalled())
+    // false is also the hook's return value before the fetch resolves, so a plain check here
+    // could pass by coincidence against that early state. react-query schedules its update via
+    // a real setTimeout, so this waits for that timer to actually fire before asserting the
+    // settled value.
+    await act(() => new Promise(resolve => setTimeout(resolve, 0)))
+
+    expect(result.current).toBe(false)
+  })
+
+  it('reads the same /me cache entry as useCurrentPerson', () => {
+    const queryClient = buildTestQueryClient()
+    queryClient.setQueryData(currentPersonQueryKey, {
+      data: { id: 1, directMessagesEligible: true },
+    })
+
+    const { result } = renderUseDirectMessagesEligible(queryClient)
+
+    expect(result.current).toBe(true)
+  })
+})

package/src/components/display/platform_modal_header_buttons.tsx

@@ -1,7 +1,11 @@
-import { HeaderButton } from '@react-navigation/elements'
-import type { NativeStackHeaderRightProps } from '@react-navigation/native-stack'
+import { HeaderBackButton, HeaderButton } from '@react-navigation/elements'
+import type {
+  NativeStackHeaderLeftProps,
+  NativeStackHeaderRightProps,
+} from '@react-navigation/native-stack'
 import { ColorValue, Platform, StyleSheet } from 'react-native'
 import { useTheme } from '../../hooks'
+import { isLiquidGlassEnabled } from '../../utils/liquid_glass'
 import { Icon } from './icon'
 import { TextButton } from './text_button'
 
@@ -78,6 +82,47 @@ export const HeaderDoneButton = ({ navigation, ...props }: HeaderDoneButtonProps
   return <HeaderTextButton {...props} onPress={navigation.goBack} title="Done" />
 }
 
+// The default back icon reserves trailing space for a label that
+// displayMode="minimal" never shows; a custom image skips it so the glass
+// capsule hugs the glyph.
+const renderGlassBackImage = ({ tintColor }: { tintColor: string }) => (
+  <Icon name="general.leftChevron" size={18} color={tintColor} />
+)
+
+// The iOS 26 glass capsule manages its own insets — negative margins clip
+// the button against the capsule edge.
+export const createMinimalHeaderBackButton =
+  ({ onPress }: { onPress: () => void }) =>
+  (props: NativeStackHeaderLeftProps) => (
+    <HeaderBackButton
+      style={
+        isLiquidGlassEnabled()
+          ? undefined
+          : {
+              marginLeft: Platform.select({ ios: -8, default: -3 }),
+              marginRight: Platform.select({ ios: 0, default: 30 }),
+            }
+      }
+      backImage={isLiquidGlassEnabled() ? renderGlassBackImage : undefined}
+      displayMode="minimal"
+      onPress={onPress}
+      {...props}
+    />
+  )
+
+// Under glass the native minimal back button suffices; pre-26 needs the
+// custom button and its layout nudges.
+export const composeHeaderOptions = ({
+  title,
+  onPress,
+}: {
+  title: string
+  onPress: () => void
+}) => ({
+  title,
+  ...(isLiquidGlassEnabled() ? {} : { headerLeft: createMinimalHeaderBackButton({ onPress }) }),
+})
+
 const useStyles = () => {
   const { colors } = useTheme()
 

package/src/hooks/index.ts

@@ -8,7 +8,7 @@ export * from './use_chat_permissions'
 export * from './use_create_android_ripple_color'
 export * from './use_current_person'
 export * from './use_deleting_ids'
-export * from './use_direct_messages_enabled'
+export * from './use_direct_messages_eligible'
 export * from './use_font_scale'
 export * from './use_has_direct_messages'
 export * from './use_groups_groups'

package/src/hooks/use_current_person.ts

@@ -17,6 +17,7 @@ export const currentPersonRequestArgs = {
         'pco_chat_enabled',
         'age_qualification_status',
         'direct_messages_disabled',
+        'direct_messages_eligible',
         'under_18',
       ],
     },

package/src/hooks/use_direct_messages_eligible.ts

@@ -0,0 +1,14 @@
+import { CurrentPersonResource } from '../types'
+import { useApiGet } from './use_api'
+import { currentPersonRequestArgs } from './use_current_person'
+
+export const useDirectMessagesEligible = (): boolean => {
+  const { data: person, isFetched } = useApiGet<CurrentPersonResource>(currentPersonRequestArgs)
+
+  // This hook is used as a React Navigation `if:` predicate, which can't suspend, so this has
+  // to return a real boolean synchronously. Until the /me fetch resolves, that means failing
+  // closed to false rather than blocking so the route is briefly absent instead of the app hanging.
+  if (!isFetched) return false
+
+  return person?.directMessagesEligible ?? false
+}

package/src/hooks/use_features.ts

@@ -43,7 +43,6 @@ export const availableFeatures = {
   custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',
   conversation_safety_lock: 'ROLLOUT_conversation_safety_lock',
   video_moderation: 'ROLLOUT_MOBILE_video_moderation',
-  direct_messages_eap: 'ROLLOUT_direct_messages_eap',
   dm_search_clear_fix: 'ROLLOUT_MOBILE_dm_search_clear_fix',
 } as const satisfies Record<string, `ROLLOUT_${string}`>
 

package/src/navigation/index.tsx

@@ -9,10 +9,12 @@ import React from 'react'
 import { Platform } from 'react-native'
 import { Icon } from '../components'
 import {
+  composeHeaderOptions,
+  createMinimalHeaderBackButton,
   HeaderDoneButton,
   HeaderTextButton,
 } from '../components/display/platform_modal_header_buttons'
-import { useDirectMessagesEnabled, useQualifiedByAge } from '../hooks'
+import { useDirectMessagesEligible, useQualifiedByAge } from '../hooks'
 import {
   AttachmentActionsScreen,
   AttachmentActionsScreenOptions,
@@ -81,11 +83,6 @@ import {
 import { TeamConversationScreen } from '../screens/team_conversation_screen'
 import { ScreenLayoutWithChatAccessGate } from './screenLayout'
 
-const HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {
-  marginLeft: Platform.select({ ios: -8, default: -3 }),
-  marginRight: Platform.select({ ios: 0, default: 30 }),
-}
-
 export const NewConversationStack = createNativeStackNavigator({
   initialRouteName: 'ConversationNewEntry',
   screenOptions: {
@@ -131,7 +128,7 @@ export const NewConversationStack = createNativeStackNavigator({
     },
     ConversationSelectDirectMessageRecipients: {
       screen: ConversationSelectDirectMessageRecipientsScreen,
-      if: useDirectMessagesEnabled,
+      if: useDirectMessagesEligible,
       options: ({ navigation, route }) => ({
         title: 'New conversation',
         headerRight: (props: NativeStackHeaderRightProps) => (
@@ -221,38 +218,27 @@ export const ChatStack = createNativeStackNavigator({
             onPress={() => navigation.getParent()?.goBack()}
           />
         ),
-        headerLeft: props => (
-          <HeaderBackButton
-            style={HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES}
-            displayMode="minimal"
-            onPress={() => {
-              const params = route.params as ConversationRouteProps
-              if ((params as ConversationFiltersParams)?.chat_group_graph_id) {
-                // Ensure that conversations with a graph id pass them back to the conversation list
-                const { chat_group_graph_id } = params
-                navigation.popTo('Conversations', { chat_group_graph_id })
-              } else {
-                navigation.goBack()
-              }
-            }}
-            {...props}
-          />
-        ),
+        headerLeft: createMinimalHeaderBackButton({
+          onPress: () => {
+            const params = route.params as ConversationRouteProps
+            if ((params as ConversationFiltersParams)?.chat_group_graph_id) {
+              // Ensure that conversations with a graph id pass them back to the conversation list
+              const { chat_group_graph_id } = params
+              navigation.popTo('Conversations', { chat_group_graph_id })
+            } else {
+              navigation.goBack()
+            }
+          },
+        }),
       }),
     },
     ConversationReply: {
       screen: ConversationScreen,
-      options: ({ route, navigation }) => ({
-        title: (route.params as ConversationRouteProps)?.title ?? 'Reply',
-        headerLeft: props => (
-          <HeaderBackButton
-            style={HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES}
-            displayMode="minimal"
-            onPress={() => navigation.goBack()}
-            {...props}
-          />
-        ),
-      }),
+      options: ({ route, navigation }) =>
+        composeHeaderOptions({
+          title: (route.params as ConversationRouteProps)?.title ?? 'Reply',
+          onPress: navigation.goBack,
+        }),
     },
     TeamConversation: {
       screen: TeamConversationScreen,

package/src/screens/conversation_filters/components/conversation_filters.tsx

@@ -4,7 +4,7 @@ import { FlatList } from 'react-native-gesture-handler'
 import { Heading } from '../../../components'
 import {
   useAtFontScaleBreakpoint,
-  useDirectMessagesEnabled,
+  useDirectMessagesEligible,
   useHasDirectMessages,
   useTheme,
 } from '../../../hooks'
@@ -59,9 +59,9 @@ export const ConversationFilters = () => {
   const { setScrollOffset, params } = useContext(FilterContext)
   const { chat_group_graph_id, group_source_app_name = '', show_direct_messages } = params
 
-  const directMessagesEnabled = useDirectMessagesEnabled()
+  const directMessagesEligible = useDirectMessagesEligible()
   const hasDirectMessages = useHasDirectMessages()
-  const canFilterByDMs = directMessagesEnabled && hasDirectMessages
+  const canFilterByDMs = directMessagesEligible && hasDirectMessages
 
   const activeFilter: FilterTypes = useMemo(() => {
     if (chat_group_graph_id) {