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

package/build/components/display/action_button.js

@@ -4,8 +4,8 @@ import { Animated, LayoutAnimation, StyleSheet, useWindowDimensions, View } from
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button } from './button';
 import { Text } from './text';
-import { useTheme } from '@/hooks';
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '@/utils';
+import { useTheme } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
 export const ActionButton = ({ visible = true, disabled = false, onPress, title, infoText, buttonIconNameLeft, secondaryButton, loading = false, }) => {
     const styles = useStyles();
     const [show, setShow] = useState(visible);

package/build/components/display/avatar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type IconString } from './icon';
-import { type AvatarImageProps, type AvatarPresenceProps, type AvatarRootProps } from '@/components/primitive/avatar_primitive';
+import { type AvatarImageProps, type AvatarPresenceProps, type AvatarRootProps } from '../../components/primitive/avatar_primitive';
 interface AvatarProps {
     sourceUri: AvatarImageProps['sourceUri'];
     size?: AvatarRootProps['size'];

package/build/components/display/avatar.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import AvatarPrimitive from '@/components/primitive/avatar_primitive';
+import AvatarPrimitive from '../../components/primitive/avatar_primitive';
 export function Avatar({ presence, size = 'lg', sourceUri, showFallback = false, fallbackIconName = 'general.person', style, maxFontSizeMultiplier, minFontSizeMultiplier, }) {
     const shouldShowFallback = showFallback || !sourceUri;
     return (<AvatarPrimitive.Root size={size} style={style} maxFontSizeMultiplier={maxFontSizeMultiplier} minFontSizeMultiplier={minFontSizeMultiplier}>

package/build/components/display/avatar_group.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type IconString } from './icon';
-import { type AvatarGroupProps, type AvatarRootProps } from '@/components/primitive/avatar_primitive';
+import { type AvatarGroupProps, type AvatarRootProps } from '../../components/primitive/avatar_primitive';
 interface AvatarGroupDisplayProps {
     sourceUris: AvatarGroupProps['sourceUris'];
     showFallback?: boolean;

package/build/components/display/avatar_group.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import AvatarPrimitive from '@/components/primitive/avatar_primitive';
+import AvatarPrimitive from '../../components/primitive/avatar_primitive';
 export function AvatarGroup({ sourceUris, showFallback = false, fallbackIconName = 'general.person', size = 'lg', style, maxFontSizeMultiplier, minFontSizeMultiplier, }) {
     const shouldShowFallback = showFallback || !sourceUris || sourceUris.length === 0;
     return (<AvatarPrimitive.Root size={size} style={style} maxFontSizeMultiplier={maxFontSizeMultiplier} minFontSizeMultiplier={minFontSizeMultiplier}>

package/build/components/display/badge.js

@@ -4,9 +4,9 @@ import Svg, { Defs, LinearGradient, Path, Stop } from 'react-native-svg';
 import { Icon } from './icon';
 import { Text } from './text';
 import { useStatusColorAppearanceMap } from './utils/status_colors';
-import { useFontScale, useTheme } from '@/hooks';
-import { platformFontWeightMedium } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useFontScale, useTheme } from '../../hooks';
+import { platformFontWeightMedium } from '../../utils';
+import { tokens } from '../../vendor/tapestry/tokens';
 // =================================
 // ====== Constants ================
 // =================================

package/build/components/display/banner.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 import { ViewStyle } from 'react-native';
-import { type BannerStatusIconProps, type BannerRootProps } from '@/components/primitive/banner_primitive';
+import { type BannerStatusIconProps, type BannerRootProps } from '../../components/primitive/banner_primitive';
 type descriptionUnion = string | ReactElement | undefined;
 export interface BannerProps {
     /**

package/build/components/display/banner.js

@@ -1,5 +1,5 @@
 import React, { isValidElement } from 'react';
-import BannerPrimitive from '@/components/primitive/banner_primitive';
+import BannerPrimitive from '../../components/primitive/banner_primitive';
 export function Banner({ appearance, description, heading, iconName, showIcon = true, style, }) {
     if (!description && !heading)
         return null;

package/build/components/display/banner_collapsible.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ConditionalDescription } from './banner';
-import BannerPrimitive from '@/components/primitive/banner_primitive';
+import BannerPrimitive from '../../components/primitive/banner_primitive';
 export function BannerCollapsible({ appearance, children, description, heading, iconName, showIcon = true, style, }) {
     const [expanded, setExpanded] = React.useState(false);
     const toggleCollapsible = () => {

package/build/components/display/button.js

@@ -4,9 +4,9 @@ import LinearGradient from 'react-native-linear-gradient';
 import { Icon } from './icon';
 import { Spinner } from './spinner';
 import { getColorKey, useButtonColorOptionMap, useGradientColorMap } from './utils/button_colors';
-import { useTheme, useFontScale, useCreateAndroidRippleColor } from '@/hooks';
-import { platformFontWeightBold, platformPressedOpacityStyle } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../hooks';
+import { platformFontWeightBold, platformPressedOpacityStyle } from '../../utils';
+import { tokens } from '../../vendor/tapestry/tokens';
 // =================================
 // ====== Constants ================
 // =================================

package/build/components/display/child_notice.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type ViewStyle } from 'react-native';
-import { MemberResource } from '@/types';
+import { MemberResource } from '../../types';
 interface ChildNoticeProps {
     childMembers: MemberResource[];
     showMembers?: boolean;

package/build/components/display/child_notice.js

@@ -3,8 +3,8 @@ import { View, StyleSheet } from 'react-native';
 import { Avatar } from './avatar';
 import { BannerCollapsible } from './banner_collapsible';
 import { Text } from './text';
-import BannerPrimitive from '@/components/primitive/banner_primitive';
-import { platformFontWeightMedium, pluralize } from '@/utils';
+import BannerPrimitive from '../../components/primitive/banner_primitive';
+import { platformFontWeightMedium, pluralize } from '../../utils';
 export function ChildNotice({ childMembers, showMembers = false, style }) {
     const styles = useStyles();
     const heading = `${pluralize(childMembers.length, 'member')} under age 13`;

package/build/components/display/heading.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Platform, StyleSheet, Text as ReactNativeText, } from 'react-native';
-import { useTheme } from '@/hooks';
-import { platformFontWeightBold } from '@/utils/styles';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme } from '../../hooks';
+import { platformFontWeightBold } from '../../utils/styles';
+import { tokens } from '../../vendor/tapestry/tokens';
 export function Heading({ style, variant = 'h1', children, ...props }) {
     const styles = useStyles();
     const variantStyleMap = {

package/build/components/display/icon.js

@@ -14,7 +14,7 @@ import * as services from '@planningcenter/icons/paths/services';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { SvgXml } from 'react-native-svg';
-import { useFontScale, useTheme } from '@/hooks';
+import { useFontScale, useTheme } from '../../hooks';
 // =================================
 // ====== Constants ================
 // =================================

package/build/components/display/icon_button.js

@@ -3,8 +3,8 @@ import { Pressable, StyleSheet } from 'react-native';
 import { Icon } from './icon';
 import { Spinner } from './spinner';
 import { getColorKey, useIconButtonColorOptionMap } from './utils/button_colors';
-import { useTheme, useFontScale, useCreateAndroidRippleColor } from '@/hooks';
-import { platformPressedOpacityStyle } from '@/utils';
+import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../hooks';
+import { platformPressedOpacityStyle } from '../../utils';
 // =================================
 // ====== Constants ================
 // =================================

package/build/components/display/image.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { Image as ReactNativeImage, StyleSheet, View, } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { Spinner } from './spinner';
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../hooks';
 export function Image({ source, onLoad = noop, defaultLoading = true, loading = false, hideLoader = false, loaderSize = 24, loadingBackgroundStyles, style = {}, wrapperStyle = {}, alt, animatedImageStyle = {}, ...props }) {
     const [isImageLoading, setIsImageLoading] = useState(defaultLoading);
     const imageStyles = StyleSheet.flatten(style);

package/build/components/display/image_attachment_preview.js

@@ -2,8 +2,8 @@ import { View, StyleSheet } from 'react-native';
 import { Icon } from './icon';
 import { IconButton } from './icon_button';
 import { Image } from './image';
-import { useTheme } from '@/hooks';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme } from '../../hooks';
+import { tokens } from '../../vendor/tapestry/tokens';
 const SIZES = {
     sm: 'sm',
     md: 'md',

package/build/components/display/keyboard_view.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Dimensions, Keyboard, KeyboardAvoidingView, Platform, StyleSheet, View, } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useChatContext } from '@/contexts/chat_context';
+import { useChatContext } from '../../contexts/chat_context';
 export function KeyboardView({ children }) {
     const styles = useStyles();
     const isKeyboardOpen = useKeyboardOpen();

package/build/components/display/person.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type ViewStyle } from 'react-native';
-import { MemberResource } from '@/types';
+import { MemberResource } from '../../types';
 interface PersonProps {
     person: MemberResource;
     style?: ViewStyle;

package/build/components/display/person.js

@@ -3,7 +3,7 @@ import { StyleSheet, View } from 'react-native';
 import { Avatar } from './avatar';
 import { Badge } from './badge';
 import { Text } from './text';
-import { platformFontWeightMedium } from '@/utils/styles';
+import { platformFontWeightMedium } from '../../utils/styles';
 export function Person({ person, style }) {
     const styles = useStyles();
     return (<View style={[styles.wrapper, style]}>

package/build/components/display/platform_modal_header_buttons.js

@@ -2,7 +2,7 @@ import { HeaderButton } from '@react-navigation/elements';
 import { Platform, StyleSheet } from 'react-native';
 import { Icon } from './icon';
 import { TextButton } from './text_button';
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../hooks';
 export const HeaderTextButton = ({ onPress, title = 'Submit', ...props }) => {
     const styles = useStyles();
     return (<TextButton maxFontSizeMultiplier={1} onPress={onPress} textStyle={[styles.interactionColor, props.disabled && styles.disabledColor]} {...props}>

package/build/components/display/pressable_row.js

@@ -2,7 +2,7 @@ import { PlatformPressable } from '@react-navigation/elements';
 import { StyleSheet, View } from 'react-native';
 import { Icon } from './icon';
 import { Text } from './text';
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../hooks';
 export const PressableRow = ({ children, isActive, onPress, style, text, textStyle, iconPath, iconColor, }) => {
     const styles = useRowStyles({ isActive, iconColor });
     return (<PlatformPressable style={styles.container} onPress={onPress} accessibilityRole="radio" accessibilityState={{ selected: isActive }}>

package/build/components/display/spinner.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing, } from 'react-native-reanimated';
-import { useFontScale, useTheme } from '@/hooks';
+import { useFontScale, useTheme } from '../../hooks';
 // =================================
 // ====== Constants ================
 // =================================

package/build/components/display/switch.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Platform, Switch as ReactNativeSwitch } from 'react-native';
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../hooks';
 // =================================
 // ====== Component ================
 // =================================

package/build/components/display/tabs.js

@@ -1,7 +1,7 @@
 import { PlatformPressable } from '@react-navigation/elements';
 import React, { useEffect, useRef, useState } from 'react';
 import { Animated, Easing, StyleSheet, View } from 'react-native';
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../hooks';
 const defaultKeyExtractor = (item, index) => {
     if (typeof item === 'string')
         return item;

package/build/components/display/text.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text as ReactNativeText, Platform } from 'react-native';
-import { useTheme } from '@/hooks';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme } from '../../hooks';
+import { tokens } from '../../vendor/tapestry/tokens';
 const VARIANTS = {
     plain: 'plain',
     secondary: 'secondary',

package/build/components/display/text_button.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import { Text } from './text';
 import { getColorKey, useButtonColorOptionMap } from './utils/button_colors';
-import { useTheme } from '@/hooks';
-import { platformFontWeightMedium } from '@/utils';
+import { useTheme } from '../../hooks';
+import { platformFontWeightMedium } from '../../utils';
 export function TextButton({ adjustsFontSizeToFit = false, allowFontScaling = true, appearance = 'interaction', disabled = false, children, maxFontSizeMultiplier, minimumFontScale, variant = 'plain', style, textStyle, ...props }) {
     const styles = useStyles({ appearance, disabled });
     const overrideStyles = StyleSheet.flatten(style); // Ensures the pressed styles still get applied

package/build/components/display/text_inline_button.js

@@ -3,8 +3,8 @@ import React, { useState } from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import { Text } from './text';
 import { getColorKey, useButtonColorOptionMap } from './utils/button_colors';
-import { useTheme } from '@/hooks';
-import { platformFontWeightMedium } from '@/utils';
+import { useTheme } from '../../hooks';
+import { platformFontWeightMedium } from '../../utils';
 export function TextInlineButton({ appearance = 'interaction', children, disabled = false, onPress, style, ...props }) {
     const styles = useStyles({ appearance, disabled });
     const [isPressed, setIsPressed] = useState(false);

package/build/components/display/toggle_button.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import { Icon } from './icon';
 import { Text } from './text';
-import { useTheme, useFontScale, useCreateAndroidRippleColor, useInteractionGhostBackgroundColor, } from '@/hooks';
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, platformFontWeightBold, platformPressedOpacityStyle, } from '@/utils';
-import { Haptic } from '@/utils/native_adapters/configuration';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme, useFontScale, useCreateAndroidRippleColor, useInteractionGhostBackgroundColor, } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK, platformFontWeightBold, platformPressedOpacityStyle, } from '../../utils';
+import { Haptic } from '../../utils/native_adapters/configuration';
+import { tokens } from '../../vendor/tapestry/tokens';
 export function ToggleButton({ active, accessibilityLabel, adjustsFontSizeToFit = false, allowFontScaling = true, iconNameLeft, iconNameRight, maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER_LANDMARK, minimumFontScale, title, style, hapticFeedback = true, onPress, ...props }) {
     const hasTitle = Boolean(title);
     const styles = useStyles({ active, maxFontSizeMultiplier });

package/build/components/display/utils/button_colors.js

@@ -1,4 +1,4 @@
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../../hooks';
 // =================================
 // ====== Exports ==================
 // =================================

package/build/components/display/utils/status_colors.js

@@ -1,4 +1,4 @@
-import { useTheme } from '@/hooks';
+import { useTheme } from '../../../hooks';
 // =================================
 // ====== Exports ==================
 // =================================

package/build/components/display/video_attachment_preview.js

@@ -3,9 +3,9 @@ import { Icon } from './icon';
 import { IconButton } from './icon_button';
 import { Spinner } from './spinner';
 import { Text } from './text';
-import { useTheme } from '@/hooks';
-import { platformFontWeightMedium } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { useTheme } from '../../hooks';
+import { platformFontWeightMedium } from '../../utils';
+import { tokens } from '../../vendor/tapestry/tokens';
 export const VideoAttachmentPreview = ({ name, duration, onRemovePress, loading = false, error = false, hideRemoveButton = false, }) => {
     const styles = useStyles({ error });
     if (loading) {

package/build/components/group_conversation_list.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
-import { ConversationRequestArgs } from '@/utils/request/conversation';
+import { ConversationRequestArgs } from '../utils/request/conversation';
 interface GroupConversationsProps extends Partial<ConversationRequestArgs> {
     limit?: number;
     onConversationPress: (conversation: any) => void;

package/build/components/group_conversation_list.js

@@ -2,8 +2,8 @@ import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { ConversationPreview } from './conversations/conversation_preview';
 import { Icon, Text } from './display';
-import { ConversationsContextProvider, useConversationsContext, } from '@/contexts/conversations_context';
-import { useTheme } from '@/hooks';
+import { ConversationsContextProvider, useConversationsContext, } from '../contexts/conversations_context';
+import { useTheme } from '../hooks';
 /**
  * GroupConversations is a component that displays a list of conversations
  * for a specific group.

package/build/components/page/error_boundary.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { ResponseError } from '@/utils/response_error';
+import { ResponseError } from '../../utils/response_error';
 type ErrorBoundaryState = {
     error: ResponseError | Error | TypeError | null;
     unsubscriber: () => void;

package/build/components/page/error_boundary.js

@@ -1,8 +1,8 @@
 import { useNavigation } from '@react-navigation/native';
 import { useQueryErrorResetBoundary } from '@tanstack/react-query';
 import React, { useEffect, useMemo } from 'react';
-import BlankState from '@/components/primitive/blank_state_primitive';
-import { ResponseError } from '@/utils/response_error';
+import BlankState from '../../components/primitive/blank_state_primitive';
+import { ResponseError } from '../../utils/response_error';
 class ErrorBoundary extends React.Component {
     state = {
         error: null,

package/build/components/page/loading.js

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

package/build/components/primitive/avatar_primitive.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ViewProps } from 'react-native';
-import { IconString } from '@/components/display/icon';
-import { ImageProps } from '@/components/display/image';
+import { IconString } from '../../components/display/icon';
+import { ImageProps } from '../../components/display/image';
 type AvatarComponents = {
     Root: React.FC<AvatarRootProps>;
     Image: React.FC<AvatarImageProps>;

package/build/components/primitive/avatar_primitive.js

@@ -1,10 +1,10 @@
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Icon } from '@/components/display/icon';
-import { Image } from '@/components/display/image';
-import { Spinner } from '@/components/display/spinner';
-import { useFontScale, useTheme } from '@/hooks';
-import { MAX_FONT_SIZE_MULTIPLIER } from '@/utils';
+import { Icon } from '../../components/display/icon';
+import { Image } from '../../components/display/image';
+import { Spinner } from '../../components/display/spinner';
+import { useFontScale, useTheme } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils';
 // =================================
 // ====== Exports ==================
 // =================================

package/build/components/primitive/banner_primitive.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
-import { IconString } from '@/components/display/icon';
-import { type StatusAppearanceUnion } from '@/components/display/utils/status_colors';
+import { IconString } from '../../components/display/icon';
+import { type StatusAppearanceUnion } from '../../components/display/utils/status_colors';
 type BannerComponents = {
     Root: FC<BannerRootProps>;
     StaticLayout: FC<BannerStaticLayoutProps>;

package/build/components/primitive/banner_primitive.js

@@ -1,13 +1,13 @@
 import React, { createContext, useContext } from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
-import { Heading } from '@/components/display/heading';
-import { Icon } from '@/components/display/icon';
-import { Text } from '@/components/display/text';
-import { TextInlineButton } from '@/components/display/text_inline_button';
-import { useStatusColorAppearanceMap, } from '@/components/display/utils/status_colors';
-import { useCreateAndroidRippleColor, useFontScale } from '@/hooks';
-import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightMedium, platformPressedOpacityStyle, } from '@/utils';
-import { tokens } from '@/vendor/tapestry/tokens';
+import { Heading } from '../../components/display/heading';
+import { Icon } from '../../components/display/icon';
+import { Text } from '../../components/display/text';
+import { TextInlineButton } from '../../components/display/text_inline_button';
+import { useStatusColorAppearanceMap, } from '../../components/display/utils/status_colors';
+import { useCreateAndroidRippleColor, useFontScale } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightMedium, platformPressedOpacityStyle, } from '../../utils';
+import { tokens } from '../../vendor/tapestry/tokens';
 // ========================================
 // ====== Exports =========================
 // ========================================

package/build/components/primitive/blank_state_primitive.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
-import { type ButtonProps, type HeadingProps, type IconString, type IconStyle, type TextButtonProps, type TextProps } from '@/components/display';
+import { type ButtonProps, type HeadingProps, type IconString, type IconStyle, type TextButtonProps, type TextProps } from '../../components/display';
 type BlankStateComponents = {
     Root: FC<BlankStateRootProps>;
     Imagery: FC<BlankStateImageryProps>;

package/build/components/primitive/blank_state_primitive.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Button, Heading, Icon, TextButton, Text, } from '@/components/display';
-import { useTheme } from '@/hooks';
+import { Button, Heading, Icon, TextButton, Text, } from '../../components/display';
+import { useTheme } from '../../hooks';
 // ========================================
 // ====== Exports =========================
 // ========================================

package/build/components/primitive/form_sheet.d.ts

@@ -1,8 +1,8 @@
 import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
 import React, { ReactNode } from 'react';
 import { type AccessibilityRole, type StyleProp, type ViewStyle } from 'react-native';
-import type { ButtonProps, TextButtonProps } from '@/components/display';
-import { IconString } from '@/components/display';
+import type { ButtonProps, TextButtonProps } from '../../components/display';
+import { IconString } from '../../components/display';
 /**
  * Screen options for the formsheet's NativeStackNavigation route
  * @param {string} options.headerTitle - Doesn't show in UI but good to have for semantic reasons.

package/build/components/primitive/form_sheet.js

@@ -2,9 +2,9 @@ import { PlatformPressable, useHeaderHeight } from '@react-navigation/elements';
 import React from 'react';
 import { Platform, StyleSheet, View, useWindowDimensions, } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Button, Heading, Icon, Text, TextButton } from '@/components/display';
-import { useTheme } from '@/hooks';
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '@/utils';
+import { Button, Heading, Icon, Text, TextButton } from '../../components/display';
+import { useTheme } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
 // =================================
 // ====== Exports ==================
 // =================================

package/build/components/safe_area_modal.js

@@ -1,6 +1,6 @@
 import { Platform, Modal, View, StyleSheet } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useChatContext } from '@/contexts/chat_context';
+import { useChatContext } from '../contexts/chat_context';
 export function SafeAreaModal(props) {
     const { edgeToEdge = true } = useChatContext();
     const styles = useModalStyles(props);

package/build/contexts/api_provider.js

@@ -1,10 +1,10 @@
 import { focusManager, QueryClient, QueryClientProvider, usePrefetchQuery, } from '@tanstack/react-query';
 import React, { useContext, useEffect, useRef } from 'react';
 import { ChatContext } from './chat_context';
-import { useApiClient } from '@/hooks/use_api_client';
-import { useAppState } from '@/hooks/use_app_state';
-import { appGrantsRequestArgs } from '@/hooks/use_chat_permissions';
-import { getRequestQueryKey } from '@/hooks/use_suspense_api';
+import { useApiClient } from '../hooks/use_api_client';
+import { useAppState } from '../hooks/use_app_state';
+import { appGrantsRequestArgs } from '../hooks/use_chat_permissions';
+import { getRequestQueryKey } from '../hooks/use_suspense_api';
 let apiClient;
 const defaultQueryFn = ({ queryKey }) => {
     if (!apiClient) {

package/build/contexts/chat_context.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ColorSchemeName } from 'react-native';
-import { AgeCheckContactInfo } from '@/screens/age_check/screen_props';
-import { DeepPartial } from '@/types';
-import { FailedResponse } from '@/types';
-import { ProductAnalyticsConfig } from '@/types/product_analytics';
-import { ENV, OauthType, PartialToken, Session } from '@/utils';
-import { ChatTheme, DefaultTheme } from '@/utils/theme';
+import { AgeCheckContactInfo } from '../screens/age_check/screen_props';
+import { DeepPartial } from '../types';
+import { FailedResponse } from '../types';
+import { ProductAnalyticsConfig } from '../types/product_analytics';
+import { ENV, OauthType, PartialToken, Session } from '../utils';
+import { ChatTheme, DefaultTheme } from '../utils/theme';
 export interface ChatProviderProps {
     env?: ENV;
     giphyApiKey?: string;

package/build/contexts/chat_context.js

@@ -2,8 +2,8 @@ import { useQuery } from '@tanstack/react-query';
 import { merge } from 'lodash';
 import React, { createContext, useMemo } from 'react';
 import { useColorScheme } from 'react-native';
-import { Client, Session, Uri } from '@/utils';
-import { defaultTheme } from '@/utils/theme';
+import { Client, Session, Uri } from '../utils';
+import { defaultTheme } from '../utils/theme';
 export const ChatContext = createContext({
     env: undefined,
     giphyApiKey: undefined,

package/build/contexts/conversations_context.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
-import { UseConversationsValue } from '@/hooks/use_conversations';
-import { ConversationFiltersParams } from '@/screens/conversation_filters/screen_props';
+import { UseConversationsValue } from '../hooks/use_conversations';
+import { ConversationFiltersParams } from '../screens/conversation_filters/screen_props';
 interface ConversationsContextValue extends UseConversationsValue {
     activeConversationId?: number;
     setActiveConversationId: (_id: number) => void;

package/build/contexts/conversations_context.js

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useMemo, useState } from 'react';
-import { useConversations } from '@/hooks/use_conversations';
+import { useConversations } from '../hooks/use_conversations';
 const defaultQueryValue = {
     conversations: [],
     refetch: () => Promise.resolve(null),

package/build/contexts/session_context.d.ts

@@ -1,8 +1,8 @@
 import { QueryClient } from '@tanstack/react-query';
 import React, { PropsWithChildren } from 'react';
-import { FailedResponse, OAuthToken } from '@/types';
-import { ENV, Session } from '@/utils';
-import { StorageAdapter } from '@/utils/native_adapters/storage_adapter';
+import { FailedResponse, OAuthToken } from '../types';
+import { ENV, Session } from '../utils';
+import { StorageAdapter } from '../utils/native_adapters/storage_adapter';
 type Sessions = Record<string, string>;
 export type SessionContextValue = {
     env: ENV;