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

package/src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx

@@ -2,15 +2,12 @@ import { useNavigation } from '@react-navigation/native'
 import React from 'react'
 import { FlatList, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Button, Heading } from '../../components'
+import { Haptic } from '../../utils/native_adapters'
+import { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'
+import { ServiceTypeWithTeams, TeamFilterTypes } from '../conversation_filter_recipients/types'
 import { TeamRecipientRow } from './components/team_recipient_row'
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props'
-import { Button, Heading } from '@/components'
-import { useServiceTypesWithTeams } from '@/screens/conversation_filter_recipients/hooks/use_service_types_with_teams'
-import {
-  ServiceTypeWithTeams,
-  TeamFilterTypes,
-} from '@/screens/conversation_filter_recipients/types'
-import { Haptic } from '@/utils/native_adapters'
 
 export const ConversationSelectTeamsILeadRecipientsScreen = ({
   route,

package/src/screens/conversation_select_recipients/types/screen_props.tsx

@@ -1,6 +1,6 @@
 import { StaticScreenProps } from '@react-navigation/native'
-import { AppName } from '@/types/resources/app_name'
-import { GraphId } from '@/types/resources/group_resource'
+import { AppName } from '../../../types/resources/app_name'
+import { GraphId } from '../../../types/resources/group_resource'
 
 export type ConversationSelectRecipientsParams = {
   chat_group_graph_id?: GraphId

package/src/screens/conversation_select_type_screen.tsx

@@ -1,9 +1,9 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { AppName } from '@/types/resources/app_name'
-import { GraphId } from '@/types/resources/group_resource'
-import { Haptic } from '@/utils/native_adapters'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { AppName } from '../types/resources/app_name'
+import { GraphId } from '../types/resources/group_resource'
+import { Haptic } from '../utils/native_adapters'
 
 export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
   headerTitle: 'New conversation',

package/src/screens/conversations/components/chat_group_badge.tsx

@@ -1,10 +1,10 @@
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import React, { useCallback } from 'react'
 import { StyleSheet, View } from 'react-native'
-import { Badge } from '@/components'
-import { useApiGet } from '@/hooks/use_api'
-import { ConversationsScreenProps } from '@/screens/conversations/conversations_screen'
-import { GroupResource } from '@/types/resources/group_resource'
+import { Badge } from '../../../components'
+import { useApiGet } from '../../../hooks/use_api'
+import { GroupResource } from '../../../types/resources/group_resource'
+import { ConversationsScreenProps } from '../conversations_screen'
 
 export const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {
   const styles = useStyles({ rowPaddingHorizontal })

package/src/screens/conversations/components/list_header_action_button.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import { Pressable, StyleSheet } from 'react-native'
 import type { PressableProps } from 'react-native'
-import { Icon, type IconString } from '@/components/display/icon'
-import { useTheme, useFontScale, useCreateAndroidRippleColor } from '@/hooks'
-import { platformPressedOpacityStyle } from '@/utils'
-import { tokens } from '@/vendor/tapestry/tokens'
+import { Icon, type IconString } from '../../../components/display/icon'
+import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks'
+import { platformPressedOpacityStyle } from '../../../utils'
+import { tokens } from '../../../vendor/tapestry/tokens'
 
 interface ListHeaderActionButtonProps extends PressableProps {
   /**

package/src/screens/conversations/components/list_header_component.tsx

@@ -1,18 +1,18 @@
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import React, { useCallback, useMemo } from 'react'
 import { Alert, ScrollView, StyleSheet, View } from 'react-native'
+import { Heading, TextButton, ToggleButton } from '../../../components'
+import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks'
+import { useCanCreateConversations } from '../../../hooks'
+import { useAppName } from '../../../hooks/use_app_name'
+import { useMarkAllRead } from '../../../hooks/use_conversations_actions'
+import { useCanDisplayGroups } from '../../../hooks/use_groups'
+import { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'
+import { Haptic } from '../../../utils/native_adapters'
+import { ConversationsScreenProps } from '../conversations_screen'
 import { ChatGroupBadge } from './chat_group_badge'
 import { ListHeaderActionButton } from './list_header_action_button'
-import { Heading, TextButton, ToggleButton } from '@/components'
-import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '@/hooks'
-import { useCanCreateConversations } from '@/hooks'
-import { useAppName } from '@/hooks/use_app_name'
-import { useMarkAllRead } from '@/hooks/use_conversations_actions'
-import { useCanDisplayGroups } from '@/hooks/use_groups'
-import { useNewConversationEntry } from '@/hooks/use_new_conversation_entry'
-import { ConversationsScreenProps } from '@/screens/conversations/conversations_screen'
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '@/utils'
-import { Haptic } from '@/utils/native_adapters'
 
 const ROW_PADDING_HORIZONTAL = 16
 

package/src/screens/conversations/conversations_screen.tsx

@@ -1,12 +1,12 @@
 import { StaticScreenProps } from '@react-navigation/native'
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
+import { Conversations } from '../../components'
+import { ConversationsContextProvider } from '../../contexts/conversations_context'
+import { usePublishProductAnalyticsEvent } from '../../hooks'
+import { AppName } from '../../types/resources/app_name'
+import { GraphId } from '../../types/resources/group_resource'
 import { ListHeaderComponent } from './components/list_header_component'
-import { Conversations } from '@/components'
-import { ConversationsContextProvider } from '@/contexts/conversations_context'
-import { usePublishProductAnalyticsEvent } from '@/hooks'
-import { AppName } from '@/types/resources/app_name'
-import { GraphId } from '@/types/resources/group_resource'
 
 export type ConversationsScreenProps = StaticScreenProps<{
   title?: string

package/src/screens/design_system_screen.tsx

@@ -22,17 +22,17 @@ import {
   TextButton,
   TextInlineButton,
   ImageAttachmentPreview,
-} from '@/components/display'
-import { VideoAttachmentPreview } from '@/components/display/video_attachment_preview'
-import BannerPrimitive from '@/components/primitive/banner_primitive'
-import BlankState from '@/components/primitive/blank_state_primitive'
-import { useInteractionGhostBackgroundColor, useTheme } from '@/hooks'
+} from '../components/display'
+import { VideoAttachmentPreview } from '../components/display/video_attachment_preview'
+import BannerPrimitive from '../components/primitive/banner_primitive'
+import BlankState from '../components/primitive/blank_state_primitive'
+import { useInteractionGhostBackgroundColor, useTheme } from '../hooks'
 import {
   MAX_FONT_SIZE_MULTIPLIER,
   platformPressedOpacityStyle,
   platformFontWeightMedium,
   Haptic,
-} from '@/utils'
+} from '../utils'
 
 // =================================
 // ====== Docs Utils ===============

package/src/screens/get_help_screen.tsx

@@ -1,11 +1,11 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import { useCallback, useMemo } from 'react'
 import { Alert, Linking, StyleSheet, View } from 'react-native'
-import { Heading, PressableRow, Text, TextInlineButton } from '@/components'
-import { useApiGet, useTheme } from '@/hooks'
-import { useAppName } from '@/hooks/use_app_name'
-import { ResourceObject } from '@/types'
-import { Clipboard } from '@/utils'
+import { Heading, PressableRow, Text, TextInlineButton } from '../components'
+import { useApiGet, useTheme } from '../hooks'
+import { useAppName } from '../hooks/use_app_name'
+import { ResourceObject } from '../types'
+import { Clipboard } from '../utils'
 
 type GetHelpScreenRouteProps = {
   type?: 'chat' | 'general'

package/src/screens/group_notification_level_select_screen.tsx

@@ -1,10 +1,10 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
 import { StyleSheet } from 'react-native'
+import { PressableRow } from '../components'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { useTheme } from '../hooks'
 import { useGroup, useGroupMembershipUpdate } from './notification_settings/hooks/groups'
-import { PressableRow } from '@/components'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { useTheme } from '@/hooks'
 
 export const GroupNotificationLevelSelectScreenOptions = getFormSheetScreenOptions({
   headerTitle: 'Notification level',

package/src/screens/group_notification_settings_screen.tsx

@@ -3,11 +3,11 @@ import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import type { NativeStackNavigationProp } from '@react-navigation/native-stack'
 import React, { useEffect } from 'react'
 import { Platform, StyleSheet, View } from 'react-native'
+import { Heading, Icon, Text } from '../components'
+import { useTheme } from '../hooks'
+import { platformFontWeightBold } from '../utils/styles'
 import type { GroupNotificationLevelSelectScreenProps } from './group_notification_level_select_screen'
 import { useGroup } from './notification_settings/hooks/groups'
-import { Heading, Icon, Text } from '@/components'
-import { useTheme } from '@/hooks'
-import { platformFontWeightBold } from '@/utils/styles'
 
 type GroupNotificationSettingsStackParamList = {
   GroupNotificationLevelSelect: GroupNotificationLevelSelectScreenProps['route']['params']

package/src/screens/message_actions_screen.tsx

@@ -4,18 +4,18 @@ import { useMutation } from '@tanstack/react-query'
 import { isNil, omitBy } from 'lodash'
 import React, { useCallback } from 'react'
 import { Alert, Platform, StyleSheet, View } from 'react-native'
-import { Text } from '@/components'
-import { useReactionStyles } from '@/components/conversation/message_reaction'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { useCreateAndroidRippleColor, useFontScale, useTheme } from '@/hooks'
-import { useApiClient } from '@/hooks/use_api_client'
-import { useConversationMessages } from '@/hooks/use_conversation_messages'
-import { availableFeatures, useFeatures } from '@/hooks/use_features'
-import { useMessageReactionToggle } from '@/hooks/use_message_reaction_toggle'
-import { MessageResource } from '@/types'
-import { ReactionCountResource } from '@/types/resources/reaction'
-import { REACTION_EMOJIS } from '@/utils'
-import { Clipboard, Haptic } from '@/utils/native_adapters'
+import { Text } from '../components'
+import { useReactionStyles } from '../components/conversation/message_reaction'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { useCreateAndroidRippleColor, useFontScale, useTheme } from '../hooks'
+import { useApiClient } from '../hooks/use_api_client'
+import { useConversationMessages } from '../hooks/use_conversation_messages'
+import { availableFeatures, useFeatures } from '../hooks/use_features'
+import { useMessageReactionToggle } from '../hooks/use_message_reaction_toggle'
+import { MessageResource } from '../types'
+import { ReactionCountResource } from '../types/resources/reaction'
+import { REACTION_EMOJIS } from '../utils'
+import { Clipboard, Haptic } from '../utils/native_adapters'
 
 export const MessageActionsScreenOptions = getFormSheetScreenOptions({
   sheetAllowedDetents: [0.5],

package/src/screens/message_report/components/message_preview.tsx

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

package/src/screens/message_report/components/report_reason_list.tsx

@@ -1,10 +1,13 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
 import { View, StyleSheet } from 'react-native'
-import { Text } from '@/components'
-import { useTheme, useCreateAndroidRippleColor } from '@/hooks'
-import { MESSAGE_REPORT_REASONS, MessageReportReason } from '@/types/resources/message_report'
-import { Haptic } from '@/utils/native_adapters'
+import { Text } from '../../../components'
+import { useTheme, useCreateAndroidRippleColor } from '../../../hooks'
+import {
+  MESSAGE_REPORT_REASONS,
+  MessageReportReason,
+} from '../../../types/resources/message_report'
+import { Haptic } from '../../../utils/native_adapters'
 
 const MESSAGE_REPORT_REASONS_LIST = Object.entries(MESSAGE_REPORT_REASONS).map(([key, label]) => ({
   key: key as MessageReportReason,

package/src/screens/message_report_screen.tsx

@@ -6,20 +6,20 @@ import type {
 import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react'
 import { View, StyleSheet, TextInput, ScrollView } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
-import { MessagePreview } from './message_report/components/message_preview'
-import { ReportReasonList } from './message_report/components/report_reason_list'
-import { Spinner, Text, KeyboardView } from '@/components'
+import { Spinner, Text, KeyboardView } from '../components'
 import {
   HeaderDismissButton,
   HeaderTextButton,
-} from '@/components/display/platform_modal_header_buttons'
-import BlankState from '@/components/primitive/blank_state_primitive'
-import { useTheme } from '@/hooks'
-import { useConversationMessages } from '@/hooks/use_conversation_messages'
-import { useReportMessage } from '@/hooks/use_report_message'
-import { MessageResource } from '@/types'
-import { MessageReportReason } from '@/types/resources/message_report'
-import { platformFontWeightBold } from '@/utils'
+} from '../components/display/platform_modal_header_buttons'
+import BlankState from '../components/primitive/blank_state_primitive'
+import { useTheme } from '../hooks'
+import { useConversationMessages } from '../hooks/use_conversation_messages'
+import { useReportMessage } from '../hooks/use_report_message'
+import { MessageResource } from '../types'
+import { MessageReportReason } from '../types/resources/message_report'
+import { platformFontWeightBold } from '../utils'
+import { MessagePreview } from './message_report/components/message_preview'
+import { ReportReasonList } from './message_report/components/report_reason_list'
 
 const MAX_DETAIL_LENGTH = 500
 

package/src/screens/notification_settings/hooks/groups.ts

@@ -1,11 +1,11 @@
 import { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'
 import { merge } from 'lodash'
-import { getRequestQueryKey, useApiClient } from '@/hooks'
-import { useSuspenseGet, useSuspensePaginator } from '@/hooks'
-import { ApiCollection, ApiResource } from '@/types'
-import { GroupMembership, GroupResourceWithMembership } from '@/types/resources'
-import { updateRecordInPagesData } from '@/utils'
-import { throwResponseError } from '@/utils/response_error'
+import { getRequestQueryKey, useApiClient } from '../../../hooks'
+import { useSuspenseGet, useSuspensePaginator } from '../../../hooks'
+import { ApiCollection, ApiResource } from '../../../types'
+import { GroupMembership, GroupResourceWithMembership } from '../../../types/resources'
+import { updateRecordInPagesData } from '../../../utils'
+import { throwResponseError } from '../../../utils/response_error'
 
 export const getGroupsRequestArgs = () => ({
   url: '/me/groups',

package/src/screens/notification_settings_screen.tsx

@@ -3,12 +3,12 @@ import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React, { useCallback, useEffect, type ReactNode } from 'react'
 import { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Badge, Heading, Icon, Text } from '../components'
+import { HeaderTextButton } from '../components/display/platform_modal_header_buttons'
+import { useTheme } from '../hooks'
+import { isDefined } from '../types'
 import { useGroups } from './notification_settings/hooks/groups'
 import { useChatTypes } from './preferred_app/hooks/use_chat_types'
-import { Badge, Heading, Icon, Text } from '@/components'
-import { HeaderTextButton } from '@/components/display/platform_modal_header_buttons'
-import { useTheme } from '@/hooks'
-import { isDefined } from '@/types'
 
 // =========================================
 // ====== Factory Constants & Types ========

package/src/screens/preferred_app/hooks/use_chat_types.ts

@@ -1,5 +1,5 @@
-import { useSuspenseGet } from '@/hooks'
-import { ResourceObject } from '@/types'
+import { useSuspenseGet } from '../../../hooks'
+import { ResourceObject } from '../../../types'
 
 export type SourceAppName = 'Services' | 'Church Center'
 export type PreferredApp = 'Services' | 'Church Center' | 'Chat' | 'None'

package/src/screens/preferred_app_selection_screen.tsx

@@ -3,11 +3,11 @@ import { StaticScreenProps } from '@react-navigation/native'
 import { useMutation } from '@tanstack/react-query'
 import React, { type PropsWithChildren } from 'react'
 import { Image, StyleSheet, View, type ViewStyle } from 'react-native'
+import { Heading, Icon, Text } from '../components'
+import { useApiClient, useTheme } from '../hooks'
+import { useAppName } from '../hooks/use_app_name'
+import { throwResponseError } from '../utils/response_error'
 import { PreferredApp, useChatTypes } from './preferred_app/hooks/use_chat_types'
-import { Heading, Icon, Text } from '@/components'
-import { useApiClient, useTheme } from '@/hooks'
-import { useAppName } from '@/hooks/use_app_name'
-import { throwResponseError } from '@/utils/response_error'
 
 export type PreferredAppSelectionScreenProps = StaticScreenProps<{
   chatTypeId: number | string
@@ -78,11 +78,11 @@ const sortPreferredApp = (dir?: 'asc' | 'desc') => (a: PreferredApp, b: Preferre
 const getAppImage = (option: PreferredApp) => {
   switch (option) {
     case 'Church Center':
-      return require('@assets/churchCenter.png')
+      return require('../../assets/churchCenter.png')
     case 'Services':
-      return require('@assets/servicesApp.png')
+      return require('../../assets/servicesApp.png')
     case 'Chat':
-      return require('@assets/chatLogo.png')
+      return require('../../assets/chatLogo.png')
     default:
       return undefined
   }

package/src/screens/reactions_screen.tsx

@@ -3,15 +3,15 @@ import React, { memo } from 'react'
 import { Platform, StyleSheet, View } from 'react-native'
 import { FlatList } from 'react-native-gesture-handler'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
-import { Avatar, Text } from '@/components'
-import { Tabs } from '@/components/display/tabs'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { useSuspenseGet, useTheme } from '@/hooks'
-import { useConversationMessages } from '@/hooks/use_conversation_messages'
-import { useFontScale } from '@/hooks/use_font_scale'
-import { MemberResource } from '@/types'
-import { ReactionCountResource } from '@/types/resources/reaction'
-import { platformFontWeightMedium, REACTION_EMOJIS } from '@/utils'
+import { Avatar, Text } from '../components'
+import { Tabs } from '../components/display/tabs'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { useSuspenseGet, useTheme } from '../hooks'
+import { useConversationMessages } from '../hooks/use_conversation_messages'
+import { useFontScale } from '../hooks/use_font_scale'
+import { MemberResource } from '../types'
+import { ReactionCountResource } from '../types/resources/reaction'
+import { platformFontWeightMedium, REACTION_EMOJIS } from '../utils'
 
 export const ReactionsScreenOptions = getFormSheetScreenOptions({
   sheetAllowedDetents: Platform.select({

package/src/screens/send_giphy_screen.tsx

@@ -1,14 +1,14 @@
 import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
 import { Image as NativeImage, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'
-import { Button, IconButton, IconString, TextButton } from '@/components'
-import { DefaultLoading } from '@/components/page/loading'
-import BlankState from '@/components/primitive/blank_state_primitive'
-import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'
-import { useCreateAndroidRippleColor, useTheme } from '@/hooks'
-import { useGiphy } from '@/hooks/use_giphy'
-import { useMessageCreateOrUpdate } from '@/hooks/use_message_create_or_update'
-import { tokens } from '@/vendor/tapestry/tokens'
+import { Button, IconButton, IconString, TextButton } from '../components'
+import { DefaultLoading } from '../components/page/loading'
+import BlankState from '../components/primitive/blank_state_primitive'
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { useCreateAndroidRippleColor, useTheme } from '../hooks'
+import { useGiphy } from '../hooks/use_giphy'
+import { useMessageCreateOrUpdate } from '../hooks/use_message_create_or_update'
+import { tokens } from '../vendor/tapestry/tokens'
 
 export const SendGiphyScreenOptions = getFormSheetScreenOptions({
   headerTitle: 'Send Giphy',

package/src/screens/team_conversation_screen.tsx

@@ -1,12 +1,12 @@
 import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { useEffect } from 'react'
-import { DefaultLoading } from '@/components/page/loading'
-import { useApiClient } from '@/hooks'
+import { DefaultLoading } from '../components/page/loading'
+import { useApiClient } from '../hooks'
 import {
   buildTeamAndPlanParams,
   findOrCreateServicesConversation,
-} from '@/hooks/services/use_find_or_create_services_conversation'
+} from '../hooks/services/use_find_or_create_services_conversation'
 
 export type TeamConversationRouteProps = {
   plan_id?: number

package/src/types/jolt_events/message_events.ts

@@ -1,5 +1,5 @@
 import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
-import { DenormalizedAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { DenormalizedAttachmentResource } from '../resources/denormalized_attachment_resource'
 
 interface BaseMessageEventData extends Record<string, unknown> {
   data: {

package/src/types/jolt_events/reaction_events.ts

@@ -1,5 +1,5 @@
 import type { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
-import { ReactionCountResource } from '@/types/resources/reaction'
+import { ReactionCountResource } from '../resources/reaction'
 
 interface BaseReactionEventData extends Record<string, unknown> {
   data: {

package/src/types/resources/app_grant.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../api_primitives'
 
 export interface AppGrantsResource extends ResourceObject {
   type: 'AppGrant'

package/src/types/resources/conversation_membership.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../api_primitives'
 
 export type NotificationLevelValue = 'everything' | 'nothing'
 export type NotificationLevelDescription = string

package/src/types/resources/group_membership.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../api_primitives'
 
 interface GroupNotificationLevelOption {
   value: string

package/src/types/resources/groups/groups_group_resource.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../../api_primitives'
 
 export interface GroupsGroupResource extends ResourceObject {
   id: number

package/src/types/resources/organization.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../api_primitives'
 
 export interface OrganizationResource extends ResourceObject {
   type: 'Organization'

package/src/types/resources/person.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../api_primitives'
 
 export const AgeQualificationStatus = {
   QUALIFIED: 'qualified',

package/src/types/resources/services/chat_resource.ts

@@ -4,7 +4,7 @@
 // All of these have a type array, are only rendered on request, and are exclusively used for this form.
 // There is also a payload which is a string, and is used to create a conversation in chat.
 
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../../api_primitives'
 
 export interface ServicesChatResource extends ResourceObject {
   type: 'Chat'

package/src/types/resources/services/team_resource.ts

@@ -1,4 +1,4 @@
-import { ResourceObject } from '@/types/api_primitives'
+import { ResourceObject } from '../../api_primitives'
 
 // Returned by /me/teams
 export interface Team extends ResourceObject {

package/src/utils/__tests__/convert_attachments_for_create.test.ts

@@ -1,9 +1,9 @@
-import { DenormalizedExpandedLinkAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
+import { DenormalizedExpandedLinkAttachmentResource } from '../../types/resources/denormalized_attachment_resource'
 import {
   DenormalizedMessageAttachmentResourceForCreate,
   DenormalizedGiphyAttachmentResourceForCreate,
-} from '@/types/resources/denormalized_attachment_resource_for_create'
-import { convertAttachmentsForCreate } from '@/utils/convert_attachments_for_create'
+} from '../../types/resources/denormalized_attachment_resource_for_create'
+import { convertAttachmentsForCreate } from '../convert_attachments_for_create'
 
 describe('convertAttachmentsForCreate', () => {
   it('converts MessageAttachment correctly', () => {

package/src/utils/__tests__/session_manager.test.ts

@@ -1,6 +1,6 @@
-import { OAuthToken } from '@/types'
-import { Session, UNAUTHENTICATED_SESSION_ID } from '@/utils/session'
-import { SessionManager } from '@/utils/session_manager'
+import { OAuthToken } from '../../types'
+import { Session, UNAUTHENTICATED_SESSION_ID } from '../session'
+import { SessionManager } from '../session_manager'
 
 const createToken = (accessToken: string): OAuthToken => ({
   access_token: accessToken,

package/src/utils/__tests__/sha_256.test.ts

@@ -1,4 +1,4 @@
-import { SHA256, enc } from '@/utils/sha_256'
+import { SHA256, enc } from '../sha_256'
 
 describe('SHA256', () => {
   it('computes correct hash for empty string', () => {

package/src/utils/cache/messages_cache.ts

@@ -1,11 +1,11 @@
 import { InfiniteData, QueryClient } from '@tanstack/react-query'
+import { getRequestQueryKey } from '../../hooks/use_suspense_api'
+import { ApiCollection, ApiResource, MessageResource } from '../../types'
+import { JoltReactionEvent } from '../../types/jolt_events'
+import { transformReactionEventDataToReactionCountResource } from '../jolt/transform_reaction_event_data_to_reaction_count_resource'
+import { getMessagesRequestArgs } from '../request/get_messages'
 import { updateOrCreateRecordInPagesData, updateRecordInPagesData } from './page_mutations'
 import { deleteRecordInPagesData } from './page_mutations'
-import { getRequestQueryKey } from '@/hooks/use_suspense_api'
-import { ApiCollection, ApiResource, MessageResource } from '@/types'
-import { JoltReactionEvent } from '@/types/jolt_events'
-import { transformReactionEventDataToReactionCountResource } from '@/utils/jolt/transform_reaction_event_data_to_reaction_count_resource'
-import { getMessagesRequestArgs } from '@/utils/request/get_messages'
 
 export function updateCacheWithMessage(
   queryClient: QueryClient,

package/src/utils/cache/optimistically_create_message.ts

@@ -1,12 +1,12 @@
 import { InfiniteData } from '@tanstack/react-query'
+import { chatQueryClient } from '../../contexts/api_provider'
+import { ApiCollection, CurrentPersonResource, MessageResource } from '../../types'
+import { DenormalizedAttachmentResource } from '../../types/resources/denormalized_attachment_resource'
+import { DenormalizedAttachmentResourceForCreate } from '../../types/resources/denormalized_attachment_resource_for_create'
+import { getMessagesQueryKey } from '../../utils/request/get_messages'
+import { convertAttachmentsForCreate } from '../convert_attachments_for_create'
+import { generatePlaceholderUlid } from '../generate_placeholder_ulid'
 import { updateOrCreateRecordInPagesData } from './page_mutations'
-import { chatQueryClient } from '@/contexts/api_provider'
-import { ApiCollection, CurrentPersonResource, MessageResource } from '@/types'
-import { DenormalizedAttachmentResource } from '@/types/resources/denormalized_attachment_resource'
-import { DenormalizedAttachmentResourceForCreate } from '@/types/resources/denormalized_attachment_resource_for_create'
-import { convertAttachmentsForCreate } from '@/utils/convert_attachments_for_create'
-import { generatePlaceholderUlid } from '@/utils/generate_placeholder_ulid'
-import { getMessagesQueryKey } from '@/utils/request/get_messages'
 
 export function optimisticallyCreateMessage({
   conversationId,

package/src/utils/cache/optimistically_update_message.ts

@@ -1,8 +1,8 @@
 import { InfiniteData } from '@tanstack/react-query'
+import { chatQueryClient } from '../../contexts/api_provider'
+import { ApiCollection, MessageResource } from '../../types'
+import { getMessagesQueryKey } from '../../utils/request/get_messages'
 import { updateOrCreateRecordInPagesData } from './page_mutations'
-import { chatQueryClient } from '@/contexts/api_provider'
-import { ApiCollection, MessageResource } from '@/types'
-import { getMessagesQueryKey } from '@/utils/request/get_messages'
 
 export function optimisticallyUpdateMessage({
   conversationId,