@planningcenter/chat-react-native 3.1.0-rc.9 → 3.2.0-rc.0

package/src/hooks/use_conversation_jolt_events.ts

@@ -2,12 +2,12 @@ import { InfiniteData, useQueryClient } from '@tanstack/react-query'
 import { ApiCollection, ApiResource, ConversationResource } from '../types'
 import { deleteRecordInPagesData, updateOrCreateRecordInPagesData } from '../utils'
 import { useApiClient } from './use_api_client'
-import { getConversationsRequestArgs } from './use_conversations'
 import { useCurrentPerson } from './use_current_person'
 import { useJoltChannel, useJoltEvent } from './use_jolt'
 import { getRequestQueryKey } from './use_suspense_api'
 import { JoltConversationEvent } from '../types/jolt_events'
 import { ConversationDeletedEvent } from '../types/jolt_events/conversation_events'
+import { getConversationsRequestArgs } from '../utils/request/conversation'
 
 type QueryData = InfiniteData<ApiCollection<ConversationResource>>
 

package/src/hooks/use_conversation_messages_jolt_events.ts

@@ -9,10 +9,10 @@ import { MessageCreatedEvent, MessageDeletedEvent } from '../types/jolt_events/m
 import { InfiniteData, useQueryClient } from '@tanstack/react-query'
 import { useCurrentPerson } from './use_current_person'
 import { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'
-import { getMessagesRequestArgs } from './use_conversation_messages'
 import { getRequestQueryKey } from './use_suspense_api'
 import { JoltReactionEvent } from '../types/jolt_events'
 import { transformReactionEventDataToReactionCountResource } from '../utils/jolt/transform_reaction_event_data_to_reaction_count_resource'
+import { getMessagesRequestArgs } from '../utils/request/messages'
 
 interface Props {
   conversationId: number

package/src/hooks/use_conversations.ts

@@ -1,38 +1,10 @@
 import { useMemo } from 'react'
 import { ConversationResource } from '../types'
-import { GetRequest } from '../utils/client/types'
 import { useSuspensePaginator } from './use_suspense_api'
+import { ConversationRequestArgs, getConversationsRequestArgs } from '../utils/request/conversation'
 
-export const getConversationsRequestArgs = (): GetRequest => ({
-  url: '/me/conversations',
-  data: {
-    perPage: 20,
-    order: '-last_message',
-    fields: {
-      Conversation: [
-        'created_at',
-        'badges',
-        'groups',
-        'last_message_author_id',
-        'last_message_author_name',
-        'last_message_created_at',
-        'last_message_text_preview',
-        'preview_avatar_urls',
-        'member_ability',
-        'muted',
-        'replies_disabled',
-        'title',
-        'unread_count',
-        'updated_at',
-      ],
-      ConversationBadge: ['app_name', 'pco_resource_type', 'text'],
-    },
-    include: ['badges'],
-  },
-})
-
-export function useConversations() {
-  const requestArgs = getConversationsRequestArgs()
+export function useConversations(args?: Partial<ConversationRequestArgs>) {
+  const requestArgs = getConversationsRequestArgs(args)
   const { data, ...rest } = useSuspensePaginator<ConversationResource>(requestArgs)
 
   const conversations = useMemo(

package/src/hooks/use_groups.ts

@@ -0,0 +1,31 @@
+import { AppName } from '../types/resources/app_name'
+import { GroupResource, SourceType } from '../types/resources/group_resource'
+import { useApiPaginator } from './use_api'
+
+type UseGroupsProps = {
+  source_app_name: AppName
+  source_type: SourceType
+}
+
+export const useGroups = ({ source_app_name, source_type }: UseGroupsProps) => {
+  return useApiPaginator<GroupResource>({
+    url: '/me/groups',
+    data: {
+      fields: {
+        Group: [],
+      },
+      where: {
+        source_app_name,
+        source_type,
+      },
+      perPage: 100,
+    },
+    app: 'chat',
+  })
+}
+
+export const useCanDisplayGroups = (props: UseGroupsProps) => {
+  const { data: teams = [] } = useGroups(props)
+
+  return teams?.length > 0
+}

package/src/hooks/use_groups_groups.ts

@@ -0,0 +1,20 @@
+import { GroupsGroupResource } from '../types'
+import { useApiPaginator } from './use_api'
+
+export const useGroupsGroups = () => {
+  return useApiPaginator<GroupsGroupResource>({
+    url: '/me/groups',
+    data: {
+      perPage: 100,
+      fields: {
+        Group: ['can_create_conversation', 'name', 'header_image', 'memberships_count'],
+      },
+    },
+    app: 'groups',
+  })
+}
+
+export const useCanDisplayGroupsGroups = () => {
+  const { data: groups = [] } = useGroupsGroups()
+  return groups?.length > 0
+}

package/src/hooks/use_services_team.ts

@@ -0,0 +1,30 @@
+import { TeamOptionResource, TeamOptionResponseItem } from '../types'
+import { useApiGet } from './use_api'
+
+export const useServicesTeams = () => {
+  const { data: chat } = useApiGet<TeamOptionResource>({
+    url: '/chat',
+    data: {
+      fields: {
+        Chat: ['teams'],
+      },
+    },
+    app: 'services',
+  })
+
+  return chat?.teams || []
+}
+
+export const useServicesTeamsMap = () => {
+  const teams = useServicesTeams()
+
+  return teams.reduce(
+    (acc, team) => {
+      const id = `Services-Team-${team.value.teamId}`
+      acc[id] = team
+
+      return acc
+    },
+    {} as Record<string, TeamOptionResponseItem>
+  )
+}

package/src/hooks/use_suspense_api.ts

@@ -6,10 +6,10 @@ import {
 } from '@tanstack/react-query'
 import { ApiCollection, ApiResource, ResourceObject } from '../types'
 import { GetRequest, RequestData } from '../utils/client/types'
-import { useApiClient } from './use_api_client'
+import { App, useApiClient } from './use_api_client'
 
 interface SuspenseGetOptions extends GetRequest {
-  app?: 'chat' | 'groups'
+  app?: App
 }
 
 export const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(
@@ -51,11 +51,11 @@ export const useSuspensePaginator = <T extends ResourceObject>(
       const pageParmWhere = pageParam?.where || {}
       const argsWhere = args.data.where || {}
       const where = { ...argsWhere, ...pageParmWhere }
-
+      const app = args.app || 'chat'
       const offset = pageParam?.offset || args.data.offset
       const data = { ...args.data, where, offset }
 
-      return apiClient.chat.get({
+      return apiClient[app].get({
         url: args.url,
         data,
       })

package/src/hooks/use_teams.ts

@@ -0,0 +1,25 @@
+import { GroupResource } from '../types/resources/group_resource'
+import { useApiPaginator } from './use_api'
+
+export const useTeams = () => {
+  return useApiPaginator<GroupResource>({
+    url: '/me/groups',
+    data: {
+      fields: {
+        Group: [],
+      },
+      where: {
+        source_app_name: 'Services',
+        source_type: 'Team',
+      },
+      perPage: 100,
+    },
+    app: 'chat',
+  })
+}
+
+export const useCanDisplayTeams = () => {
+  const { data: teams = [] } = useTeams()
+
+  return teams?.length > 0
+}

package/src/navigation/index.tsx

@@ -23,6 +23,10 @@ import { NotFound } from '../screens/not_found'
 import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'
 import { HeaderRightButton } from './header'
 import { ScreenLayout } from './screenLayout'
+import {
+  ConversationFiltersScreen,
+  ConversationFiltersScreenOptions,
+} from '../screens/conversation_filters_screen'
 
 export const CreateConversationStack = createNativeStackNavigator({
   initialRouteName: 'ConversationSelectRecipients',
@@ -75,6 +79,10 @@ export const ChatStack = createNativeStackNavigator({
         ),
       }),
     },
+    ConversationFilters: {
+      screen: ConversationFiltersScreen,
+      options: ConversationFiltersScreenOptions,
+    },
     Conversation: {
       screen: ConversationScreen,
     },