@planningcenter/chat-react-native 3.2.0-rc.1 → 3.2.0-rc.11

package/build/hooks/use_conversations_actions.d.ts

@@ -0,0 +1,221 @@
+import { ApiResource, ConversationResource } from '../types';
+export declare const useConversationsMarkRead: ({ conversation, }: {
+    conversation: ConversationResource;
+}) => {
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    read: boolean;
+    markRead: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+} | {
+    data: undefined;
+    variables: boolean;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    read: boolean;
+    markRead: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+} | {
+    data: undefined;
+    error: Error;
+    variables: boolean;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    read: boolean;
+    markRead: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+} | {
+    data: ApiResource<ConversationResource>;
+    error: null;
+    variables: boolean;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    read: boolean;
+    markRead: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+};
+export declare const useConversationsMute: ({ conversation }: {
+    conversation: ConversationResource;
+}) => {
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+} | {
+    data: undefined;
+    variables: boolean;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+} | {
+    data: undefined;
+    error: Error;
+    variables: boolean;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+} | {
+    data: ApiResource<ConversationResource>;
+    error: null;
+    variables: boolean;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+    muted: boolean;
+    setMuted: import("@tanstack/react-query").UseMutateFunction<ApiResource<ConversationResource>, Error, boolean, void>;
+};
+export declare const useMarkAllRead: () => {
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+    markAllRead: import("@tanstack/react-query").UseMutateFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+} | {
+    data: undefined;
+    variables: void;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+    markAllRead: import("@tanstack/react-query").UseMutateFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+} | {
+    data: undefined;
+    error: Error;
+    variables: void;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+    markAllRead: import("@tanstack/react-query").UseMutateFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+} | {
+    data: import("../types").ApiCollection | ApiResource;
+    error: null;
+    variables: void;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    reset: () => void;
+    context: void | undefined;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+    markAllRead: import("@tanstack/react-query").UseMutateFunction<import("../types").ApiCollection | ApiResource, Error, void, void>;
+};
+//# sourceMappingURL=use_conversations_actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations_actions.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversations_actions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAI5D,eAAO,MAAM,wBAAwB,sBAElC;IACD,YAAY,EAAE,oBAAoB,CAAA;CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCA,CAAA;AAED,eAAO,MAAM,oBAAoB,qBAAsB;IAAE,YAAY,EAAE,oBAAoB,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC5F,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB1B,CAAA"}

package/build/hooks/use_conversations_actions.js

@@ -0,0 +1,93 @@
+import { useMutation } from '@tanstack/react-query';
+import { Alert } from 'react-native';
+import { useConversationsContext } from '../contexts/conversations_context';
+import { useApiClient } from './use_api_client';
+import { useConversationsCache } from './use_conversations_cache';
+export const useConversationsMarkRead = ({ conversation, }) => {
+    const apiClient = useApiClient();
+    const { args } = useConversationsContext();
+    const { update, invalidate } = useConversationsCache(args);
+    const { mutate: handleMarkRead, ...mutation } = useMutation({
+        onMutate: async (read) => {
+            update({
+                ...conversation,
+                unreadCount: read ? 0 : 1,
+            });
+        },
+        mutationKey: ['markRead', conversation.id],
+        mutationFn: async (read) => {
+            const action = read ? 'mark_read' : 'mark_unread';
+            return apiClient.chat.post({
+                url: `/me/conversations/${conversation.id}/${action}`,
+                data: { data: { type: '', attributes: {} }, fields: { Conversation: 'unread_count' } },
+            });
+        },
+        onSuccess: (response) => {
+            update(response.data);
+        },
+        onError: () => {
+            Alert.alert('Oops', 'Something went wrong updating this conversation, please try again');
+            invalidate();
+        },
+    });
+    return {
+        read: conversation.unreadCount < 1, // prefer cache
+        markRead: handleMarkRead,
+        ...mutation,
+    };
+};
+export const useConversationsMute = ({ conversation }) => {
+    const apiClient = useApiClient();
+    const { args } = useConversationsContext();
+    const { update, invalidate } = useConversationsCache(args);
+    const { mutate: setMuted, ...mutation } = useMutation({
+        onMutate: async (muted) => {
+            update({
+                ...conversation,
+                muted,
+            });
+        },
+        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) => {
+            update(response.data);
+        },
+        onError: () => {
+            Alert.alert('Oops', 'Something went wrong muting this conversation, please try again');
+            invalidate();
+        },
+    });
+    return {
+        muted: conversation.muted, // prefer cache
+        setMuted,
+        ...mutation,
+    };
+};
+export const useMarkAllRead = () => {
+    const apiClient = useApiClient();
+    const { args } = useConversationsContext();
+    const { invalidate, updateAll } = useConversationsCache(args);
+    const { mutate: markAllRead, ...query } = useMutation({
+        onMutate: () => {
+            updateAll({
+                unreadCount: 0,
+            });
+        },
+        mutationKey: ['markAllRead', args],
+        mutationFn: () => apiClient.chat.post({
+            url: '/me/mark_all_read',
+        }),
+        onSettled: invalidate,
+    });
+    return {
+        markAllRead,
+        ...query,
+    };
+};
+//# sourceMappingURL=use_conversations_actions.js.map

package/build/hooks/use_conversations_actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations_actions.js","sourceRoot":"","sources":["../../src/hooks/use_conversations_actions.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation } from '@tanstack/react-query'\nimport { Alert } from 'react-native'\nimport { useConversationsContext } from '../contexts/conversations_context'\nimport { ApiResource, ConversationResource } from '../types'\nimport { useApiClient } from './use_api_client'\nimport { useConversationsCache } from './use_conversations_cache'\n\nexport const useConversationsMarkRead = ({\n  conversation,\n}: {\n  conversation: ConversationResource\n}) => {\n  const apiClient = useApiClient()\n  const { args } = useConversationsContext()\n  const { update, invalidate } = useConversationsCache(args)\n\n  const { mutate: handleMarkRead, ...mutation } = useMutation({\n    onMutate: async (read: boolean) => {\n      update({\n        ...conversation,\n        unreadCount: read ? 0 : 1,\n      })\n    },\n    mutationKey: ['markRead', conversation.id],\n    mutationFn: async (read: boolean) => {\n      const action = read ? 'mark_read' : 'mark_unread'\n\n      return apiClient.chat.post<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation.id}/${action}`,\n        data: { data: { type: '', attributes: {} }, fields: { Conversation: 'unread_count' } },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      update(response.data)\n    },\n    onError: () => {\n      Alert.alert('Oops', 'Something went wrong updating this conversation, please try again')\n      invalidate()\n    },\n  })\n\n  return {\n    read: conversation.unreadCount < 1, // prefer cache\n    markRead: handleMarkRead,\n    ...mutation,\n  }\n}\n\nexport const useConversationsMute = ({ conversation }: { conversation: ConversationResource }) => {\n  const apiClient = useApiClient()\n  const { args } = useConversationsContext()\n  const { update, invalidate } = useConversationsCache(args)\n\n  const { mutate: setMuted, ...mutation } = useMutation({\n    onMutate: async (muted: boolean) => {\n      update({\n        ...conversation,\n        muted,\n      })\n    },\n    mutationKey: ['muteConversation'],\n    mutationFn: async (muted: boolean) => {\n      const action = muted ? 'mute' : 'unmute'\n\n      return apiClient.chat.post<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation.id}/${action}`,\n        data: { data: { type: '', attributes: {} }, fields: { Conversation: 'muted' } },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      update(response.data)\n    },\n    onError: () => {\n      Alert.alert('Oops', 'Something went wrong muting this conversation, please try again')\n      invalidate()\n    },\n  })\n\n  return {\n    muted: conversation.muted, // prefer cache\n    setMuted,\n    ...mutation,\n  }\n}\n\nexport const useMarkAllRead = () => {\n  const apiClient = useApiClient()\n  const { args } = useConversationsContext()\n  const { invalidate, updateAll } = useConversationsCache(args)\n  const { mutate: markAllRead, ...query } = useMutation({\n    onMutate: () => {\n      updateAll({\n        unreadCount: 0,\n      })\n    },\n    mutationKey: ['markAllRead', args],\n    mutationFn: () =>\n      apiClient.chat.post({\n        url: '/me/mark_all_read',\n      }),\n    onSettled: invalidate,\n  })\n\n  return {\n    markAllRead,\n    ...query,\n  }\n}\n"]}

package/build/hooks/use_conversations_cache.d.ts

@@ -0,0 +1,18 @@
+import { ConversationResource } from '../types';
+import { ConversationRequestArgs } from '../utils/request/conversation';
+export declare function useConversationsCache(args?: Partial<ConversationRequestArgs>): {
+    create: (conversation: ConversationResource) => Promise<void>;
+    destroy: ({ id }: {
+        id: number;
+    }) => void;
+    fetchCreate: ({ id }: {
+        id: number;
+    }) => Promise<void>;
+    fetchUpdate: ({ id }: {
+        id: number;
+    }) => Promise<void>;
+    invalidate: () => Promise<void>;
+    update: (conversation: ConversationResource) => Promise<void>;
+    updateAll: (update: Partial<ConversationResource>) => Promise<void>;
+};
+//# sourceMappingURL=use_conversations_cache.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations_cache.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversations_cache.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAM3E,OAAO,EAAE,uBAAuB,EAA+B,MAAM,+BAA+B,CAAA;AAMpG,wBAAgB,qBAAqB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC;2BAmB/B,oBAAoB;sBA2BrB;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;0BANX;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;0BAAd;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;;2BArBhB,oBAAoB;wBAY/B,OAAO,CAAC,oBAAoB,CAAC;EAiC/D"}

package/build/hooks/{use_conversation_jolt_events.js → use_conversations_cache.js}

@@ -1,16 +1,12 @@
 import { useQueryClient } from '@tanstack/react-query';
-import { deleteRecordInPagesData, updateOrCreateRecordInPagesData } from '../utils';
+import { deleteRecordInPagesData, updateAllRecordsInPagesData, updateOrCreateRecordInPagesData, } from '../utils';
+import { getConversationsRequestArgs } from '../utils/request/conversation';
 import { useApiClient } from './use_api_client';
-import { useCurrentPerson } from './use_current_person';
-import { useJoltChannel, useJoltEvent } from './use_jolt';
 import { getRequestQueryKey } from './use_suspense_api';
-import { getConversationsRequestArgs } from '../utils/request/conversation';
-export function useConversationsJoltEvents() {
+export function useConversationsCache(args) {
     const apiClient = useApiClient();
     const queryClient = useQueryClient();
-    const currentPerson = useCurrentPerson();
-    const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`);
-    const conversationsRequestArgs = getConversationsRequestArgs();
+    const conversationsRequestArgs = getConversationsRequestArgs(args);
     const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs);
     const fetchConversation = async (id) => {
         const { data: argsData } = conversationsRequestArgs;
@@ -23,9 +19,7 @@ export function useConversationsJoltEvents() {
         });
         return data;
     };
-    const handleConversationUpdateOrCreate = async (e) => {
-        const { data } = e.data;
-        const conversation = await fetchConversation(data.id).catch(c => c);
+    const updateOrCreate = async (conversation) => {
         queryClient.setQueryData(conversationQueryKey, prev => updateOrCreateRecordInPagesData({
             data: prev,
             record: conversation,
@@ -34,14 +28,30 @@ export function useConversationsJoltEvents() {
             },
         }));
     };
-    const handleConversationDestroy = (e) => {
+    const updateAll = async (update) => {
+        queryClient.setQueryData(conversationQueryKey, prev => updateAllRecordsInPagesData({
+            data: prev,
+            processRecord: record => ({ ...record, ...update }),
+        }));
+    };
+    const fetchAndUpdateOrCreate = async ({ id }) => {
+        const conversation = await fetchConversation(id).catch(c => c);
+        updateOrCreate(conversation);
+    };
+    const handleConversationDestroy = ({ id }) => {
         queryClient.setQueryData(conversationQueryKey, prev => deleteRecordInPagesData({
             data: prev,
-            record: { id: e.data.data.id },
+            record: { id },
         }));
     };
-    useJoltEvent(joltChannel, 'conversation.updated', handleConversationUpdateOrCreate);
-    useJoltEvent(joltChannel, 'conversation.created', handleConversationUpdateOrCreate);
-    useJoltEvent(joltChannel, 'conversation.destroyed', handleConversationDestroy);
+    return {
+        create: updateOrCreate,
+        destroy: handleConversationDestroy,
+        fetchCreate: fetchAndUpdateOrCreate,
+        fetchUpdate: fetchAndUpdateOrCreate,
+        invalidate: () => queryClient.invalidateQueries({ queryKey: conversationQueryKey }),
+        update: updateOrCreate,
+        updateAll,
+    };
 }
-//# sourceMappingURL=use_conversation_jolt_events.js.map
+//# sourceMappingURL=use_conversations_cache.js.map

package/build/hooks/use_conversations_cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations_cache.js","sourceRoot":"","sources":["../../src/hooks/use_conversations_cache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEpE,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,UAAU,CAAA;AACjB,OAAO,EAA2B,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AACpG,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,MAAM,UAAU,qBAAqB,CAAC,IAAuC;IAC3E,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,wBAAwB,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAA;IAClE,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAA;IAEzE,MAAM,iBAAiB,GAAG,KAAK,EAAE,EAAU,EAAE,EAAE;QAC7C,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,cAAc,GAAG,KAAK,EAAE,YAAkC,EAAE,EAAE;QAClE,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,+BAA+B,CAAC;YAC9B,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,SAAS,GAAG,KAAK,EAAE,MAAqC,EAAE,EAAE;QAChE,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,2BAA2B,CAAC;YAC1B,IAAI,EAAE,IAAI;YACV,aAAa,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;SACpD,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAG,KAAK,EAAE,EAAE,EAAE,EAAkB,EAAE,EAAE;QAC9D,MAAM,YAAY,GAAyB,MAAM,iBAAiB,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAEpF,cAAc,CAAC,YAAY,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;QAC3D,WAAW,CAAC,YAAY,CAAY,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAC/D,uBAAuB,CAAC;YACtB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,EAAE,EAAE,EAAE;SACf,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE,yBAAyB;QAClC,WAAW,EAAE,sBAAsB;QACnC,WAAW,EAAE,sBAAsB;QACnC,UAAU,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;QACnF,MAAM,EAAE,cAAc;QACtB,SAAS;KACV,CAAA;AACH,CAAC","sourcesContent":["import { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ConversationResource } from '../types'\nimport {\n  deleteRecordInPagesData,\n  updateAllRecordsInPagesData,\n  updateOrCreateRecordInPagesData,\n} from '../utils'\nimport { ConversationRequestArgs, getConversationsRequestArgs } from '../utils/request/conversation'\nimport { useApiClient } from './use_api_client'\nimport { getRequestQueryKey } from './use_suspense_api'\n\ntype QueryData = InfiniteData<ApiCollection<ConversationResource>>\n\nexport function useConversationsCache(args?: Partial<ConversationRequestArgs>) {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const conversationsRequestArgs = getConversationsRequestArgs(args)\n  const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs)\n\n  const fetchConversation = async (id: number) => {\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 updateOrCreate = async (conversation: ConversationResource) => {\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      updateOrCreateRecordInPagesData({\n        data: prev,\n        record: conversation,\n        processRecord: (record, current) => {\n          return { ...current, ...record }\n        },\n      })\n    )\n  }\n\n  const updateAll = async (update: Partial<ConversationResource>) => {\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      updateAllRecordsInPagesData({\n        data: prev,\n        processRecord: record => ({ ...record, ...update }),\n      })\n    )\n  }\n\n  const fetchAndUpdateOrCreate = async ({ id }: { id: number }) => {\n    const conversation: ConversationResource = await fetchConversation(id).catch(c => c)\n\n    updateOrCreate(conversation)\n  }\n\n  const handleConversationDestroy = ({ id }: { id: number }) => {\n    queryClient.setQueryData<QueryData>(conversationQueryKey, prev =>\n      deleteRecordInPagesData({\n        data: prev,\n        record: { id },\n      })\n    )\n  }\n\n  return {\n    create: updateOrCreate,\n    destroy: handleConversationDestroy,\n    fetchCreate: fetchAndUpdateOrCreate,\n    fetchUpdate: fetchAndUpdateOrCreate,\n    invalidate: () => queryClient.invalidateQueries({ queryKey: conversationQueryKey }),\n    update: updateOrCreate,\n    updateAll,\n  }\n}\n"]}

package/build/hooks/use_conversations_jolt_events.d.ts

@@ -0,0 +1,3 @@
+import { ConversationRequestArgs } from '../utils/request/conversation';
+export declare function useConversationsJoltEvents(args?: Partial<ConversationRequestArgs>): void;
+//# sourceMappingURL=use_conversations_jolt_events.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversations_jolt_events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAKvE,wBAAgB,0BAA0B,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,QAcjF"}

package/build/hooks/use_conversations_jolt_events.js

@@ -0,0 +1,12 @@
+import { useConversationsCache } from './use_conversations_cache';
+import { useCurrentPerson } from './use_current_person';
+import { useJoltChannel, useJoltEvent } from './use_jolt';
+export function useConversationsJoltEvents(args) {
+    const currentPerson = useCurrentPerson();
+    const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`);
+    const cache = useConversationsCache(args);
+    useJoltEvent(joltChannel, 'conversation.updated', (e) => cache.fetchUpdate({ id: e.data.data.id }));
+    useJoltEvent(joltChannel, 'conversation.created', (e) => cache.fetchCreate({ id: e.data.data.id }));
+    useJoltEvent(joltChannel, 'conversation.destroyed', (e) => cache.destroy({ id: e.data.data.id }));
+}
+//# sourceMappingURL=use_conversations_jolt_events.js.map

package/build/hooks/use_conversations_jolt_events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversations_jolt_events.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzD,MAAM,UAAU,0BAA0B,CAAC,IAAuC;IAChF,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAEzC,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,CAAC,CAAwB,EAAE,EAAE,CAC7E,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAC1C,CAAA;IACD,YAAY,CAAC,WAAW,EAAE,sBAAsB,EAAE,CAAC,CAAwB,EAAE,EAAE,CAC7E,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAC1C,CAAA;IACD,YAAY,CAAC,WAAW,EAAE,wBAAwB,EAAE,CAAC,CAAwB,EAAE,EAAE,CAC/E,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CACtC,CAAA;AACH,CAAC","sourcesContent":["import { JoltConversationEvent } from '../types/jolt_events'\nimport { ConversationRequestArgs } from '../utils/request/conversation'\nimport { useConversationsCache } from './use_conversations_cache'\nimport { useCurrentPerson } from './use_current_person'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\n\nexport function useConversationsJoltEvents(args?: Partial<ConversationRequestArgs>) {\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`)\n  const cache = useConversationsCache(args)\n\n  useJoltEvent(joltChannel, 'conversation.updated', (e: JoltConversationEvent) =>\n    cache.fetchUpdate({ id: e.data.data.id })\n  )\n  useJoltEvent(joltChannel, 'conversation.created', (e: JoltConversationEvent) =>\n    cache.fetchCreate({ id: e.data.data.id })\n  )\n  useJoltEvent(joltChannel, 'conversation.destroyed', (e: JoltConversationEvent) =>\n    cache.destroy({ id: e.data.data.id })\n  )\n}\n"]}

package/build/hooks/use_create_android_ripple_color.d.ts

@@ -1,4 +1,4 @@
 export declare const useCreateAndroidRippleColor: ({ color }: {
     color: string;
-}) => any;
+}) => string;
 //# sourceMappingURL=use_create_android_ripple_color.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_create_android_ripple_color.d.ts","sourceRoot":"","sources":["../../src/hooks/use_create_android_ripple_color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,cAAe;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,QAavE,CAAA"}
+{"version":3,"file":"use_create_android_ripple_color.d.ts","sourceRoot":"","sources":["../../src/hooks/use_create_android_ripple_color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,cAAe;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,WAavE,CAAA"}

package/build/hooks/use_giphy.d.ts

@@ -0,0 +1,9 @@
+import { DenormalizedGiphyAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource';
+export declare function useGiphy(term?: string): {
+    isSearching: boolean;
+    result: DenormalizedGiphyAttachmentResourceForCreate;
+    resultIndex: number;
+    nextResult: () => void;
+    prevResult: () => void;
+};
+//# sourceMappingURL=use_giphy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_giphy.d.ts","sourceRoot":"","sources":["../../src/hooks/use_giphy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4CAA4C,EAAE,MAAM,qDAAqD,CAAA;AA0BlH,wBAAgB,QAAQ,CAAC,IAAI,GAAE,MAAW;;;;;;EA8CzC"}

package/build/hooks/use_giphy.js

@@ -0,0 +1,63 @@
+import { useCallback, useContext, useEffect, useState } from 'react';
+import { ChatContext } from '../contexts/chat_context';
+export function useGiphy(term = '') {
+    const { giphyApiKey } = useContext(ChatContext);
+    const [isSearching, setIsSearching] = useState(false);
+    const [results, setResults] = useState([]);
+    const [resultIndex, setResultIndex] = useState(0);
+    const result = results[resultIndex];
+    useEffect(() => {
+        if (!giphyApiKey || !term) {
+            setResults([]);
+            return;
+        }
+        setIsSearching(true);
+        fetch(`https://api.giphy.com/v1/gifs/search?api_key=${giphyApiKey}&q=${term}&limit=20&rating=g`)
+            .then(response => response.json())
+            .then(data => {
+            const originalGiphys = data.data;
+            const denormalizedGiphys = denormalizeGiphys(term, originalGiphys);
+            setResults(denormalizedGiphys);
+            setResultIndex(0);
+        })
+            .catch(error => {
+            console.error('Error fetching gifs:', error);
+        })
+            .finally(() => {
+            setIsSearching(false);
+        });
+    }, [giphyApiKey, term]);
+    const nextResult = useCallback(() => {
+        setResultIndex(oldResultIndex => (oldResultIndex < results.length - 1 ? oldResultIndex + 1 : 0));
+    }, [results.length]);
+    const prevResult = useCallback(() => {
+        setResultIndex(oldResultIndex => (oldResultIndex > 0 ? oldResultIndex - 1 : results.length - 1));
+    }, [results.length]);
+    return {
+        isSearching,
+        result,
+        resultIndex,
+        nextResult,
+        prevResult,
+    };
+}
+function denormalizeGiphys(term, giphys) {
+    return giphys.map(giphy => ({
+        type: 'giphy',
+        id: giphy.id,
+        title: term,
+        original_giphy_title: giphy.title,
+        title_link: giphy.url,
+        thumb_url: giphy.images.fixed_width.url,
+        giphy: {
+            original: giphy.images.original,
+            fixed_height: giphy.images.fixed_height,
+            fixed_height_still: giphy.images.fixed_height_still,
+            fixed_height_downsampled: giphy.images.fixed_height_downsampled,
+            fixed_width: giphy.images.fixed_width,
+            fixed_width_still: giphy.images.fixed_width_still,
+            fixed_width_downsampled: giphy.images.fixed_width_downsampled,
+        },
+    }));
+}
+//# sourceMappingURL=use_giphy.js.map

package/build/hooks/use_giphy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_giphy.js","sourceRoot":"","sources":["../../src/hooks/use_giphy.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useContext, useEffect, useState } from 'react'\nimport { DenormalizedGiphyAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource'\nimport { ChatContext } from '../contexts/chat_context'\n\ninterface GiphyGif {\n  id: string\n  url: string\n  title: string\n  images: {\n    original: GiphyVariant\n    fixed_height: GiphyVariant\n    fixed_height_still: GiphyVariant\n    fixed_height_downsampled: GiphyVariant\n    fixed_width: GiphyVariant\n    fixed_width_still: GiphyVariant\n    fixed_width_downsampled: GiphyVariant\n  }\n}\n\ninterface GiphyVariant {\n  url: string\n  width: number\n  height: number\n  size: string\n  frames: string\n}\n\nexport function useGiphy(term: string = '') {\n  const { giphyApiKey } = useContext(ChatContext)\n  const [isSearching, setIsSearching] = useState(false)\n  const [results, setResults] = useState<DenormalizedGiphyAttachmentResourceForCreate[]>([])\n  const [resultIndex, setResultIndex] = useState(0)\n  const result = results[resultIndex]\n\n  useEffect(() => {\n    if (!giphyApiKey || !term) {\n      setResults([])\n      return\n    }\n\n    setIsSearching(true)\n    fetch(`https://api.giphy.com/v1/gifs/search?api_key=${giphyApiKey}&q=${term}&limit=20&rating=g`)\n      .then(response => response.json())\n      .then(data => {\n        const originalGiphys: GiphyGif[] = data.data\n        const denormalizedGiphys = denormalizeGiphys(term, originalGiphys)\n\n        setResults(denormalizedGiphys)\n        setResultIndex(0)\n      })\n      .catch(error => {\n        console.error('Error fetching gifs:', error)\n      })\n      .finally(() => {\n        setIsSearching(false)\n      })\n  }, [giphyApiKey, term])\n\n  const nextResult = useCallback(() => {\n    setResultIndex(oldResultIndex => (oldResultIndex < results.length - 1 ? oldResultIndex + 1 : 0))\n  }, [results.length])\n\n  const prevResult = useCallback(() => {\n    setResultIndex(oldResultIndex => (oldResultIndex > 0 ? oldResultIndex - 1 : results.length - 1))\n  }, [results.length])\n\n  return {\n    isSearching,\n    result,\n    resultIndex,\n    nextResult,\n    prevResult,\n  }\n}\n\nfunction denormalizeGiphys(\n  term: string,\n  giphys: GiphyGif[]\n): DenormalizedGiphyAttachmentResourceForCreate[] {\n  return giphys.map(giphy => ({\n    type: 'giphy',\n    id: giphy.id,\n    title: term,\n    original_giphy_title: giphy.title,\n    title_link: giphy.url,\n    thumb_url: giphy.images.fixed_width.url,\n    giphy: {\n      original: giphy.images.original,\n      fixed_height: giphy.images.fixed_height,\n      fixed_height_still: giphy.images.fixed_height_still,\n      fixed_height_downsampled: giphy.images.fixed_height_downsampled,\n      fixed_width: giphy.images.fixed_width,\n      fixed_width_still: giphy.images.fixed_width_still,\n      fixed_width_downsampled: giphy.images.fixed_width_downsampled,\n    },\n  }))\n}\n"]}

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;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAA;AACrF,OAAO,EAEL,gBAAgB,EACjB,MAAM,yDAAyD,CAAA;AAYhE,eAAO,MAAM,aAAa,QAAO,UAAU,GAAG,SAqD7C,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,EACL,aAAa,EAEd,MAAM,uDAAuD,CAAA;AAC9D,OAAO,EAEL,gBAAgB,EACjB,MAAM,yDAAyD,CAAA;AAahE,eAAO,MAAM,aAAa,QAAO,UAAU,GAAG,SA0F7C,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,13 +1,18 @@
 import JoltClient from '@planningcenter/jolt-client';
-import { useQuery, useSuspenseQuery } from '@tanstack/react-query';
-import { useEffect, useState } from 'react';
-import { useApiClient } from './use_api_client';
+import { useQuery, useQueryClient, useSuspenseQuery } from '@tanstack/react-query';
+import { useEffect, useMemo, useState } from 'react';
+import { useChatContext } from '../contexts/chat_context';
+import { Client } from '../utils';
 export const useJoltClient = () => {
-    const apiClient = useApiClient();
+    const { session } = useChatContext();
+    const queryClient = useQueryClient();
+    const apiClient = useMemo(
+    // Client that does not relay 401 errors
+    () => new Client({ app: 'chat', session, version: '2018-11-01' }), [session]);
     const { data: joltToken } = useSuspenseQuery({
         queryKey: ['jolt-token'],
         queryFn: () => {
-            return apiClient.chat.post({
+            return apiClient.post({
                 url: '/me/jolt_authorize',
                 data: {
                     data: {
@@ -18,11 +23,25 @@ export const useJoltClient = () => {
             });
         },
     });
-    const fetchAuthTokenFn = async () => {
-        return joltToken.data.id || '';
+    const fetchJoltToken = async () => {
+        return apiClient.post({
+            url: '/me/jolt_authorize',
+            data: {
+                data: {
+                    type: 'JoltToken',
+                    attributes: {},
+                },
+            },
+        });
+    };
+    const fetchAuthTokenFn = () => {
+        return queryClient.fetchQuery({
+            queryKey: ['jolt-token'],
+            queryFn: () => fetchJoltToken().then(res => res.data.id),
+        });
     };
-    const fetchSubscribeTokenFn = (channel, connectionId) => {
-        return apiClient.chat
+    const fetchSubscribeToken = (channel, connectionId) => {
+        return apiClient
             .post({
             url: '/me/jolt_subscribe',
             data: {
@@ -32,7 +51,17 @@ export const useJoltClient = () => {
                 },
             },
         })
-            .then((res) => res.data.id);
+            .then(res => res.data.id)
+            .catch((res) => {
+            console.error('failed to subscribe to Jolt channel', res);
+            return '';
+        });
+    };
+    const fetchSubscribeTokenFn = (channel, connectionId, options) => {
+        return queryClient.fetchQuery({
+            queryKey: ['jolt-subscribe-token', channel, connectionId],
+            queryFn: () => fetchSubscribeToken(channel, connectionId, options),
+        });
     };
     const { data: joltClient } = useQuery({
         enabled: Boolean(joltToken),