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

package/src/hooks/use_my_gender.ts

@@ -1,6 +1,6 @@
-import { ResourceObject } from '../types/api_primitives'
 import { useApiGet } from './use_api'
 import { availableFeatures, useFeatures } from './use_features'
+import { ResourceObject } from '@/types/api_primitives'
 
 interface GenderResource extends ResourceObject {
   type: 'Gender'

package/src/hooks/use_organization.ts

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

package/src/hooks/use_people_person.ts

@@ -1,5 +1,5 @@
-import { ResourceObject } from '../types/api_primitives'
 import { useApiGet } from './use_api'
+import { ResourceObject } from '@/types/api_primitives'
 
 type EmailResource = ResourceObject & {
   type: 'Email'

package/src/hooks/use_product_analytics.ts

@@ -1,9 +1,9 @@
 import { useCallback, useEffect, useMemo, useRef } from 'react'
-import { useChatContext } from '../contexts/chat_context'
-import { ProductAnalyticsConfig } from '../types/product_analytics'
-import { AnalyticsMetadataResource } from '../types/resources/analytics_metadata'
-import { keysToSnakeCase } from '../utils/client/utils'
-import { SHA256, enc } from '../utils/sha_256'
+import { useChatContext } from '@/contexts/chat_context'
+import { ProductAnalyticsConfig } from '@/types/product_analytics'
+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_qualified_by_age.ts

@@ -1,6 +1,6 @@
-import { AgeQualificationStatus, CurrentPersonResource } from '../types'
 import { useApiGet } from './use_api'
 import { currentPersonRequestArgs } from './use_current_person'
+import { AgeQualificationStatus, CurrentPersonResource } from '@/types'
 
 export const useQualifiedByAge = (): boolean => {
   const { data: person, isFetched } = useApiGet<CurrentPersonResource>(currentPersonRequestArgs)

package/src/hooks/use_read_receipts.ts

@@ -1,5 +1,5 @@
-import { ReadReceiptResource } from '../types/resources/read_receipt'
 import { useSuspensePaginator } from './use_suspense_api'
+import { ReadReceiptResource } from '@/types/resources/read_receipt'
 
 export function useReadReceipts({
   conversation_id,

package/src/hooks/use_report_message.ts

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

package/src/hooks/use_storage.ts

@@ -1,7 +1,7 @@
 import { useSuspenseQuery } from '@tanstack/react-query'
 import { noop } from 'lodash'
 import { useCallback } from 'react'
-import { StorageAdapter } from '../utils/native_adapters'
+import { StorageAdapter } from '@/utils/native_adapters'
 
 const cacheKeyGenerator = (key: string) => [`StorageResource:${key}`]
 

package/src/hooks/use_submit_age_check.ts

@@ -1,9 +1,9 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query'
 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'
+import { ApiResource } from '@/types/api_primitives'
+import { Haptic } from '@/utils/native_adapters'
 
 interface AgeCheckResource {
   type: 'AgeCheck'

package/src/hooks/use_suspense_api.ts

@@ -5,12 +5,12 @@ import {
   useSuspenseQuery,
   UseSuspenseQueryOptions,
 } from '@tanstack/react-query'
-import { ApiCollection, ApiResource, ResourceObject } from '../types'
-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'
+import { ApiCollection, ApiResource, ResourceObject } from '@/types'
+import { FailedResponse } from '@/types/api_primitives'
+import { Log } from '@/utils'
+import { GetRequest, RequestData } from '@/utils/client'
+import { ResponseError } from '@/utils/response_error'
 
 interface SuspenseGetOptions extends GetRequest {
   app?: App

package/src/hooks/use_teams.ts

@@ -1,5 +1,5 @@
-import { GroupResource } from '../types/resources/group_resource'
 import { useApiPaginator } from './use_api'
+import { GroupResource } from '@/types/resources/group_resource'
 
 export const useTeams = () => {
   return useApiPaginator<GroupResource>({

package/src/hooks/use_theme.tsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react'
-import { ChatContext } from '../contexts/chat_context'
-import { ChatTheme } from '../utils/theme'
+import { ChatContext } from '@/contexts/chat_context'
+import { ChatTheme } from '@/utils/theme'
 
 export const useTheme = (): ChatTheme => {
   const { theme } = useContext(ChatContext)

package/src/hooks/use_typing_indicators.ts

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

package/src/hooks/use_typing_status_cache.ts

@@ -1,6 +1,6 @@
 import { useQueryClient } from '@tanstack/react-query'
 import { useCallback, useMemo } from 'react'
-import { TypingBroadcastDataAttributes } from '../types/jolt_events/typing_events'
+import { TypingBroadcastDataAttributes } from '@/types/jolt_events/typing_events'
 
 export const TYPING_TIMEOUT_INTERVAL = 6000 // 6 seconds
 

package/src/hooks/use_upload_client.ts

@@ -1,7 +1,7 @@
 import { useContext, useMemo } from 'react'
-import { ChatContext } from '../contexts/chat_context'
-import { Client } from '../utils'
-import { UploadUri } from '../utils/upload_uri'
+import { ChatContext } from '@/contexts/chat_context'
+import { Client } from '@/utils'
+import { UploadUri } from '@/utils/upload_uri'
 
 export interface FileForUploadClient {
   uri: string

package/src/icons/font_awesome.ts

@@ -0,0 +1,104 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  // Church
+  faBookBible,
+  faChurch,
+  faCross,
+  faDove,
+  faHandsHeart,
+  faPersonRays,
+  faPrayingHands,
+  faPodium,
+  faDroplet,
+  faPersonDrowning,
+  faLighthouse,
+  // Services
+  faGuitar,
+  faGuitarElectric,
+  faViolin,
+  faCalendarHeart,
+  faHandHeart,
+  faHandWave,
+  faBaby,
+  faChildren,
+  faMugHot,
+  faVideoCamera,
+  faMusic,
+  faPianoKeyboard,
+  faDrum,
+  faUserGraduate,
+  faCommentsQuestion,
+  faPresentation,
+  faMicrophoneStand,
+  faIdBadge,
+  faBookUser,
+  faHandHoldingHeart,
+  faGuitars,
+  faAmpGuitar,
+  faSchoolFlag,
+  faShieldCheck,
+  faProjector,
+  // Groups
+  faPeople,
+  faPeopleGroup,
+  faPersonDress,
+  faPerson,
+  faSeedling,
+  faCommentsAlt,
+  faGlobe,
+  faBookOpenReader,
+  faRunning,
+  faLeaf,
+} from '@/vendor/font_awesome_pro_solid_icons'
+
+library.add(
+  // Church
+  faBookBible,
+  faChurch,
+  faCross,
+  faDove,
+  faHandsHeart,
+  faPersonRays,
+  faPrayingHands,
+  faPodium,
+  faDroplet,
+  faPersonDrowning,
+  faLighthouse,
+  // Services
+  faGuitar,
+  faGuitarElectric,
+  faViolin,
+  faCalendarHeart,
+  faHandHeart,
+  faHandWave,
+  faBaby,
+  faChildren,
+  faMugHot,
+  faVideoCamera,
+  faMusic,
+  faPianoKeyboard,
+  faDrum,
+  faUserGraduate,
+  faCommentsQuestion,
+  faPresentation,
+  faMicrophoneStand,
+  faIdBadge,
+  faBookUser,
+  faHandHoldingHeart,
+  faGuitars,
+  faAmpGuitar,
+  faSchoolFlag,
+  faShieldCheck,
+  faProjector,
+  // Groups
+  faPeople,
+  faPeopleGroup,
+  faPersonDress,
+  faPerson,
+  faSeedling,
+  faCommentsAlt,
+  faGlobe,
+  faBookOpenReader,
+  faRunning,
+  faLeaf
+)

package/src/index.tsx

@@ -1,3 +1,5 @@
+import '@/icons/font_awesome'
+
 export { GroupConversations } from './components'
 export { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_provider'
 export * from './contexts/chat_context'

package/src/navigation/chat_access_gate.tsx

@@ -1,11 +1,11 @@
 import React, { PropsWithChildren, useEffect, useRef } from 'react'
-import { DefaultLoading } from '../components/page/loading'
-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'
+import { DefaultLoading } from '@/components/page/loading'
+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

@@ -7,68 +7,65 @@ import {
 import { CardStyleInterpolators } from '@react-navigation/stack'
 import React from 'react'
 import { Platform } from 'react-native'
-import { Icon } from '../components'
+import { ScreenLayoutWithChatAccessGate } from './screenLayout'
+import { Icon } from '@/components'
 import {
   HeaderDoneButton,
   HeaderTextButton,
-} from '../components/display/platform_modal_header_buttons'
-import { useQualifiedByAge } from '../hooks'
+} from '@/components/display/platform_modal_header_buttons'
+import { useQualifiedByAge } from '@/hooks'
 import {
   AttachmentActionsScreen,
   AttachmentActionsScreenOptions,
-} from '../screens/attachment_actions/attachment_actions_screen'
-import { BugReportScreen, BugReportScreenOptions } from '../screens/bug_report_screen'
+} from '@/screens/attachment_actions/attachment_actions_screen'
+import { BugReportScreen, BugReportScreenOptions } from '@/screens/bug_report_screen'
 import {
   MessageReadReceiptsScreen,
   MessageReadReceiptsScreenOptions,
-} from '../screens/conversation/message_read_receipts_screen'
-import { ConversationDetailsScreen } from '../screens/conversation_details_screen'
+} from '@/screens/conversation/message_read_receipts_screen'
+import { ConversationDetailsScreen } from '@/screens/conversation_details_screen'
 import {
   ConversationFilterReceipientsScreenOptions,
   ConversationFilterRecipientsScreen,
-} from '../screens/conversation_filter_recipients/conversation_filter_recipients_screen'
-import { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'
+} from '@/screens/conversation_filter_recipients/conversation_filter_recipients_screen'
+import { ConversationFiltersParams } from '@/screens/conversation_filters/screen_props'
 import {
   ConversationFiltersScreen,
   ConversationFiltersScreenOptions,
-} from '../screens/conversation_filters_screen'
-import { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen'
+} from '@/screens/conversation_filters_screen'
+import { ConversationNewScreen } from '@/screens/conversation_new/conversation_new_screen'
 import {
   ConversationNotificationLevelSelectScreen,
   ConversationNotificationLevelSelectScreenOptions,
-} from '../screens/conversation_notification_level_select_screen'
+} 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 { ConversationSelectRecipientsParams } from '../screens/conversation_select_recipients/types/screen_props'
+} 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 { ConversationSelectRecipientsParams } from '@/screens/conversation_select_recipients/types/screen_props'
 import {
   ConversationSelectTypeScreen,
   ConversationSelectTypeScreenOptions,
-} from '../screens/conversation_select_type_screen'
-import { ConversationsScreen } from '../screens/conversations/conversations_screen'
-import { GetHelpScreen } from '../screens/get_help_screen'
+} 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,
-} from '../screens/message_actions_screen'
-import { MessageReportScreen, MessageReportScreenOptions } from '../screens/message_report_screen'
-import { NotFound } from '../screens/not_found'
-import { NotificationSettingsScreen } from '../screens/notification_settings_screen'
-import { PreferredAppSelectionScreen } from '../screens/preferred_app_selection_screen'
-import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'
-import { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'
-import { TeamConversationScreen } from '../screens/team_conversation_screen'
-import { ScreenLayoutWithChatAccessGate } from './screenLayout'
+} from '@/screens/group_notification_level_select_screen'
+import { GroupNotificationSettingsScreen } from '@/screens/group_notification_settings_screen'
+import { MessageActionsScreen, MessageActionsScreenOptions } from '@/screens/message_actions_screen'
+import { MessageReportScreen, MessageReportScreenOptions } from '@/screens/message_report_screen'
+import { NotFound } from '@/screens/not_found'
+import { NotificationSettingsScreen } from '@/screens/notification_settings_screen'
+import { PreferredAppSelectionScreen } from '@/screens/preferred_app_selection_screen'
+import { ReactionsScreen, ReactionsScreenOptions } from '@/screens/reactions_screen'
+import { SendGiphyScreen, SendGiphyScreenOptions } from '@/screens/send_giphy_screen'
+import { TeamConversationScreen } from '@/screens/team_conversation_screen'
 
 const HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {
   marginLeft: Platform.select({ ios: -8, default: -3 }),

package/src/navigation/screenLayout.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { Suspense } from 'react'
-import ErrorBoundary from '../components/page/error_boundary'
-import { DefaultLoading } from '../components/page/loading'
 import { ChatAccessGate } from './chat_access_gate'
+import ErrorBoundary from '@/components/page/error_boundary'
+import { DefaultLoading } from '@/components/page/loading'
 
 export function ScreenLayout({ children }: { children: React.ReactElement }) {
   return (

package/src/polyfills/events/Event.ts

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

package/src/polyfills/events/EventTarget.ts

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

package/src/polyfills/events/internals/EventInternals.ts

@@ -2,8 +2,8 @@
  * Internal implementation details for the `Event` module.
  */
 
-import type Event from '../Event'
-import type EventTarget from '../EventTarget'
+import type Event from '@/polyfills/events/Event'
+import type EventTarget from '@/polyfills/events/EventTarget'
 
 export const COMPOSED_PATH_KEY: unique symbol = Symbol('composedPath')
 export const CURRENT_TARGET_KEY: unique symbol = Symbol('currentTarget')

package/src/polyfills/events/internals/EventTargetInternals.ts

@@ -2,9 +2,9 @@
  * Internal implementation details for the `EventTarget` module.
  */
 
-import type Event from '../Event'
-import type EventTarget from '../EventTarget'
 import { setIsTrusted } from './EventInternals'
+import type Event from '@/polyfills/events/Event'
+import type EventTarget from '@/polyfills/events/EventTarget'
 
 export const EVENT_TARGET_GET_THE_PARENT_KEY: unique symbol = Symbol('EventTarget[get the parent]')
 

package/src/screens/age_check/age_check_required_screen.tsx

@@ -1,15 +1,15 @@
 import { date as formatDate } from '@planningcenter/datetime-fmt'
 import React, { useState } from 'react'
 import { StyleSheet, View, ScrollView } from 'react-native'
-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 { platformFontWeightBold } from '../../utils/styles'
 import { AgeCheckSelectBirthdateModal } from './components/age_check_select_birthdate_modal'
+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 { platformFontWeightBold } from '@/utils/styles'
 
 function calculateAge(birthdate: Date) {
   const today = new Date()

package/src/screens/age_check/age_check_underage_screen.tsx

@@ -1,10 +1,10 @@
 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 type { AgeCheckParams } from './screen_props'
+import { Heading } from '@/components'
+import { Icon, Text, TextInlineButton } from '@/components/display'
+import { useTheme } from '@/hooks'
 
 export interface AgeCheckUnderageScreenProps {
   contactEmail?: string

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

@@ -1,9 +1,9 @@
 import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'
 import React from 'react'
 import { Modal, Platform, StyleSheet, View } from 'react-native'
-import { Text } from '../../../components/display/text'
-import FormSheet from '../../../components/primitive/form_sheet'
-import { useTheme } from '../../../hooks'
+import { Text } from '@/components/display/text'
+import FormSheet from '@/components/primitive/form_sheet'
+import { useTheme } from '@/hooks'
 
 export type AgeCheckSelectBirthdateProps = {
   onChange: (date: Date) => void

package/src/screens/attachment_actions/attachment_actions_screen.tsx

@@ -1,8 +1,8 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React, { useCallback } from 'react'
 import { Alert, Linking, StyleSheet } from 'react-native'
-import FormSheet, { getFormSheetScreenOptions } from '../../components/primitive/form_sheet'
 import { useDeleteAttachment } from './hooks/useDeleteAttachment'
+import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
 
 export const AttachmentActionsScreenOptions = getFormSheetScreenOptions({
   headerTitle: 'Attachment actions',

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

@@ -1,9 +1,9 @@
 import { useMutation } from '@tanstack/react-query'
 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'
+import { useApiClient } from '@/hooks/use_api_client'
+import { useConversationMessages } from '@/hooks/use_conversation_messages'
+import { Haptic } from '@/utils/native_adapters'
 
 type UseDeleteAttachmentProps = {
   conversation_id: number

package/src/screens/bug_report_screen.tsx

@@ -23,20 +23,20 @@ import {
   ImageAttachmentPreview,
   Icon,
   KeyboardView,
-} from '../components'
+} from '@/components'
 import {
   HeaderDismissButton,
   HeaderTextButton,
-} from '../components/display/platform_modal_header_buttons'
-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 { 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'
+} from '@/components/display/platform_modal_header_buttons'
+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 { 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

@@ -3,11 +3,11 @@ 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 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'
+import { Avatar, Text } from '@/components'
+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