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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.30.0-rc.0",
+  "version": "3.30.0-rc.2",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -48,6 +48,7 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.14",
     "@typescript-eslint/parser": "^8.32.0",
+    "babel-plugin-module-resolver": "^5.0.3",
     "eslint-plugin-react-compiler": "^19.1.0-rc.2",
     "expo-module-scripts": "^5.0.7",
     "fast-text-encoding": "^1.0.6",
@@ -58,5 +59,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "3aada23dbbc180073007ecad60a146f46f57b744"
+  "gitHead": "789339d9abed3075825a11b6487f516da5b8b2c4"
 }

package/src/__tests__/contexts/session_context.tsx

@@ -1,16 +1,16 @@
-import { renderHook, act } from '@testing-library/react-hooks'
+import AsyncStorage from '@react-native-async-storage/async-storage'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { renderHook, act } from '@testing-library/react-hooks'
 import React, { useContext, Suspense } from 'react'
 import {
   SessionContext,
   SessionContextProvider,
   SessionContextConfig,
-} from '../../contexts/session_context'
-import { StorageAdapter } from '../../utils/native_adapters/storage_adapter'
-import { OAuthToken, FailedResponse } from '../../types'
-import AsyncStorage from '@react-native-async-storage/async-storage'
-import { SessionManager } from '../../utils/session_manager'
-import { Session } from '../../utils/session'
+} from '@/contexts/session_context'
+import { OAuthToken, FailedResponse } from '@/types'
+import { StorageAdapter } from '@/utils/native_adapters/storage_adapter'
+import { Session } from '@/utils/session'
+import { SessionManager } from '@/utils/session_manager'
 
 jest.mock('@react-native-async-storage/async-storage')
 

package/src/__tests__/event-polyfill.test.ts

@@ -2,11 +2,10 @@
  * Tests for Event/CustomEvent/EventTarget polyfills
  */
 
-import Event from '../polyfills/events/Event'
-import EventTarget from '../polyfills/events/EventTarget'
-import { CustomEvent } from '../polyfills/events/CustomEvent'
-
+import { CustomEvent } from '@/polyfills/events/CustomEvent'
 // Set up global polyfill for tests
+import Event from '@/polyfills/events/Event'
+import EventTarget from '@/polyfills/events/EventTarget'
 ;(global as any).Event = Event
 ;(global as any).CustomEvent = CustomEvent
 

package/src/__tests__/hooks/useTheme.tsx

@@ -1,8 +1,8 @@
-import { renderHook } from '@testing-library/react-native'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { useTheme } from '../../hooks'
-import { ChatProvider, CreateChatThemeProps } from '../../contexts/chat_context'
+import { renderHook } from '@testing-library/react-native'
 import React from 'react'
+import { ChatProvider, CreateChatThemeProps } from '@/contexts/chat_context'
+import { useTheme } from '@/hooks'
 
 let themeProps: CreateChatThemeProps = {
   theme: {

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

@@ -1,8 +1,8 @@
-import { renderHook, act } from '@testing-library/react-hooks'
+import AsyncStorage from '@react-native-async-storage/async-storage'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { renderHook, act } from '@testing-library/react-hooks'
 import React, { Suspense } from 'react'
-import AsyncStorage from '@react-native-async-storage/async-storage'
-import { useAsyncStorage } from '../../hooks/use_async_storage'
+import { useAsyncStorage } from '@/hooks/use_async_storage'
 
 jest.mock('@react-native-async-storage/async-storage')
 jest.useFakeTimers()

package/src/__tests__/hooks/use_conversation_messages.ts

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-hooks'
-import * as useSuspenseApi from '../../hooks/use_suspense_api'
-import { useConversationMessages } from '../../hooks/use_conversation_messages'
+import { useConversationMessages } from '@/hooks/use_conversation_messages'
+import * as useSuspenseApi from '@/hooks/use_suspense_api'
 
 const mockMessages = [
   {

package/src/__tests__/hooks/use_font_scale.test.ts

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react-native'
-import { useFontScale } from '../../hooks/use_font_scale'
+import { useFontScale } from '@/hooks/use_font_scale'
 
 jest.mock('react-native', () => ({
   useWindowDimensions: jest.fn(),

package/src/__tests__/utils/cache/page_mutations.ts

@@ -3,7 +3,7 @@ import {
   updateAllRecordsInPagesData,
   updateOrCreateRecordInPagesData,
   updateRecordInPagesData,
-} from '../../../utils/'
+} from '@/utils'
 
 const data = {
   pageParams: {},

package/src/__tests__/utils/client.ts

@@ -1,8 +1,8 @@
-import MockServer from '../../__utils__/server'
-import Client from '../../utils/client/client'
-import DefaultFixtures from '../../__utils__/fixtures/defaults'
-import { BASE_URL } from '../../__utils__/handlers'
-import { FailedResponse } from '../../types'
+import DefaultFixtures from '@/__utils__/fixtures/defaults'
+import { BASE_URL } from '@/__utils__/handlers'
+import MockServer from '@/__utils__/server'
+import { FailedResponse } from '@/types'
+import Client from '@/utils/client/client'
 
 const APP_BASE_URL = BASE_URL
 let client: Client

package/src/__tests__/utils/native_adapters/configuration.ts

@@ -1,6 +1,5 @@
 import * as React from 'react'
 import { Linking as RNLinking } from 'react-native'
-import { ChatAdapters, Linking, Haptic } from '../../../utils/native_adapters/configuration'
 import {
   AudioAdapter,
   Clipboard,
@@ -8,9 +7,10 @@ import {
   ImagePickerAdapter,
   LinkingAdapter,
   VideoAdapter,
-} from '../../../utils/native_adapters'
-import { VideoPlayerHandle, VideoPlayerProps } from '../../../utils/native_adapters/video'
-import { HapticAdapter } from '../../../utils/native_adapters/haptic'
+} from '@/utils/native_adapters'
+import { ChatAdapters, Linking, Haptic } from '@/utils/native_adapters/configuration'
+import { HapticAdapter } from '@/utils/native_adapters/haptic'
+import { VideoPlayerHandle, VideoPlayerProps } from '@/utils/native_adapters/video'
 
 describe('ChatAdapters', () => {
   const getStringAsync = jest.fn(async () => '')

package/src/__tests__/utils/parse_simple_markdown.ts

@@ -1,4 +1,4 @@
-import { parseSimpleMarkdown } from '../../utils/parse_simple_markdown'
+import { parseSimpleMarkdown } from '@/utils/parse_simple_markdown'
 
 describe('parseSimpleMarkdown', () => {
   it('parses bold text correctly', () => {

package/src/__tests__/utils/pluralize.tsx

@@ -1,4 +1,4 @@
-import { pluralize } from '../../utils'
+import { pluralize } from '@/utils'
 
 describe('pluralize', () => {
   it('includes count and adds an s', () => {

package/src/__tests__/utils/session.ts

@@ -1,5 +1,5 @@
-import { OAuthToken } from '../../types'
-import { Session } from '../../utils/session'
+import { OAuthToken } from '@/types'
+import { Session } from '@/utils/session'
 
 const token: OAuthToken = {
   access_token: 'access_token',

package/src/__tests__/utils/uri.ts

@@ -1,4 +1,4 @@
-import { Uri } from '../../utils'
+import { Uri } from '@/utils'
 
 describe('URI', () => {
   it('should be defined', () => {

package/src/__utils__/handlers.ts

@@ -1,6 +1,6 @@
 import { http, HttpResponse } from 'msw'
 import DefaultFixtures from './fixtures/defaults'
-import { JSONAPIResponse } from '../types'
+import { JSONAPIResponse } from '@/types'
 
 export const BASE_URL = 'http://api.pco.test/chat/v2'
 

package/src/components/conversation/attachments/attachment_card.tsx

@@ -1,8 +1,8 @@
 import React, { ComponentProps, ReactNode } from 'react'
 import { StyleSheet, View } from 'react-native'
-import { Text } from '../../display'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { useTheme } from '../../../hooks'
+import { Text } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 type AttachmentCardProps = ComponentProps<typeof View>
 

package/src/components/conversation/attachments/attachment_deleting_overlay.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { View, StyleSheet } from 'react-native'
-import { Spinner } from '../../display'
-import { useTheme } from '../../../hooks'
+import { Spinner } from '@/components/display'
+import { useTheme } from '@/hooks'
 
 export function AttachmentDeletingOverlay() {
   const styles = useStyles()

package/src/components/conversation/attachments/audio_attachment.tsx

@@ -1,12 +1,12 @@
+import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
 import { View, StyleSheet } from 'react-native'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { IconButton, Text } from '../../display'
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card'
-import { useTheme } from '../../../hooks'
-import { Audio } from '../../../utils/native_adapters'
-import { PlatformPressable } from '@react-navigation/elements'
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay'
+import { IconButton, Text } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { Audio } from '@/utils/native_adapters'
 
 export function AudioAttachment({
   attachment,

package/src/components/conversation/attachments/expanded_link.tsx

@@ -1,10 +1,10 @@
+import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
 import { Image, StyleSheet, Text, View } from 'react-native'
-import { useTheme } from '../../../hooks'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { DenormalizedExpandedLinkAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { PlatformPressable } from '@react-navigation/elements'
-import { Linking } from '../../../utils'
+import { useTheme } from '@/hooks'
+import { DenormalizedExpandedLinkAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { Linking } from '@/utils'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 export function ExpandedLink({
   attachment,

package/src/components/conversation/attachments/generic_file_attachment.tsx

@@ -1,13 +1,13 @@
+import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card'
-import { Icon } from '../../display'
-import { useTheme } from '../../../hooks'
-import { PlatformPressable } from '@react-navigation/elements'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { Linking } from '../../../utils'
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay'
+import { Icon } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { Linking } from '@/utils'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 export function GenericFileAttachment({
   attachment,

package/src/components/conversation/attachments/giphy_attachment.tsx

@@ -1,11 +1,11 @@
+import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
 import { Text, StyleSheet, Linking } from 'react-native'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { useTheme } from '../../../hooks'
-import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { PlatformPressable } from '@react-navigation/elements'
-import { Image } from '../../display'
-import { assertKeysAreNumbers } from '../../../utils'
+import { Image } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { DenormalizedGiphyAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { assertKeysAreNumbers } from '@/utils'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 export function GiphyAttachment({
   attachment,

package/src/components/conversation/attachments/image_attachment.tsx

@@ -1,3 +1,5 @@
+import { PlatformPressable } from '@react-navigation/elements'
+import colorFunction from 'color'
 import React, { useMemo, useState, Dispatch, SetStateAction, useCallback, useRef } from 'react'
 import {
   StatusBar,
@@ -10,7 +12,6 @@ import {
   NativeScrollEvent,
   ViewToken,
 } from 'react-native'
-import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context'
 import {
   FlatList,
   Gesture,
@@ -26,15 +27,14 @@ import Animated, {
   withDecay,
   SharedValue,
 } from 'react-native-reanimated'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { IconButton, Image, Heading, Text } from '../../display'
-import colorFunction from 'color'
-import { formatDatePreview } from '../../../utils/date'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { PlatformPressable } from '@react-navigation/elements'
-import { useTheme } from '../../../hooks'
-import { Haptic, platformFontWeightMedium } from '../../../utils'
+import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context'
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay'
+import { IconButton, Image, Heading, Text } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { Haptic, platformFontWeightMedium } from '@/utils'
+import { formatDatePreview } from '@/utils/date'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 const { width: WINDOW_WIDTH, height: WINDOW_HEIGHT } = Dimensions.get('window')
 const DISMISS_PAN_THRESHOLD = 175

package/src/components/conversation/attachments/video_attachment.tsx

@@ -1,13 +1,13 @@
+import { PlatformPressable } from '@react-navigation/elements'
 import React, { useRef, useState } from 'react'
 import { View, StyleSheet } from 'react-native'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants'
-import { Icon } from '../../display'
-import { Video, VideoPlayerHandle } from '../../../utils/native_adapters'
-import { PlatformPressable } from '@react-navigation/elements'
-import { useTheme } from '../../../hooks'
-import { tokens } from '../../../vendor/tapestry/tokens'
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay'
+import { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants'
+import { Icon } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { Video, VideoPlayerHandle } from '@/utils/native_adapters'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 export function VideoAttachment({
   attachment,

package/src/components/conversation/empty_conversation_blank_state.tsx

@@ -1,4 +1,4 @@
-import BlankState from '../primitive/blank_state_primitive'
+import BlankState from '@/components/primitive/blank_state_primitive'
 
 export const EmptyConversationBlankState = () => {
   return (

package/src/components/conversation/jump_to_bottom_button.tsx

@@ -8,9 +8,9 @@ import Animated, {
   ReduceMotion,
   withSpring,
 } from 'react-native-reanimated'
-import { platformFontWeightMedium } from '../../utils'
-import { useTheme } from '../../hooks'
-import { Icon, Text } from '../display'
+import { Icon, Text } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { platformFontWeightMedium } from '@/utils'
 
 interface JumpToBottomButtonProps {
   onPress: () => void

package/src/components/conversation/message.tsx

@@ -1,4 +1,5 @@
 import { useNavigation } from '@react-navigation/native'
+import { some } from 'lodash'
 import React, { useEffect } from 'react'
 import {
   AccessibilityActionEvent,
@@ -7,35 +8,34 @@ import {
   useWindowDimensions,
   View,
 } from 'react-native'
-import { MessageReaction } from '../../components/conversation/message_reaction'
-import { Avatar, Icon, Spinner, Text, TextButton, TextInlineButton } from '../../components/display'
+import Animated from 'react-native-reanimated'
+import { MessageAttachments } from './message_attachments'
+import { MessageMarkdown } from './message_markdown'
+import { MessageReadReceipts } from './message_read_receipts'
+import { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from './reply_connectors'
+import { MessageReaction } from '@/components/conversation/message_reaction'
+import { Avatar, Icon, Spinner, Text, TextButton, TextInlineButton } from '@/components/display'
+import ErrorBoundary from '@/components/page/error_boundary'
 import {
   useAnimatedMessageBackgroundColor,
   useInteractionGhostBackgroundColor,
   useTheme,
-} from '../../hooks'
-import { MessageResource } from '../../types'
-import { ReactionCountResource } from '../../types/resources/reaction'
-import { MessageAttachments } from './message_attachments'
-import ErrorBoundary from '../page/error_boundary'
-import { MessageMarkdown } from './message_markdown'
-import { DenormalizedMessageAttachmentResource } from '../../types/resources/denormalized_attachment_resource'
+} from '@/hooks'
+import { useDeletingIds } from '@/hooks'
+import { useConversationMessage } from '@/hooks/use_conversation_message'
+import { useLiveRelativeTime } from '@/hooks/use_live_relative_time'
+import { useMessageCreateOrUpdate } from '@/hooks/use_message_create_or_update'
+import { MessageResource } from '@/types'
+import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { ReactionCountResource } from '@/types/resources/reaction'
+import { pluralize } from '@/utils'
+import { isNewMessage } from '@/utils/cache/messages_cache'
+import { Haptic } from '@/utils/native_adapters'
 import {
   CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
   MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,
   platformFontWeightMedium,
-} from '../../utils/styles'
-import Animated from 'react-native-reanimated'
-import { useLiveRelativeTime } from '../../hooks/use_live_relative_time'
-import { MessageReadReceipts } from './message_read_receipts'
-import { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
-import { Haptic } from '../../utils/native_adapters'
-import { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from './reply_connectors'
-import { pluralize } from '../../utils'
-import { useConversationMessage } from '../../hooks/use_conversation_message'
-import { some } from 'lodash'
-import { isNewMessage } from '../../utils/cache/messages_cache'
-import { useDeletingIds } from '../../hooks'
+} from '@/utils/styles'
 
 /** Message
  * Component for display of a message within a conversation list

package/src/components/conversation/message_attachments.tsx

@@ -1,16 +1,16 @@
 import React from 'react'
 import { View, StyleSheet } from 'react-native'
-import {
-  DenormalizedAttachmentResource,
-  DenormalizedMessageAttachmentResource,
-} from '../../types/resources/denormalized_attachment_resource'
 import { AudioAttachment } from './attachments/audio_attachment'
-import { VideoAttachment } from './attachments/video_attachment'
-import { GiphyAttachment } from './attachments/giphy_attachment'
-import { GenericFileAttachment } from './attachments/generic_file_attachment'
 import { ExpandedLink } from './attachments/expanded_link'
+import { GenericFileAttachment } from './attachments/generic_file_attachment'
+import { GiphyAttachment } from './attachments/giphy_attachment'
 import { ImageAttachment, type MetaProps } from './attachments/image_attachment'
-import { useDeletingIds } from '../../hooks'
+import { VideoAttachment } from './attachments/video_attachment'
+import { useDeletingIds } from '@/hooks'
+import {
+  DenormalizedAttachmentResource,
+  DenormalizedMessageAttachmentResource,
+} from '@/types/resources/denormalized_attachment_resource'
 
 export function MessageAttachments(props: {
   attachments: DenormalizedAttachmentResource[]

package/src/components/conversation/message_form/message_form_attachment_image.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { ImageAttachmentPreview } from '../../display'
-import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'
+import { ImageAttachmentPreview } from '@/components/display'
+import { FileAttachment } from '@/types/resources/denormalized_attachment_resource_for_create'
 
 interface Props {
   uri: string

package/src/components/conversation/message_form/message_form_attachment_video.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { VideoAttachmentPreview } from '../../display'
-import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'
+import { VideoAttachmentPreview } from '@/components/display'
+import { FileAttachment } from '@/types/resources/denormalized_attachment_resource_for_create'
 
 interface Props {
   status: FileAttachment['status']

package/src/components/conversation/message_form.tsx

@@ -11,39 +11,37 @@ import {
   ViewProps,
   Keyboard,
 } from 'react-native'
-import { Heading, Icon, IconButton, IconString, Text, TextButton } from '../../components'
+import LinearGradient from 'react-native-linear-gradient'
+import { MessageFormAttachmentImage } from './message_form/message_form_attachment_image'
+import { MessageFormAttachmentVideo } from './message_form/message_form_attachment_video'
+import { Heading, Icon, IconButton, IconString, Text, TextButton } from '@/components'
+import { Button } from '@/components/display/button'
+import BannerPrimitive from '@/components/primitive/banner_primitive'
+import { ChatContext } from '@/contexts/chat_context'
 import {
   useCreateAndroidRippleColor,
   useTheme,
   useInteractionGhostBackgroundColor,
   useScalableNumberOfLines,
   useFontScale,
-} from '../../hooks'
-import { ConversationResource, MessageResource } from '../../types'
-
-import { ConversationScreenProps } from '../../screens/conversation_screen'
-
-import { ChatContext } from '../../contexts/chat_context'
-import { Haptic, ImagePicker, ImagePickerResult } from '../../utils/native_adapters'
+} from '@/hooks'
+import { useAttachmentUploader } from '@/hooks/use_attachment_uploader'
+import { useBroadcastTypingStatus } from '@/hooks/use_broadcast_typing_status'
+import { useMessageCreateOrUpdate } from '@/hooks/use_message_create_or_update'
+import { useMessageDraft } from '@/hooks/use_message_draft'
+import { ConversationScreenProps } from '@/screens/conversation_screen'
+import { ConversationResource, MessageResource } from '@/types'
+import {
+  DenormalizedAttachmentResourceForCreate,
+  DenormalizedMessageAttachmentResourceForCreate,
+} from '@/types/resources/denormalized_attachment_resource_for_create'
 import {
   MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
   platformFontWeightMedium,
   platformPressedOpacityStyle,
-} from '../../utils'
-import { useAttachmentUploader } from '../../hooks/use_attachment_uploader'
-import { useMessageDraft } from '../../hooks/use_message_draft'
-import {
-  DenormalizedAttachmentResourceForCreate,
-  DenormalizedMessageAttachmentResourceForCreate,
-} from '../../types/resources/denormalized_attachment_resource_for_create'
-import { MessageFormAttachmentImage } from './message_form/message_form_attachment_image'
-import { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
-import { useBroadcastTypingStatus } from '../../hooks/use_broadcast_typing_status'
-import { tokens } from '../../vendor/tapestry/tokens'
-import LinearGradient from 'react-native-linear-gradient'
-import { MessageFormAttachmentVideo } from './message_form/message_form_attachment_video'
-import BannerPrimitive from '../primitive/banner_primitive'
-import { Button } from '../display/button'
+} from '@/utils'
+import { Haptic, ImagePicker, ImagePickerResult } from '@/utils/native_adapters'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 export const MessageForm = {
   Root: MessageFormRoot,

package/src/components/conversation/message_markdown.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { StyleSheet } from 'react-native'
-import { Text, TextInlineButton } from '../display'
-import { parseSimpleMarkdown } from '../../utils/parse_simple_markdown'
-import { Linking } from '../../utils/native_adapters'
+import { Text, TextInlineButton } from '@/components/display'
+import { Linking } from '@/utils/native_adapters'
+import { parseSimpleMarkdown } from '@/utils/parse_simple_markdown'
 
 interface Props {
   text: string

package/src/components/conversation/message_reaction.tsx

@@ -2,14 +2,14 @@ import { PlatformPressable } from '@react-navigation/elements'
 import colorFunction from 'color'
 import React, { useMemo } from 'react'
 import { StyleSheet } from 'react-native'
-import { Text } from '../../components/display'
-import { useInteractionGhostBackgroundColor, useTheme } from '../../hooks'
-import { useMessageReactionToggle } from '../../hooks/use_message_reaction_toggle'
-import { ReactionCountResource } from '../../types/resources/reaction'
-import { MessageResource } from '../../types'
-import { useCreateAndroidRippleColor } from '../../hooks/use_create_android_ripple_color'
-import { Haptic } from '../../utils/native_adapters'
-import { REACTION_EMOJIS } from '../../utils'
+import { Text } from '@/components/display'
+import { useInteractionGhostBackgroundColor, useTheme } from '@/hooks'
+import { useCreateAndroidRippleColor } from '@/hooks/use_create_android_ripple_color'
+import { useMessageReactionToggle } from '@/hooks/use_message_reaction_toggle'
+import { MessageResource } from '@/types'
+import { ReactionCountResource } from '@/types/resources/reaction'
+import { REACTION_EMOJIS } from '@/utils'
+import { Haptic } from '@/utils/native_adapters'
 
 export function MessageReaction({
   reaction,

package/src/components/conversation/message_read_receipts.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { MessageResource } from '../../types'
 import { StyleSheet, View } from 'react-native'
-import { Icon, Text } from '../display'
-import { useTheme } from '../../hooks'
+import { Icon, Text } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { MessageResource } from '@/types'
 
 interface Props {
   message: MessageResource

package/src/components/conversation/messages_disabled_banners.tsx

@@ -1,7 +1,7 @@
 import { StyleSheet, View, type ViewStyle } from 'react-native'
-import { useTheme } from '../../hooks'
-import { Text } from '../display'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Text } from '@/components/display'
+import { useTheme } from '@/hooks'
 
 export const LeaderMessagesDisabledBanner = () => {
   return (