@planningcenter/chat-react-native 3.39.0-rc.0 → 3.39.0-rc.2

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

@@ -0,0 +1,5 @@
+export declare function useDirectMessageAffiliations(): {
+    groups: Map<number, string>;
+    teams: Map<number, string>;
+};
+//# sourceMappingURL=use_direct_message_affiliations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_direct_message_affiliations.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_direct_message_affiliations.ts"],"names":[],"mappings":"AAMA,wBAAgB,4BAA4B;;;EAgC3C"}

package/build/hooks/direct_messages/use_direct_message_affiliations.js

@@ -0,0 +1,20 @@
+import { useQuery } from '@tanstack/react-query';
+import { useMemo } from 'react';
+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'] },
+            },
+        }),
+        staleTime: 5 * 60 * 1000,
+    });
+    const groups = useMemo(() => new Map(Object.entries(data?.data?.groups ?? {}).map(([id, name]) => [+id, name])), [data]);
+    const teams = useMemo(() => new Map(Object.entries(data?.data?.teams ?? {}).map(([id, name]) => [+id, name])), [data]);
+    return { groups, teams };
+}
+//# sourceMappingURL=use_direct_message_affiliations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_direct_message_affiliations.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_direct_message_affiliations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,UAAU,4BAA4B;IAC1C,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,iCAAiC,CAAC;QACrD,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YACjB,GAAG,EAAE,iCAAiC;YACtC,IAAI,EAAE;gBACJ,MAAM,EAAE,EAAE,yBAAyB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE;aAC3D;SACF,CAA4D;QAC/D,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI;KACzB,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,IAAI,GAAG,CACL,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAC1E,EACH,CAAC,IAAI,CAAC,CACP,CAAA;IAED,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CACH,IAAI,GAAG,CACL,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CACzE,EACH,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { ApiResource } from '../../types'\nimport { DirectMessageAffiliationsResource } from '../../types/resources/direct_message_affiliations'\nimport { useApiClient } from '../use_api_client'\n\nexport function useDirectMessageAffiliations() {\n  const apiClient = useApiClient()\n\n  const { data } = useQuery({\n    queryKey: ['chat', '/me/direct_message_affiliations'],\n    queryFn: () =>\n      apiClient.chat.get({\n        url: '/me/direct_message_affiliations',\n        data: {\n          fields: { DirectMessageAffiliations: ['groups', 'teams'] },\n        },\n      }) as Promise<ApiResource<DirectMessageAffiliationsResource>>,\n    staleTime: 5 * 60 * 1000,\n  })\n\n  const groups = useMemo(\n    () =>\n      new Map<number, string>(\n        Object.entries(data?.data?.groups ?? {}).map(([id, name]) => [+id, name])\n      ),\n    [data]\n  )\n\n  const teams = useMemo(\n    () =>\n      new Map<number, string>(\n        Object.entries(data?.data?.teams ?? {}).map(([id, name]) => [+id, name])\n      ),\n    [data]\n  )\n\n  return { groups, teams }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import { ApiCollection } from '../../types';
+import { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate';
+export declare function useDirectMessageCandidates(term: string): import("@tanstack/react-query").UseQueryResult<ApiCollection<DirectMessageCandidateResource>, Error>;
+//# sourceMappingURL=use_direct_message_candidates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_direct_message_candidates.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_direct_message_candidates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAA;AAG/F,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,wGAyBtD"}

package/build/hooks/direct_messages/use_direct_message_candidates.js

@@ -0,0 +1,28 @@
+import { useQuery } from '@tanstack/react-query';
+import { useApiClient } from '../use_api_client';
+export function useDirectMessageCandidates(term) {
+    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',
+                    ],
+                },
+            },
+        }),
+        enabled: term.length >= 1,
+        staleTime: 1000 * 60,
+        throwOnError: true,
+    });
+}
+//# sourceMappingURL=use_direct_message_candidates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_direct_message_candidates.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_direct_message_candidates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,UAAU,0BAA0B,CAAC,IAAY;IACrD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,MAAM,EAAE,+BAA+B,EAAE,IAAI,CAAC;QACzD,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YACjB,GAAG,EAAE,+BAA+B;YACpC,IAAI,EAAE;gBACJ,CAAC,EAAE,IAAI;gBACP,MAAM,EAAE;oBACN,sBAAsB,EAAE;wBACtB,MAAM;wBACN,QAAQ;wBACR,QAAQ;wBACR,OAAO;wBACP,UAAU;wBACV,0BAA0B;qBAC3B;iBACF;aACF;SACF,CAA2D;QAC9D,OAAO,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC;QACzB,SAAS,EAAE,IAAI,GAAG,EAAE;QACpB,YAAY,EAAE,IAAI;KACnB,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { ApiCollection } from '../../types'\nimport { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'\nimport { useApiClient } from '../use_api_client'\n\nexport function useDirectMessageCandidates(term: string) {\n  const apiClient = useApiClient()\n  return useQuery({\n    queryKey: ['chat', '/me/direct_message_candidates', term],\n    queryFn: () =>\n      apiClient.chat.get({\n        url: '/me/direct_message_candidates',\n        data: {\n          q: term,\n          fields: {\n            DirectMessageCandidate: [\n              'name',\n              'avatar',\n              'groups',\n              'teams',\n              'under_18',\n              'direct_messages_disabled',\n            ],\n          },\n        },\n      }) as Promise<ApiCollection<DirectMessageCandidateResource>>,\n    enabled: term.length >= 1,\n    staleTime: 1000 * 60,\n    throwOnError: true,\n  })\n}\n"]}

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

@@ -0,0 +1,11 @@
+import { ConversationWarning } from '../../types';
+interface Props {
+    recipientIds: string[];
+    enabled?: boolean;
+}
+export declare function useDirectMessageConversationValidate({ recipientIds, enabled }: Props): {
+    warnings: ConversationWarning[];
+    validationPending: boolean;
+};
+export {};
+//# sourceMappingURL=use_direct_message_conversation_validate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_direct_message_conversation_validate.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_direct_message_conversation_validate.ts"],"names":[],"mappings":"AACA,OAAO,EAA6C,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAG5F,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,oCAAoC,CAAC,EAAE,YAAY,EAAE,OAAc,EAAE,EAAE,KAAK;;;EAyB3F"}

package/build/hooks/direct_messages/use_direct_message_conversation_validate.js

@@ -0,0 +1,25 @@
+import { useQuery } from '@tanstack/react-query';
+import { useApiClient } from '../use_api_client';
+export function useDirectMessageConversationValidate({ recipientIds, enabled = true }) {
+    const apiClient = useApiClient();
+    const { data, isLoading } = useQuery({
+        queryKey: ['chat', '/me/conversation_validate', { recipient_ids: recipientIds }],
+        queryFn: () => apiClient.chat.post({
+            url: '/me/conversation_validate',
+            data: {
+                data: {
+                    type: 'ConversationValidate',
+                    attributes: { recipient_ids: recipientIds },
+                },
+            },
+        }),
+        enabled: enabled && recipientIds.length > 0,
+        retry: false,
+    });
+    const warnings = data?.data.warnings ?? [];
+    return {
+        warnings,
+        validationPending: enabled && recipientIds.length > 0 && isLoading,
+    };
+}
+//# sourceMappingURL=use_direct_message_conversation_validate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_direct_message_conversation_validate.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_direct_message_conversation_validate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,MAAM,UAAU,oCAAoC,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAS;IAC1F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,2BAA2B,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;QAChF,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,IAAI,CAA4C;YAC7D,GAAG,EAAE,2BAA2B;YAChC,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,sBAAsB;oBAC5B,UAAU,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;iBAC5C;aACF;SACF,CAAC;QACJ,OAAO,EAAE,OAAO,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC;QAC3C,KAAK,EAAE,KAAK;KACb,CAAC,CAAA;IAEF,MAAM,QAAQ,GAA0B,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IAEjE,OAAO;QACL,QAAQ;QACR,iBAAiB,EAAE,OAAO,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS;KACnE,CAAA;AACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { ApiResource, ConversationValidateResource, ConversationWarning } from '../../types'\nimport { useApiClient } from '../use_api_client'\n\ninterface Props {\n  recipientIds: string[]\n  enabled?: boolean\n}\n\nexport function useDirectMessageConversationValidate({ recipientIds, enabled = true }: Props) {\n  const apiClient = useApiClient()\n\n  const { data, isLoading } = useQuery({\n    queryKey: ['chat', '/me/conversation_validate', { recipient_ids: recipientIds }],\n    queryFn: () =>\n      apiClient.chat.post<ApiResource<ConversationValidateResource>>({\n        url: '/me/conversation_validate',\n        data: {\n          data: {\n            type: 'ConversationValidate',\n            attributes: { recipient_ids: recipientIds },\n          },\n        },\n      }),\n    enabled: enabled && recipientIds.length > 0,\n    retry: false,\n  })\n\n  const warnings: ConversationWarning[] = data?.data.warnings ?? []\n\n  return {\n    warnings,\n    validationPending: enabled && recipientIds.length > 0 && isLoading,\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { ConversationResource } from '../../types';
+interface Props {
+    recipientIds: string[];
+    onSuccess: (conversationId: ConversationResource['id']) => void;
+}
+export declare function useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess }: Props): {
+    findOrCreateConversation: (participantIds: string[]) => Promise<void>;
+    directMessageExists: boolean;
+    isFinding: boolean;
+    isError: boolean;
+};
+export {};
+//# sourceMappingURL=use_find_or_create_direct_message_conversation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_find_or_create_direct_message_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_find_or_create_direct_message_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAwB9E,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,SAAS,EAAE,CAAC,cAAc,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;CAChE;AAED,wBAAgB,wCAAwC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK;+CAchE,MAAM,EAAE;;;;EAoBlC"}

package/build/hooks/direct_messages/use_find_or_create_direct_message_conversation.js

@@ -0,0 +1,51 @@
+import { useQuery } from '@tanstack/react-query';
+import { useState, useCallback } from 'react';
+import { useApiClient } from '../use_api_client';
+const findDirectMessageConversation = (apiClient, participantIds) => apiClient.chat.get({
+    url: '/me/conversations',
+    data: {
+        fields: { Conversation: ['title'] },
+        filter: 'with_exact_direct_message_participants',
+        participant_ids: participantIds.join(','),
+    },
+});
+const createDirectMessageConversation = (apiClient, ids) => apiClient.chat.post({
+    url: '/me/direct_messages',
+    data: {
+        data: {
+            type: 'DirectMessage',
+            attributes: { recipients: ids },
+        },
+    },
+});
+export function useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess }) {
+    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) => {
+        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 };
+}
+//# sourceMappingURL=use_find_or_create_direct_message_conversation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_find_or_create_direct_message_conversation.js","sourceRoot":"","sources":["../../../src/hooks/direct_messages/use_find_or_create_direct_message_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAE3D,MAAM,6BAA6B,GAAG,CAAC,SAAoB,EAAE,cAAwB,EAAE,EAAE,CACvF,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;IACjB,GAAG,EAAE,mBAAmB;IACxB,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,YAAY,EAAE,CAAC,OAAO,CAAC,EAAE;QACnC,MAAM,EAAE,wCAAwC;QAChD,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KAC1C;CACF,CAAiD,CAAA;AAEpD,MAAM,+BAA+B,GAAG,CAAC,SAAoB,EAAE,GAAa,EAAE,EAAE,CAC9E,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;IAClB,GAAG,EAAE,qBAAqB;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,UAAU,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;SAChC;KACF;CACF,CAA+C,CAAA;AAOlD,MAAM,UAAU,wCAAwC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAS;IACzF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,wCAAwC,EAAE,YAAY,CAAC;QAC/F,OAAO,EAAE,GAAG,EAAE,CAAC,6BAA6B,CAAC,SAAS,EAAE,YAAY,CAAC;QACrE,OAAO,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC;KACjC,CAAC,CAAA;IAEF,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;IAExD,MAAM,wBAAwB,GAAG,WAAW,CAC1C,KAAK,EAAE,cAAwB,EAAE,EAAE;QACjC,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,CAAC;YACH,MAAM,YAAY,GAAG,MAAM,6BAA6B,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;YACnF,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACjC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;YACpC,CAAC;iBAAM,CAAC;gBACN,MAAM,cAAc,GAAG,MAAM,+BAA+B,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;gBACvF,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACnC,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACvB,CAAA;IAED,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAC9E,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useState, useCallback } from 'react'\nimport { ApiCollection, ApiResource, ConversationResource } from '../../types'\nimport { ApiClient, useApiClient } from '../use_api_client'\n\nconst findDirectMessageConversation = (apiClient: ApiClient, participantIds: string[]) =>\n  apiClient.chat.get({\n    url: '/me/conversations',\n    data: {\n      fields: { Conversation: ['title'] },\n      filter: 'with_exact_direct_message_participants',\n      participant_ids: participantIds.join(','),\n    },\n  }) as Promise<ApiCollection<ConversationResource>>\n\nconst createDirectMessageConversation = (apiClient: ApiClient, ids: string[]) =>\n  apiClient.chat.post({\n    url: '/me/direct_messages',\n    data: {\n      data: {\n        type: 'DirectMessage',\n        attributes: { recipients: ids },\n      },\n    },\n  }) as Promise<ApiResource<ConversationResource>>\n\ninterface Props {\n  recipientIds: string[]\n  onSuccess: (conversationId: ConversationResource['id']) => void\n}\n\nexport function useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess }: Props) {\n  const apiClient = useApiClient()\n  const [isFinding, setIsFinding] = useState(false)\n  const [isError, setIsError] = useState(false)\n\n  const { data } = useQuery({\n    queryKey: ['chat', '/me/conversations', 'with_exact_direct_message_participants', recipientIds],\n    queryFn: () => findDirectMessageConversation(apiClient, recipientIds),\n    enabled: recipientIds.length > 0,\n  })\n\n  const directMessageExists = (data?.data.length ?? 0) > 0\n\n  const findOrCreateConversation = useCallback(\n    async (participantIds: string[]) => {\n      setIsFinding(true)\n      setIsError(false)\n      try {\n        const findResponse = await findDirectMessageConversation(apiClient, participantIds)\n        if (findResponse.data.length > 0) {\n          onSuccess(findResponse.data[0].id)\n        } else {\n          const createResponse = await createDirectMessageConversation(apiClient, participantIds)\n          onSuccess(createResponse.data.id)\n        }\n      } catch {\n        setIsError(true)\n        setIsFinding(false)\n      }\n    },\n    [apiClient, onSuccess]\n  )\n\n  return { findOrCreateConversation, directMessageExists, isFinding, isError }\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props';
-export declare function ConversationSelectDirectMessageRecipientsScreen(_props: ConversationSelectRecipientsScreenProps): React.JSX.Element;
+export declare function ConversationSelectDirectMessageRecipientsScreen(_props: ConversationSelectRecipientsScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=conversation_select_direct_message_recipients_screen.d.ts.map

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_direct_message_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAE9E,wBAAgB,+CAA+C,CAC7D,MAAM,EAAE,uCAAuC,qBAUhD"}
+{"version":3,"file":"conversation_select_direct_message_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAI9E,wBAAgB,+CAA+C,CAC7D,MAAM,EAAE,uCAAuC,+BAwDhD"}

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -1,25 +1,261 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { PlatformPressable } from '@react-navigation/elements';
+import { useEffect, useState } from 'react';
+import { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Heading, Text } from '../../components';
+import { Avatar, Banner, Icon, Spinner, Text } from '../../components';
+import { ComponentErrorBoundary } from '../../components/page/component_error_boundary';
+import { useTheme } from '../../hooks';
+import { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates';
+const MAX_RECIPIENTS = 9;
 export function ConversationSelectDirectMessageRecipientsScreen(_props) {
     const styles = useStyles();
+    const [searchTerm, setSearchTerm] = useState('');
+    const [debouncedTerm, setDebouncedTerm] = useState('');
+    const [selectedPeople, setSelectedPeople] = useState(new Map());
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200);
+        return () => clearTimeout(timer);
+    }, [searchTerm]);
+    const selectPerson = (person) => {
+        if (selectedPeople.size >= MAX_RECIPIENTS)
+            return;
+        setSelectedPeople(prev => new Map(prev).set(person.id, person));
+        setSearchTerm('');
+        setDebouncedTerm('');
+    };
+    const removePerson = (id) => {
+        setSelectedPeople(prev => {
+            const next = new Map(prev);
+            next.delete(id);
+            return next;
+        });
+    };
     return (<View style={styles.container}>
-      <Heading variant="h2">New direct message</Heading>
-      <Text variant="secondary">Coming soon</Text>
+      <ToField selectedPeople={selectedPeople} searchTerm={searchTerm} onSearchChange={setSearchTerm} onRemove={removePerson} onClear={() => setSelectedPeople(new Map())}/>
+      <ComponentErrorBoundary key={debouncedTerm} fallback={<Banner appearance="error" description="Couldn't load people right now. Try again." style={styles.errorBanner}/>}>
+        <CandidateResults term={debouncedTerm} selectedPeople={selectedPeople} onSelect={selectPerson}/>
+      </ComponentErrorBoundary>
     </View>);
 }
+function ToField({ selectedPeople, searchTerm, onSearchChange, onRemove, onClear, }) {
+    const styles = useStyles();
+    const { colors } = useTheme();
+    const hasSelections = selectedPeople.size > 0;
+    return (<View style={styles.toField}>
+      <View style={styles.toFieldHeader}>
+        <Text style={styles.toLabel}>To</Text>
+        {hasSelections && (<Pressable onPress={onClear} hitSlop={8}>
+            <Text style={styles.clearButton}>Clear</Text>
+          </Pressable>)}
+      </View>
+      <View style={styles.toInputArea}>
+        {[...selectedPeople.values()].map(person => (<PersonChip key={person.id} person={person} onRemove={onRemove}/>))}
+        <TextInput autoFocus placeholder="Search" placeholderTextColor={colors.textColorDefaultPlaceholder} value={searchTerm} onChangeText={onSearchChange} style={styles.toTextInput} returnKeyType="search"/>
+      </View>
+    </View>);
+}
+function PersonChip({ person, onRemove, }) {
+    const styles = useStyles();
+    return (<View style={styles.chip}>
+      <Avatar sourceUri={person.avatar} size="sm" showFallback/>
+      <Text style={styles.chipName}>{person.name}</Text>
+      <Pressable onPress={() => onRemove(person.id)} hitSlop={8} accessibilityLabel={`Remove ${person.name}`}>
+        <Icon name="general.x" size={12} style={styles.chipRemoveIcon}/>
+      </Pressable>
+    </View>);
+}
+function CandidateResults({ term, selectedPeople, onSelect, }) {
+    const styles = useStyles();
+    const { data, isFetching } = useDirectMessageCandidates(term);
+    if (term.length < 1) {
+        if (selectedPeople.size > 0)
+            return null;
+        return (<View style={styles.emptyState}>
+        <Icon name="churchCenter.people" size={40} style={styles.emptyStateIcon}/>
+        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>
+        <Text variant="secondary" style={styles.emptyStateSubtitle}>
+          Start a conversation with people in your groups and teams.
+        </Text>
+      </View>);
+    }
+    if (selectedPeople.size >= MAX_RECIPIENTS) {
+        return (<View style={styles.emptyState}>
+        <Text variant="secondary" style={styles.emptyStateSubtitle}>
+          You can add up to {MAX_RECIPIENTS} people to a direct message.
+        </Text>
+      </View>);
+    }
+    const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id));
+    if (isFetching && unselectedCandidates.length === 0) {
+        return (<View style={styles.emptyState}>
+        <Spinner />
+      </View>);
+    }
+    if (!isFetching && unselectedCandidates.length === 0) {
+        return (<View style={styles.emptyState}>
+        <Icon name="general.search" size={32} style={styles.emptyStateIcon}/>
+        <Text style={styles.emptyStateTitle}>No matches for "{term}"</Text>
+        <Text variant="secondary" style={styles.emptyStateSubtitle}>
+          Try a different name, or check that you share a group or team with them.
+        </Text>
+      </View>);
+    }
+    const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0);
+    return (<CandidateList candidates={unselectedCandidates} hasTruncated={hasTruncated} onSelect={onSelect}/>);
+}
+function CandidateList({ candidates, hasTruncated, onSelect, }) {
+    const styles = useStyles();
+    const available = candidates.filter(c => !c.directMessagesDisabled);
+    const dmDisabled = candidates.filter(c => c.directMessagesDisabled);
+    return (<FlatList data={available} keyExtractor={item => item.id} renderItem={({ item }) => <CandidateItem candidate={item} onPress={() => onSelect(item)}/>} ListHeaderComponent={<View style={styles.resultsHeader}>
+          <Text style={styles.resultsHeading}>Results</Text>
+        </View>} ListFooterComponent={<>
+          {dmDisabled.length > 0 && (<>
+              <View style={styles.unavailableHeader}>
+                <Text variant="secondary" style={styles.unavailableLabel}>
+                  Unavailable for direct messages
+                </Text>
+              </View>
+              {dmDisabled.map(candidate => (<CandidateItem key={candidate.id} candidate={candidate} disabled/>))}
+            </>)}
+          {hasTruncated && (<View style={styles.truncatedFooter}>
+              <Text variant="secondary" style={styles.truncatedText}>
+                Keep typing to narrow your results.
+              </Text>
+            </View>)}
+        </>}/>);
+}
+function CandidateItem({ candidate, onPress, disabled = false, }) {
+    const styles = useStyles();
+    return (<PlatformPressable onPress={disabled ? undefined : onPress} accessibilityRole="button" accessibilityLabel={`Select ${candidate.name}`} accessibilityState={{ disabled }}>
+      <View style={[styles.row, disabled && styles.candidateDisabled]}>
+        <Avatar sourceUri={candidate.avatar} size="lg" showFallback/>
+        <Text style={styles.rowName}>{candidate.name}</Text>
+      </View>
+    </PlatformPressable>);
+}
 const useStyles = () => {
     const { bottom } = useSafeAreaInsets();
+    const { colors } = useTheme();
     return StyleSheet.create({
         container: {
             flex: 1,
-            padding: 16,
-            paddingBottom: 16 + bottom,
+            paddingBottom: bottom,
+        },
+        toField: {
+            paddingHorizontal: 16,
+            paddingTop: 16,
+            paddingBottom: 8,
+        },
+        toFieldHeader: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: 8,
+        },
+        toLabel: {
+            fontWeight: '600',
+            color: colors.textColorDefaultSecondary,
+        },
+        clearButton: {
+            color: colors.interaction,
+        },
+        toInputArea: {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
             alignItems: 'center',
-            justifyContent: 'center',
+            gap: 6,
+            borderWidth: 1,
+            borderColor: colors.borderColorDefaultBase,
+            borderRadius: 8,
+            paddingHorizontal: 10,
+            paddingVertical: 8,
+        },
+        toTextInput: {
+            flex: 1,
+            minWidth: 80,
+            color: colors.textColorDefaultPrimary,
+            fontSize: 16,
+            paddingVertical: 2,
+        },
+        chip: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 4,
+            borderWidth: 1,
+            borderColor: colors.borderColorDefaultBase,
+            borderRadius: 100,
+            paddingLeft: 4,
+            paddingRight: 6,
+            paddingVertical: 3,
+        },
+        chipName: {
+            fontSize: 14,
+        },
+        chipRemoveIcon: {
+            color: colors.iconColorDefaultSecondary,
+        },
+        errorBanner: {
+            margin: 16,
+        },
+        emptyState: {
+            alignItems: 'center',
+            paddingTop: 32,
+            paddingHorizontal: 32,
             gap: 8,
         },
+        emptyStateIcon: {
+            color: colors.iconColorDefaultSecondary,
+            marginBottom: 4,
+        },
+        emptyStateTitle: {
+            fontWeight: '600',
+            textAlign: 'center',
+        },
+        emptyStateSubtitle: {
+            textAlign: 'center',
+            fontSize: 14,
+        },
+        row: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12,
+            paddingHorizontal: 16,
+            paddingVertical: 12,
+            borderBottomWidth: 1,
+            borderColor: colors.fillColorNeutral050Base,
+        },
+        rowName: {
+            flex: 1,
+        },
+        candidateDisabled: {
+            opacity: 0.5,
+        },
+        resultsHeader: {
+            paddingHorizontal: 16,
+            paddingTop: 16,
+            paddingBottom: 8,
+        },
+        resultsHeading: {
+            fontWeight: '600',
+        },
+        unavailableHeader: {
+            paddingHorizontal: 16,
+            paddingTop: 16,
+            paddingBottom: 8,
+        },
+        unavailableLabel: {
+            fontSize: 13,
+        },
+        truncatedFooter: {
+            paddingHorizontal: 16,
+            paddingTop: 12,
+            paddingBottom: 8,
+        },
+        truncatedText: {
+            fontSize: 13,
+            textAlign: 'center',
+        },
     });
 };
 //# sourceMappingURL=conversation_select_direct_message_recipients_screen.js.map

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_direct_message_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGhD,MAAM,UAAU,+CAA+C,CAC7D,MAA+C;IAE/C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CACjD;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAC7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,EAAE,GAAG,MAAM;YAC1B,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,GAAG,EAAE,CAAC;SACP;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Heading, Text } from '../../components'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nexport function ConversationSelectDirectMessageRecipientsScreen(\n  _props: ConversationSelectRecipientsScreenProps\n) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Heading variant=\"h2\">New direct message</Heading>\n      <Text variant=\"secondary\">Coming soon</Text>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 16,\n      paddingBottom: 16 + bottom,\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_select_direct_message_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { useEffect, useState } from 'react'\nimport { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Banner, Icon, Spinner, Text } from '../../components'\nimport { ComponentErrorBoundary } from '../../components/page/component_error_boundary'\nimport { useTheme } from '../../hooks'\nimport { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates'\nimport { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst MAX_RECIPIENTS = 9\n\nexport function ConversationSelectDirectMessageRecipientsScreen(\n  _props: ConversationSelectRecipientsScreenProps\n) {\n  const styles = useStyles()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [debouncedTerm, setDebouncedTerm] = useState('')\n  const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(\n    new Map()\n  )\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200)\n    return () => clearTimeout(timer)\n  }, [searchTerm])\n\n  const selectPerson = (person: DirectMessageCandidateResource) => {\n    if (selectedPeople.size >= MAX_RECIPIENTS) return\n    setSelectedPeople(prev => new Map(prev).set(person.id, person))\n    setSearchTerm('')\n    setDebouncedTerm('')\n  }\n\n  const removePerson = (id: string) => {\n    setSelectedPeople(prev => {\n      const next = new Map(prev)\n      next.delete(id)\n      return next\n    })\n  }\n\n  return (\n    <View style={styles.container}>\n      <ToField\n        selectedPeople={selectedPeople}\n        searchTerm={searchTerm}\n        onSearchChange={setSearchTerm}\n        onRemove={removePerson}\n        onClear={() => setSelectedPeople(new Map())}\n      />\n      <ComponentErrorBoundary\n        key={debouncedTerm}\n        fallback={\n          <Banner\n            appearance=\"error\"\n            description=\"Couldn't load people right now. Try again.\"\n            style={styles.errorBanner}\n          />\n        }\n      >\n        <CandidateResults\n          term={debouncedTerm}\n          selectedPeople={selectedPeople}\n          onSelect={selectPerson}\n        />\n      </ComponentErrorBoundary>\n    </View>\n  )\n}\n\nfunction ToField({\n  selectedPeople,\n  searchTerm,\n  onSearchChange,\n  onRemove,\n  onClear,\n}: {\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  searchTerm: string\n  onSearchChange: (term: string) => void\n  onRemove: (id: string) => void\n  onClear: () => void\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const hasSelections = selectedPeople.size > 0\n\n  return (\n    <View style={styles.toField}>\n      <View style={styles.toFieldHeader}>\n        <Text style={styles.toLabel}>To</Text>\n        {hasSelections && (\n          <Pressable onPress={onClear} hitSlop={8}>\n            <Text style={styles.clearButton}>Clear</Text>\n          </Pressable>\n        )}\n      </View>\n      <View style={styles.toInputArea}>\n        {[...selectedPeople.values()].map(person => (\n          <PersonChip key={person.id} person={person} onRemove={onRemove} />\n        ))}\n        <TextInput\n          autoFocus\n          placeholder=\"Search\"\n          placeholderTextColor={colors.textColorDefaultPlaceholder}\n          value={searchTerm}\n          onChangeText={onSearchChange}\n          style={styles.toTextInput}\n          returnKeyType=\"search\"\n        />\n      </View>\n    </View>\n  )\n}\n\nfunction PersonChip({\n  person,\n  onRemove,\n}: {\n  person: DirectMessageCandidateResource\n  onRemove: (id: string) => void\n}) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.chip}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" showFallback />\n      <Text style={styles.chipName}>{person.name}</Text>\n      <Pressable\n        onPress={() => onRemove(person.id)}\n        hitSlop={8}\n        accessibilityLabel={`Remove ${person.name}`}\n      >\n        <Icon name=\"general.x\" size={12} style={styles.chipRemoveIcon} />\n      </Pressable>\n    </View>\n  )\n}\n\nfunction CandidateResults({\n  term,\n  selectedPeople,\n  onSelect,\n}: {\n  term: string\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const { data, isFetching } = useDirectMessageCandidates(term)\n\n  if (term.length < 1) {\n    if (selectedPeople.size > 0) return null\n\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"churchCenter.people\" size={40} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Start a conversation with people in your groups and teams.\n        </Text>\n      </View>\n    )\n  }\n\n  if (selectedPeople.size >= MAX_RECIPIENTS) {\n    return (\n      <View style={styles.emptyState}>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          You can add up to {MAX_RECIPIENTS} people to a direct message.\n        </Text>\n      </View>\n    )\n  }\n\n  const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))\n\n  if (isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (!isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"general.search\" size={32} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>No matches for \"{term}\"</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Try a different name, or check that you share a group or team with them.\n        </Text>\n      </View>\n    )\n  }\n\n  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)\n\n  return (\n    <CandidateList\n      candidates={unselectedCandidates}\n      hasTruncated={hasTruncated}\n      onSelect={onSelect}\n    />\n  )\n}\n\nfunction CandidateList({\n  candidates,\n  hasTruncated,\n  onSelect,\n}: {\n  candidates: DirectMessageCandidateResource[]\n  hasTruncated: boolean\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const available = candidates.filter(c => !c.directMessagesDisabled)\n  const dmDisabled = candidates.filter(c => c.directMessagesDisabled)\n\n  return (\n    <FlatList<DirectMessageCandidateResource>\n      data={available}\n      keyExtractor={item => item.id}\n      renderItem={({ item }) => <CandidateItem candidate={item} onPress={() => onSelect(item)} />}\n      ListHeaderComponent={\n        <View style={styles.resultsHeader}>\n          <Text style={styles.resultsHeading}>Results</Text>\n        </View>\n      }\n      ListFooterComponent={\n        <>\n          {dmDisabled.length > 0 && (\n            <>\n              <View style={styles.unavailableHeader}>\n                <Text variant=\"secondary\" style={styles.unavailableLabel}>\n                  Unavailable for direct messages\n                </Text>\n              </View>\n              {dmDisabled.map(candidate => (\n                <CandidateItem key={candidate.id} candidate={candidate} disabled />\n              ))}\n            </>\n          )}\n          {hasTruncated && (\n            <View style={styles.truncatedFooter}>\n              <Text variant=\"secondary\" style={styles.truncatedText}>\n                Keep typing to narrow your results.\n              </Text>\n            </View>\n          )}\n        </>\n      }\n    />\n  )\n}\n\nfunction CandidateItem({\n  candidate,\n  onPress,\n  disabled = false,\n}: {\n  candidate: DirectMessageCandidateResource\n  onPress?: () => void\n  disabled?: boolean\n}) {\n  const styles = useStyles()\n\n  return (\n    <PlatformPressable\n      onPress={disabled ? undefined : onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Select ${candidate.name}`}\n      accessibilityState={{ disabled }}\n    >\n      <View style={[styles.row, disabled && styles.candidateDisabled]}>\n        <Avatar sourceUri={candidate.avatar} size=\"lg\" showFallback />\n        <Text style={styles.rowName}>{candidate.name}</Text>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingBottom: bottom,\n    },\n    toField: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    toFieldHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginBottom: 8,\n    },\n    toLabel: {\n      fontWeight: '600',\n      color: colors.textColorDefaultSecondary,\n    },\n    clearButton: {\n      color: colors.interaction,\n    },\n    toInputArea: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      gap: 6,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 10,\n      paddingVertical: 8,\n    },\n    toTextInput: {\n      flex: 1,\n      minWidth: 80,\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      paddingVertical: 2,\n    },\n    chip: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 100,\n      paddingLeft: 4,\n      paddingRight: 6,\n      paddingVertical: 3,\n    },\n    chipName: {\n      fontSize: 14,\n    },\n    chipRemoveIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    errorBanner: {\n      margin: 16,\n    },\n    emptyState: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingHorizontal: 32,\n      gap: 8,\n    },\n    emptyStateIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginBottom: 4,\n    },\n    emptyStateTitle: {\n      fontWeight: '600',\n      textAlign: 'center',\n    },\n    emptyStateSubtitle: {\n      textAlign: 'center',\n      fontSize: 14,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderColor: colors.fillColorNeutral050Base,\n    },\n    rowName: {\n      flex: 1,\n    },\n    candidateDisabled: {\n      opacity: 0.5,\n    },\n    resultsHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    resultsHeading: {\n      fontWeight: '600',\n    },\n    unavailableHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    unavailableLabel: {\n      fontSize: 13,\n    },\n    truncatedFooter: {\n      paddingHorizontal: 16,\n      paddingTop: 12,\n      paddingBottom: 8,\n    },\n    truncatedText: {\n      fontSize: 13,\n      textAlign: 'center',\n    },\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"}