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

package/build/components/conversation/attachments/attachment_card.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Text } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { Text } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+import { tokens } from '../../../vendor/tapestry/tokens';
 export function AttachmentCard({ children, ...props }) {
     const styles = useStyles();
     return (<View style={styles.card} {...props}>

package/build/components/conversation/attachments/attachment_deleting_overlay.js

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

package/build/components/conversation/attachments/audio_attachment.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function AudioAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }: {
     attachment: DenormalizedMessageAttachmentResource;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;

package/build/components/conversation/attachments/audio_attachment.js

@@ -3,9 +3,9 @@ import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card';
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay';
-import { IconButton, Text } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { Audio } from '@/utils/native_adapters';
+import { IconButton, Text } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+import { Audio } from '../../../utils/native_adapters';
 export function AudioAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }) {
     const styles = useStyles();
     const { colors } = useTheme();

package/build/components/conversation/attachments/expanded_link.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DenormalizedExpandedLinkAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedExpandedLinkAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function ExpandedLink({ attachment, onMessageLongPress, }: {
     attachment: DenormalizedExpandedLinkAttachmentResource;
     onMessageLongPress: () => void;

package/build/components/conversation/attachments/expanded_link.js

@@ -1,9 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements';
 import React from 'react';
 import { Image, StyleSheet, Text, View } from 'react-native';
-import { useTheme } from '@/hooks';
-import { Linking } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme } from '../../../hooks';
+import { Linking } from '../../../utils';
+import { tokens } from '../../../vendor/tapestry/tokens';
 export function ExpandedLink({ attachment, onMessageLongPress, }) {
     const styles = useStyles();
     const { colors } = useTheme();

package/build/components/conversation/attachments/generic_file_attachment.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function GenericFileAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }: {
     attachment: DenormalizedMessageAttachmentResource;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;

package/build/components/conversation/attachments/generic_file_attachment.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card';
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay';
-import { Icon } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { Linking } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { Icon } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+import { Linking } from '../../../utils';
+import { tokens } from '../../../vendor/tapestry/tokens';
 export function GenericFileAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }) {
     const styles = useStyles();
     const { colors } = useTheme();

package/build/components/conversation/attachments/giphy_attachment.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DenormalizedGiphyAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function GiphyAttachment({ attachment, onMessageLongPress, }: {
     attachment: DenormalizedGiphyAttachmentResource;
     onMessageLongPress: () => void;

package/build/components/conversation/attachments/giphy_attachment.js

@@ -1,10 +1,10 @@
 import { PlatformPressable } from '@react-navigation/elements';
 import React from 'react';
 import { Text, StyleSheet, Linking } from 'react-native';
-import { Image } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { assertKeysAreNumbers } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { Image } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+import { assertKeysAreNumbers } from '../../../utils';
+import { tokens } from '../../../vendor/tapestry/tokens';
 export function GiphyAttachment({ attachment, onMessageLongPress, }) {
     const { colors } = useTheme();
     const { title, titleLink, giphy } = attachment;

package/build/components/conversation/attachments/image_attachment.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export type MetaProps = {
     authorName: string;
     createdAt: string;

package/build/components/conversation/attachments/image_attachment.js

@@ -6,11 +6,11 @@ import { FlatList, Gesture, GestureDetector, GestureHandlerRootView, } from 'rea
 import Animated, { runOnJS, useAnimatedStyle, useAnimatedReaction, useSharedValue, withSpring, withDecay, } from 'react-native-reanimated';
 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 { Haptic, platformFontWeightMedium } from '@/utils';
-import { formatDatePreview } from '@/utils/date';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { IconButton, Image, Heading, Text } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+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;
 const MIN_DISTANCE_FOR_PAN = 10; // Higher threshold gives pinching priority

package/build/components/conversation/attachments/video_attachment.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function VideoAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }: {
     attachment: DenormalizedMessageAttachmentResource;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;

package/build/components/conversation/attachments/video_attachment.js

@@ -3,10 +3,10 @@ import React, { useRef, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { AttachmentDeletingOverlay } from './attachment_deleting_overlay';
 import { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants';
-import { Icon } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { Video } from '@/utils/native_adapters';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { Icon } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+import { Video } from '../../../utils/native_adapters';
+import { tokens } from '../../../vendor/tapestry/tokens';
 export function VideoAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }) {
     const { colors } = useTheme();
     const styles = useStyles();

package/build/components/conversation/empty_conversation_blank_state.js

@@ -1,4 +1,4 @@
-import BlankState from '@/components/primitive/blank_state_primitive';
+import BlankState from '../../components/primitive/blank_state_primitive';
 export const EmptyConversationBlankState = () => {
     return (<BlankState.Root>
       <BlankState.Imagery name="general.outlinedTextMessage"/>

package/build/components/conversation/jump_to_bottom_button.js

@@ -1,9 +1,9 @@
 import { useEffect } from 'react';
 import { View, Pressable, StyleSheet } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, interpolate, Extrapolation, ReduceMotion, withSpring, } from 'react-native-reanimated';
-import { Icon, Text } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { platformFontWeightMedium } from '@/utils';
+import { Icon, Text } from '../../components/display';
+import { useTheme } from '../../hooks';
+import { platformFontWeightMedium } from '../../utils';
 export const JumpToBottomButton = ({ onPress, visible }) => {
     const styles = useStyles();
     const progress = useSharedValue(0);

package/build/components/conversation/message.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MessageResource } from '@/types';
+import { MessageResource } from '../../types';
 /** Message
  * Component for display of a message within a conversation list
  */

package/build/components/conversation/message.js

@@ -7,18 +7,18 @@ 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 { 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 { 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 { 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';
 export function Message({ canDeleteNonAuthoredMessages, conversation_id, latestReadMessageSortKey, inReplyScreen, ...message }) {
     const { text, reactionCounts, pending, error, attachments, author } = message;
     const deletingMessageIds = useDeletingIds('deleteMessage');

package/build/components/conversation/message_attachments.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type MetaProps } from './attachments/image_attachment';
-import { DenormalizedAttachmentResource, DenormalizedMessageAttachmentResource } from '@/types/resources/denormalized_attachment_resource';
+import { DenormalizedAttachmentResource, DenormalizedMessageAttachmentResource } from '../../types/resources/denormalized_attachment_resource';
 export declare function MessageAttachments(props: {
     attachments: DenormalizedAttachmentResource[];
     metaProps: MetaProps;

package/build/components/conversation/message_attachments.js

@@ -6,7 +6,7 @@ import { GenericFileAttachment } from './attachments/generic_file_attachment';
 import { GiphyAttachment } from './attachments/giphy_attachment';
 import { ImageAttachment } from './attachments/image_attachment';
 import { VideoAttachment } from './attachments/video_attachment';
-import { useDeletingIds } from '@/hooks';
+import { useDeletingIds } from '../../hooks';
 export function MessageAttachments(props) {
     const styles = useStyles();
     const { attachments, metaProps, onMessageAttachmentLongPress, onMessageLongPress } = props;

package/build/components/conversation/message_form/message_form_attachment_image.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FileAttachment } from '@/types/resources/denormalized_attachment_resource_for_create';
+import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create';
 interface Props {
     uri: string;
     alt: string;

package/build/components/conversation/message_form/message_form_attachment_image.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ImageAttachmentPreview } from '@/components/display';
+import { ImageAttachmentPreview } from '../../../components/display';
 export function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }) {
     const loading = status === 'uploading';
     const error = status === 'error';

package/build/components/conversation/message_form/message_form_attachment_video.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FileAttachment } from '@/types/resources/denormalized_attachment_resource_for_create';
+import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create';
 interface Props {
     status: FileAttachment['status'];
     name: string;

package/build/components/conversation/message_form/message_form_attachment_video.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { VideoAttachmentPreview } from '@/components/display';
+import { VideoAttachmentPreview } from '../../../components/display';
 export function MessageFormAttachmentVideo({ name, status, removeAttachment }) {
     const loading = status === 'uploading';
     const error = status === 'error';

package/build/components/conversation/message_form.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewProps } from 'react-native';
-import { ConversationResource, MessageResource } from '@/types';
+import { ConversationResource, MessageResource } from '../../types';
 export declare const MessageForm: {
     Root: typeof MessageFormRoot;
     TextInput: typeof MessageFormInput;

package/build/components/conversation/message_form.js

@@ -4,18 +4,18 @@ import { Linking, Platform, Pressable, ScrollView, StyleSheet, TextInput, View,
 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, 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 { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, platformFontWeightMedium, platformPressedOpacityStyle, } from '@/utils';
-import { Haptic, ImagePicker } from '@/utils/native_adapters';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { Heading, Icon, IconButton, 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 { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, platformFontWeightMedium, platformPressedOpacityStyle, } from '../../utils';
+import { Haptic, ImagePicker } from '../../utils/native_adapters';
+import { tokens } from '../../vendor/tapestry/tokens';
 export const MessageForm = {
     Root: MessageFormRoot,
     TextInput: MessageFormInput,

package/build/components/conversation/message_markdown.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
-import { Text, TextInlineButton } from '@/components/display';
-import { Linking } from '@/utils/native_adapters';
-import { parseSimpleMarkdown } from '@/utils/parse_simple_markdown';
+import { Text, TextInlineButton } from '../../components/display';
+import { Linking } from '../../utils/native_adapters';
+import { parseSimpleMarkdown } from '../../utils/parse_simple_markdown';
 export function MessageMarkdown({ text }) {
     if (!text)
         return null;

package/build/components/conversation/message_reaction.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MessageResource } from '@/types';
-import { ReactionCountResource } from '@/types/resources/reaction';
+import { MessageResource } from '../../types';
+import { ReactionCountResource } from '../../types/resources/reaction';
 export declare function MessageReaction({ reaction, onLongPress, message, conversationId, }: {
     reaction: ReactionCountResource;
     onLongPress: (_reaction: ReactionCountResource) => void;

package/build/components/conversation/message_reaction.js

@@ -2,12 +2,12 @@ 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 { 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 { REACTION_EMOJIS } from '../../utils';
+import { Haptic } from '../../utils/native_adapters';
 export function MessageReaction({ reaction, onLongPress, message, conversationId, }) {
     const styles = useReactionStyles(reaction);
     const { handleReactionToggle } = useMessageReactionToggle({

package/build/components/conversation/message_read_receipts.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MessageResource } from '@/types';
+import { MessageResource } from '../../types';
 interface Props {
     message: MessageResource;
     latestReadMessageSortKey?: string;

package/build/components/conversation/message_read_receipts.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Icon, Text } from '@/components/display';
-import { useTheme } from '@/hooks';
+import { Icon, Text } from '../../components/display';
+import { useTheme } from '../../hooks';
 export function MessageReadReceipts({ message, latestReadMessageSortKey }) {
     const styles = useStyles();
     if (!latestReadMessageSortKey || message.id > latestReadMessageSortKey) {

package/build/components/conversation/messages_disabled_banners.js

@@ -1,7 +1,7 @@
 import { StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Text } from '@/components/display';
-import { useTheme } from '@/hooks';
+import { Text } from '../../components/display';
+import { useTheme } from '../../hooks';
 export const LeaderMessagesDisabledBanner = () => {
     return (<MessagesDisabledBanner description="Only leaders can send messages in this conversation."/>);
 };

package/build/components/conversation/reply_connectors.d.ts

@@ -1,4 +1,4 @@
-import { MessageResource } from '@/types';
+import { MessageResource } from '../../types';
 export declare const AVATAR_CONNECTOR_SPACING = 8;
 interface ReplyConnectorProps {
     message: MessageResource;

package/build/components/conversation/reply_connectors.js

@@ -1,7 +1,7 @@
 import { StyleSheet, View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
-import { useTheme } from '@/hooks';
-import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL, MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH, } from '@/utils/styles';
+import { useTheme } from '../../hooks';
+import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL, MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH, } from '../../utils/styles';
 const MY_REPLY_CONNECTOR_WIDTH = 38;
 const CONNECTOR_BORDER_WIDTH = 4;
 const OFFSET_CONNECTOR_CONTAINER = CONNECTOR_BORDER_WIDTH / 2; // Accounts for the border width ensuring the connectors are centered under the avatar

package/build/components/conversation/reply_shadow_message.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MessageResource } from '@/types';
+import { MessageResource } from '../../types';
 interface ReplyShadowMessageProps extends MessageResource {
     messageId: string;
     conversation_id: number;

package/build/components/conversation/reply_shadow_message.js

@@ -4,12 +4,12 @@ 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, 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 { 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, 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 { assertKeysAreNumbers, pluralize } from '../../utils';
+import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL, MAX_FONT_SIZE_MULTIPLIER, MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH, platformFontWeightMedium, } from '../../utils/styles';
 export function ReplyShadowMessage({ conversation_id, inReplyScreen, messageId, isReplyShadowMessage, nextRendersAuthor, }) {
     const { message, isError, isLoading } = useConversationMessage({ conversation_id, messageId });
     if (inReplyScreen)

package/build/components/conversation/typing_indicator.js

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

package/build/components/conversations/conversation_actions.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-import { ConversationResource } from '@/types';
+import { ConversationResource } from '../../types';
 export declare function ConversationActions({ children, conversation, style, onPress, accessibilityLabel, }: {
     children: ReactNode;
     conversation: ConversationResource;

package/build/components/conversations/conversation_actions.js

@@ -2,11 +2,11 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Platform, Pressable, StyleSheet, View, } from 'react-native';
 import ReanimatedSwipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
 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 { platformPressedOpacityStyle } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useConversationsContext } from '../../contexts/conversations_context';
+import { useTheme, useCreateAndroidRippleColor } from '../../hooks';
+import { useConversationsMarkRead, useConversationsMute } from '../../hooks/use_conversations_actions';
+import { platformPressedOpacityStyle } from '../../utils';
+import { tokens } from '../../vendor/tapestry/tokens';
 export function ConversationActions({ children, conversation, style, onPress, accessibilityLabel, }) {
     const swipeableRef = useRef(null);
     const styles = useStyles();

package/build/components/conversations/conversation_preview.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
-import { ConversationResource } from '@/types';
+import { ConversationResource } from '../../types';
 interface ConversationPreviewProps {
     conversation: ConversationResource;
     onPress: () => void;

package/build/components/conversations/conversation_preview.js

@@ -3,9 +3,9 @@ import { StyleSheet, View } from 'react-native';
 import { ConversationActions } from './conversation_actions';
 import { MuteIndicator } from './mute_indicator';
 import { UnreadCountBadge } from './unread_count_badge';
-import { AvatarGroup, Heading, Text, Badge } from '@/components/display';
-import { useTheme, useAtFontScaleBreakpoint, useFontScale, useScalableNumberOfLines } from '@/hooks';
-import { formatDatePreview } from '@/utils/date';
+import { AvatarGroup, Heading, Text, Badge } from '../../components/display';
+import { useTheme, useAtFontScaleBreakpoint, useFontScale, useScalableNumberOfLines } from '../../hooks';
+import { formatDatePreview } from '../../utils/date';
 const EMPTY_CONVERSATION_PREVIEW_TEXT = 'Send your first message';
 export const ConversationPreview = ({ conversation, onPress, showBadges = true, style, }) => {
     const styles = useStyles();

package/build/components/conversations/conversations.js

@@ -2,11 +2,11 @@ import { useNavigation } from '@react-navigation/native';
 import React, { useMemo } from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
 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 { throwResponseError } from '@/utils/response_error';
+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 { throwResponseError } from '../../utils/response_error';
 export const Conversations = ({ ListHeaderComponent }) => {
     const styles = useStyles();
     const { conversations, isLoading, fetchNextPage, refetch, isRefetching, isFetched, isError, error, args: { chat_group_graph_id }, } = useConversationsContext();

package/build/components/conversations/mute_indicator.js

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

package/build/components/conversations/swipeable_toggle_button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type PressableProps } from 'react-native-gesture-handler';
-import { IconString } from '@/components/display';
+import { IconString } from '../../components/display';
 interface SwipeableToggleButtonProps extends PressableProps {
     backgroundColor: string;
     toggled: boolean;

package/build/components/conversations/swipeable_toggle_button.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import { Pressable } from 'react-native-gesture-handler';
-import { Icon, 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, 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';
 export function SwipeableToggleButton({ backgroundColor, onPress, toggleContent, disabled = false, toggled, loading = false, ...props }) {
     const styles = useStyles({ backgroundColor, disabled });
     const androidRippleColor = useCreateAndroidRippleColor({

package/build/components/conversations/unread_count_badge.js

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