@planningcenter/chat-react-native 2.1.1 → 2.2.0-rc.1

package/build/hooks/use_conversation.d.ts

@@ -0,0 +1,122 @@
+import { ApiResource, ConversationResource } from '../types';
+export declare const getConversationRequestArgs: ({ conversation_id }: {
+    conversation_id: string;
+}) => {
+    url: string;
+    data: {
+        fields: {
+            Conversation: string[];
+            MemberAbility: string[];
+            ConversationBadge: string[];
+        };
+        include: string[];
+    };
+};
+export declare const useConversation: ({ conversation_id }: {
+    conversation_id: any;
+}) => {
+    error: Response | null;
+    isError: boolean;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: boolean;
+    isSuccess: boolean;
+    status: "error" | "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Response | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<ConversationResource>, Response>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    data: ConversationResource;
+    links: Record<string, string>;
+    meta: Record<string, unknown>;
+};
+export declare const useConversationMute: ({ conversation_id }: {
+    conversation_id: string;
+}) => {
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    reset: () => void;
+    context: ApiResource<ConversationResource> | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+} | {
+    data: undefined;
+    variables: boolean;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    reset: () => void;
+    context: ApiResource<ConversationResource> | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+} | {
+    data: undefined;
+    error: Error;
+    variables: boolean;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    reset: () => void;
+    context: ApiResource<ConversationResource> | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+} | {
+    data: ApiResource<ConversationResource>;
+    error: null;
+    variables: boolean;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    reset: () => void;
+    context: ApiResource<ConversationResource> | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, ApiResource<ConversationResource>>;
+};
+export declare const useConversationUpdate: ({ conversation_id }: {
+    conversation_id: string;
+}) => import("@tanstack/react-query").UseMutationResult<ApiResource<ConversationResource>, Error, Partial<ConversationResource>, void>;
+//# sourceMappingURL=use_conversation.d.ts.map

package/build/hooks/use_conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversation.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAO5D,eAAO,MAAM,0BAA0B,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;CAyBzF,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE3B,CAAA;AAED,eAAO,MAAM,mBAAmB,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCnF,CAAA;AAED,eAAO,MAAM,qBAAqB,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,qIA8BrF,CAAA"}

package/build/hooks/use_conversation.js

@@ -0,0 +1,103 @@
+import { useMutation } from '@tanstack/react-query';
+import { getRequestQueryKey, useSuspenseGet } from './use_suspense_api';
+import { queryClient } from '../contexts';
+import { useApiClient } from './use_api_client';
+import { transformGetToPost } from '../utils/client/request_helpers';
+import { useState } from 'react';
+export const getConversationRequestArgs = ({ conversation_id }) => ({
+    url: `/me/conversations/${conversation_id}`,
+    data: {
+        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',
+            ],
+            MemberAbility: ['can_update', 'can_delete'],
+            ConversationBadge: ['app_name', 'pco_resource_type', 'text'],
+        },
+        include: ['badges', 'member_ability'],
+    },
+});
+export const useConversation = ({ conversation_id }) => {
+    return useSuspenseGet(getConversationRequestArgs({ conversation_id }));
+};
+export const useConversationMute = ({ conversation_id }) => {
+    const apiClient = useApiClient();
+    const requestArgs = getConversationRequestArgs({ conversation_id });
+    const queryKey = getRequestQueryKey(requestArgs);
+    const { data: conversation } = useConversation({ conversation_id });
+    const [value, setValue] = useState(conversation.muted);
+    const { mutate: setMuted, ...mutation } = useMutation({
+        onMutate: async (muted) => {
+            return queryClient.setQueryData(queryKey, prev => {
+                if (!prev?.data)
+                    return prev;
+                setValue(muted);
+                prev.data.muted = muted;
+                return prev;
+            });
+        },
+        mutationKey: ['muteConversation'],
+        mutationFn: async (muted) => {
+            const action = muted ? 'mute' : 'unmute';
+            return apiClient.chat.post({
+                url: `/me/conversations/${conversation_id}/${action}`,
+                data: { data: { type: '', attributes: {} }, fields: { Conversation: 'muted' } },
+            });
+        },
+        onSuccess: (response) => {
+            queryClient.setQueryData(queryKey, prev => {
+                if (!prev?.data)
+                    return prev;
+                // Posting to the mute action endpoint can't return all the fields
+                // so we need to set only the fields we require
+                prev.data.muted = response.data.muted;
+                setValue(response.data.muted);
+                return prev;
+            });
+        },
+    });
+    return { muted: value, setMuted, ...mutation };
+};
+export const useConversationUpdate = ({ conversation_id }) => {
+    const apiClient = useApiClient();
+    const requestArgs = getConversationRequestArgs({ conversation_id });
+    const queryKey = getRequestQueryKey(requestArgs);
+    return useMutation({
+        onMutate: async (update) => {
+            queryClient.setQueryData(queryKey, prev => {
+                if (prev?.data) {
+                    prev.data = {
+                        ...prev.data,
+                        ...update,
+                    };
+                }
+                return prev;
+            });
+        },
+        mutationKey: ['mutateConversation'],
+        mutationFn: async (update) => {
+            const postArgs = transformGetToPost(requestArgs).data;
+            return apiClient.chat.patch({
+                url: `/me/conversations/${conversation_id}/`,
+                data: { data: { type: '', attributes: update }, ...postArgs },
+            });
+        },
+        onSuccess: (response) => {
+            queryClient.setQueryData(queryKey, () => response);
+        },
+    });
+};
+//# sourceMappingURL=use_conversation.js.map

package/build/hooks/use_conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversation.js","sourceRoot":"","sources":["../../src/hooks/use_conversation.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation } from '@tanstack/react-query'\nimport { ApiResource, ConversationResource } from '../types'\nimport { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'\nimport { queryClient } from '../contexts'\nimport { useApiClient } from './use_api_client'\nimport { transformGetToPost } from '../utils/client/request_helpers'\nimport { useState } from 'react'\n\nexport const getConversationRequestArgs = ({ conversation_id }: { conversation_id: string }) => ({\n  url: `/me/conversations/${conversation_id}`,\n  data: {\n    fields: {\n      Conversation: [\n        'created_at',\n        'badges',\n        'groups',\n        'last_message_author_id',\n        'last_message_author_name',\n        'last_message_created_at',\n        'last_message_text_preview',\n        'preview_avatar_urls',\n        'member_ability',\n        'muted',\n        'replies_disabled',\n        'title',\n        'unread_count',\n        'updated_at',\n      ],\n      MemberAbility: ['can_update', 'can_delete'],\n      ConversationBadge: ['app_name', 'pco_resource_type', 'text'],\n    },\n    include: ['badges', 'member_ability'],\n  },\n})\n\nexport const useConversation = ({ conversation_id }) => {\n  return useSuspenseGet<ConversationResource>(getConversationRequestArgs({ conversation_id }))\n}\n\nexport const useConversationMute = ({ conversation_id }: { conversation_id: string }) => {\n  const apiClient = useApiClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n  const { data: conversation } = useConversation({ conversation_id })\n  const [value, setValue] = useState<boolean>(conversation.muted)\n\n  const { mutate: setMuted, ...mutation } = useMutation({\n    onMutate: async (muted: boolean) => {\n      return queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n        setValue(muted)\n        prev.data.muted = muted\n\n        return prev\n      })\n    },\n    mutationKey: ['muteConversation'],\n    mutationFn: async (muted: boolean) => {\n      const action = muted ? 'mute' : 'unmute'\n\n      return apiClient.chat.post({\n        url: `/me/conversations/${conversation_id}/${action}`,\n        data: { data: { type: '', attributes: {} }, fields: { Conversation: 'muted' } },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n\n        // Posting to the mute action endpoint can't return all the fields\n        // so we need to set only the fields we require\n        prev.data.muted = response.data.muted\n        setValue(response.data.muted)\n\n        return prev\n      })\n    },\n  })\n\n  return { muted: value, setMuted, ...mutation }\n}\n\nexport const useConversationUpdate = ({ conversation_id }: { conversation_id: string }) => {\n  const apiClient = useApiClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n\n  return useMutation({\n    onMutate: async (update: Partial<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (prev?.data) {\n          prev.data = {\n            ...prev.data,\n            ...update,\n          }\n        }\n\n        return prev\n      })\n    },\n    mutationKey: ['mutateConversation'],\n    mutationFn: async (update: Partial<ConversationResource>) => {\n      const postArgs = transformGetToPost(requestArgs).data\n      return apiClient.chat.patch({\n        url: `/me/conversations/${conversation_id}/`,\n        data: { data: { type: '', attributes: update }, ...postArgs },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, () => response)\n    },\n  })\n}\n"]}

package/build/hooks/use_conversation_jolt_events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AAkBA,wBAAgB,0BAA0B,SAgDzC"}
+{"version":3,"file":"use_conversation_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AAiBA,wBAAgB,0BAA0B,SAgDzC"}

package/build/hooks/use_conversation_jolt_events.js

@@ -1,13 +1,12 @@
 import { useQueryClient } from '@tanstack/react-query';
-import { useContext } from 'react';
-import { ChatContext } from '../contexts';
 import { deleteRecordInPagesData, updateRecordInPagesData } 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';
 export function useConversationsJoltEvents() {
-    const { client } = useContext(ChatContext);
+    const apiClient = useApiClient();
     const queryClient = useQueryClient();
     const currentPerson = useCurrentPerson();
     const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`);
@@ -15,7 +14,7 @@ export function useConversationsJoltEvents() {
     const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs);
     const fetchConversation = async ({ id }) => {
         const { data: argsData } = conversationsRequestArgs;
-        const { data } = await client.get({
+        const { data } = await apiClient.chat.get({
             url: `/me/conversations/${id}`,
             data: {
                 fields: argsData.fields,

package/build/hooks/use_conversation_jolt_events.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AASvD,MAAM,UAAU,0BAA0B;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;IAErE,MAAM,wBAAwB,GAAG,2BAA2B,EAAE,CAAA;IAC9D,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,KAAK,EAAE,EAAE,EAAE,EAAwB,EAAE,EAAE;QAC/D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAA;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,GAAG,CAAoC;YACnE,GAAG,EAAE,qBAAqB,EAAE,EAAE;YAC9B,IAAI,EAAE;gBACJ,MAAM,EAAE,QAAQ,CAAC,MAAM;gBACvB,OAAO,EAAE,QAAQ,CAAC,OAAO;aAC1B;SACF,CAAC,CAAA;QAEF,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,MAAM,gCAAgC,GAAG,KAAK,EAAE,CAAyB,EAAE,EAAE;QAC3E,MAAM,YAAY,GAAG,MAAM,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAEvE,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,uBAAuB,CAAC;YACtB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,YAAY;YACpB,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;gBACjC,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,EAAE,CAAA;YAClC,CAAC;SACF,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,MAAM,yBAAyB,GAAG,CAAC,CAAyB,EAAE,EAAE;QAC9D,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,uBAAuB,CAAC;YACtB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACpB,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,gCAAgC,CAAC,CAAA;IACnF,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,gCAAgC,CAAC,CAAA;IACnF,YAAY,CAAC,WAAW,EAAE,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\nimport { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { useContext } from 'react'\nimport { ChatContext } from '../contexts'\nimport { ApiCollection, ApiResource, ConversationResource } from '../types'\nimport { deleteRecordInPagesData, updateRecordInPagesData } from '../utils'\nimport { getConversationsRequestArgs } from './use_conversations'\nimport { useCurrentPerson } from './use_current_person'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport { getRequestQueryKey } from './use_suspense_api'\n\ntype QueryData = InfiniteData<ApiCollection<ConversationResource>>\ninterface JoltConversationsEvent extends CustomMessage {\n  data: {\n    data: ConversationResource\n  }\n}\n\nexport function useConversationsJoltEvents() {\n  const { client } = useContext(ChatContext)\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`)\n\n  const conversationsRequestArgs = getConversationsRequestArgs()\n  const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs)\n\n  const fetchConversation = async ({ id }: ConversationResource) => {\n    const { data: argsData } = conversationsRequestArgs\n    const { data } = await client.get<ApiResource<ConversationResource>>({\n      url: `/me/conversations/${id}`,\n      data: {\n        fields: argsData.fields,\n        include: argsData.include,\n      },\n    })\n\n    return data\n  }\n\n  const handleConversationUpdateOrCreate = async (e: JoltConversationsEvent) => {\n    const conversation = await fetchConversation(e.data.data).catch(c => c)\n\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      updateRecordInPagesData({\n        data: prev,\n        record: conversation,\n        processRecord: (record, current) => {\n          return { ...current, ...record }\n        },\n      })\n    )\n  }\n\n  const handleConversationDestroy = (e: JoltConversationsEvent) => {\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      deleteRecordInPagesData({\n        data: prev,\n        record: e.data.data,\n      })\n    )\n  }\n\n  useJoltEvent(joltChannel, 'conversation.updated', handleConversationUpdateOrCreate)\n  useJoltEvent(joltChannel, 'conversation.created', handleConversationUpdateOrCreate)\n  useJoltEvent(joltChannel, 'conversation.destroyed', handleConversationDestroy)\n}\n"]}
+{"version":3,"file":"use_conversation_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEpE,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AASvD,MAAM,UAAU,0BAA0B;IACxC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;IAErE,MAAM,wBAAwB,GAAG,2BAA2B,EAAE,CAAA;IAC9D,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,KAAK,EAAE,EAAE,EAAE,EAAwB,EAAE,EAAE;QAC/D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAA;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAoC;YAC3E,GAAG,EAAE,qBAAqB,EAAE,EAAE;YAC9B,IAAI,EAAE;gBACJ,MAAM,EAAE,QAAQ,CAAC,MAAM;gBACvB,OAAO,EAAE,QAAQ,CAAC,OAAO;aAC1B;SACF,CAAC,CAAA;QAEF,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,MAAM,gCAAgC,GAAG,KAAK,EAAE,CAAyB,EAAE,EAAE;QAC3E,MAAM,YAAY,GAAG,MAAM,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAEvE,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,uBAAuB,CAAC;YACtB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,YAAY;YACpB,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;gBACjC,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,MAAM,EAAE,CAAA;YAClC,CAAC;SACF,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,MAAM,yBAAyB,GAAG,CAAC,CAAyB,EAAE,EAAE;QAC9D,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,uBAAuB,CAAC;YACtB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACpB,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,gCAAgC,CAAC,CAAA;IACnF,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,gCAAgC,CAAC,CAAA;IACnF,YAAY,CAAC,WAAW,EAAE,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\nimport { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ConversationResource } from '../types'\nimport { deleteRecordInPagesData, updateRecordInPagesData } from '../utils'\nimport { useApiClient } from './use_api_client'\nimport { getConversationsRequestArgs } from './use_conversations'\nimport { useCurrentPerson } from './use_current_person'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport { getRequestQueryKey } from './use_suspense_api'\n\ntype QueryData = InfiniteData<ApiCollection<ConversationResource>>\ninterface JoltConversationsEvent extends CustomMessage {\n  data: {\n    data: ConversationResource\n  }\n}\n\nexport function useConversationsJoltEvents() {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`)\n\n  const conversationsRequestArgs = getConversationsRequestArgs()\n  const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs)\n\n  const fetchConversation = async ({ id }: ConversationResource) => {\n    const { data: argsData } = conversationsRequestArgs\n    const { data } = await apiClient.chat.get<ApiResource<ConversationResource>>({\n      url: `/me/conversations/${id}`,\n      data: {\n        fields: argsData.fields,\n        include: argsData.include,\n      },\n    })\n\n    return data\n  }\n\n  const handleConversationUpdateOrCreate = async (e: JoltConversationsEvent) => {\n    const conversation = await fetchConversation(e.data.data).catch(c => c)\n\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      updateRecordInPagesData({\n        data: prev,\n        record: conversation,\n        processRecord: (record, current) => {\n          return { ...current, ...record }\n        },\n      })\n    )\n  }\n\n  const handleConversationDestroy = (e: JoltConversationsEvent) => {\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      deleteRecordInPagesData({\n        data: prev,\n        record: e.data.data,\n      })\n    )\n  }\n\n  useJoltEvent(joltChannel, 'conversation.updated', handleConversationUpdateOrCreate)\n  useJoltEvent(joltChannel, 'conversation.created', handleConversationUpdateOrCreate)\n  useJoltEvent(joltChannel, 'conversation.destroyed', handleConversationDestroy)\n}\n"]}

package/build/hooks/use_font_scale.d.ts

@@ -1,4 +1,4 @@
-export declare const useFontScale: ({ maxFontSizeMultiplier }: {
+export declare const useFontScale: ({ maxFontSizeMultiplier, }?: {
     maxFontSizeMultiplier?: number;
 }) => number;
 //# sourceMappingURL=use_font_scale.d.ts.map

package/build/hooks/use_font_scale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_font_scale.d.ts","sourceRoot":"","sources":["../../src/hooks/use_font_scale.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,8BAA+B;IAAE,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAAE,WAMzF,CAAA"}
+{"version":3,"file":"use_font_scale.d.ts","sourceRoot":"","sources":["../../src/hooks/use_font_scale.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,gCAEtB;IAAE,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAAE,WAMpC,CAAA"}

package/build/hooks/use_font_scale.js

@@ -1,5 +1,5 @@
 import { useWindowDimensions } from 'react-native';
-export const useFontScale = ({ maxFontSizeMultiplier }) => {
+export const useFontScale = ({ maxFontSizeMultiplier, } = {}) => {
     const { fontScale: nativeFontScale } = useWindowDimensions();
     const scaleLimit = maxFontSizeMultiplier || nativeFontScale;
     const fontScale = Math.min(scaleLimit, nativeFontScale);

package/build/hooks/use_font_scale.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_font_scale.js","sourceRoot":"","sources":["../../src/hooks/use_font_scale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,qBAAqB,EAAsC,EAAE,EAAE;IAC5F,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAC5D,MAAM,UAAU,GAAG,qBAAqB,IAAI,eAAe,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;IAEvD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA","sourcesContent":["import { useWindowDimensions } from 'react-native'\n\nexport const useFontScale = ({ maxFontSizeMultiplier }: { maxFontSizeMultiplier?: number }) => {\n  const { fontScale: nativeFontScale } = useWindowDimensions()\n  const scaleLimit = maxFontSizeMultiplier || nativeFontScale\n  const fontScale = Math.min(scaleLimit, nativeFontScale)\n\n  return fontScale\n}\n"]}
+{"version":3,"file":"use_font_scale.js","sourceRoot":"","sources":["../../src/hooks/use_font_scale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,qBAAqB,MACiB,EAAE,EAAE,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAC5D,MAAM,UAAU,GAAG,qBAAqB,IAAI,eAAe,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;IAEvD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA","sourcesContent":["import { useWindowDimensions } from 'react-native'\n\nexport const useFontScale = ({\n  maxFontSizeMultiplier,\n}: { maxFontSizeMultiplier?: number } = {}) => {\n  const { fontScale: nativeFontScale } = useWindowDimensions()\n  const scaleLimit = maxFontSizeMultiplier || nativeFontScale\n  const fontScale = Math.min(scaleLimit, nativeFontScale)\n\n  return fontScale\n}\n"]}

package/build/hooks/use_jolt.d.ts

@@ -1,6 +1,6 @@
 import JoltClient from '@planningcenter/jolt-client';
-import { JoltSubscription } from '@planningcenter/jolt-client/dist/types/JoltSubscription';
 import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection';
+import { JoltSubscription } from '@planningcenter/jolt-client/dist/types/JoltSubscription';
 export declare const useJoltClient: () => JoltClient | undefined;
 export declare function useJoltChannel(channelName: string): JoltSubscription | undefined;
 type UserCallbackFn<T> = (_event: T) => void;

package/build/hooks/use_jolt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_jolt.d.ts","sourceRoot":"","sources":["../../src/hooks/use_jolt.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,6BAA6B,CAAA;AAKpD,OAAO,EAEL,gBAAgB,EACjB,MAAM,yDAAyD,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AAQrF,eAAO,MAAM,aAAa,QAAO,UAAU,GAAG,SAyD7C,CAAA;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,gCAUjD;AAED,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;AAE5C,wBAAgB,YAAY,CAAC,CAAC,SAAS,aAAa,EAClD,OAAO,EAAE,gBAAgB,GAAG,SAAS,EACrC,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,QAO5B"}
+{"version":3,"file":"use_jolt.d.ts","sourceRoot":"","sources":["../../src/hooks/use_jolt.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AACrF,OAAO,EAEL,gBAAgB,EACjB,MAAM,yDAAyD,CAAA;AAYhE,eAAO,MAAM,aAAa,QAAO,UAAU,GAAG,SAyD7C,CAAA;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,gCAUjD;AAED,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;AAE5C,wBAAgB,YAAY,CAAC,CAAC,SAAS,aAAa,EAClD,OAAO,EAAE,gBAAgB,GAAG,SAAS,EACrC,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,QAO5B"}

package/build/hooks/use_jolt.js

@@ -1,14 +1,14 @@
 import JoltClient from '@planningcenter/jolt-client';
 import { useQuery, useSuspenseQuery } from '@tanstack/react-query';
-import { useContext, useEffect, useState } from 'react';
-import { ChatContext } from '../contexts';
+import { useEffect, useState } from 'react';
+import { useApiClient } from './use_api_client';
 export const useJoltClient = () => {
-    const { client } = useContext(ChatContext);
+    const apiClient = useApiClient();
     const { data: joltToken } = useSuspenseQuery({
         refetchOnMount: false,
         queryKey: ['jolt-token'],
         queryFn: () => {
-            return client.post({
+            return apiClient.chat.post({
                 url: '/me/jolt_authorize',
                 data: {
                     data: {
@@ -23,7 +23,7 @@ export const useJoltClient = () => {
         return joltToken.data.id || '';
     };
     const fetchSubscribeTokenFn = (channel, connectionId) => {
-        return client
+        return apiClient.chat
             .post({
             url: '/me/jolt_subscribe',
             data: {
@@ -47,7 +47,7 @@ export const useJoltClient = () => {
             return new JoltClient(joltToken?.data.wssUrl, {
                 fetchAuthTokenFn,
                 fetchSubscribeTokenFn,
-            }, { logToConsole: true });
+            }, { logToConsole: false });
         },
     });
     return joltClient;

package/build/hooks/use_jolt.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_jolt.js","sourceRoot":"","sources":["../../src/hooks/use_jolt.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAczC,MAAM,CAAC,MAAM,aAAa,GAAG,GAA2B,EAAE;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAA4B;QACtE,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,CAAC,YAAY,CAAC;QACxB,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,MAAM,CAAC,IAAI,CAAC;gBACjB,GAAG,EAAE,oBAAoB;gBACzB,IAAI,EAAE;oBACJ,IAAI,EAAE;wBACJ,IAAI,EAAE,WAAW;wBACjB,UAAU,EAAE,EAAE;qBACf;iBACF;aACF,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IAChC,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAwB,CAAC,OAAe,EAAE,YAAoB,EAAE,EAAE;QAC3F,OAAO,MAAM;aACV,IAAI,CAAC;YACJ,GAAG,EAAE,oBAAoB;YACzB,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,oBAAoB;oBAC1B,UAAU,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;iBAC3C;aACF;SACF,CAAC;aACD,IAAI,CAAC,CAAC,GAA8B,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QACpC,cAAc,EAAE,KAAK;QACrB,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,KAAK;QACzB,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;QAC3B,QAAQ,EAAE,CAAC,aAAa,CAAC;QACzB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,SAAS;gBAAE,OAAO,SAAS,CAAA;YAEhC,OAAO,IAAI,UAAU,CACnB,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB;gBACE,gBAAgB;gBAChB,qBAAqB;aACtB,EACD,EAAE,YAAY,EAAE,IAAI,EAAE,CACvB,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,WAAmB;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAoB,CAAA;IAClE,MAAM,IAAI,GAAG,aAAa,EAAE,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;QAC5C,OAAO,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;IAC7C,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAA;IAEvB,OAAO,WAAW,CAAA;AACpB,CAAC;AAID,MAAM,UAAU,YAAY,CAC1B,OAAqC,EACrC,SAAiB,EACjB,QAA2B;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QAE7B,OAAO,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;AACpC,CAAC","sourcesContent":["import JoltClient from '@planningcenter/jolt-client'\nimport { useQuery, useSuspenseQuery } from '@tanstack/react-query'\nimport { useContext, useEffect, useState } from 'react'\nimport { ChatContext } from '../contexts'\nimport { ApiResource } from '../types'\nimport {\n  FetchSubscribeToken,\n  JoltSubscription,\n} from '@planningcenter/jolt-client/dist/types/JoltSubscription'\nimport { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\n\ninterface JoltResponse {\n  type: 'JoltToken'\n  id: string\n  wssUrl: string\n}\n\nexport const useJoltClient = (): JoltClient | undefined => {\n  const { client } = useContext(ChatContext)\n  const { data: joltToken } = useSuspenseQuery<ApiResource<JoltResponse>>({\n    refetchOnMount: false,\n    queryKey: ['jolt-token'],\n    queryFn: () => {\n      return client.post({\n        url: '/me/jolt_authorize',\n        data: {\n          data: {\n            type: 'JoltToken',\n            attributes: {},\n          },\n        },\n      })\n    },\n  })\n\n  const fetchAuthTokenFn = async () => {\n    return joltToken.data.id || ''\n  }\n\n  const fetchSubscribeTokenFn: FetchSubscribeToken = (channel: string, connectionId: string) => {\n    return client\n      .post({\n        url: '/me/jolt_subscribe',\n        data: {\n          data: {\n            type: 'JoltSubscribeToken',\n            attributes: { channel, cid: connectionId },\n          },\n        },\n      })\n      .then((res: ApiResource<JoltResponse>) => res.data.id)\n  }\n\n  const { data: joltClient } = useQuery({\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: Boolean(joltToken),\n    queryKey: ['jolt-client'],\n    queryFn: async () => {\n      if (!joltToken) return undefined\n\n      return new JoltClient(\n        joltToken?.data.wssUrl,\n        {\n          fetchAuthTokenFn,\n          fetchSubscribeTokenFn,\n        },\n        { logToConsole: true }\n      )\n    },\n  })\n\n  return joltClient\n}\n\nexport function useJoltChannel(channelName: string) {\n  const [joltChannel, setJoltChannel] = useState<JoltSubscription>()\n  const jolt = useJoltClient()\n\n  useEffect(() => {\n    setJoltChannel(jolt?.subscribe(channelName))\n    return () => jolt?.unsubscribe(channelName)\n  }, [channelName, jolt])\n\n  return joltChannel\n}\n\ntype UserCallbackFn<T> = (_event: T) => void\n\nexport function useJoltEvent<T extends CustomMessage>(\n  channel: JoltSubscription | undefined,\n  eventName: string,\n  callback: UserCallbackFn<T>\n) {\n  useEffect(() => {\n    if (!channel) return () => {}\n\n    return channel.bind(eventName, e => callback(e as T))\n  }, [channel, eventName, callback])\n}\n"]}
+{"version":3,"file":"use_jolt.js","sourceRoot":"","sources":["../../src/hooks/use_jolt.ts"],"names":[],"mappings":"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","sourcesContent":["import JoltClient from '@planningcenter/jolt-client'\nimport { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\nimport {\n  FetchSubscribeToken,\n  JoltSubscription,\n} from '@planningcenter/jolt-client/dist/types/JoltSubscription'\nimport { useQuery, useSuspenseQuery } from '@tanstack/react-query'\nimport { useEffect, useState } from 'react'\nimport { ApiResource } from '../types'\nimport { useApiClient } from './use_api_client'\n\ninterface JoltResponse {\n  type: 'JoltToken'\n  id: string\n  wssUrl: string\n}\n\nexport const useJoltClient = (): JoltClient | undefined => {\n  const apiClient = useApiClient()\n  const { data: joltToken } = useSuspenseQuery<ApiResource<JoltResponse>>({\n    refetchOnMount: false,\n    queryKey: ['jolt-token'],\n    queryFn: () => {\n      return apiClient.chat.post({\n        url: '/me/jolt_authorize',\n        data: {\n          data: {\n            type: 'JoltToken',\n            attributes: {},\n          },\n        },\n      })\n    },\n  })\n\n  const fetchAuthTokenFn = async () => {\n    return joltToken.data.id || ''\n  }\n\n  const fetchSubscribeTokenFn: FetchSubscribeToken = (channel: string, connectionId: string) => {\n    return apiClient.chat\n      .post({\n        url: '/me/jolt_subscribe',\n        data: {\n          data: {\n            type: 'JoltSubscribeToken',\n            attributes: { channel, cid: connectionId },\n          },\n        },\n      })\n      .then((res: ApiResource<JoltResponse>) => res.data.id)\n  }\n\n  const { data: joltClient } = useQuery({\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: Boolean(joltToken),\n    queryKey: ['jolt-client'],\n    queryFn: async () => {\n      if (!joltToken) return undefined\n\n      return new JoltClient(\n        joltToken?.data.wssUrl,\n        {\n          fetchAuthTokenFn,\n          fetchSubscribeTokenFn,\n        },\n        { logToConsole: false }\n      )\n    },\n  })\n\n  return joltClient\n}\n\nexport function useJoltChannel(channelName: string) {\n  const [joltChannel, setJoltChannel] = useState<JoltSubscription>()\n  const jolt = useJoltClient()\n\n  useEffect(() => {\n    setJoltChannel(jolt?.subscribe(channelName))\n    return () => jolt?.unsubscribe(channelName)\n  }, [channelName, jolt])\n\n  return joltChannel\n}\n\ntype UserCallbackFn<T> = (_event: T) => void\n\nexport function useJoltEvent<T extends CustomMessage>(\n  channel: JoltSubscription | undefined,\n  eventName: string,\n  callback: UserCallbackFn<T>\n) {\n  useEffect(() => {\n    if (!channel) return () => {}\n\n    return channel.bind(eventName, e => callback(e as T))\n  }, [channel, eventName, callback])\n}\n"]}

package/build/hooks/use_suspense_api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_suspense_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,UAAU,EAAe,MAAM,uBAAuB,CAAA;AAE/D,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,QAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ3F,CAAA;AAOD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,QACrD,UAAU,SACT,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAA;AAC5F,eAAO,MAAM,kBAAkB,SAAU,UAAU,KAAG,eAIrD,CAAA"}
+{"version":3,"file":"use_suspense_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,UAAU,EAAe,MAAM,uBAAuB,CAAA;AAG/D,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,QAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ3F,CAAA;AAOD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,QACrD,UAAU,SACT,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAA;AAC5F,eAAO,MAAM,kBAAkB,SAAU,UAAU,KAAG,eAIrD,CAAA"}

package/build/hooks/use_suspense_api.js

@@ -1,6 +1,5 @@
 import { useSuspenseInfiniteQuery, useSuspenseQuery, } from '@tanstack/react-query';
-import { useContext } from 'react';
-import { ChatContext } from '../contexts';
+import { useApiClient } from './use_api_client';
 export const useSuspenseGet = (args) => {
     const { data, ...query } = useSuspenseQuery({
         queryKey: getRequestQueryKey(args),
@@ -8,7 +7,7 @@ export const useSuspenseGet = (args) => {
     return { ...data, ...query };
 };
 export const useSuspensePaginator = (args, opts) => {
-    const { client } = useContext(ChatContext);
+    const apiClient = useApiClient();
     const query = useSuspenseInfiniteQuery({
         queryKey: getRequestQueryKey(args),
         queryFn: ({ pageParam }) => {
@@ -17,7 +16,7 @@ export const useSuspensePaginator = (args, opts) => {
             const where = { ...argsWhere, ...pageParmWhere };
             const offset = pageParam?.offset || args.data.offset;
             const data = { ...args.data, where, offset };
-            return client.get({
+            return apiClient.chat.get({
                 url: args.url,
                 data,
             });

package/build/hooks/use_suspense_api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_suspense_api.js","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAIzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAA8C,IAAgB,EAAE,EAAE;IAG9F,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,gBAAgB,CAAqB;QAC9D,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;KACnC,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAgB,EAChB,IAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,wBAAwB,CAMpC;QACA,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YACzB,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;YAEhD,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA;YACpD,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;YAE5C,OAAO,MAAM,CAAC,GAAG,CAAC;gBAChB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI;aACL,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,EAA0B;QAC5C,gBAAgB,EAAE,QAAQ,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAa,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAA;YAChD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YAE7B,IAAI,IAAI;gBAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAA;YAC3C,IAAI,MAAM;gBAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;YAE7C,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAEpE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAgB,EAAmB,EAAE,CAAC;IACvE,IAAI,CAAC,GAAG;IACR,IAAI,CAAC,IAAI;IACT,IAAI,CAAC,OAAO;CACb,CAAA","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQuery,\n} from '@tanstack/react-query'\nimport { useContext } from 'react'\nimport { ChatContext } from '../contexts'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client/types'\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => {\n  type Resource = ApiResource<T>\n\n  const { data, ...query } = useSuspenseQuery<Resource, Response>({\n    queryKey: getRequestQueryKey(args),\n  })\n\n  return { ...data, ...query }\n}\n\ntype NextMeta = Partial<{\n  offset: string\n  idLt: string\n}>\n\nexport type SuspensePaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(\n  args: GetRequest,\n  opts?: SuspensePaginatorOptions\n) => {\n  const { client } = useContext(ChatContext)\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ pageParam }) => {\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return client.get({\n        url: args.url,\n        data,\n      })\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => {\n      const next: NextMeta = lastPage.meta?.next || {}\n      const { offset, idLt } = next\n\n      if (idLt) return { where: { id_lt: idLt } }\n      if (offset) return { offset: Number(offset) }\n\n      return undefined\n    },\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n\nexport type RequestQueryKey = [GetRequest['url'], GetRequest['data'], GetRequest['headers']]\nexport const getRequestQueryKey = (args: GetRequest): RequestQueryKey => [\n  args.url,\n  args.data,\n  args.headers,\n]\n"]}
+{"version":3,"file":"use_suspense_api.js","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAA8C,IAAgB,EAAE,EAAE;IAG9F,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,gBAAgB,CAAqB;QAC9D,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;KACnC,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAgB,EAChB,IAA+B,EAC/B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,wBAAwB,CAMpC;QACA,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YACzB,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;YAEhD,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA;YACpD,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;YAE5C,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACxB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI;aACL,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,EAA0B;QAC5C,gBAAgB,EAAE,QAAQ,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAa,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAA;YAChD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YAE7B,IAAI,IAAI;gBAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAA;YAC3C,IAAI,MAAM;gBAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;YAE7C,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAEpE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAgB,EAAmB,EAAE,CAAC;IACvE,IAAI,CAAC,GAAG;IACR,IAAI,CAAC,IAAI;IACT,IAAI,CAAC,OAAO;CACb,CAAA","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQuery,\n} from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client/types'\nimport { useApiClient } from './use_api_client'\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => {\n  type Resource = ApiResource<T>\n\n  const { data, ...query } = useSuspenseQuery<Resource, Response>({\n    queryKey: getRequestQueryKey(args),\n  })\n\n  return { ...data, ...query }\n}\n\ntype NextMeta = Partial<{\n  offset: string\n  idLt: string\n}>\n\nexport type SuspensePaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(\n  args: GetRequest,\n  opts?: SuspensePaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ pageParam }) => {\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return apiClient.chat.get({\n        url: args.url,\n        data,\n      })\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => {\n      const next: NextMeta = lastPage.meta?.next || {}\n      const { offset, idLt } = next\n\n      if (idLt) return { where: { id_lt: idLt } }\n      if (offset) return { offset: Number(offset) }\n\n      return undefined\n    },\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n\nexport type RequestQueryKey = [GetRequest['url'], GetRequest['data'], GetRequest['headers']]\nexport const getRequestQueryKey = (args: GetRequest): RequestQueryKey => [\n  args.url,\n  args.data,\n  args.headers,\n]\n"]}

package/build/navigation/header.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HeaderButtonProps } from '@react-navigation/elements';
+import { TextProps, TextStyle } from 'react-native';
+type HeaderRightButtonProps = HeaderButtonProps & {
+    children: TextProps['children'];
+    textStyle?: TextStyle;
+};
+export declare const HeaderRightButton: (props: HeaderRightButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=header.d.ts.map

package/build/navigation/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/navigation/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAgB,iBAAiB,EAAQ,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE/D,KAAK,sBAAsB,GAAG,iBAAiB,GAAG;IAChD,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBAc9D,CAAA"}

package/build/navigation/header.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { HeaderButton, Text } from '@react-navigation/elements';
+import { StyleSheet } from 'react-native';
+export const HeaderRightButton = (props) => {
+    const styles = StyleSheet.create({
+        text: {
+            fontSize: 16,
+        },
+    });
+    return (<HeaderButton {...props} style={props.style}>
+      <Text style={[styles.text, props.textStyle]} numberOfLines={1}>
+        {props.children}
+      </Text>
+    </HeaderButton>);
+};
+//# sourceMappingURL=header.js.map

package/build/navigation/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/navigation/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAqB,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAO/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAC1C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC5D;QAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,YAAY,CAAC,CAChB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { HeaderButton, HeaderButtonProps, Text } from '@react-navigation/elements'\nimport { StyleSheet, TextProps, TextStyle } from 'react-native'\n\ntype HeaderRightButtonProps = HeaderButtonProps & {\n  children: TextProps['children']\n  textStyle?: TextStyle\n}\n\nexport const HeaderRightButton = (props: HeaderRightButtonProps) => {\n  const styles = StyleSheet.create({\n    text: {\n      fontSize: 16,\n    },\n  })\n\n  return (\n    <HeaderButton {...props} style={props.style}>\n      <Text style={[styles.text, props.textStyle]} numberOfLines={1}>\n        {props.children}\n      </Text>\n    </HeaderButton>\n  )\n}\n"]}

package/build/navigation/index.d.ts

@@ -1,12 +1,13 @@
-import React from 'react';
 import { StaticParamList } from '@react-navigation/native';
 import { NativeStackHeaderLeftProps, NativeStackHeaderRightProps } from '@react-navigation/native-stack';
-import { NotFound } from '../screens/not_found';
-import { ScreenLayout } from './screenLayout';
-import { ConversationsScreen } from '../screens/conversations_screen';
+import React from 'react';
+import { ConversationDetailsScreen } from '../screens/conversation_details_screen';
 import { ConversationScreen } from '../screens/conversation_screen';
+import { ConversationsScreen } from '../screens/conversations_screen';
 import { MessageActionsScreen } from '../screens/message_actions_screen';
+import { NotFound } from '../screens/not_found';
 import { ReactionsScreen } from '../screens/reactions_screen';
+import { ScreenLayout } from './screenLayout';
 export declare const ChatStack: import("@react-navigation/native").TypedNavigator<{
     ParamList: import("@react-navigation/native").ParamListBase;
     NavigatorID: undefined;
@@ -38,6 +39,18 @@ export declare const ChatStack: import("@react-navigation/native").TypedNavigato
         readonly Conversation: {
             readonly screen: typeof ConversationScreen;
         };
+        readonly ConversationDetails: {
+            readonly screen: typeof ConversationDetailsScreen;
+            readonly options: ({ navigation }: {
+                route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
+                theme: ReactNavigation.Theme;
+            }) => {
+                presentation: "modal";
+                title: string;
+                headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
+            };
+        };
         readonly MessageActions: {
             readonly screen: typeof MessageActionsScreen;
             readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;

package/build/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAEL,0BAA0B,EAC1B,2BAA2B,EAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AAErF,eAAO,MAAM,SAAS;;;;;;;;;uOARmC,mBACzD;;;;;;;;;;;;uBA8DyugB,gBAAiB,KAAK;;;4CA7C3tgB,0BAA0B;qCAKjC,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;EA+BtD,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAEL,0BAA0B,EAC1B,2BAA2B,EAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,eAAO,MAAM,SAAS;;;;;;;;;uOAVG,mBAAmB;;;;;;;;;;;;uBA6E6rf,gBAAiB,KAAK;;;4CAzD3tf,0BAA0B;qCAKjC,2BAA2B;;;;;;;;;;;uBAoDirf,gBAAiB,KAAK;;;;qCAnCluf,2BAA2B;;;;;;;;;;;;;;;;;;;;;EA0BtD,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}

package/build/navigation/index.js

@@ -1,13 +1,15 @@
-import React from 'react';
-import { createNativeStackNavigator, } from '@react-navigation/native-stack';
-import { NotFound } from '../screens/not_found';
-import { ScreenLayout } from './screenLayout';
-import { ConversationsScreen } from '../screens/conversations_screen';
-import { ConversationScreen } from '../screens/conversation_screen';
 import { HeaderBackButton, HeaderButton } from '@react-navigation/elements';
+import { createNativeStackNavigator, } from '@react-navigation/native-stack';
+import React from 'react';
 import { Icon } from '../components';
+import { ConversationDetailsScreen } from '../screens/conversation_details_screen';
+import { ConversationScreen } from '../screens/conversation_screen';
+import { ConversationsScreen } from '../screens/conversations_screen';
 import { MessageActionsScreen, MessageActionsScreenOptions, } from '../screens/message_actions_screen';
+import { NotFound } from '../screens/not_found';
 import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen';
+import { HeaderRightButton } from './header';
+import { ScreenLayout } from './screenLayout';
 export const ChatStack = createNativeStackNavigator({
     screenOptions: {
         headerBackButtonDisplayMode: 'minimal',
@@ -27,6 +29,16 @@ export const ChatStack = createNativeStackNavigator({
         Conversation: {
             screen: ConversationScreen,
         },
+        ConversationDetails: {
+            screen: ConversationDetailsScreen,
+            options: ({ navigation }) => ({
+                presentation: 'modal',
+                title: 'Conversation details',
+                headerRight: (props) => (<HeaderRightButton {...props} onPress={navigation.goBack}>
+            Done
+          </HeaderRightButton>),
+            }),
+        },
         MessageActions: {
             screen: MessageActionsScreen,
             // Something about sheetAllowedDetents declared inline breaks TS