@planningcenter/chat-react-native 3.30.0-rc.4 → 3.30.0-rc.6

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

@@ -2,15 +2,20 @@ import { PlatformPressable } from '@react-navigation/elements'
 import { NavigationProp, useNavigation } from '@react-navigation/native'
 import React, { PropsWithChildren, useContext } from 'react'
 import { StyleSheet, View, ViewStyle } from 'react-native'
-import { Heading, Icon, Image, Text, TextButton } from '@/components'
-import { useAtFontScaleBreakpoint, useFontScale, useScalableNumberOfLines, useTheme } from '@/hooks'
-import { useServicesTeamsMap } from '@/hooks/services/use_services_team'
-import { FilterContext } from '@/screens/conversation_filters/context/conversation_filter_context'
-import { FilterTypes } from '@/screens/conversation_filters/filter_types'
-import { FilteredGroup } from '@/screens/conversation_filters/hooks/filters'
-import { ConversationFilterStackParamList } from '@/screens/conversation_filters/screen_props'
-import { GroupResource } from '@/types/resources/group_resource'
-import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '@/utils/styles'
+import { Heading, Icon, Image, Text, TextButton } from '../../../components'
+import {
+  useAtFontScaleBreakpoint,
+  useFontScale,
+  useScalableNumberOfLines,
+  useTheme,
+} from '../../../hooks'
+import { useServicesTeamsMap } from '../../../hooks/services/use_services_team'
+import { GroupResource } from '../../../types/resources/group_resource'
+import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'
+import { FilterContext } from '../context/conversation_filter_context'
+import { FilterTypes } from '../filter_types'
+import { FilteredGroup } from '../hooks/filters'
+import { ConversationFilterStackParamList } from '../screen_props'
 
 export type FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }
 

package/src/screens/conversation_filters/context/conversation_filter_context.tsx

@@ -3,10 +3,7 @@ import React from 'react'
 import { createContext, PropsWithChildren, useState } from 'react'
 import { Platform } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
-import {
-  ConversationFiltersParams,
-  ConversationFiltersScreenProps,
-} from '@/screens/conversation_filters/screen_props'
+import { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'
 
 const DEFAULT_LIST_PADDING_BOTTOM = 64
 

package/src/screens/conversation_filters/group_filters.tsx

@@ -2,11 +2,11 @@ import { StaticScreenProps } from '@react-navigation/native'
 import React from 'react'
 import { RefreshControl, StyleSheet } from 'react-native'
 import { FlatList } from 'react-native-gesture-handler'
+import { Text } from '../../components/display'
 import { GroupRow } from './components/rows'
 import { useFilterContext } from './context/conversation_filter_context'
 import { useGroupsToFilter } from './hooks/filters'
 import { ConversationFiltersParams } from './screen_props'
-import { Text } from '@/components/display'
 
 export type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>
 

package/src/screens/conversation_filters/hooks/filters.ts

@@ -1,9 +1,9 @@
 import { useMemo } from 'react'
-import { useGroups } from '@/hooks/use_groups'
-import { useGroupsGroups } from '@/hooks/use_groups_groups'
-import { useTeams } from '@/hooks/use_teams'
-import { GroupsGroupResource } from '@/types'
-import { GroupResource } from '@/types/resources/group_resource'
+import { useGroups } from '../../../hooks/use_groups'
+import { useGroupsGroups } from '../../../hooks/use_groups_groups'
+import { useTeams } from '../../../hooks/use_teams'
+import { GroupsGroupResource } from '../../../types'
+import { GroupResource } from '../../../types/resources/group_resource'
 
 export const useTeamsToFilter = () => {
   const { data: teams = [], ...rest } = useTeams()

package/src/screens/conversation_filters/screen_props.ts

@@ -1,5 +1,5 @@
 import { StaticScreenProps } from '@react-navigation/native'
-import { GraphId } from '@/types/resources/group_resource'
+import { GraphId } from '../../types/resources/group_resource'
 
 export type ConversationFiltersParams = {
   chat_group_graph_id?: GraphId

package/src/screens/conversation_filters/team_filters.tsx

@@ -2,11 +2,11 @@ import { StaticScreenProps } from '@react-navigation/native'
 import React from 'react'
 import { RefreshControl, StyleSheet } from 'react-native'
 import { FlatList } from 'react-native-gesture-handler'
+import { Text } from '../../components/display'
 import { TeamRow } from './components/rows'
 import { useFilterContext } from './context/conversation_filter_context'
 import { useTeamsToFilter } from './hooks/filters'
 import { ConversationFiltersParams } from './screen_props'
-import { Text } from '@/components/display'
 
 export type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>
 

package/src/screens/conversation_filters_screen.tsx

@@ -4,6 +4,7 @@ import { createNativeStackNavigator } from '@react-navigation/native-stack'
 import React, { useCallback } from 'react'
 import { LayoutChangeEvent, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
 import { ConversationFilters } from './conversation_filters/components/conversation_filters'
 import {
   FilterProvider,
@@ -15,7 +16,6 @@ import {
   ConversationFilterStackParamList,
 } from './conversation_filters/screen_props'
 import { TeamFilters } from './conversation_filters/team_filters'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
 
 export const ConversationFiltersScreenOptions = getFormSheetScreenOptions({
   presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),

package/src/screens/conversation_new/components/filter_by_plan.tsx

@@ -1,13 +1,13 @@
 import { Header, PlatformPressable } from '@react-navigation/elements'
 import React, { useState } from 'react'
 import { StyleSheet, View, FlatList, Platform } from 'react-native'
-import { Banner, Icon, Spinner, Text, Heading } from '@/components'
-import { HeaderDismissButton } from '@/components/display/platform_modal_header_buttons'
-import { DefaultLoading } from '@/components/page/loading'
-import { SafeAreaModal } from '@/components/safe_area_modal'
-import { useTheme } from '@/hooks'
-import { useTeamPlans } from '@/hooks/services/use_team_plans'
-import { tokens } from '@/vendor/tapestry/tokens'
+import { Banner, Icon, Spinner, Text, Heading } from '../../../components'
+import { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons'
+import { DefaultLoading } from '../../../components/page/loading'
+import { SafeAreaModal } from '../../../components/safe_area_modal'
+import { useTheme } from '../../../hooks'
+import { useTeamPlans } from '../../../hooks/services/use_team_plans'
+import { tokens } from '../../../vendor/tapestry/tokens'
 
 // ==========================================
 // Interfaces

package/src/screens/conversation_new/components/form_list.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { FlatList, type FlatListProps, StyleSheet, View } from 'react-native'
-import { Person, Text } from '@/components/display'
-import { useTheme } from '@/hooks'
-import { MemberResource } from '@/types'
+import { Person, Text } from '../../../components/display'
+import { useTheme } from '../../../hooks'
+import { MemberResource } from '../../../types'
 
 interface FormListProps {
   memberData: MemberResource[]

package/src/screens/conversation_new/components/gender_filter_toggle.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { ActivityIndicator, StyleSheet, View } from 'react-native'
-import { Heading, Switch, Text } from '@/components'
-import { useTheme } from '@/hooks'
-import { genderDisplayLabel } from '@/utils/gender_display_label'
+import { Heading, Switch, Text } from '../../../components'
+import { useTheme } from '../../../hooks'
+import { genderDisplayLabel } from '../../../utils/gender_display_label'
 
 interface FilterableGenderContentProps {
   genderValue: string

package/src/screens/conversation_new/components/groups_form.tsx

@@ -1,23 +1,23 @@
 import { StackActions, useNavigation } from '@react-navigation/native'
 import React, { useCallback, useMemo, useRef, useState } from 'react'
 import { Platform, Pressable, StyleSheet, TextInput, View } from 'react-native'
-import { Divider, FormList } from './form_list'
-import { GenderFilterToggle } from './gender_filter_toggle'
-import { Banner, ChildNotice, Heading, Text } from '@/components'
-import { ActionButton } from '@/components/display/action_button'
-import { KeyboardView } from '@/components/display/keyboard_view'
-import { useCurrentPerson, useSuspenseGet, useTheme } from '@/hooks'
+import { Banner, ChildNotice, Heading, Text } from '../../../components'
+import { ActionButton } from '../../../components/display/action_button'
+import { KeyboardView } from '../../../components/display/keyboard_view'
+import { useCurrentPerson, useSuspenseGet, useTheme } from '../../../hooks'
 import {
   GroupMembersForNewConversationResult,
   useGroupMembersForNewConversation,
-} from '@/hooks/groups/use_group_members_for_new_conversation'
-import { useGroupsConversationCreate } from '@/hooks/groups/use_groups_conversation_create'
-import { useMyGender } from '@/hooks/use_my_gender'
-import { GroupsGroupResource } from '@/types'
-import { GraphId } from '@/types/resources/group_resource'
-import { pluralize } from '@/utils'
-import { genderDisplayLabel } from '@/utils/gender_display_label'
-import { Haptic } from '@/utils/native_adapters'
+} from '../../../hooks/groups/use_group_members_for_new_conversation'
+import { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'
+import { useMyGender } from '../../../hooks/use_my_gender'
+import { GroupsGroupResource } from '../../../types'
+import { GraphId } from '../../../types/resources/group_resource'
+import { pluralize } from '../../../utils'
+import { genderDisplayLabel } from '../../../utils/gender_display_label'
+import { Haptic } from '../../../utils/native_adapters'
+import { Divider, FormList } from './form_list'
+import { GenderFilterToggle } from './gender_filter_toggle'
 
 type GroupsFormProps = {
   groupId: number

package/src/screens/conversation_new/components/services_form.tsx

@@ -2,18 +2,18 @@ import { StackActions, useNavigation } from '@react-navigation/native'
 import { uniq } from 'lodash'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { StyleSheet, View } from 'react-native'
+import { Badge, Banner, ChildNotice, Heading, Switch, TextButton } from '../../../components'
+import { ActionButton } from '../../../components/display/action_button'
+import { useFindOrCreateServicesConversation } from '../../../hooks/services/use_find_or_create_services_conversation'
+import { useServicesTeams } from '../../../hooks/services/use_services_team'
+import { useTeamMembersForNewConversation } from '../../../hooks/services/use_team_members_for_new_conversation'
+import { ConversationResource, MemberResource } from '../../../types'
+import { pluralize } from '../../../utils'
+import { Haptic } from '../../../utils/native_adapters'
+import { tokens } from '../../../vendor/tapestry/tokens'
+import { TeamFilterTypes } from '../../conversation_filter_recipients/types'
 import { FilterByPlan } from './filter_by_plan'
 import { Divider, FormList } from './form_list'
-import { Badge, Banner, ChildNotice, Heading, Switch, TextButton } from '@/components'
-import { ActionButton } from '@/components/display/action_button'
-import { useFindOrCreateServicesConversation } from '@/hooks/services/use_find_or_create_services_conversation'
-import { useServicesTeams } from '@/hooks/services/use_services_team'
-import { useTeamMembersForNewConversation } from '@/hooks/services/use_team_members_for_new_conversation'
-import { TeamFilterTypes } from '@/screens/conversation_filter_recipients/types'
-import { ConversationResource, MemberResource } from '@/types'
-import { pluralize } from '@/utils'
-import { Haptic } from '@/utils/native_adapters'
-import { tokens } from '@/vendor/tapestry/tokens'
 
 type ServicesFormProps = {
   initialTeamIds?: number[]

package/src/screens/conversation_new/components/source_app_error_card.tsx

@@ -1,5 +1,5 @@
 import { StyleSheet, View } from 'react-native'
-import { Banner } from '@/components'
+import { Banner } from '../../../components'
 
 export const SourceAppErrorCard = () => {
   const styles = useStyles()

package/src/screens/conversation_new/conversation_new_screen.tsx

@@ -1,11 +1,11 @@
 import { StaticScreenProps } from '@react-navigation/native'
 import React from 'react'
+import { AppName } from '../../types/resources/app_name'
+import { GraphId } from '../../types/resources/group_resource'
+import { TeamFilterTypes } from '../conversation_filter_recipients/types'
 import { GroupsForm } from './components/groups_form'
 import { ServicesForm } from './components/services_form'
 import { SourceAppErrorCard } from './components/source_app_error_card'
-import { TeamFilterTypes } from '@/screens/conversation_filter_recipients/types'
-import { AppName } from '@/types/resources/app_name'
-import { GraphId } from '@/types/resources/group_resource'
 
 type ConversationNewScreenProps = StaticScreenProps<{
   group_id?: number

package/src/screens/conversation_notification_level_select_screen.tsx

@@ -1,12 +1,12 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
 import { StyleSheet } from 'react-native'
-import { PressableRow } from '@/components'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { useTheme } from '@/hooks'
-import { useConversation } from '@/hooks/use_conversation'
-import { useConversationMembershipUpdate } from '@/hooks/use_conversation_membership'
-import { NotificationLevelValue } from '@/types'
+import { PressableRow } from '../components'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { useTheme } from '../hooks'
+import { useConversation } from '../hooks/use_conversation'
+import { useConversationMembershipUpdate } from '../hooks/use_conversation_membership'
+import { NotificationLevelValue } from '../types'
 
 export const ConversationNotificationLevelSelectScreenOptions = getFormSheetScreenOptions({
   headerTitle: 'Notification level',

package/src/screens/conversation_screen.tsx

@@ -11,35 +11,35 @@ import {
 import React, { useCallback, useEffect, useRef, useState } from 'react'
 import { FlatList, Platform, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
-import { Badge, Icon, Text } from '@/components'
-import { EmptyConversationBlankState } from '@/components/conversation/empty_conversation_blank_state'
-import { JumpToBottomButton } from '@/components/conversation/jump_to_bottom_button'
-import { Message } from '@/components/conversation/message'
-import { MessageForm } from '@/components/conversation/message_form'
+import { Badge, Icon, Text } from '../components'
+import { EmptyConversationBlankState } from '../components/conversation/empty_conversation_blank_state'
+import { JumpToBottomButton } from '../components/conversation/jump_to_bottom_button'
+import { Message } from '../components/conversation/message'
+import { MessageForm } from '../components/conversation/message_form'
 import {
   LeaderMessagesDisabledBanner,
   MemberMessagesDisabledBanner,
-} from '@/components/conversation/messages_disabled_banners'
-import { ReplyShadowMessage } from '@/components/conversation/reply_shadow_message'
-import { TypingIndicator } from '@/components/conversation/typing_indicator'
-import { KeyboardView } from '@/components/display/keyboard_view'
-import BlankState from '@/components/primitive/blank_state_primitive'
-import { ConversationContextProvider } from '@/contexts/conversation_context'
-import { useTheme } from '@/hooks'
-import { useConversation } from '@/hooks/use_conversation'
-import { useConversationJoltEvents } from '@/hooks/use_conversation_jolt_events'
-import { useConversationMessages } from '@/hooks/use_conversation_messages'
-import { useConversationMessagesJoltEvents } from '@/hooks/use_conversation_messages_jolt_events'
-import { useMarkLatestMessageRead } from '@/hooks/use_mark_latest_message_read'
+} from '../components/conversation/messages_disabled_banners'
+import { ReplyShadowMessage } from '../components/conversation/reply_shadow_message'
+import { TypingIndicator } from '../components/conversation/typing_indicator'
+import { KeyboardView } from '../components/display/keyboard_view'
+import BlankState from '../components/primitive/blank_state_primitive'
+import { ConversationContextProvider } from '../contexts/conversation_context'
+import { useTheme } from '../hooks'
+import { useConversation } from '../hooks/use_conversation'
+import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events'
+import { useConversationMessages } from '../hooks/use_conversation_messages'
+import { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events'
+import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read'
 import {
   normalizeAnalyticsMetadata,
   usePublishProductAnalyticsEvent,
-} from '@/hooks/use_product_analytics'
-import { MessageResource } from '@/types'
-import { ConversationBadgeResource } from '@/types/resources/conversation_badge'
-import { getRelativeDateStatus } from '@/utils/date'
-import dayjs from '@/utils/dayjs'
-import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '@/utils/styles'
+} from '../hooks/use_product_analytics'
+import { MessageResource } from '../types'
+import { ConversationBadgeResource } from '../types/resources/conversation_badge'
+import { getRelativeDateStatus } from '../utils/date'
+import dayjs from '../utils/dayjs'
+import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../utils/styles'
 
 export type ConversationRouteProps = {
   conversation_id: number

package/src/screens/conversation_select_recipients/components/groups_recipient_row.tsx

@@ -1,6 +1,6 @@
+import { GroupsGroupResource } from '../../../types'
+import { pluralize } from '../../../utils'
 import { RecipientLinkRow } from './recipient_link_row'
-import { GroupsGroupResource } from '@/types'
-import { pluralize } from '@/utils'
 
 interface GroupsRecipientRowProps {
   group: GroupsGroupResource

package/src/screens/conversation_select_recipients/components/recipient_link_row.tsx

@@ -1,9 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
 import { Platform, StyleSheet, View } from 'react-native'
-import { Icon, Image, Text } from '@/components'
-import { useTheme } from '@/hooks'
-import { platformFontWeightMedium } from '@/utils'
+import { Icon, Image, Text } from '../../../components'
+import { useTheme } from '../../../hooks'
+import { platformFontWeightMedium } from '../../../utils'
 
 interface RecipientLinkRowProps {
   onPress: () => void

package/src/screens/conversation_select_recipients/components/restricted_group_row.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
-import { Image, Text } from '@/components'
-import { useTheme } from '@/hooks'
-import { GroupsGroupResource } from '@/types'
-import { platformFontWeightMedium } from '@/utils'
+import { Image, Text } from '../../../components'
+import { useTheme } from '../../../hooks'
+import { GroupsGroupResource } from '../../../types'
+import { platformFontWeightMedium } from '../../../utils'
 
 interface RestrictedGroupRowProps {
   group: GroupsGroupResource

package/src/screens/conversation_select_recipients/components/team_recipient_row.tsx

@@ -1,6 +1,6 @@
+import { pluralize } from '../../../utils'
+import { ServiceTypeWithTeams } from '../../conversation_filter_recipients/types'
 import { RecipientLinkRow } from './recipient_link_row'
-import { ServiceTypeWithTeams } from '@/screens/conversation_filter_recipients/types'
-import { pluralize } from '@/utils'
 
 interface TeamRecipientRowProps {
   serviceType: ServiceTypeWithTeams

package/src/screens/conversation_select_recipients/components/view_more_link_row.tsx

@@ -1,5 +1,5 @@
 import { StyleSheet, View } from 'react-native'
-import { TextButton } from '@/components'
+import { TextButton } from '../../../components'
 
 interface ViewMoreLinkRowProps {
   onPress: () => void

package/src/screens/conversation_select_recipients/conversation_new_entry_screen.tsx

@@ -3,14 +3,14 @@ import type { NativeStackNavigationProp } from '@react-navigation/native-stack'
 import React, { useEffect } from 'react'
 import { ScrollView, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Button, Heading } from '../../components'
+import { DefaultLoading } from '../../components/page/loading'
+import { useNewConversationEntry } from '../../hooks/use_new_conversation_entry'
+import { Haptic } from '../../utils/native_adapters'
 import type {
   ConversationSelectRecipientsParams,
   ConversationSelectRecipientsScreenProps,
 } from './types/screen_props'
-import { Button, Heading } from '@/components'
-import { DefaultLoading } from '@/components/page/loading'
-import { useNewConversationEntry } from '@/hooks/use_new_conversation_entry'
-import { Haptic } from '@/utils/native_adapters'
 
 type NewConversationStackParamList = {
   ConversationNewEntry: ConversationSelectRecipientsParams | undefined

package/src/screens/conversation_select_recipients/conversation_select_group_recipients_screen.tsx

@@ -3,12 +3,12 @@ import { partition } from 'lodash'
 import React from 'react'
 import { SectionList, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Heading, Text } from '../../components'
+import { useGroupsGroups } from '../../hooks/use_groups_groups'
+import { GroupsGroupResource } from '../../types'
 import { GroupsRecipientRow } from './components/groups_recipient_row'
 import { RestrictedGroupRow } from './components/restricted_group_row'
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props'
-import { Heading, Text } from '@/components'
-import { useGroupsGroups } from '@/hooks/use_groups_groups'
-import { GroupsGroupResource } from '@/types'
 
 const SectionKey = {
   my: 'my',

package/src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx

@@ -2,15 +2,12 @@ import { useNavigation } from '@react-navigation/native'
 import React from 'react'
 import { FlatList, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Button, Heading } from '../../components'
+import { Haptic } from '../../utils/native_adapters'
+import { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'
+import { ServiceTypeWithTeams, TeamFilterTypes } from '../conversation_filter_recipients/types'
 import { TeamRecipientRow } from './components/team_recipient_row'
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props'
-import { Button, Heading } from '@/components'
-import { useServiceTypesWithTeams } from '@/screens/conversation_filter_recipients/hooks/use_service_types_with_teams'
-import {
-  ServiceTypeWithTeams,
-  TeamFilterTypes,
-} from '@/screens/conversation_filter_recipients/types'
-import { Haptic } from '@/utils/native_adapters'
 
 export const ConversationSelectTeamsILeadRecipientsScreen = ({
   route,

package/src/screens/conversation_select_recipients/types/screen_props.tsx

@@ -1,6 +1,6 @@
 import { StaticScreenProps } from '@react-navigation/native'
-import { AppName } from '@/types/resources/app_name'
-import { GraphId } from '@/types/resources/group_resource'
+import { AppName } from '../../../types/resources/app_name'
+import { GraphId } from '../../../types/resources/group_resource'
 
 export type ConversationSelectRecipientsParams = {
   chat_group_graph_id?: GraphId

package/src/screens/conversation_select_type_screen.tsx

@@ -1,9 +1,9 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { AppName } from '@/types/resources/app_name'
-import { GraphId } from '@/types/resources/group_resource'
-import { Haptic } from '@/utils/native_adapters'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { AppName } from '../types/resources/app_name'
+import { GraphId } from '../types/resources/group_resource'
+import { Haptic } from '../utils/native_adapters'
 
 export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
   headerTitle: 'New conversation',

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

@@ -1,10 +1,10 @@
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import React, { useCallback } from 'react'
 import { StyleSheet, View } from 'react-native'
-import { Badge } from '@/components'
-import { useApiGet } from '@/hooks/use_api'
-import { ConversationsScreenProps } from '@/screens/conversations/conversations_screen'
-import { GroupResource } from '@/types/resources/group_resource'
+import { Badge } from '../../../components'
+import { useApiGet } from '../../../hooks/use_api'
+import { GroupResource } from '../../../types/resources/group_resource'
+import { ConversationsScreenProps } from '../conversations_screen'
 
 export const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {
   const styles = useStyles({ rowPaddingHorizontal })

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

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Pressable, StyleSheet } from 'react-native'
 import type { PressableProps } from 'react-native'
-import { Icon, type IconString } from '@/components/display/icon'
-import { useTheme, useFontScale, useCreateAndroidRippleColor } from '@/hooks'
-import { platformPressedOpacityStyle } from '@/utils'
-import { tokens } from '@/vendor/tapestry/tokens'
+import { Icon, type IconString } from '../../../components/display/icon'
+import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks'
+import { platformPressedOpacityStyle } from '../../../utils'
+import { tokens } from '../../../vendor/tapestry/tokens'
 
 interface ListHeaderActionButtonProps extends PressableProps {
   /**

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

@@ -1,18 +1,18 @@
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import React, { useCallback, useMemo } from 'react'
 import { Alert, ScrollView, StyleSheet, View } from 'react-native'
+import { Heading, TextButton, ToggleButton } from '../../../components'
+import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks'
+import { useCanCreateConversations } from '../../../hooks'
+import { useAppName } from '../../../hooks/use_app_name'
+import { useMarkAllRead } from '../../../hooks/use_conversations_actions'
+import { useCanDisplayGroups } from '../../../hooks/use_groups'
+import { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'
+import { Haptic } from '../../../utils/native_adapters'
+import { ConversationsScreenProps } from '../conversations_screen'
 import { ChatGroupBadge } from './chat_group_badge'
 import { ListHeaderActionButton } from './list_header_action_button'
-import { Heading, TextButton, ToggleButton } from '@/components'
-import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '@/hooks'
-import { useCanCreateConversations } from '@/hooks'
-import { useAppName } from '@/hooks/use_app_name'
-import { useMarkAllRead } from '@/hooks/use_conversations_actions'
-import { useCanDisplayGroups } from '@/hooks/use_groups'
-import { useNewConversationEntry } from '@/hooks/use_new_conversation_entry'
-import { ConversationsScreenProps } from '@/screens/conversations/conversations_screen'
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '@/utils'
-import { Haptic } from '@/utils/native_adapters'
 
 const ROW_PADDING_HORIZONTAL = 16
 
@@ -67,8 +67,8 @@ export const ListHeaderComponent = () => {
     }
   }, [navigation, route.params, entryMode])
 
-  const handleGetHelp = useCallback(() => {
-    navigation.navigate('GetHelp', { type: 'chat' })
+  const handleMoreOptions = useCallback(() => {
+    navigation.navigate('ConversationsMoreActions')
   }, [navigation])
 
   const handleOpenConversationFilters = useCallback(() => {
@@ -139,9 +139,9 @@ export const ListHeaderComponent = () => {
           )}
           {appName !== 'services' && (
             <ListHeaderActionButton
-              name="general.outlinedInfoCircle"
-              onPress={handleGetHelp}
-              accessibilityLabel="Get help"
+              name="general.threeDots"
+              onPress={handleMoreOptions}
+              accessibilityLabel="More options"
               maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
             />
           )}

package/src/screens/conversations/conversations_more_actions_screen.tsx

@@ -0,0 +1,51 @@
+import { useNavigation } from '@react-navigation/native'
+import { useCallback } from 'react'
+import { StyleSheet } from 'react-native'
+import FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'
+
+export const ConversationsMoreActionsScreenOptions = getFormSheetScreenOptions({
+  headerTitle: 'Conversation actions',
+})
+
+export function ConversationsMoreActionsScreen() {
+  const navigation = useNavigation()
+
+  const handleGetHelp = useCallback(() => {
+    navigation.goBack()
+    requestAnimationFrame(() => {
+      navigation.navigate('GetHelp', { type: 'chat' })
+    })
+  }, [navigation])
+
+  const handleChatNotifications = useCallback(() => {
+    navigation.goBack()
+    requestAnimationFrame(() => {
+      navigation.navigate('NotificationSettings', {})
+    })
+  }, [navigation])
+
+  const styles = useStyles()
+
+  return (
+    <FormSheet.Root contentStyle={styles.formSheetContent}>
+      <FormSheet.Action
+        iconName="general.cog"
+        title="Chat notifications"
+        onPress={handleChatNotifications}
+      />
+      <FormSheet.Action
+        iconName="general.outlinedInfoCircle"
+        title="Get help"
+        onPress={handleGetHelp}
+      />
+    </FormSheet.Root>
+  )
+}
+
+const useStyles = () => {
+  return StyleSheet.create({
+    formSheetContent: {
+      paddingTop: 16,
+    },
+  })
+}