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

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

@@ -7,10 +7,10 @@ import {
   ImagePickerAdapter,
   LinkingAdapter,
   VideoAdapter,
-} 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'
+} 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 { JSONAPIResponse } from '../types'
 import DefaultFixtures from './fixtures/defaults'
+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 { useTheme } from '../../../hooks'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { Text } from '../../display'
+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 { useTheme } from '../../../hooks'
-import { Spinner } from '../../display'
+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 { useTheme } from '../../../hooks'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Audio } from '../../../utils/native_adapters'
-import { IconButton, Text } from '../../display'
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card'
 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 { DenormalizedExpandedLinkAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Linking } from '../../../utils'
-import { tokens } from '../../../vendor/tapestry/tokens'
+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 { useTheme } from '../../../hooks'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Linking } from '../../../utils'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { Icon } from '../../display'
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card'
 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 { useTheme } from '../../../hooks'
-import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { assertKeysAreNumbers } from '../../../utils'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { Image } from '../../display'
+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

@@ -28,13 +28,13 @@ import Animated, {
   SharedValue,
 } from 'react-native-reanimated'
 import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context'
-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'
-import { IconButton, Image, Heading, Text } from '../../display'
 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 { useTheme } from '../../../hooks'
-import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Video, VideoPlayerHandle } from '../../../utils/native_adapters'
-import { tokens } from '../../../vendor/tapestry/tokens'
-import { Icon } from '../../display'
 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 { useTheme } from '../../hooks'
-import { platformFontWeightMedium } from '../../utils'
-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

@@ -9,33 +9,33 @@ import {
   View,
 } from 'react-native'
 import Animated from 'react-native-reanimated'
-import { MessageReaction } from '../../components/conversation/message_reaction'
-import { Avatar, Icon, Spinner, Text, TextButton, TextInlineButton } from '../../components/display'
+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 { 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'
+} 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 ErrorBoundary from '../page/error_boundary'
-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'
+} 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 { useDeletingIds } from '../../hooks'
-import {
-  DenormalizedAttachmentResource,
-  DenormalizedMessageAttachmentResource,
-} from '../../types/resources/denormalized_attachment_resource'
 import { AudioAttachment } from './attachments/audio_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 { 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 { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'
-import { ImageAttachmentPreview } from '../../display'
+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 { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'
-import { VideoAttachmentPreview } from '../../display'
+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

@@ -12,36 +12,36 @@ import {
   Keyboard,
 } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
-import { Heading, Icon, IconButton, IconString, Text, TextButton } from '../../components'
-import { ChatContext } from '../../contexts/chat_context'
+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 { 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'
+} 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'
+} from '@/types/resources/denormalized_attachment_resource_for_create'
 import {
   MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
   platformFontWeightMedium,
   platformPressedOpacityStyle,
-} from '../../utils'
-import { Haptic, ImagePicker, ImagePickerResult } from '../../utils/native_adapters'
-import { tokens } from '../../vendor/tapestry/tokens'
-import { Button } from '../display/button'
-import BannerPrimitive from '../primitive/banner_primitive'
-import { MessageFormAttachmentImage } from './message_form/message_form_attachment_image'
-import { MessageFormAttachmentVideo } from './message_form/message_form_attachment_video'
+} 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 { Linking } from '../../utils/native_adapters'
-import { parseSimpleMarkdown } from '../../utils/parse_simple_markdown'
-import { Text, TextInlineButton } from '../display'
+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 { 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'
+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 { StyleSheet, View } from 'react-native'
-import { useTheme } from '../../hooks'
-import { MessageResource } from '../../types'
-import { Icon, Text } from '../display'
+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 { useSafeAreaInsets } from 'react-native-safe-area-context'
-import { useTheme } from '../../hooks'
-import { Text } from '../display'
+import { Text } from '@/components/display'
+import { useTheme } from '@/hooks'
 
 export const LeaderMessagesDisabledBanner = () => {
   return (

package/src/components/conversation/reply_connectors.tsx

@@ -1,11 +1,11 @@
 import { StyleSheet, View, ViewStyle } from 'react-native'
 import Svg, { Path } from 'react-native-svg'
-import { useTheme } from '../../hooks'
-import { MessageResource } from '../../types'
+import { useTheme } from '@/hooks'
+import { MessageResource } from '@/types'
 import {
   CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
   MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,
-} from '../../utils/styles'
+} from '@/utils/styles'
 
 const MY_REPLY_CONNECTOR_WIDTH = 38
 const CONNECTOR_BORDER_WIDTH = 4

package/src/components/conversation/reply_shadow_message.tsx

@@ -3,30 +3,30 @@ import { some } from 'lodash'
 import React from 'react'
 import { Pressable, StyleSheet, useWindowDimensions, View } from 'react-native'
 import Animated from 'react-native-reanimated'
+import { TheirReplyConnector, MyReplyConnector } from './reply_connectors'
+import { Avatar, Icon, IconProps, Image, Text } from '@/components/display'
 import {
   useAnimatedMessageBackgroundColor,
   useFontScale,
   useScalableNumberOfLines,
   useTheme,
-} from '../../hooks'
-import { useConversationMessage } from '../../hooks/use_conversation_message'
-import { useLiveRelativeTime } from '../../hooks/use_live_relative_time'
-import { MessageResource } from '../../types'
+} from '@/hooks'
+import { useConversationMessage } from '@/hooks/use_conversation_message'
+import { useLiveRelativeTime } from '@/hooks/use_live_relative_time'
+import { MessageResource } from '@/types'
 import {
   DenormalizedAttachmentResource,
   DenormalizedGiphyAttachmentResource,
   DenormalizedExpandedLinkAttachmentResource,
   DenormalizedMessageAttachmentResource,
-} from '../../types/resources/denormalized_attachment_resource'
-import { assertKeysAreNumbers, pluralize } from '../../utils'
+} from '@/types/resources/denormalized_attachment_resource'
+import { assertKeysAreNumbers, pluralize } from '@/utils'
 import {
   CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
   MAX_FONT_SIZE_MULTIPLIER,
   MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,
   platformFontWeightMedium,
-} from '../../utils/styles'
-import { Avatar, Icon, IconProps, Image, Text } from '../display'
-import { TheirReplyConnector, MyReplyConnector } from './reply_connectors'
+} from '@/utils/styles'
 
 interface ReplyShadowMessageProps extends MessageResource {
   messageId: string

package/src/components/conversation/typing_indicator.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react'
 import { StyleSheet, View, Animated } from 'react-native'
-import { useTheme } from '../../hooks'
-import { useTypingIndicators, getTypingIndicatorText } from '../../hooks/use_typing_indicators'
-import { Text } from '../display'
+import { Text } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { useTypingIndicators, getTypingIndicatorText } from '@/hooks/use_typing_indicators'
 
 /**
  * Animated dots to indicate typing

package/src/components/conversations/conversation_actions.tsx

@@ -11,16 +11,13 @@ import {
 import ReanimatedSwipeable, {
   SwipeableMethods,
 } from 'react-native-gesture-handler/ReanimatedSwipeable'
-import { useConversationsContext } from '../../contexts/conversations_context'
-import { useTheme, useCreateAndroidRippleColor } from '../../hooks'
-import {
-  useConversationsMarkRead,
-  useConversationsMute,
-} from '../../hooks/use_conversations_actions'
-import { ConversationResource } from '../../types'
-import { platformPressedOpacityStyle } from '../../utils'
-import { tokens } from '../../vendor/tapestry/tokens'
 import { SwipeableToggleButton } from './swipeable_toggle_button'
+import { useConversationsContext } from '@/contexts/conversations_context'
+import { useTheme, useCreateAndroidRippleColor } from '@/hooks'
+import { useConversationsMarkRead, useConversationsMute } from '@/hooks/use_conversations_actions'
+import { ConversationResource } from '@/types'
+import { platformPressedOpacityStyle } from '@/utils'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 export function ConversationActions({
   children,

package/src/components/conversations/conversation_preview.tsx

@@ -1,17 +1,12 @@
 import React from 'react'
 import { StyleSheet, View, ViewStyle } from 'react-native'
-import {
-  useTheme,
-  useAtFontScaleBreakpoint,
-  useFontScale,
-  useScalableNumberOfLines,
-} from '../../hooks'
-import { ConversationResource } from '../../types'
-import { formatDatePreview } from '../../utils/date'
-import { AvatarGroup, Heading, Text, Badge, type BadgeProps } from '../display'
 import { ConversationActions } from './conversation_actions'
 import { MuteIndicator } from './mute_indicator'
 import { UnreadCountBadge } from './unread_count_badge'
+import { AvatarGroup, Heading, Text, Badge, type BadgeProps } from '@/components/display'
+import { useTheme, useAtFontScaleBreakpoint, useFontScale, useScalableNumberOfLines } from '@/hooks'
+import { ConversationResource } from '@/types'
+import { formatDatePreview } from '@/utils/date'
 
 const EMPTY_CONVERSATION_PREVIEW_TEXT = 'Send your first message'
 

package/src/components/conversations/conversations.tsx

@@ -1,13 +1,13 @@
 import { useNavigation } from '@react-navigation/native'
 import React, { useMemo } from 'react'
 import { FlatList, StyleSheet, View } from 'react-native'
-import { useConversationsContext } from '../../contexts/conversations_context'
-import { useTheme } from '../../hooks'
-import { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'
-import { ConversationResource } from '../../types'
-import { throwResponseError } from '../../utils/response_error'
-import BlankState from '../primitive/blank_state_primitive'
 import { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'
+import BlankState from '@/components/primitive/blank_state_primitive'
+import { useConversationsContext } from '@/contexts/conversations_context'
+import { useTheme } from '@/hooks'
+import { useConversationsJoltEvents } from '@/hooks/use_conversations_jolt_events'
+import { ConversationResource } from '@/types'
+import { throwResponseError } from '@/utils/response_error'
 
 interface ConversationsProps {
   ListHeaderComponent?:

package/src/components/conversations/mute_indicator.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { StyleSheet } from 'react-native'
-import { useTheme } from '../../hooks'
-import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'
-import { Icon } from '../display'
+import { Icon } from '@/components/display'
+import { useTheme } from '@/hooks'
+import { MAX_FONT_SIZE_MULTIPLIER } from '@/utils'
 
 export const MuteIndicator = ({ muted }: { muted: boolean }) => {
   const styles = useStyles()

package/src/components/conversations/swipeable_toggle_button.tsx

@@ -1,15 +1,15 @@
 import React from 'react'
 import { StyleSheet } from 'react-native'
 import { Pressable, type PressableProps } from 'react-native-gesture-handler'
-import { useCreateAndroidRippleColor, useTheme } from '../../hooks'
-import { Haptic } from '../../utils/native_adapters/configuration'
+import { Icon, IconString, Spinner, Text } from '@/components/display'
+import { useCreateAndroidRippleColor, useTheme } from '@/hooks'
+import { Haptic } from '@/utils/native_adapters/configuration'
 import {
   MAX_FONT_SIZE_MULTIPLIER,
   platformFontWeightMedium,
   platformPressedOpacityStyle,
-} from '../../utils/styles'
-import { tokens } from '../../vendor/tapestry/tokens'
-import { Icon, IconString, Spinner, Text } from '../display'
+} from '@/utils/styles'
+import { tokens } from '@/vendor/tapestry/tokens'
 
 interface SwipeableToggleButtonProps extends PressableProps {
   backgroundColor: string

package/src/components/conversations/unread_count_badge.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
-import { useFontScale, useTheme } from '../../hooks'
-import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../utils'
-import { Text } from '../display'
+import { Text } from '@/components/display'
+import { useFontScale, useTheme } from '@/hooks'
+import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '@/utils'
 
 export const UnreadCountBadge = ({ count, showDot }: { count: number; showDot: boolean }) => {
   const styles = useStyles()