@planningcenter/chat-react-native 3.38.1 → 3.39.0-rc.1

package/build/screens/conversation_select_type_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAG3D,eAAO,MAAM,mCAAmC,uEAE9C,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,yBAAyB,CAAC,EAAE,yBAAyB,CAAA;CACtD,CAAC,CAAA;AAEF,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,iCAAiC,qBAwFxF"}
+{"version":3,"file":"conversation_select_type_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAG3D,eAAO,MAAM,mCAAmC,uEAE9C,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,yBAAyB,CAAC,EAAE,yBAAyB,CAAA;CACtD,CAAC,CAAA;AAOF,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,iCAAiC,qBAuFxF"}

package/build/screens/conversation_select_type_screen.js

@@ -1,6 +1,7 @@
 import { useNavigation } from '@react-navigation/native';
 import React from 'react';
 import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
+import { availableFeatures, useFeatures } from '../hooks/use_features';
 import { useNewConversationEntry } from '../hooks/use_new_conversation_entry';
 import { Haptic } from '../utils/native_adapters';
 export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
@@ -9,10 +10,12 @@ export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
 export function ConversationSelectTypeScreen({ route }) {
     const navigation = useNavigation();
     const entryMode = useNewConversationEntry();
+    const { featureEnabled } = useFeatures();
     const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } = route.params || {};
     const filterParams = { chat_group_graph_id, group_source_app_name };
     const canCreateGroups = entryMode === 'select_type' || entryMode === 'groups';
     const canCreateTeams = entryMode === 'select_type' || entryMode === 'teams';
+    const canCreateDMs = featureEnabled(availableFeatures.direct_messages_eap);
     const handleFilterPress = () => {
         if (!newConversationFromFilter)
             return;
@@ -41,26 +44,14 @@ export function ConversationSelectTypeScreen({ route }) {
             }
         });
     };
-    const handleGroupPress = () => {
+    const navigateToNewConversationType = (screen) => {
         Haptic.impactLight();
         navigation.goBack();
-        requestAnimationFrame(() => {
-            navigation.navigate('New', {
-                screen: 'ConversationSelectGroupRecipients',
-                params: filterParams,
-            });
-        });
-    };
-    const handleTeamPress = () => {
-        Haptic.impactLight();
-        navigation.goBack();
-        requestAnimationFrame(() => {
-            navigation.navigate('New', {
-                screen: 'ConversationSelectTeamsILeadRecipients',
-                params: filterParams,
-            });
-        });
+        requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }));
     };
+    const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients');
+    const handleTeamPress = () => navigateToNewConversationType('ConversationSelectTeamsILeadRecipients');
+    const handleDirectMessagePress = () => navigateToNewConversationType('ConversationSelectDirectMessageRecipients');
     return (<FormSheet.Root>
       <FormSheet.Header>
         <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>
@@ -68,6 +59,7 @@ export function ConversationSelectTypeScreen({ route }) {
       {newConversationFromFilter && (<FormSheet.Action title={`New conversation in ${newConversationFromFilter.name}`} onPress={handleFilterPress} accessibilityHint="Creates a conversation pre-scoped to the current filter"/>)}
       {canCreateGroups && (<FormSheet.Action title="Group" onPress={handleGroupPress} accessibilityHint="Opens group selection screen"/>)}
       {canCreateTeams && (<FormSheet.Action title="Team" onPress={handleTeamPress} accessibilityHint="Opens team selection screen"/>)}
+      {canCreateDMs && (<FormSheet.Action title="Direct message" onPress={handleDirectMessagePress} accessibilityHint="Opens direct message recipient selection screen"/>)}
     </FormSheet.Root>);
 }
 //# sourceMappingURL=conversation_select_type_screen.js.map

package/build/screens/conversation_select_type_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useNewConversationEntry } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const entryMode = useNewConversationEntry()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const canCreateGroups = entryMode === 'select_type' || entryMode === 'groups'\n  const canCreateTeams = entryMode === 'select_type' || entryMode === 'teams'\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const handleGroupPress = () => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: filterParams,\n      })\n    })\n  }\n\n  const handleTeamPress = () => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: filterParams,\n      })\n    })\n  }\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroups && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateTeams && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}
+{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { useNewConversationEntry } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const entryMode = useNewConversationEntry()\n  const { featureEnabled } = useFeatures()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const canCreateGroups = entryMode === 'select_type' || entryMode === 'groups'\n  const canCreateTeams = entryMode === 'select_type' || entryMode === 'teams'\n  const canCreateDMs = featureEnabled(availableFeatures.direct_messages_eap)\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroups && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateTeams && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {canCreateDMs && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}

package/build/types/resources/direct_message_affiliations.d.ts

@@ -0,0 +1,8 @@
+import { ResourceObject } from '../api_primitives';
+export interface DirectMessageAffiliationsResource extends ResourceObject {
+    type: 'DirectMessageAffiliations';
+    id: string;
+    groups: Record<string, string>;
+    teams: Record<string, string>;
+}
+//# sourceMappingURL=direct_message_affiliations.d.ts.map

package/build/types/resources/direct_message_affiliations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"direct_message_affiliations.d.ts","sourceRoot":"","sources":["../../../src/types/resources/direct_message_affiliations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,iCAAkC,SAAQ,cAAc;IACvE,IAAI,EAAE,2BAA2B,CAAA;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9B"}

package/build/types/resources/direct_message_affiliations.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=direct_message_affiliations.js.map

package/build/types/resources/direct_message_affiliations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"direct_message_affiliations.js","sourceRoot":"","sources":["../../../src/types/resources/direct_message_affiliations.ts"],"names":[],"mappings":"","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport interface DirectMessageAffiliationsResource extends ResourceObject {\n  type: 'DirectMessageAffiliations'\n  id: string\n  groups: Record<string, string>\n  teams: Record<string, string>\n}\n"]}

package/build/types/resources/direct_message_candidate.d.ts

@@ -0,0 +1,12 @@
+import { ResourceObject } from '../api_primitives';
+export interface DirectMessageCandidateResource extends ResourceObject {
+    type: 'DirectMessageCandidate';
+    id: string;
+    name: string;
+    avatar: string;
+    groups: number[];
+    teams: number[];
+    under_18: boolean;
+    directMessagesDisabled: boolean;
+}
+//# sourceMappingURL=direct_message_candidate.d.ts.map

package/build/types/resources/direct_message_candidate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"direct_message_candidate.d.ts","sourceRoot":"","sources":["../../../src/types/resources/direct_message_candidate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,8BAA+B,SAAQ,cAAc;IACpE,IAAI,EAAE,wBAAwB,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,sBAAsB,EAAE,OAAO,CAAA;CAChC"}

package/build/types/resources/direct_message_candidate.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=direct_message_candidate.js.map

package/build/types/resources/direct_message_candidate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"direct_message_candidate.js","sourceRoot":"","sources":["../../../src/types/resources/direct_message_candidate.ts"],"names":[],"mappings":"","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport interface DirectMessageCandidateResource extends ResourceObject {\n  type: 'DirectMessageCandidate'\n  id: string\n  name: string\n  avatar: string\n  groups: number[]\n  teams: number[]\n  under_18: boolean\n  directMessagesDisabled: boolean\n}\n"]}

package/build/types/resources/index.d.ts

@@ -1,4 +1,6 @@
 export * from './analytics_metadata';
+export * from './direct_message_affiliations';
+export * from './direct_message_candidate';
 export * from './conversation';
 export * from './conversation_membership';
 export * from './conversation_validate';

package/build/types/resources/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/build/types/resources/index.js

@@ -1,4 +1,6 @@
 export * from './analytics_metadata';
+export * from './direct_message_affiliations';
+export * from './direct_message_candidate';
 export * from './conversation';
 export * from './conversation_membership';
 export * from './conversation_validate';

package/build/types/resources/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA","sourcesContent":["export * from './analytics_metadata'\nexport * from './conversation'\nexport * from './conversation_membership'\nexport * from './conversation_validate'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\nexport * from './groups'\nexport * from './app_grant'\nexport * from './services'\nexport * from './organization'\nexport * from './group_membership'\nexport * from './group_resource'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA","sourcesContent":["export * from './analytics_metadata'\nexport * from './direct_message_affiliations'\nexport * from './direct_message_candidate'\nexport * from './conversation'\nexport * from './conversation_membership'\nexport * from './conversation_validate'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\nexport * from './groups'\nexport * from './app_grant'\nexport * from './services'\nexport * from './organization'\nexport * from './group_membership'\nexport * from './group_resource'\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.38.1",
+  "version": "3.39.0-rc.1",
   "description": "",
   "main": "build/index.js",
   "react-native": "./src/index.tsx",
@@ -72,5 +72,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~5.9.2"
   },
-  "gitHead": "6d265a33344c936db3e2bf45179d81debdd43792"
+  "gitHead": "03a375a045ff2ae572627318c41bfc6cdcf1bc74"
 }

package/src/hooks/direct_messages/use_direct_message_affiliations.ts

@@ -0,0 +1,39 @@
+import { useQuery } from '@tanstack/react-query'
+import { useMemo } from 'react'
+import { ApiResource } from '../../types'
+import { DirectMessageAffiliationsResource } from '../../types/resources/direct_message_affiliations'
+import { useApiClient } from '../use_api_client'
+
+export function useDirectMessageAffiliations() {
+  const apiClient = useApiClient()
+
+  const { data } = useQuery({
+    queryKey: ['chat', '/me/direct_message_affiliations'],
+    queryFn: () =>
+      apiClient.chat.get({
+        url: '/me/direct_message_affiliations',
+        data: {
+          fields: { DirectMessageAffiliations: ['groups', 'teams'] },
+        },
+      }) as Promise<ApiResource<DirectMessageAffiliationsResource>>,
+    staleTime: 5 * 60 * 1000,
+  })
+
+  const groups = useMemo(
+    () =>
+      new Map<number, string>(
+        Object.entries(data?.data?.groups ?? {}).map(([id, name]) => [+id, name])
+      ),
+    [data]
+  )
+
+  const teams = useMemo(
+    () =>
+      new Map<number, string>(
+        Object.entries(data?.data?.teams ?? {}).map(([id, name]) => [+id, name])
+      ),
+    [data]
+  )
+
+  return { groups, teams }
+}

package/src/hooks/direct_messages/use_direct_message_candidates.ts

@@ -0,0 +1,30 @@
+import { useQuery } from '@tanstack/react-query'
+import { ApiCollection } from '../../types'
+import { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'
+import { useApiClient } from '../use_api_client'
+
+export function useDirectMessageCandidates(term: string) {
+  const apiClient = useApiClient()
+  return useQuery({
+    queryKey: ['chat', '/me/direct_message_candidates', term],
+    queryFn: () =>
+      apiClient.chat.get({
+        url: '/me/direct_message_candidates',
+        data: {
+          q: term,
+          fields: {
+            DirectMessageCandidate: [
+              'name',
+              'avatar',
+              'groups',
+              'teams',
+              'under_18',
+              'direct_messages_disabled',
+            ],
+          },
+        },
+      }) as Promise<ApiCollection<DirectMessageCandidateResource>>,
+    enabled: term.length >= 1,
+    staleTime: 1000 * 60,
+  })
+}

package/src/hooks/direct_messages/use_direct_message_conversation_validate.ts

@@ -0,0 +1,35 @@
+import { useQuery } from '@tanstack/react-query'
+import { ApiResource, ConversationValidateResource, ConversationWarning } from '../../types'
+import { useApiClient } from '../use_api_client'
+
+interface Props {
+  recipientIds: string[]
+  enabled?: boolean
+}
+
+export function useDirectMessageConversationValidate({ recipientIds, enabled = true }: Props) {
+  const apiClient = useApiClient()
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['chat', '/me/conversation_validate', { recipient_ids: recipientIds }],
+    queryFn: () =>
+      apiClient.chat.post<ApiResource<ConversationValidateResource>>({
+        url: '/me/conversation_validate',
+        data: {
+          data: {
+            type: 'ConversationValidate',
+            attributes: { recipient_ids: recipientIds },
+          },
+        },
+      }),
+    enabled: enabled && recipientIds.length > 0,
+    retry: false,
+  })
+
+  const warnings: ConversationWarning[] = data?.data.warnings ?? []
+
+  return {
+    warnings,
+    validationPending: enabled && recipientIds.length > 0 && isLoading,
+  }
+}

package/src/hooks/direct_messages/use_find_or_create_direct_message_conversation.ts

@@ -0,0 +1,66 @@
+import { useQuery } from '@tanstack/react-query'
+import { useState, useCallback } from 'react'
+import { ApiCollection, ApiResource, ConversationResource } from '../../types'
+import { ApiClient, useApiClient } from '../use_api_client'
+
+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({
+    url: '/me/direct_messages',
+    data: {
+      data: {
+        type: 'DirectMessage',
+        attributes: { recipients: ids },
+      },
+    },
+  }) as Promise<ApiResource<ConversationResource>>
+
+interface Props {
+  recipientIds: string[]
+  onSuccess: (conversationId: ConversationResource['id']) => void
+}
+
+export function useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess }: Props) {
+  const apiClient = useApiClient()
+  const [isFinding, setIsFinding] = useState(false)
+  const [isError, setIsError] = useState(false)
+
+  const { data } = useQuery({
+    queryKey: ['chat', '/me/conversations', 'with_exact_direct_message_participants', recipientIds],
+    queryFn: () => findDirectMessageConversation(apiClient, recipientIds),
+    enabled: recipientIds.length > 0,
+  })
+
+  const directMessageExists = (data?.data.length ?? 0) > 0
+
+  const findOrCreateConversation = useCallback(
+    async (participantIds: string[]) => {
+      setIsFinding(true)
+      setIsError(false)
+      try {
+        const findResponse = await findDirectMessageConversation(apiClient, participantIds)
+        if (findResponse.data.length > 0) {
+          onSuccess(findResponse.data[0].id)
+        } else {
+          const createResponse = await createDirectMessageConversation(apiClient, participantIds)
+          onSuccess(createResponse.data.id)
+        }
+      } catch {
+        setIsError(true)
+        setIsFinding(false)
+      }
+    },
+    [apiClient, onSuccess]
+  )
+
+  return { findOrCreateConversation, directMessageExists, isFinding, isError }
+}

package/src/hooks/index.ts

@@ -8,6 +8,7 @@ export * from './use_chat_permissions'
 export * from './use_create_android_ripple_color'
 export * from './use_current_person'
 export * from './use_deleting_ids'
+export * from './use_direct_messages_enabled'
 export * from './use_font_scale'
 export * from './use_groups_groups'
 export * from './use_groups'

package/src/hooks/use_direct_messages_enabled.ts

@@ -0,0 +1,23 @@
+import { useQuery } from '@tanstack/react-query'
+import { ApiCollection } from '../types'
+import type { FeatureResource } from '../types/resources/feature_resource'
+import { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'
+import { useApiClient } from './use_api_client'
+import { availableFeatures } from './use_features'
+
+export function useDirectMessagesEnabled(): boolean {
+  const apiClient = useApiClient()
+  const { data, isFetched } = useQuery<ApiCollection<FeatureResource>>({
+    queryKey: getFeaturesQueryKey(),
+    queryFn: () => apiClient.chat.get<ApiCollection<FeatureResource>>(getFeaturesRequestArgs()),
+    staleTime: 1000 * 60 * 5,
+  })
+
+  if (!isFetched) return false
+
+  return (
+    data?.data.some(
+      feature => feature.name === availableFeatures.direct_messages_eap && feature.enabled
+    ) ?? false
+  )
+}

package/src/hooks/use_features.ts

@@ -42,6 +42,7 @@ export const availableFeatures = {
   custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',
   conversation_safety_lock: 'ROLLOUT_conversation_safety_lock',
   video_moderation: 'ROLLOUT_MOBILE_video_moderation',
+  direct_messages_eap: 'ROLLOUT_direct_messages_eap',
 } as const satisfies Record<string, `ROLLOUT_${string}`>
 
 const stableEmptyFeatures: ApiCollection<FeatureResource> = {

package/src/navigation/index.tsx

@@ -12,7 +12,7 @@ import {
   HeaderDoneButton,
   HeaderTextButton,
 } from '../components/display/platform_modal_header_buttons'
-import { useQualifiedByAge } from '../hooks'
+import { useDirectMessagesEnabled, useQualifiedByAge } from '../hooks'
 import {
   AttachmentActionsScreen,
   AttachmentActionsScreenOptions,
@@ -48,6 +48,7 @@ import {
   ConversationScreenTitle,
 } from '../screens/conversation_screen'
 import { ConversationNewEntryScreen } from '../screens/conversation_select_recipients/conversation_new_entry_screen'
+import { ConversationSelectDirectMessageRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen'
 import { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'
 import { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'
 import { ConversationSelectRecipientsParams } from '../screens/conversation_select_recipients/types/screen_props'
@@ -131,6 +132,20 @@ export const NewConversationStack = createNativeStackNavigator({
         ),
       }),
     },
+    ConversationSelectDirectMessageRecipients: {
+      screen: ConversationSelectDirectMessageRecipientsScreen,
+      if: useDirectMessagesEnabled,
+      options: ({ navigation, route }) => ({
+        title: 'New conversation',
+        headerRight: (props: NativeStackHeaderRightProps) => (
+          <HeaderTextButton
+            {...props}
+            onPress={() => navigation.popTo('Conversations', route.params)}
+            title="Cancel"
+          />
+        ),
+      }),
+    },
     ConversationFilterRecipients: {
       screen: ConversationFilterRecipientsScreen,
       options: ConversationFilterReceipientsScreenOptions,

package/src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import { StyleSheet, View } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Heading, Text } from '../../components'
+import { ConversationSelectRecipientsScreenProps } from './types/screen_props'
+
+export function ConversationSelectDirectMessageRecipientsScreen(
+  _props: ConversationSelectRecipientsScreenProps
+) {
+  const styles = useStyles()
+
+  return (
+    <View style={styles.container}>
+      <Heading variant="h2">New direct message</Heading>
+      <Text variant="secondary">Coming soon</Text>
+    </View>
+  )
+}
+
+const useStyles = () => {
+  const { bottom } = useSafeAreaInsets()
+
+  return StyleSheet.create({
+    container: {
+      flex: 1,
+      padding: 16,
+      paddingBottom: 16 + bottom,
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8,
+    },
+  })
+}

package/src/screens/conversation_select_type_screen.tsx

@@ -1,6 +1,7 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React from 'react'
 import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'
+import { availableFeatures, useFeatures } from '../hooks/use_features'
 import { useNewConversationEntry } from '../hooks/use_new_conversation_entry'
 import type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'
 import { AppName } from '../types/resources/app_name'
@@ -17,15 +18,22 @@ export type ConversationSelectTypeScreenProps = StaticScreenProps<{
   newConversationFromFilter?: NewConversationFromFilter
 }>
 
+type NewConversationTypeScreen =
+  | 'ConversationSelectGroupRecipients'
+  | 'ConversationSelectTeamsILeadRecipients'
+  | 'ConversationSelectDirectMessageRecipients'
+
 export function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {
   const navigation = useNavigation()
   const entryMode = useNewConversationEntry()
+  const { featureEnabled } = useFeatures()
   const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =
     route.params || {}
 
   const filterParams = { chat_group_graph_id, group_source_app_name }
   const canCreateGroups = entryMode === 'select_type' || entryMode === 'groups'
   const canCreateTeams = entryMode === 'select_type' || entryMode === 'teams'
+  const canCreateDMs = featureEnabled(availableFeatures.direct_messages_eap)
 
   const handleFilterPress = () => {
     if (!newConversationFromFilter) return
@@ -55,27 +63,17 @@ export function ConversationSelectTypeScreen({ route }: ConversationSelectTypeSc
     })
   }
 
-  const handleGroupPress = () => {
+  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {
     Haptic.impactLight()
     navigation.goBack()
-    requestAnimationFrame(() => {
-      navigation.navigate('New', {
-        screen: 'ConversationSelectGroupRecipients',
-        params: filterParams,
-      })
-    })
+    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))
   }
 
-  const handleTeamPress = () => {
-    Haptic.impactLight()
-    navigation.goBack()
-    requestAnimationFrame(() => {
-      navigation.navigate('New', {
-        screen: 'ConversationSelectTeamsILeadRecipients',
-        params: filterParams,
-      })
-    })
-  }
+  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')
+  const handleTeamPress = () =>
+    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')
+  const handleDirectMessagePress = () =>
+    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')
 
   return (
     <FormSheet.Root>
@@ -103,6 +101,13 @@ export function ConversationSelectTypeScreen({ route }: ConversationSelectTypeSc
           accessibilityHint="Opens team selection screen"
         />
       )}
+      {canCreateDMs && (
+        <FormSheet.Action
+          title="Direct message"
+          onPress={handleDirectMessagePress}
+          accessibilityHint="Opens direct message recipient selection screen"
+        />
+      )}
     </FormSheet.Root>
   )
 }

package/src/types/resources/direct_message_affiliations.ts

@@ -0,0 +1,8 @@
+import { ResourceObject } from '../api_primitives'
+
+export interface DirectMessageAffiliationsResource extends ResourceObject {
+  type: 'DirectMessageAffiliations'
+  id: string
+  groups: Record<string, string>
+  teams: Record<string, string>
+}

package/src/types/resources/direct_message_candidate.ts

@@ -0,0 +1,12 @@
+import { ResourceObject } from '../api_primitives'
+
+export interface DirectMessageCandidateResource extends ResourceObject {
+  type: 'DirectMessageCandidate'
+  id: string
+  name: string
+  avatar: string
+  groups: number[]
+  teams: number[]
+  under_18: boolean
+  directMessagesDisabled: boolean
+}

package/src/types/resources/index.ts

@@ -1,4 +1,6 @@
 export * from './analytics_metadata'
+export * from './direct_message_affiliations'
+export * from './direct_message_candidate'
 export * from './conversation'
 export * from './conversation_membership'
 export * from './conversation_validate'