@planningcenter/chat-react-native 3.42.2-qa-staging.4 → 3.42.2

package/src/components/conversation/messages_disabled_banners.tsx

@@ -3,7 +3,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { useTheme } from '../../hooks'
 import type { ConversationDisabledReason } from '../../types'
 import { ADULT_REQUIREMENT_BODY } from '../../utils'
-import { Button, Text } from '../display'
+import { Text } from '../display'
 
 export const LeaderMessagesDisabledBanner = () => {
   return (
@@ -31,37 +31,22 @@ const DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'
 
 interface ConversationDisabledBannerProps {
   disabledReason?: ConversationDisabledReason
-  messageLink?: { label: string; onPress: () => void }
 }
 
-export const ConversationDisabledBanner = ({
-  disabledReason,
-  messageLink,
-}: ConversationDisabledBannerProps) => {
+export const ConversationDisabledBanner = ({ disabledReason }: ConversationDisabledBannerProps) => {
   const styles = useStyles()
   const description =
     (disabledReason && DISABLED_REASON_TEXT[disabledReason]) ?? DEFAULT_DISABLED_TEXT
 
-  return (
-    <MessagesDisabledBanner
-      description={description}
-      style={styles.memberBanner}
-      messageLink={messageLink}
-    />
-  )
+  return <MessagesDisabledBanner description={description} style={styles.memberBanner} />
 }
 
 interface MessagesDisabledBannerProps {
   description: string
   style?: ViewStyle
-  messageLink?: { label: string; onPress: () => void }
 }
 
-const MessagesDisabledBanner = ({
-  description,
-  style,
-  messageLink,
-}: MessagesDisabledBannerProps) => {
+const MessagesDisabledBanner = ({ description, style }: MessagesDisabledBannerProps) => {
   const styles = useStyles()
 
   return (
@@ -69,15 +54,6 @@ const MessagesDisabledBanner = ({
       <Text style={styles.text} variant="tertiary">
         {description}
       </Text>
-      {messageLink && (
-        <Button
-          variant="fill"
-          size="lg"
-          title={messageLink.label}
-          onPress={messageLink.onPress}
-          style={styles.messageButton}
-        />
-      )}
     </View>
   )
 }
@@ -102,8 +78,5 @@ const useStyles = () => {
       paddingBottom: 16 + bottom,
       marginBottom: -bottom,
     },
-    messageButton: {
-      marginTop: 12,
-    },
   })
 }

package/src/hooks/direct_messages/use_find_or_create_direct_message_conversation.ts

@@ -1,8 +1,17 @@
 import { useQuery } from '@tanstack/react-query'
 import { useState, useCallback } from 'react'
-import { ApiResource, ConversationResource } from '../../types'
+import { ApiCollection, ApiResource, ConversationResource } from '../../types'
 import { ApiClient, useApiClient } from '../use_api_client'
-import { findDirectMessageConversation } from './find_direct_message_conversation'
+
+const findDirectMessageConversation = (apiClient: ApiClient, participantIds: string[]) =>
+  apiClient.chat.get({
+    url: '/me/conversations',
+    data: {
+      fields: { Conversation: ['title'] },
+      filter: 'with_exact_direct_message_participants',
+      participant_ids: participantIds.join(','),
+    },
+  }) as Promise<ApiCollection<ConversationResource>>
 
 const createDirectMessageConversation = (apiClient: ApiClient, ids: string[]) =>
   apiClient.chat.post({

package/src/hooks/use_conversation.ts

@@ -47,7 +47,6 @@ export const getConversationRequestArgs = ({ conversation_id }: { conversation_i
         'leader',
         'can_reply',
         'can_delete_non_authored_messages',
-        'can_create_direct_messages',
       ],
       ConversationMembership: [
         'last_read_message_sort_key',

package/src/hooks/use_conversation_jolt_events.ts

@@ -87,9 +87,14 @@ export function useConversationJoltEvents({ conversationId }: Props) {
 
   const handleReactionJoltEvent = useCallback(
     (event: JoltReactionEvent) => {
+      if (event.event !== 'reaction.created') return
       if (event.data.data.author_id === currentPersonId) return
+      if (event.data.data.message_author_id !== currentPersonId) return
 
-      queryClient.invalidateQueries({ queryKey })
+      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {
+        if (!prev?.data) return prev
+        return { ...prev, data: { ...prev.data, unreadReaction: true } }
+      })
     },
     [queryClient, queryKey, currentPersonId]
   )

package/src/hooks/use_conversation_messages.ts

@@ -7,10 +7,11 @@ export const useConversationMessages = (
   { conversation_id, reply_root_id }: { conversation_id: number; reply_root_id?: string | null },
   opts?: SuspensePaginatorOptions
 ) => {
-  const { data, refetch, isRefetching, fetchNextPage } = useSuspensePaginator<MessageResource>(
-    getMessagesRequestArgs({ conversation_id, reply_root_id }),
-    opts
-  )
+  const { data, refetch, isRefetching, fetchNextPage, hasNextPage } =
+    useSuspensePaginator<MessageResource>(
+      getMessagesRequestArgs({ conversation_id, reply_root_id }),
+      opts
+    )
   const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id })
   const messages = useMemo(
     () =>
@@ -24,5 +25,5 @@ export const useConversationMessages = (
     [data]
   )
 
-  return { messages, refetch, isRefetching, fetchNextPage, queryKey }
+  return { messages, refetch, isRefetching, fetchNextPage, hasNextPage, queryKey }
 }

package/src/hooks/use_conversations_actions.ts

@@ -1,10 +1,12 @@
-import { useMutation } from '@tanstack/react-query'
+import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { Alert } from 'react-native'
 import { useConversationsContext } from '../contexts/conversations_context'
 import { ApiResource, ConversationResource } from '../types'
 import { useApiClient } from './use_api_client'
+import { getConversationRequestArgs } from './use_conversation'
 import { useConversationsCache } from './use_conversations_cache'
 import { useCurrentPersonCache } from './use_current_person'
+import { getRequestQueryKey } from './use_suspense_api'
 
 export const useConversationsMarkRead = ({
   conversation,
@@ -12,9 +14,13 @@ export const useConversationsMarkRead = ({
   conversation: ConversationResource
 }) => {
   const apiClient = useApiClient()
+  const queryClient = useQueryClient()
   const { args } = useConversationsContext()
   const currentPersonCache = useCurrentPersonCache()
   const { update, invalidate, fetchUpdate } = useConversationsCache(args)
+  const conversationQueryKey = getRequestQueryKey(
+    getConversationRequestArgs({ conversation_id: conversation.id })
+  )
 
   function handlePersonUnreadCount(read: boolean) {
     currentPersonCache.update({}, person => {
@@ -31,6 +37,12 @@ export const useConversationsMarkRead = ({
         unreadCount: read ? 0 : 1,
         ...(read ? { unreadReaction: false } : {}),
       })
+      if (read) {
+        queryClient.setQueryData<ApiResource<ConversationResource>>(conversationQueryKey, prev => {
+          if (!prev?.data) return prev
+          return { ...prev, data: { ...prev.data, unreadReaction: false } }
+        })
+      }
       handlePersonUnreadCount(read)
     },
     mutationKey: ['markRead', conversation.id],

package/src/screens/conversation_screen.tsx

@@ -28,7 +28,6 @@ import { KeyboardView } from '../components/display/keyboard_view'
 import BlankState from '../components/primitive/blank_state_primitive'
 import { ConversationContextProvider } from '../contexts/conversation_context'
 import { useTheme } from '../hooks'
-import { useMessageAvailableMembersAction } from '../hooks/direct_messages/use_message_available_members_action'
 import { useConversation } from '../hooks/use_conversation'
 import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events'
 import { useConversationMessages } from '../hooks/use_conversation_messages'
@@ -90,7 +89,7 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
   const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } =
     route.params
   const { data: conversation } = useConversation(route.params)
-  const { messages, fetchNextPage } = useConversationMessages({
+  const { messages, fetchNextPage, hasNextPage } = useConversationMessages({
     conversation_id,
     reply_root_id,
   })
@@ -182,7 +181,9 @@ function ConversationScreenContent({ route }: ConversationScreenProps) {
             onScroll={trackScroll}
             scrollEventThrottle={10}
             ListFooterComponent={
-              <ConversationStartBanner conversation={conversation} hasMessages={true} />
+              hasNextPage ? null : (
+                <ConversationStartBanner conversation={conversation} hasMessages={true} />
+              )
             }
             renderItem={({ item }) => {
               if (item.type === 'DateSeparator') {
@@ -250,15 +251,8 @@ function ConversationBottomBar({
   currentlyEditingMessage,
   onFlaggedInMessageForm,
 }: ConversationBottomBarProps) {
-  const messageLink = useMessageAvailableMembersAction(conversation)
-
   if (conversation.disabled)
-    return (
-      <ConversationDisabledBanner
-        disabledReason={conversation.disabledReason}
-        messageLink={messageLink}
-      />
-    )
+    return <ConversationDisabledBanner disabledReason={conversation.disabledReason} />
   if (!canReply) return <MemberMessagesDisabledBanner />
   return (
     <MessageForm.Root

package/src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx

@@ -17,30 +17,16 @@ import { ConversationSelectRecipientsScreenProps } from './types/screen_props'
 
 const MAX_RECIPIENTS = 9
 
-export function ConversationSelectDirectMessageRecipientsScreen({
-  route,
-}: ConversationSelectRecipientsScreenProps) {
-  const { preselected_people = [] } = route.params ?? {}
+export function ConversationSelectDirectMessageRecipientsScreen(
+  _props: ConversationSelectRecipientsScreenProps
+) {
   const styles = useStyles()
   const navigation = useNavigation()
   const { featureEnabled } = useFeatures()
   const [searchTerm, setSearchTerm] = useState('')
   const [debouncedTerm, setDebouncedTerm] = useState('')
   const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(
-    () =>
-      new Map(
-        preselected_people.map(person => [
-          person.id,
-          {
-            ...person,
-            type: 'DirectMessageCandidate' as const,
-            groups: [],
-            teams: [],
-            under_18: false,
-            directMessagesDisabled: false,
-          },
-        ])
-      )
+    new Map()
   )
   const searchInputRef = useRef<TextInput>(null)
 

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

@@ -1,12 +1,10 @@
 import { StaticScreenProps } from '@react-navigation/native'
 import { AppName } from '../../../types/resources/app_name'
-import { PreselectedDirectMessagePerson } from '../../../types/resources/direct_message_candidate'
 import { GraphId } from '../../../types/resources/group_resource'
 
 export type ConversationSelectRecipientsParams = {
   chat_group_graph_id?: GraphId
   group_source_app_name?: AppName
-  preselected_people?: PreselectedDirectMessagePerson[]
 }
 
 export type ConversationSelectRecipientsScreenProps =

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

@@ -158,6 +158,12 @@ export const ListHeaderComponent = () => {
           </TextButton>
         </View>
         <View style={styles.actionsContainer}>
+          <ListHeaderActionButton
+            name="general.cog"
+            onPress={handleChatSettings}
+            accessibilityLabel="Chat settings"
+            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
+          />
           {canCreateConversations && (
             <ListHeaderActionButton
               name="churchCenter.signups"
@@ -167,12 +173,6 @@ export const ListHeaderComponent = () => {
               maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
             />
           )}
-          <ListHeaderActionButton
-            name="general.cog"
-            onPress={handleChatSettings}
-            accessibilityLabel="Chat settings"
-            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
-          />
           {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}
         </View>
       </View>

package/src/types/jolt_events/reaction_events.ts

@@ -6,6 +6,7 @@ interface BaseReactionEventData extends Record<string, unknown> {
     author_id: number
     conversation_id: number
     message_sort_key: string
+    message_author_id: number
     reply_root_id?: string | null
     created_at: string
     organization_id: number

package/src/types/resources/direct_message_candidate.ts

@@ -10,8 +10,3 @@ export interface DirectMessageCandidateResource extends ResourceObject {
   under_18: boolean
   directMessagesDisabled: boolean
 }
-
-export type PreselectedDirectMessagePerson = Pick<
-  DirectMessageCandidateResource,
-  'id' | 'name' | 'avatar'
->

package/src/types/resources/member.ts

@@ -5,7 +5,6 @@ export interface MemberResource {
   avatar: string
   badges: MemberBadge[]
   child: boolean
-  directMessagesDisabled?: boolean
   gender: string | null
   role?: string
 }

package/src/types/resources/member_ability.ts

@@ -5,5 +5,4 @@ export interface MemberAbilityResource {
   canDeleteNonAuthoredMessages: boolean
   leader: boolean
   canReply: boolean
-  canCreateDirectMessages: boolean
 }

package/build/hooks/direct_messages/find_direct_message_conversation.d.ts

@@ -1,14 +0,0 @@
-import { ApiCollection, ConversationResource } from '../../types';
-import { ApiClient } from '../use_api_client';
-export declare const getFindDirectMessageConversationRequestArgs: (participantIds: string[]) => {
-    url: string;
-    data: {
-        fields: {
-            Conversation: string[];
-        };
-        filter: string;
-        participant_ids: string;
-    };
-};
-export declare const findDirectMessageConversation: (apiClient: ApiClient, participantIds: string[]) => Promise<ApiCollection<ConversationResource>>;
-//# sourceMappingURL=find_direct_message_conversation.d.ts.map

package/build/hooks/direct_messages/find_direct_message_conversation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"find_direct_message_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/find_direct_message_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,eAAO,MAAM,2CAA2C,GAAI,gBAAgB,MAAM,EAAE;;;;;;;;;CAOlF,CAAA;AAEF,eAAO,MAAM,6BAA6B,GAAI,WAAW,SAAS,EAAE,gBAAgB,MAAM,EAAE,KACP,OAAO,CACxF,aAAa,CAAC,oBAAoB,CAAC,CACpC,CAAA"}

package/build/hooks/direct_messages/find_direct_message_conversation.js

@@ -1,10 +0,0 @@
-export const getFindDirectMessageConversationRequestArgs = (participantIds) => ({
-    url: '/me/conversations',
-    data: {
-        fields: { Conversation: ['title', 'disabled'] },
-        filter: 'with_exact_direct_message_participants',
-        participant_ids: participantIds.join(','),
-    },
-});
-export const findDirectMessageConversation = (apiClient, participantIds) => apiClient.chat.get(getFindDirectMessageConversationRequestArgs(participantIds));
-//# sourceMappingURL=find_direct_message_conversation.js.map

package/build/hooks/direct_messages/find_direct_message_conversation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"find_direct_message_conversation.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/find_direct_message_conversation.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2CAA2C,GAAG,CAAC,cAAwB,EAAE,EAAE,CAAC,CAAC;IACxF,GAAG,EAAE,mBAAmB;IACxB,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,YAAY,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;QAC/C,MAAM,EAAE,wCAAwC;QAChD,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KAC1C;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,SAAoB,EAAE,cAAwB,EAAE,EAAE,CAC9F,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,2CAA2C,CAAC,cAAc,CAAC,CAE7E,CAAA","sourcesContent":["import { ApiCollection, ConversationResource } from '../../types'\nimport { ApiClient } from '../use_api_client'\n\nexport const getFindDirectMessageConversationRequestArgs = (participantIds: string[]) => ({\n  url: '/me/conversations',\n  data: {\n    fields: { Conversation: ['title', 'disabled'] },\n    filter: 'with_exact_direct_message_participants',\n    participant_ids: participantIds.join(','),\n  },\n})\n\nexport const findDirectMessageConversation = (apiClient: ApiClient, participantIds: string[]) =>\n  apiClient.chat.get(getFindDirectMessageConversationRequestArgs(participantIds)) as Promise<\n    ApiCollection<ConversationResource>\n  >\n"]}

package/build/hooks/direct_messages/resolve_message_available_members_link.d.ts

@@ -1,16 +0,0 @@
-import { ConversationResource } from '../../types';
-import { PreselectedDirectMessagePerson } from '../../types/resources/direct_message_candidate';
-import { MemberResource } from '../../types/resources/member';
-export type MessageAvailableMembersLink = {
-    label: string;
-    existingConversationId: number;
-} | {
-    label: string;
-    recipients: PreselectedDirectMessagePerson[];
-};
-export declare function resolveMessageAvailableMembersLink({ availableMembers, existingConversations, canCreateDirectMessages, }: {
-    availableMembers: Pick<MemberResource, 'id' | 'name' | 'avatar'>[];
-    existingConversations: Pick<ConversationResource, 'id' | 'disabled'>[] | undefined;
-    canCreateDirectMessages: boolean;
-}): MessageAvailableMembersLink | undefined;
-//# sourceMappingURL=resolve_message_available_members_link.d.ts.map

package/build/hooks/direct_messages/resolve_message_available_members_link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve_message_available_members_link.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/resolve_message_available_members_link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAA;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,MAAM,MAAM,2BAA2B,GACnC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,sBAAsB,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,8BAA8B,EAAE,CAAA;CAAE,CAAA;AAEnE,wBAAgB,kCAAkC,CAAC,EACjD,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,GACxB,EAAE;IACD,gBAAgB,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAA;IAClE,qBAAqB,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,GAAG,UAAU,CAAC,EAAE,GAAG,SAAS,CAAA;IAClF,uBAAuB,EAAE,OAAO,CAAA;CACjC,GAAG,2BAA2B,GAAG,SAAS,CAyB1C"}

package/build/hooks/direct_messages/resolve_message_available_members_link.js

@@ -1,24 +0,0 @@
-export function resolveMessageAvailableMembersLink({ availableMembers, existingConversations, canCreateDirectMessages, }) {
-    if (availableMembers.length === 0 || !existingConversations)
-        return undefined;
-    const label = availableMembers.length === 1
-        ? `Message ${availableMembers[0].name.split(' ')[0]}`
-        : `Message the remaining ${availableMembers.length} people`;
-    const existingConversation = existingConversations[0];
-    if (existingConversation) {
-        return existingConversation.disabled
-            ? undefined
-            : { label, existingConversationId: Number(existingConversation.id) };
-    }
-    if (!canCreateDirectMessages)
-        return undefined;
-    return {
-        label,
-        recipients: availableMembers.map(m => ({
-            id: m.id.toString(),
-            name: m.name,
-            avatar: m.avatar,
-        })),
-    };
-}
-//# sourceMappingURL=resolve_message_available_members_link.js.map

package/build/hooks/direct_messages/resolve_message_available_members_link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve_message_available_members_link.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/resolve_message_available_members_link.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,kCAAkC,CAAC,EACjD,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,GAKxB;IACC,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,qBAAqB;QAAE,OAAO,SAAS,CAAA;IAE7E,MAAM,KAAK,GACT,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAC3B,CAAC,CAAC,WAAW,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;QACrD,CAAC,CAAC,yBAAyB,gBAAgB,CAAC,MAAM,SAAS,CAAA;IAE/D,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACrD,IAAI,oBAAoB,EAAE,CAAC;QACzB,OAAO,oBAAoB,CAAC,QAAQ;YAClC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAAE,CAAA;IACxE,CAAC;IAED,IAAI,CAAC,uBAAuB;QAAE,OAAO,SAAS,CAAA;IAE9C,OAAO;QACL,KAAK;QACL,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACrC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE;YACnB,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,MAAM,EAAE,CAAC,CAAC,MAAM;SACjB,CAAC,CAAC;KACJ,CAAA;AACH,CAAC","sourcesContent":["import { ConversationResource } from '../../types'\nimport { PreselectedDirectMessagePerson } from '../../types/resources/direct_message_candidate'\nimport { MemberResource } from '../../types/resources/member'\n\nexport type MessageAvailableMembersLink =\n  | { label: string; existingConversationId: number }\n  | { label: string; recipients: PreselectedDirectMessagePerson[] }\n\nexport function resolveMessageAvailableMembersLink({\n  availableMembers,\n  existingConversations,\n  canCreateDirectMessages,\n}: {\n  availableMembers: Pick<MemberResource, 'id' | 'name' | 'avatar'>[]\n  existingConversations: Pick<ConversationResource, 'id' | 'disabled'>[] | undefined\n  canCreateDirectMessages: boolean\n}): MessageAvailableMembersLink | undefined {\n  if (availableMembers.length === 0 || !existingConversations) return undefined\n\n  const label =\n    availableMembers.length === 1\n      ? `Message ${availableMembers[0].name.split(' ')[0]}`\n      : `Message the remaining ${availableMembers.length} people`\n\n  const existingConversation = existingConversations[0]\n  if (existingConversation) {\n    return existingConversation.disabled\n      ? undefined\n      : { label, existingConversationId: Number(existingConversation.id) }\n  }\n\n  if (!canCreateDirectMessages) return undefined\n\n  return {\n    label,\n    recipients: availableMembers.map(m => ({\n      id: m.id.toString(),\n      name: m.name,\n      avatar: m.avatar,\n    })),\n  }\n}\n"]}

package/build/hooks/direct_messages/use_message_available_members.d.ts

@@ -1,6 +0,0 @@
-import { ConversationResource } from '../../types';
-import { MessageAvailableMembersLink } from './resolve_message_available_members_link';
-export declare function useMessageAvailableMembers(conversation: ConversationResource, { enabled }: {
-    enabled: boolean;
-}): MessageAvailableMembersLink | undefined;
-//# sourceMappingURL=use_message_available_members.d.ts.map

package/build/hooks/direct_messages/use_message_available_members.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_message_available_members.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_message_available_members.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAUlD,OAAO,EACL,2BAA2B,EAE5B,MAAM,0CAA0C,CAAA;AAEjD,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,oBAAoB,EAClC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAChC,2BAA2B,GAAG,SAAS,CA4CzC"}

package/build/hooks/direct_messages/use_message_available_members.js

@@ -1,40 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { useMemo } from 'react';
-import { useApiGet } from '../use_api';
-import { useApiClient } from '../use_api_client';
-import { useCurrentPerson } from '../use_current_person';
-import { getRequestQueryKey } from '../use_suspense_api';
-import { findDirectMessageConversation, getFindDirectMessageConversationRequestArgs, } from './find_direct_message_conversation';
-import { resolveMessageAvailableMembersLink, } from './resolve_message_available_members_link';
-export function useMessageAvailableMembers(conversation, { enabled }) {
-    const apiClient = useApiClient();
-    const currentPerson = useCurrentPerson();
-    const { data: members } = useApiGet({
-        url: `/me/conversations/${conversation.id}/members`,
-        data: { fields: { Member: ['name', 'avatar', 'direct_messages_disabled'] } },
-    }, { enabled });
-    const availableMembers = useMemo(() => {
-        if (!enabled || !members)
-            return [];
-        const currentMember = members.find(m => m.id === currentPerson.id);
-        if (currentMember?.directMessagesDisabled)
-            return [];
-        return members.filter(m => m.id !== currentPerson.id && !m.directMessagesDisabled);
-    }, [enabled, members, currentPerson.id]);
-    const availablePersonIds = useMemo(() => availableMembers.map(m => m.id), [availableMembers]);
-    const { data: existingDirectMessageData } = useQuery({
-        queryKey: getRequestQueryKey(getFindDirectMessageConversationRequestArgs(availablePersonIds.map(String))),
-        queryFn: () => findDirectMessageConversation(apiClient, availablePersonIds.map(String)),
-        enabled: availablePersonIds.length > 0,
-    });
-    return useMemo(() => resolveMessageAvailableMembersLink({
-        availableMembers,
-        existingConversations: existingDirectMessageData?.data,
-        canCreateDirectMessages: !!conversation.memberAbility?.canCreateDirectMessages,
-    }), [
-        availableMembers,
-        existingDirectMessageData,
-        conversation.memberAbility?.canCreateDirectMessages,
-    ]);
-}
-//# sourceMappingURL=use_message_available_members.js.map

package/build/hooks/direct_messages/use_message_available_members.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_message_available_members.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_message_available_members.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EACL,6BAA6B,EAC7B,2CAA2C,GAC5C,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAEL,kCAAkC,GACnC,MAAM,0CAA0C,CAAA;AAEjD,MAAM,UAAU,0BAA0B,CACxC,YAAkC,EAClC,EAAE,OAAO,EAAwB;IAEjC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,CACjC;QACE,GAAG,EAAE,qBAAqB,YAAY,CAAC,EAAE,UAAU;QACnD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,0BAA0B,CAAC,EAAE,EAAE;KAC7E,EACD,EAAE,OAAO,EAAE,CACZ,CAAA;IAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,CAAA;QAEnC,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE,CAAC,CAAA;QAClE,IAAI,aAAa,EAAE,sBAAsB;YAAE,OAAO,EAAE,CAAA;QAEpD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;IACpF,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,CAAA;IAExC,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAE7F,MAAM,EAAE,IAAI,EAAE,yBAAyB,EAAE,GAAG,QAAQ,CAAC;QACnD,QAAQ,EAAE,kBAAkB,CAC1B,2CAA2C,CAAC,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAC5E;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,6BAA6B,CAAC,SAAS,EAAE,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACvF,OAAO,EAAE,kBAAkB,CAAC,MAAM,GAAG,CAAC;KACvC,CAAC,CAAA;IAEF,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,kCAAkC,CAAC;QACjC,gBAAgB;QAChB,qBAAqB,EAAE,yBAAyB,EAAE,IAAI;QACtD,uBAAuB,EAAE,CAAC,CAAC,YAAY,CAAC,aAAa,EAAE,uBAAuB;KAC/E,CAAC,EACJ;QACE,gBAAgB;QAChB,yBAAyB;QACzB,YAAY,CAAC,aAAa,EAAE,uBAAuB;KACpD,CACF,CAAA;AACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { ConversationResource } from '../../types'\nimport { MemberResource } from '../../types/resources/member'\nimport { useApiGet } from '../use_api'\nimport { useApiClient } from '../use_api_client'\nimport { useCurrentPerson } from '../use_current_person'\nimport { getRequestQueryKey } from '../use_suspense_api'\nimport {\n  findDirectMessageConversation,\n  getFindDirectMessageConversationRequestArgs,\n} from './find_direct_message_conversation'\nimport {\n  MessageAvailableMembersLink,\n  resolveMessageAvailableMembersLink,\n} from './resolve_message_available_members_link'\n\nexport function useMessageAvailableMembers(\n  conversation: ConversationResource,\n  { enabled }: { enabled: boolean }\n): MessageAvailableMembersLink | undefined {\n  const apiClient = useApiClient()\n  const currentPerson = useCurrentPerson()\n\n  const { data: members } = useApiGet<MemberResource[]>(\n    {\n      url: `/me/conversations/${conversation.id}/members`,\n      data: { fields: { Member: ['name', 'avatar', 'direct_messages_disabled'] } },\n    },\n    { enabled }\n  )\n\n  const availableMembers = useMemo(() => {\n    if (!enabled || !members) return []\n\n    const currentMember = members.find(m => m.id === currentPerson.id)\n    if (currentMember?.directMessagesDisabled) return []\n\n    return members.filter(m => m.id !== currentPerson.id && !m.directMessagesDisabled)\n  }, [enabled, members, currentPerson.id])\n\n  const availablePersonIds = useMemo(() => availableMembers.map(m => m.id), [availableMembers])\n\n  const { data: existingDirectMessageData } = useQuery({\n    queryKey: getRequestQueryKey(\n      getFindDirectMessageConversationRequestArgs(availablePersonIds.map(String))\n    ),\n    queryFn: () => findDirectMessageConversation(apiClient, availablePersonIds.map(String)),\n    enabled: availablePersonIds.length > 0,\n  })\n\n  return useMemo(\n    () =>\n      resolveMessageAvailableMembersLink({\n        availableMembers,\n        existingConversations: existingDirectMessageData?.data,\n        canCreateDirectMessages: !!conversation.memberAbility?.canCreateDirectMessages,\n      }),\n    [\n      availableMembers,\n      existingDirectMessageData,\n      conversation.memberAbility?.canCreateDirectMessages,\n    ]\n  )\n}\n"]}

package/build/hooks/direct_messages/use_message_available_members_action.d.ts

@@ -1,6 +0,0 @@
-import { ConversationResource } from '../../types';
-export declare function useMessageAvailableMembersAction(conversation: ConversationResource): {
-    label: string;
-    onPress: () => void;
-} | undefined;
-//# sourceMappingURL=use_message_available_members_action.d.ts.map

package/build/hooks/direct_messages/use_message_available_members_action.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_message_available_members_action.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_message_available_members_action.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAGlD,wBAAgB,gCAAgC,CAAC,YAAY,EAAE,oBAAoB;;;cA6BlF"}

package/build/hooks/direct_messages/use_message_available_members_action.js

@@ -1,30 +0,0 @@
-import { StackActions, useNavigation } from '@react-navigation/native';
-import { useMessageAvailableMembers } from './use_message_available_members';
-export function useMessageAvailableMembersAction(conversation) {
-    const navigation = useNavigation();
-    const isDmDisabled = !!conversation.disabled && conversation.disabledReason === 'direct_messages_disabled';
-    const messageAvailableMembersLink = useMessageAvailableMembers(conversation, {
-        enabled: isDmDisabled,
-    });
-    if (!messageAvailableMembersLink)
-        return undefined;
-    return {
-        label: messageAvailableMembersLink.label,
-        onPress: () => {
-            if ('existingConversationId' in messageAvailableMembersLink) {
-                // replace instead of navigate/push so the disabled conversation isn't
-                // left in the back stack as a dead end
-                navigation.dispatch(StackActions.replace('Conversation', {
-                    conversation_id: messageAvailableMembersLink.existingConversationId,
-                }));
-            }
-            else {
-                navigation.navigate('New', {
-                    screen: 'ConversationSelectDirectMessageRecipients',
-                    params: { preselected_people: messageAvailableMembersLink.recipients },
-                });
-            }
-        },
-    };
-}
-//# sourceMappingURL=use_message_available_members_action.js.map

package/build/hooks/direct_messages/use_message_available_members_action.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_message_available_members_action.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_message_available_members_action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAE5E,MAAM,UAAU,gCAAgC,CAAC,YAAkC;IACjF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,YAAY,GAChB,CAAC,CAAC,YAAY,CAAC,QAAQ,IAAI,YAAY,CAAC,cAAc,KAAK,0BAA0B,CAAA;IACvF,MAAM,2BAA2B,GAAG,0BAA0B,CAAC,YAAY,EAAE;QAC3E,OAAO,EAAE,YAAY;KACtB,CAAC,CAAA;IAEF,IAAI,CAAC,2BAA2B;QAAE,OAAO,SAAS,CAAA;IAElD,OAAO;QACL,KAAK,EAAE,2BAA2B,CAAC,KAAK;QACxC,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,wBAAwB,IAAI,2BAA2B,EAAE,CAAC;gBAC5D,sEAAsE;gBACtE,uCAAuC;gBACvC,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE;oBACnC,eAAe,EAAE,2BAA2B,CAAC,sBAAsB;iBACpE,CAAC,CACH,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;oBACzB,MAAM,EAAE,2CAA2C;oBACnD,MAAM,EAAE,EAAE,kBAAkB,EAAE,2BAA2B,CAAC,UAAU,EAAE;iBACvE,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["import { StackActions, useNavigation } from '@react-navigation/native'\nimport { ConversationResource } from '../../types'\nimport { useMessageAvailableMembers } from './use_message_available_members'\n\nexport function useMessageAvailableMembersAction(conversation: ConversationResource) {\n  const navigation = useNavigation()\n  const isDmDisabled =\n    !!conversation.disabled && conversation.disabledReason === 'direct_messages_disabled'\n  const messageAvailableMembersLink = useMessageAvailableMembers(conversation, {\n    enabled: isDmDisabled,\n  })\n\n  if (!messageAvailableMembersLink) return undefined\n\n  return {\n    label: messageAvailableMembersLink.label,\n    onPress: () => {\n      if ('existingConversationId' in messageAvailableMembersLink) {\n        // replace instead of navigate/push so the disabled conversation isn't\n        // left in the back stack as a dead end\n        navigation.dispatch(\n          StackActions.replace('Conversation', {\n            conversation_id: messageAvailableMembersLink.existingConversationId,\n          })\n        )\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationSelectDirectMessageRecipients',\n          params: { preselected_people: messageAvailableMembersLink.recipients },\n        })\n      }\n    },\n  }\n}\n"]}

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

@@ -1,72 +0,0 @@
-import { resolveMessageAvailableMembersLink } from '../../hooks/direct_messages/resolve_message_available_members_link'
-
-describe('resolveMessageAvailableMembersLink', () => {
-  const jim = { id: 1, name: 'Jim Halpert', avatar: 'jim.png' }
-  const pam = { id: 2, name: 'Pam Beesly', avatar: 'pam.png' }
-
-  it('returns undefined when there are no available members', () => {
-    const link = resolveMessageAvailableMembersLink({
-      availableMembers: [],
-      existingConversations: [],
-      canCreateDirectMessages: true,
-    })
-
-    expect(link).toBeUndefined()
-  })
-
-  it('returns undefined while the existing-conversation lookup is still loading', () => {
-    const link = resolveMessageAvailableMembersLink({
-      availableMembers: [jim],
-      existingConversations: undefined,
-      canCreateDirectMessages: true,
-    })
-
-    expect(link).toBeUndefined()
-  })
-
-  it('links to the existing conversation when one is found and not disabled', () => {
-    const link = resolveMessageAvailableMembersLink({
-      availableMembers: [jim],
-      existingConversations: [{ id: 42, disabled: false }],
-      canCreateDirectMessages: false,
-    })
-
-    expect(link).toEqual({ label: 'Message Jim', existingConversationId: 42 })
-  })
-
-  it('returns undefined when the existing conversation is itself disabled', () => {
-    const link = resolveMessageAvailableMembersLink({
-      availableMembers: [jim],
-      existingConversations: [{ id: 42, disabled: true }],
-      canCreateDirectMessages: true,
-    })
-
-    expect(link).toBeUndefined()
-  })
-
-  it('offers to start a new direct message when no conversation exists and the viewer can start one', () => {
-    const link = resolveMessageAvailableMembersLink({
-      availableMembers: [jim, pam],
-      existingConversations: [],
-      canCreateDirectMessages: true,
-    })
-
-    expect(link).toEqual({
-      label: 'Message the remaining 2 people',
-      recipients: [
-        { id: '1', name: 'Jim Halpert', avatar: 'jim.png' },
-        { id: '2', name: 'Pam Beesly', avatar: 'pam.png' },
-      ],
-    })
-  })
-
-  it('returns undefined when no conversation exists and the viewer cannot start one', () => {
-    const link = resolveMessageAvailableMembersLink({
-      availableMembers: [jim],
-      existingConversations: [],
-      canCreateDirectMessages: false,
-    })
-
-    expect(link).toBeUndefined()
-  })
-})

package/src/hooks/direct_messages/find_direct_message_conversation.ts

@@ -1,16 +0,0 @@
-import { ApiCollection, ConversationResource } from '../../types'
-import { ApiClient } from '../use_api_client'
-
-export const getFindDirectMessageConversationRequestArgs = (participantIds: string[]) => ({
-  url: '/me/conversations',
-  data: {
-    fields: { Conversation: ['title', 'disabled'] },
-    filter: 'with_exact_direct_message_participants',
-    participant_ids: participantIds.join(','),
-  },
-})
-
-export const findDirectMessageConversation = (apiClient: ApiClient, participantIds: string[]) =>
-  apiClient.chat.get(getFindDirectMessageConversationRequestArgs(participantIds)) as Promise<
-    ApiCollection<ConversationResource>
-  >