@planningcenter/chat-react-native 3.29.0 → 3.30.0-rc.1

package/src/hooks/use_message_create_or_update.ts

@@ -1,20 +1,20 @@
 import { InfiniteData, useMutation } from '@tanstack/react-query'
-import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'
-import { useApiClient } from './use_api_client'
-import { ApiCollection, ApiResource, MessageResource } from '../types'
 import { chatQueryClient } from '../contexts/api_provider'
+import { ApiCollection, ApiResource, MessageResource } from '../types'
+import { DenormalizedAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource_for_create'
 import {
   deleteRecordInPagesData,
   Haptic,
   updateOrCreateRecordInPagesData,
   updateRecordInPagesData,
 } from '../utils'
-import { DenormalizedAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource_for_create'
-import { useCurrentPerson } from './use_current_person'
-import { optimisticallyUpdateMessage } from '../utils/cache/optimistically_update_message'
+import { isNewMessage, mergeMessageUpdate } from '../utils/cache/messages_cache'
 import { optimisticallyCreateMessage } from '../utils/cache/optimistically_create_message'
+import { optimisticallyUpdateMessage } from '../utils/cache/optimistically_update_message'
 import { startMessageCreationTracking } from '../utils/performance_tracking'
-import { isNewMessage, mergeMessageUpdate } from '../utils/cache/messages_cache'
+import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'
+import { useApiClient } from './use_api_client'
+import { useCurrentPerson } from './use_current_person'
 
 interface Props {
   conversationId: number

package/src/hooks/use_message_draft.ts

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { useAsyncStorage } from './use_async_storage'
-import type { FileAttachment } from '../types/resources/denormalized_attachment_resource_for_create'
 import { useConversationContext } from '../contexts/conversation_context'
+import type { FileAttachment } from '../types/resources/denormalized_attachment_resource_for_create'
+import { useAsyncStorage } from './use_async_storage'
 
 interface MessageDraft {
   text: string

package/src/hooks/use_message_reaction_toggle.ts

@@ -1,11 +1,11 @@
 import { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'
 import { useCallback } from 'react'
 import { Alert } from 'react-native'
-import { useApiClient } from './use_api_client'
-import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'
 import { ApiCollection, ApiResource, MessageResource } from '../types'
 import { ReactionCountResource } from '../types/resources/reaction'
 import { updateRecordInPagesData, REACTION_EMOJIS } from '../utils'
+import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'
+import { useApiClient } from './use_api_client'
 
 const REACT = 1
 const UNREACT = -1

package/src/hooks/use_my_gender.ts

@@ -0,0 +1,42 @@
+import { ResourceObject } from '../types/api_primitives'
+import { useApiGet } from './use_api'
+import { availableFeatures, useFeatures } from './use_features'
+
+interface GenderResource extends ResourceObject {
+  type: 'Gender'
+  value: string
+}
+
+interface PersonWithGender extends ResourceObject {
+  type: 'Person'
+  gender: GenderResource | undefined
+}
+
+export function useMyGender() {
+  const { featureEnabled } = useFeatures()
+  const isFeatureEnabled = featureEnabled(availableFeatures.gender_specific_conversations)
+
+  const { data, isFetching } = useApiGet<PersonWithGender>({
+    url: '/me',
+    enabled: isFeatureEnabled,
+    data: {
+      include: ['gender'],
+      fields: {
+        Person: ['gender'],
+        Gender: ['value'],
+      },
+    },
+    app: 'people',
+  })
+
+  const gender = data?.gender
+  const genderValue = gender?.value ?? null
+  const genderId = gender?.id ? String(gender.id) : null
+
+  return {
+    isFeatureEnabled,
+    genderValue,
+    genderId,
+    isFetching,
+  }
+}

package/src/hooks/use_organization.ts

@@ -1,6 +1,6 @@
 import { OrganizationResource } from '../types'
-import { useSuspenseGet } from './use_suspense_api'
 import { App } from './use_api_client'
+import { useSuspenseGet } from './use_suspense_api'
 
 export const organizationRequestArgs = {
   url: '/',

package/src/hooks/use_product_analytics.ts

@@ -1,9 +1,9 @@
 import { useCallback, useEffect, useMemo, useRef } from 'react'
-import { SHA256, enc } from '../utils/sha_256'
 import { useChatContext } from '../contexts/chat_context'
 import { ProductAnalyticsConfig } from '../types/product_analytics'
-import { keysToSnakeCase } from '../utils/client/utils'
 import { AnalyticsMetadataResource } from '../types/resources/analytics_metadata'
+import { keysToSnakeCase } from '../utils/client/utils'
+import { SHA256, enc } from '../utils/sha_256'
 
 export interface EventMetadata {
   [key: string]: string | number | boolean | null | undefined

package/src/hooks/use_report_message.ts

@@ -1,7 +1,7 @@
 import { useMutation } from '@tanstack/react-query'
-import { useApiClient } from './use_api_client'
-import { Haptic } from '../utils/native_adapters'
 import { MessageReportReason, MessageReportPayload } from '../types/resources/message_report'
+import { Haptic } from '../utils/native_adapters'
+import { useApiClient } from './use_api_client'
 
 export const useReportMessage = (conversationId: number, messageId: string) => {
   const apiClient = useApiClient()

package/src/hooks/use_submit_age_check.ts

@@ -1,9 +1,9 @@
-import { Alert } from 'react-native'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { useApiClient } from './use_api_client'
-import { currentPersonQueryKey } from './use_current_person'
+import { Alert } from 'react-native'
 import { ApiResource } from '../types/api_primitives'
 import { Haptic } from '../utils/native_adapters'
+import { useApiClient } from './use_api_client'
+import { currentPersonQueryKey } from './use_current_person'
 
 interface AgeCheckResource {
   type: 'AgeCheck'

package/src/hooks/use_suspense_api.ts

@@ -6,11 +6,11 @@ import {
   UseSuspenseQueryOptions,
 } from '@tanstack/react-query'
 import { ApiCollection, ApiResource, ResourceObject } from '../types'
-import { GetRequest, RequestData } from '../utils/client'
-import { App, useApiClient } from './use_api_client'
-import { Log } from '../utils'
 import { FailedResponse } from '../types/api_primitives'
+import { Log } from '../utils'
+import { GetRequest, RequestData } from '../utils/client'
 import { ResponseError } from '../utils/response_error'
+import { App, useApiClient } from './use_api_client'
 
 interface SuspenseGetOptions extends GetRequest {
   app?: App

package/src/hooks/use_typing_indicators.ts

@@ -1,8 +1,8 @@
 import { useQuery } from '@tanstack/react-query'
 import { useMemo } from 'react'
-import { PersonTyping } from './use_typing_status_cache'
-import { useCurrentPerson } from './use_current_person'
 import { useConversationContext } from '../contexts/conversation_context'
+import { useCurrentPerson } from './use_current_person'
+import { PersonTyping } from './use_typing_status_cache'
 
 /**
  * Hook for getting people currently typing in a conversation

package/src/navigation/chat_access_gate.tsx

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren, useEffect, useRef } from 'react'
-import { currentPersonRequestArgs } from '../hooks/use_current_person'
-import { AgeCheckRequiredScreen } from '../screens/age_check/age_check_required_screen'
 import { DefaultLoading } from '../components/page/loading'
-import { useApiGet, useOrganization } from '../hooks'
-import { AgeQualificationStatus, CurrentPersonResource } from '../types'
 import { useChatContext } from '../contexts/chat_context'
+import { useApiGet, useOrganization } from '../hooks'
+import { currentPersonRequestArgs } from '../hooks/use_current_person'
+import { AgeCheckRequiredScreen } from '../screens/age_check/age_check_required_screen'
 import { AgeCheckUnderageScreen } from '../screens/age_check/age_check_underage_screen'
+import { AgeQualificationStatus, CurrentPersonResource } from '../types'
 
 export function ChatAccessGate({ children }: PropsWithChildren) {
   const { data: person, isFetched } = useApiGet<CurrentPersonResource>(currentPersonRequestArgs)

package/src/navigation/index.tsx

@@ -12,6 +12,7 @@ import {
   HeaderDoneButton,
   HeaderTextButton,
 } from '../components/display/platform_modal_header_buttons'
+import { useQualifiedByAge } from '../hooks'
 import {
   AttachmentActionsScreen,
   AttachmentActionsScreenOptions,
@@ -32,14 +33,18 @@ import {
   ConversationFiltersScreenOptions,
 } from '../screens/conversation_filters_screen'
 import { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen'
+import {
+  ConversationNotificationLevelSelectScreen,
+  ConversationNotificationLevelSelectScreenOptions,
+} from '../screens/conversation_notification_level_select_screen'
 import {
   ConversationRouteProps,
   ConversationScreen,
   ConversationScreenTitle,
 } from '../screens/conversation_screen'
+import { ConversationNewEntryScreen } from '../screens/conversation_select_recipients/conversation_new_entry_screen'
 import { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'
 import { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'
-import { ConversationNewEntryScreen } from '../screens/conversation_select_recipients/conversation_new_entry_screen'
 import { ConversationSelectRecipientsParams } from '../screens/conversation_select_recipients/types/screen_props'
 import {
   ConversationSelectTypeScreen,
@@ -47,6 +52,11 @@ import {
 } from '../screens/conversation_select_type_screen'
 import { ConversationsScreen } from '../screens/conversations/conversations_screen'
 import { GetHelpScreen } from '../screens/get_help_screen'
+import {
+  GroupNotificationLevelSelectScreen,
+  GroupNotificationLevelSelectScreenOptions,
+} from '../screens/group_notification_level_select_screen'
+import { GroupNotificationSettingsScreen } from '../screens/group_notification_settings_screen'
 import {
   MessageActionsScreen,
   MessageActionsScreenOptions,
@@ -55,20 +65,10 @@ import { MessageReportScreen, MessageReportScreenOptions } from '../screens/mess
 import { NotFound } from '../screens/not_found'
 import { NotificationSettingsScreen } from '../screens/notification_settings_screen'
 import { PreferredAppSelectionScreen } from '../screens/preferred_app_selection_screen'
-import { GroupNotificationSettingsScreen } from '../screens/group_notification_settings_screen'
-import {
-  GroupNotificationLevelSelectScreen,
-  GroupNotificationLevelSelectScreenOptions,
-} from '../screens/group_notification_level_select_screen'
-import {
-  ConversationNotificationLevelSelectScreen,
-  ConversationNotificationLevelSelectScreenOptions,
-} from '../screens/conversation_notification_level_select_screen'
 import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'
-import { ScreenLayoutWithChatAccessGate } from './screenLayout'
 import { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'
 import { TeamConversationScreen } from '../screens/team_conversation_screen'
-import { useQualifiedByAge } from '../hooks'
+import { ScreenLayoutWithChatAccessGate } from './screenLayout'
 
 const HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {
   marginLeft: Platform.select({ ios: -8, default: -3 }),

package/src/navigation/screenLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import ErrorBoundary from '../components/page/error_boundary'
 import { Suspense } from 'react'
+import ErrorBoundary from '../components/page/error_boundary'
 import { DefaultLoading } from '../components/page/loading'
 import { ChatAccessGate } from './chat_access_gate'
 

package/src/polyfills/events/Event.ts

@@ -10,6 +10,7 @@
  * See https://dom.spec.whatwg.org/#interface-event.
  */
 
+import { setPlatformObject } from '../webidl/PlatformObjects'
 import type RNEventTarget from './EventTarget'
 import {
   getComposedPath,
@@ -23,7 +24,6 @@ import {
   setIsTrusted,
   setEventPhase,
 } from './internals/EventInternals'
-import { setPlatformObject } from '../webidl/PlatformObjects'
 
 export interface EventInit {
   bubbles?: boolean

package/src/polyfills/events/EventTarget.ts

@@ -9,6 +9,7 @@
  * Implements the `EventTarget` interface from the DOM.
  */
 
+import { setPlatformObject } from '../webidl/PlatformObjects'
 import Event from './Event'
 import {
   getStopImmediatePropagationFlag,
@@ -26,7 +27,6 @@ import {
   EVENT_TARGET_GET_THE_PARENT_KEY,
   INTERNAL_DISPATCH_METHOD_KEY,
 } from './internals/EventTargetInternals'
-import { setPlatformObject } from '../webidl/PlatformObjects'
 
 export type EventCallback = (event: Event) => void
 export type EventHandler = { handleEvent(event: Event): void }

package/src/screens/age_check/age_check_required_screen.tsx

@@ -1,13 +1,13 @@
-import React, { useState } from 'react'
 import { date as formatDate } from '@planningcenter/datetime-fmt'
+import React, { useState } from 'react'
 import { StyleSheet, View, ScrollView } from 'react-native'
-import { Button } from '../../components/display/button'
-import { Text } from '../../components/display/text'
-import { Icon } from '../../components/display/icon'
+import { Heading } from '../../components'
 import { Avatar } from '../../components/display/avatar'
 import { Banner } from '../../components/display/banner'
+import { Button } from '../../components/display/button'
+import { Icon } from '../../components/display/icon'
+import { Text } from '../../components/display/text'
 import { useCurrentPerson, useTheme, useSubmitAgeCheck, useOrganization } from '../../hooks'
-import { Heading } from '../../components'
 import { platformFontWeightBold } from '../../utils/styles'
 import { AgeCheckSelectBirthdateModal } from './components/age_check_select_birthdate_modal'
 

package/src/screens/age_check/age_check_underage_screen.tsx

@@ -1,9 +1,9 @@
+import { useRoute, RouteProp } from '@react-navigation/native'
 import React from 'react'
 import { Linking, StyleSheet, View, ScrollView } from 'react-native'
 import { Heading } from '../../components'
 import { Icon, Text, TextInlineButton } from '../../components/display'
 import { useTheme } from '../../hooks'
-import { useRoute, RouteProp } from '@react-navigation/native'
 import type { AgeCheckParams } from './screen_props'
 
 export interface AgeCheckUnderageScreenProps {

package/src/screens/age_check/components/age_check_select_birthdate_modal.tsx

@@ -1,8 +1,8 @@
+import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'
 import React from 'react'
 import { Modal, Platform, StyleSheet, View } from 'react-native'
-import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'
-import FormSheet from '../../../components/primitive/form_sheet'
 import { Text } from '../../../components/display/text'
+import FormSheet from '../../../components/primitive/form_sheet'
 import { useTheme } from '../../../hooks'
 
 export type AgeCheckSelectBirthdateProps = {

package/src/screens/attachment_actions/hooks/useDeleteAttachment.tsx

@@ -1,7 +1,7 @@
-import { Alert } from 'react-native'
 import { useMutation } from '@tanstack/react-query'
-import { useApiClient } from '../../../hooks/use_api_client'
 import { useCallback } from 'react'
+import { Alert } from 'react-native'
+import { useApiClient } from '../../../hooks/use_api_client'
 import { useConversationMessages } from '../../../hooks/use_conversation_messages'
 import { Haptic } from '../../../utils/native_adapters'
 

package/src/screens/bug_report_screen.tsx

@@ -1,3 +1,9 @@
+import { useNavigation } from '@react-navigation/native'
+import type {
+  NativeStackNavigationOptions,
+  NativeStackScreenProps,
+} from '@react-navigation/native-stack'
+import { startsWith } from 'lodash'
 import React, { useCallback, useLayoutEffect, useState } from 'react'
 import {
   View,
@@ -8,11 +14,7 @@ import {
   TouchableOpacity,
   Platform,
 } from 'react-native'
-import type {
-  NativeStackNavigationOptions,
-  NativeStackScreenProps,
-} from '@react-navigation/native-stack'
-import { useNavigation } from '@react-navigation/native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import {
   Button,
   Spinner,
@@ -22,21 +24,19 @@ import {
   Icon,
   KeyboardView,
 } from '../components'
-import BlankState from '../components/primitive/blank_state_primitive'
-import { useTheme } from '../hooks'
-import { useUploadClient } from '../hooks/use_upload_client'
-import { ImagePicker, ImagePickerResult, platformFontWeightBold } from '../utils'
-import { useReportBugAction } from '../hooks/use_report_bug_action'
 import {
   HeaderDismissButton,
   HeaderTextButton,
 } from '../components/display/platform_modal_header_buttons'
-import { DefaultLoading } from '../components/page/loading'
-import { startsWith } from 'lodash'
 import { VideoAttachmentPreview } from '../components/display/video_attachment_preview'
+import { DefaultLoading } from '../components/page/loading'
+import BlankState from '../components/primitive/blank_state_primitive'
 import { SafeAreaModal } from '../components/safe_area_modal'
-import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { useTheme } from '../hooks'
 import { useAppName } from '../hooks/use_app_name'
+import { useReportBugAction } from '../hooks/use_report_bug_action'
+import { useUploadClient } from '../hooks/use_upload_client'
+import { ImagePicker, ImagePickerResult, platformFontWeightBold } from '../utils'
 
 const MAX_DESCRIPTION_LENGTH = 2000
 

package/src/screens/conversation/message_read_receipts_screen.tsx

@@ -1,13 +1,13 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React, { memo, useCallback, useMemo, useState } from 'react'
 import { LayoutChangeEvent, Platform, StyleSheet, View } from 'react-native'
+import { FlatList } from 'react-native-gesture-handler'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Avatar, Text } from '../../components'
-import { useReadReceipts } from '../../hooks/use_read_receipts'
-import { FlatList } from 'react-native-gesture-handler'
-import { ReadReceiptResource } from '../../types/resources/read_receipt'
 import FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'
 import { useTheme } from '../../hooks'
+import { useReadReceipts } from '../../hooks/use_read_receipts'
+import { ReadReceiptResource } from '../../types/resources/read_receipt'
 
 const LIST_BOTTOM_PADDING = 24
 

package/src/screens/conversation_details_screen.tsx

@@ -45,7 +45,6 @@ import {
   useConversationMute,
   useConversationUpdate,
 } from '../hooks/use_conversation'
-
 import { availableFeatures, useFeatures } from '../hooks/use_features'
 import { MemberResource, isDefined } from '../types'
 import { GroupResource } from '../types/resources/group_resource'

package/src/screens/conversation_filter_recipients/components/checkbox_row.tsx

@@ -1,9 +1,9 @@
+import { type RouteProp, useRoute } from '@react-navigation/native'
 import { Pressable, View, StyleSheet, type ViewStyle } from 'react-native'
-import { useTheme } from '../../../hooks'
 import { Icon, Text } from '../../../components'
+import { useTheme } from '../../../hooks'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { ConversationFilterRecipientsScreenProps, SetTeamFilters, TeamProps } from '../types'
-import { type RouteProp, useRoute } from '@react-navigation/native'
 
 interface TeamRowProps {
   data: TeamProps

package/src/screens/conversation_filter_recipients/components/header_row.tsx

@@ -1,14 +1,14 @@
+import { useRoute, type RouteProp } from '@react-navigation/native'
 import { View, StyleSheet, type ViewStyle } from 'react-native'
-import { useTheme } from '../../../hooks'
 import { Icon, Heading, TextButton } from '../../../components'
+import { useTheme } from '../../../hooks'
+import { pluralize } from '../../../utils'
+import { tokens } from '../../../vendor/tapestry/tokens'
 import type {
   ConversationFilterRecipientsScreenProps,
   ServiceTypeProps,
   SetTeamFilters,
 } from '../types'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { pluralize } from '../../../utils'
-import { useRoute, type RouteProp } from '@react-navigation/native'
 
 const BULK_SELECT_LIMIT = 10
 

package/src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx

@@ -5,6 +5,7 @@ import { LayoutChangeEvent, Platform, ScrollView, StyleSheet, View } from 'react
 import { FlatList, TextInput } from 'react-native-gesture-handler'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Heading, ToggleButton } from '../../components'
+import { DefaultLoading } from '../../components/page/loading'
 import BlankState from '../../components/primitive/blank_state_primitive'
 import FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'
 import { useFontScale, useTheme } from '../../hooks'
@@ -14,7 +15,6 @@ import { HeaderRow } from './components/header_row'
 import { useFlattenedArrayOfServiceTypesWithTeams } from './hooks/use_flattened_array_of_service_types_with_teams'
 import { useServiceTypesWithTeams } from './hooks/use_service_types_with_teams'
 import { ConversationFilterRecipientsScreenProps, SectionTypes, TeamFilterTypes } from './types'
-import { DefaultLoading } from '../../components/page/loading'
 
 const SERVICE_TYPE_LABELLED_BY_PREFIX = 'header-'
 const SPACE_UNDER_ROW = 16

package/src/screens/conversation_filter_recipients/types.tsx

@@ -1,6 +1,6 @@
+import { StaticScreenProps } from '@react-navigation/native'
 import { type ViewStyle } from 'react-native'
 import { AppName } from '../../types/resources/app_name'
-import { StaticScreenProps } from '@react-navigation/native'
 
 export interface ServiceTypeWithTeams {
   id: number

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

@@ -11,11 +11,11 @@ import {
 } 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'
-import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'
 
 export type FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }
 

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

@@ -1,9 +1,9 @@
+import { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'
 import React from 'react'
 import { createContext, PropsWithChildren, useState } from 'react'
-import { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'
-import { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'
-import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Platform } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'
 
 const DEFAULT_LIST_PADDING_BOTTOM = 64
 

package/src/screens/conversation_filters/group_filters.tsx

@@ -1,12 +1,12 @@
+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 { ConversationFiltersParams } from './screen_props'
-import { StaticScreenProps } from '@react-navigation/native'
-import { useGroupsToFilter } from './hooks/filters'
 import { GroupRow } from './components/rows'
 import { useFilterContext } from './context/conversation_filter_context'
+import { useGroupsToFilter } from './hooks/filters'
+import { ConversationFiltersParams } from './screen_props'
 
 export type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>
 

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

@@ -2,8 +2,8 @@ import { useMemo } from 'react'
 import { useGroups } from '../../../hooks/use_groups'
 import { useGroupsGroups } from '../../../hooks/use_groups_groups'
 import { useTeams } from '../../../hooks/use_teams'
-import { GroupResource } from '../../../types/resources/group_resource'
 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.tsx

@@ -4,18 +4,18 @@ 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,
   useFilterContext,
 } from './conversation_filters/context/conversation_filter_context'
-import { ConversationFilters } from './conversation_filters/components/conversation_filters'
 import { GroupFilters } from './conversation_filters/group_filters'
 import {
   ConversationFiltersScreenProps,
   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 { Header, PlatformPressable } from '@react-navigation/elements'
 import { Banner, Icon, Spinner, Text, Heading } from '../../../components'
 import { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons'
-import { useTeamPlans } from '../../../hooks/services/use_team_plans'
-import { useTheme } from '../../../hooks'
-import { tokens } from '../../../vendor/tapestry/tokens'
 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 { MemberResource } from '../../../types'
 import { Person, Text } from '../../../components/display'
 import { useTheme } from '../../../hooks'
+import { MemberResource } from '../../../types'
 
 interface FormListProps {
   memberData: MemberResource[]