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

package/build/screens/message_actions_screen.js

@@ -1,13 +1,13 @@
 import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation } from '@react-navigation/native';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback } from 'react';
 import { Alert, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Text, TextButton } from '../components';
 import { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction';
-import { ChatContext } from '../contexts';
 import { useTheme } from '../hooks';
+import { useApiClient } from '../hooks/use_api_client';
 import { getMessagesRequestArgs, useConversationMessages } from '../hooks/use_conversation_messages';
 import { updateRecordInPagesData } from '../utils';
 import { Clipboard } from '../utils/native_adapters';
@@ -20,7 +20,7 @@ export const MessageActionsScreenOptions = {
 export function MessageActionsScreen({ route }) {
     const navigation = useNavigation();
     const { conversation_id, message_id } = route.params;
-    const { client } = useContext(ChatContext);
+    const apiClient = useApiClient();
     const queryClient = useQueryClient();
     const styles = useStyles();
     const { messages, queryKey, refetch } = useConversationMessages({ conversation_id }, { refetchOnMount: false });
@@ -45,7 +45,7 @@ export function MessageActionsScreen({ route }) {
         const endpoint = !mine ? 'react' : 'unreact';
         const url = `/me/conversations/${conversation_id}/messages/${message_id}/${endpoint}`;
         const fieldsWithValueJoined = Object.fromEntries(Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')]));
-        return client.post({
+        return apiClient.chat.post({
             url,
             data: {
                 ...requestParams.data,
@@ -56,11 +56,11 @@ export function MessageActionsScreen({ route }) {
                 fields: fieldsWithValueJoined,
             },
         });
-    }, [client, conversation_id, message_id]);
+    }, [apiClient, conversation_id, message_id]);
     const deleteMessage = useCallback(() => {
         const url = `/me/conversations/${conversation_id}/messages/${message_id}/`;
-        return client.delete({ url });
-    }, [client, conversation_id, message_id]);
+        return apiClient.chat.delete({ url });
+    }, [apiClient, conversation_id, message_id]);
     const { mutate: handleReaction, isPending } = useMutation({
         mutationFn: handleReactionPress,
         onSuccess: (result) => {

package/build/screens/message_actions_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_actions_screen.js","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport React, { useCallback, useContext } from 'react'\nimport { Alert, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Text, TextButton } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport { ChatContext } from '../contexts'\nimport { useTheme } from '../hooks'\nimport { getMessagesRequestArgs, useConversationMessages } from '../hooks/use_conversation_messages'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { updateRecordInPagesData } from '../utils'\nimport { Clipboard } from '../utils/native_adapters'\n\nexport const MessageActionsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.25],\n  sheetGrabberVisible: true,\n}\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: string\n}>\n\nexport function MessageActionsScreen({ route }: ReactionScreenProps) {\n  const navigation = useNavigation()\n  const { conversation_id, message_id } = route.params\n\n  const { client } = useContext(ChatContext)\n  const queryClient = useQueryClient()\n  const styles = useStyles()\n\n  const { messages, queryKey, refetch } = useConversationMessages(\n    { conversation_id },\n    { refetchOnMount: false }\n  )\n  const message = messages.find(m => m.id === message_id)\n  const myReactions = message?.reactionCounts\n    .filter(reaction => reaction.mine)\n    .map(reaction => reaction.value)\n\n  const availableReactions = Object.entries(REACTION_EMOJIS).map(([value, emoji]) => {\n    return {\n      value: value as ReactionCountResource['value'],\n      emoji,\n      mine: myReactions?.includes(value as ReactionCountResource['value']),\n    }\n  })\n\n  const handleCopyPress = (text?: string) => {\n    Clipboard.setStringAsync(text || '')\n    navigation.goBack()\n  }\n\n  const handleReactionPress = useCallback(\n    ({ value, mine }: { value: keyof typeof REACTION_EMOJIS; mine?: boolean }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id })\n\n      // Value has already been updated\n      const endpoint = !mine ? 'react' : 'unreact'\n      const url = `/me/conversations/${conversation_id}/messages/${message_id}/${endpoint}`\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n\n      return client.post({\n        url,\n        data: {\n          ...requestParams.data,\n          data: {\n            type: 'Message',\n            attributes: { value: value },\n          },\n          fields: fieldsWithValueJoined,\n        },\n      })\n    },\n    [client, conversation_id, message_id]\n  )\n\n  const deleteMessage = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message_id}/`\n\n    return client.delete({ url })\n  }, [client, conversation_id, message_id])\n\n  const { mutate: handleReaction, isPending } = useMutation({\n    mutationFn: handleReactionPress,\n    onSuccess: (result: ApiResource<MessageResource>) => {\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n\n      queryClient.setQueryData<QueryData>(queryKey, data =>\n        updateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to react to this message. Please try again.')\n    },\n  })\n\n  const { mutate: handleDeleteMessage } = useMutation({\n    mutationFn: deleteMessage,\n    onSuccess: () => {\n      refetch()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to delete this message. Please try again.')\n    },\n  })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.reactionList}>\n        {availableReactions.map((reaction, index) => (\n          <Reaction key={index} reaction={reaction} onPress={() => handleReaction(reaction)} />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        <View style={styles.actionButton}>\n          <TextButton onPress={() => handleCopyPress(message?.text)}>Copy</TextButton>\n          <TextButton\n            appearance=\"danger\"\n            onPress={() => handleDeleteMessage()}\n            disabled={isPending}\n          >\n            Delete\n          </TextButton>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n  onPress,\n}: {\n  reaction: { value: ReactionCountResource['value']; emoji: string; mine: boolean | undefined }\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      style={[reactionStyles.reaction, styles.reaction]}\n      onPress={onPress}\n    >\n      <Text style={reactionStyles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const btnBorderWidth = 1\n  const baseSize = 44\n  const reactionBtnSize = Platform.select({\n    ios: baseSize,\n    android: baseSize + btnBorderWidth * 2,\n  })\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingTop: 12,\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      height,\n    },\n    reaction: {\n      height: reactionBtnSize,\n      width: reactionBtnSize,\n      borderWidth: btnBorderWidth,\n      borderRadius: 32,\n      justifyContent: 'center',\n    },\n    reactionList: {\n      justifyContent: 'center',\n      gap: 24,\n      paddingVertical: 12,\n      flexDirection: 'row',\n      borderBottomColor: theme.colors.fillColorNeutral040,\n      borderBottomWidth: 1,\n    },\n    actions: { flex: 1 },\n    actionButton: { padding: 12, paddingBottom: 100, gap: 12 },\n  })\n}\n"]}
+{"version":3,"file":"message_actions_screen.js","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport React, { useCallback } from 'react'\nimport { Alert, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Text, TextButton } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport { useTheme } from '../hooks'\nimport { useApiClient } from '../hooks/use_api_client'\nimport { getMessagesRequestArgs, useConversationMessages } from '../hooks/use_conversation_messages'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { updateRecordInPagesData } from '../utils'\nimport { Clipboard } from '../utils/native_adapters'\n\nexport const MessageActionsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.25],\n  sheetGrabberVisible: true,\n}\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: string\n}>\n\nexport function MessageActionsScreen({ route }: ReactionScreenProps) {\n  const navigation = useNavigation()\n  const { conversation_id, message_id } = route.params\n\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const styles = useStyles()\n\n  const { messages, queryKey, refetch } = useConversationMessages(\n    { conversation_id },\n    { refetchOnMount: false }\n  )\n  const message = messages.find(m => m.id === message_id)\n  const myReactions = message?.reactionCounts\n    .filter(reaction => reaction.mine)\n    .map(reaction => reaction.value)\n\n  const availableReactions = Object.entries(REACTION_EMOJIS).map(([value, emoji]) => {\n    return {\n      value: value as ReactionCountResource['value'],\n      emoji,\n      mine: myReactions?.includes(value as ReactionCountResource['value']),\n    }\n  })\n\n  const handleCopyPress = (text?: string) => {\n    Clipboard.setStringAsync(text || '')\n    navigation.goBack()\n  }\n\n  const handleReactionPress = useCallback(\n    ({ value, mine }: { value: keyof typeof REACTION_EMOJIS; mine?: boolean }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id })\n\n      // Value has already been updated\n      const endpoint = !mine ? 'react' : 'unreact'\n      const url = `/me/conversations/${conversation_id}/messages/${message_id}/${endpoint}`\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n\n      return apiClient.chat.post({\n        url,\n        data: {\n          ...requestParams.data,\n          data: {\n            type: 'Message',\n            attributes: { value: value },\n          },\n          fields: fieldsWithValueJoined,\n        },\n      })\n    },\n    [apiClient, conversation_id, message_id]\n  )\n\n  const deleteMessage = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message_id}/`\n\n    return apiClient.chat.delete({ url })\n  }, [apiClient, conversation_id, message_id])\n\n  const { mutate: handleReaction, isPending } = useMutation({\n    mutationFn: handleReactionPress,\n    onSuccess: (result: ApiResource<MessageResource>) => {\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n\n      queryClient.setQueryData<QueryData>(queryKey, data =>\n        updateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to react to this message. Please try again.')\n    },\n  })\n\n  const { mutate: handleDeleteMessage } = useMutation({\n    mutationFn: deleteMessage,\n    onSuccess: () => {\n      refetch()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to delete this message. Please try again.')\n    },\n  })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.reactionList}>\n        {availableReactions.map((reaction, index) => (\n          <Reaction key={index} reaction={reaction} onPress={() => handleReaction(reaction)} />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        <View style={styles.actionButton}>\n          <TextButton onPress={() => handleCopyPress(message?.text)}>Copy</TextButton>\n          <TextButton\n            appearance=\"danger\"\n            onPress={() => handleDeleteMessage()}\n            disabled={isPending}\n          >\n            Delete\n          </TextButton>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n  onPress,\n}: {\n  reaction: { value: ReactionCountResource['value']; emoji: string; mine: boolean | undefined }\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      style={[reactionStyles.reaction, styles.reaction]}\n      onPress={onPress}\n    >\n      <Text style={reactionStyles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const btnBorderWidth = 1\n  const baseSize = 44\n  const reactionBtnSize = Platform.select({\n    ios: baseSize,\n    android: baseSize + btnBorderWidth * 2,\n  })\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingTop: 12,\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      height,\n    },\n    reaction: {\n      height: reactionBtnSize,\n      width: reactionBtnSize,\n      borderWidth: btnBorderWidth,\n      borderRadius: 32,\n      justifyContent: 'center',\n    },\n    reactionList: {\n      justifyContent: 'center',\n      gap: 24,\n      paddingVertical: 12,\n      flexDirection: 'row',\n      borderBottomColor: theme.colors.fillColorNeutral040,\n      borderBottomWidth: 1,\n    },\n    actions: { flex: 1 },\n    actionButton: { padding: 12, paddingBottom: 100, gap: 12 },\n  })\n}\n"]}

package/build/utils/client/request_helpers.d.ts

@@ -1,4 +1,4 @@
-import { Accumulator, RequestData } from './types';
+import { Accumulator, GetRequest, PostRequest, RequestData } from './types';
 export type MakeRequestArgs = {
     action: 'GET' | 'POST' | 'PATCH' | 'DELETE';
     url: string;
@@ -17,4 +17,5 @@ export declare const noQueryParamsFriendlyErrors: (request: any, args: any) => P
 export declare const ensureFieldsInDev: (walk: any, args: any) => Promise<any>;
 export declare const ensureNoQueryParamsInDev: (request: any, args: any) => Promise<any>;
 export declare const throwErrorIfQueryParams: (url: any) => Promise<void>;
+export declare const transformGetToPost: (args: GetRequest) => PostRequest;
 //# sourceMappingURL=request_helpers.d.ts.map

package/build/utils/client/request_helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request_helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,mCAAsD,eAAe,iBA+B5F,CAAA;AAcD,eAAO,MAAM,aAAa,YAAa,WAAW,eAAe,WAAW;;;;CAM1E,CAAA;AAEF,eAAO,MAAM,yBAAyB,wCAuBrC,CAAA;AAED,eAAO,MAAM,cAAc,wCAGC,CAAA;AAE5B,eAAO,MAAM,2BAA2B,2CAGZ,CAAA;AAI5B,eAAO,MAAM,iBAAiB,wCAAyC,CAAA;AAEvE,eAAO,MAAM,wBAAwB,2CAAsD,CAAA;AAE3F,eAAO,MAAM,uBAAuB,6BAMnC,CAAA"}
+{"version":3,"file":"request_helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,mCAAsD,eAAe,iBA+B5F,CAAA;AAcD,eAAO,MAAM,aAAa,YAAa,WAAW,eAAe,WAAW;;;;CAM1E,CAAA;AAEF,eAAO,MAAM,yBAAyB,wCAuBrC,CAAA;AAED,eAAO,MAAM,cAAc,wCAGC,CAAA;AAE5B,eAAO,MAAM,2BAA2B,2CAGZ,CAAA;AAI5B,eAAO,MAAM,iBAAiB,wCAAyC,CAAA;AAEvE,eAAO,MAAM,wBAAwB,2CAAsD,CAAA;AAE3F,eAAO,MAAM,uBAAuB,6BAMnC,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,UAAU,KAAG,WAkBrD,CAAA"}

package/build/utils/client/request_helpers.js

@@ -80,4 +80,21 @@ export const throwErrorIfQueryParams = url => {
     }
     return Promise.resolve();
 };
+export const transformGetToPost = (args) => {
+    const { data, ...rest } = args;
+    const { fields, include } = data;
+    const fieldsArray = Object.entries(fields).map(([key, value]) => {
+        if (Array.isArray(value)) {
+            return [key, value.join(',')];
+        }
+        return [key, value];
+    });
+    return {
+        ...rest,
+        data: {
+            fields: Object.fromEntries(fieldsArray),
+            include,
+        },
+    };
+};
 //# sourceMappingURL=request_helpers.js.map

package/build/utils/client/request_helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"request_helpers.js","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAA;AACtB,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,iBAAiB,MAAM,sBAAsB,CAAA;AAUpD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAmB,EAAE,EAAE;IAC/F,sEAAsE;IACtE,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAA;IACtB,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACxC,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEhC,kFAAkF;IAClF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;SAC5D,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC5B,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QAChB,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;IAER,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QACrB,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAChC,CAAC;IAED,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAElF,OAAO,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC/C,MAAM,EAAE,MAAM;QACd,OAAO;QACP,IAAI;KACL,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACjB,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;YAChB,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACnE,CAAC;aAAM,CAAC;YACN,OAAO,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACjC,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,wBAAwB,GAAG;IAC/B,aAAa;IACb,OAAO;IACP,MAAM;IACN,MAAM;IACN,cAAc;IACd,cAAc;IACd,aAAa;IACb,YAAY;IACZ,QAAQ;CACT,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAoB,EAAE,WAAwB,EAAE,EAAE,CAAC,CAAC;IAChF,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,GAAG,WAAW,CAAC,QAAQ,CAAC;IACxD,2DAA2D;IAC3D,kFAAkF;IAClF,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,wBAAwB,CAAC;CACzD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,CAAA;IAEjC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,iCAAiC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAEtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAA;IAClE,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IACtD,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA;IAC7D,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAE5E,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CACb,kCAAkC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,gBAAgB,IAAI,CAAC,GAAG,EAAE,CAC1F,CAAA;IACH,CAAC;IAED,OAAO,iBAAiB,CAAC,QAAQ,CAAC,CAAA;AACpC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAC3C,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC;KAC9B,IAAI,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACjD,IAAI,CAAC,iBAAiB,CAAC,CAAA;AAE5B,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CAC3D,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC;KAC9B,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;KACzB,IAAI,CAAC,iBAAiB,CAAC,CAAA;AAE5B,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;AAE9F,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAA;AAEvE,MAAM,CAAC,MAAM,wBAAwB,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,WAAW,CAAA;AAE3F,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC,EAAE;IAC3C,IAAI,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IAED,OAAO,OAAO,CAAC,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA","sourcesContent":["import _ from 'lodash'\nimport URI from 'urijs'\nimport { transformRequestData } from './transform_request_data'\nimport transformResponse from './transform_response'\nimport { Accumulator, RequestData } from './types'\n\nexport type MakeRequestArgs = {\n  action: 'GET' | 'POST' | 'PATCH' | 'DELETE'\n  url: string\n  data?: Partial<RequestData>\n  headers: Record<string, string>\n}\n\nexport const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: MakeRequestArgs) => {\n  // break apart url so we can reconstruct the url with the query params\n  let uri = new URI(url)\n  const query = transformRequestData(data)\n  const urlQuery = uri.query(true)\n\n  // This likely doesn't matter but will enforce consistent ordering of query params\n  const combinedQuery = Object.entries({ ...query, ...urlQuery })\n    .sort()\n    .reduce((obj, [key, value]) => {\n      obj[key] = value\n      return obj\n    }, {})\n\n  if (action === 'GET') {\n    uri = uri.query(combinedQuery)\n  }\n\n  const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined\n\n  return fetch(decodeURIComponent(uri.toString()), {\n    method: action,\n    headers,\n    body,\n  }).then(response => {\n    if (response.ok) {\n      return response.text().then(t => (t === '' ? '' : JSON.parse(t)))\n    } else {\n      return Promise.reject(response)\n    }\n  })\n}\n\nconst STANDARD_META_ATTRIBUTES = [\n  'total_count',\n  'count',\n  'prev',\n  'next',\n  'can_order_by',\n  'can_query_by',\n  'can_include',\n  'can_filter',\n  'parent',\n]\n\nexport const concatRecords = (records: Accumulator, moreRecords: Accumulator) => ({\n  data: [...records.data, ...moreRecords.data],\n  included: [...records.included, ...moreRecords.included],\n  // Because custom meta can be computed on a per-page bases,\n  // it is safer to remove all custom meta when concatenating multiple pages of data\n  meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),\n})\n\nexport const throwErrorIfFieldsMissing = async (walk, args) => {\n  const fields = args?.data?.fields\n\n  if (!fields) {\n    throw new Error(`Must pass fields for request: ${args.url}`)\n  }\n\n  const fieldTypes = Object.keys(fields)\n\n  const response = await walk(args)\n\n  const dataTypes = _(response.data).castArray().map('type').value()\n  const includedTypes = _.map(response.included, 'type')\n  const responseTypes = _.uniq(dataTypes.concat(includedTypes))\n  const missingFields = _.difference(responseTypes, fieldTypes).filter(t => t)\n\n  if (missingFields.length > 0) {\n    throw new Error(\n      `Must include fields for types: ${JSON.stringify(missingFields)} for request ${args.url}`\n    )\n  }\n\n  return transformResponse(response)\n}\n\nexport const friendlyErrors = (walk, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => throwErrorIfFieldsMissing(walk, args))\n    .then(transformResponse)\n\nexport const noQueryParamsFriendlyErrors = (request, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => request(args))\n    .then(transformResponse)\n\nconst passthrough = async (walk, args) => Promise.resolve(transformResponse(await walk(args)))\n\nexport const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough\n\nexport const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough\n\nexport const throwErrorIfQueryParams = url => {\n  if (new URI(url).search().length) {\n    throw new Error('Must pass query params as data arg')\n  }\n\n  return Promise.resolve()\n}\n"]}
+{"version":3,"file":"request_helpers.js","sourceRoot":"","sources":["../../../src/utils/client/request_helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash'\nimport URI from 'urijs'\nimport { transformRequestData } from './transform_request_data'\nimport transformResponse from './transform_response'\nimport { Accumulator, GetRequest, PostRequest, RequestData } from './types'\n\nexport type MakeRequestArgs = {\n  action: 'GET' | 'POST' | 'PATCH' | 'DELETE'\n  url: string\n  data?: Partial<RequestData>\n  headers: Record<string, string>\n}\n\nexport const makeRequest = ({ action = 'GET', url, data = {}, headers = {} }: MakeRequestArgs) => {\n  // break apart url so we can reconstruct the url with the query params\n  let uri = new URI(url)\n  const query = transformRequestData(data)\n  const urlQuery = uri.query(true)\n\n  // This likely doesn't matter but will enforce consistent ordering of query params\n  const combinedQuery = Object.entries({ ...query, ...urlQuery })\n    .sort()\n    .reduce((obj, [key, value]) => {\n      obj[key] = value\n      return obj\n    }, {})\n\n  if (action === 'GET') {\n    uri = uri.query(combinedQuery)\n  }\n\n  const body = ['POST', 'PATCH'].includes(action) ? JSON.stringify(data) : undefined\n\n  return fetch(decodeURIComponent(uri.toString()), {\n    method: action,\n    headers,\n    body,\n  }).then(response => {\n    if (response.ok) {\n      return response.text().then(t => (t === '' ? '' : JSON.parse(t)))\n    } else {\n      return Promise.reject(response)\n    }\n  })\n}\n\nconst STANDARD_META_ATTRIBUTES = [\n  'total_count',\n  'count',\n  'prev',\n  'next',\n  'can_order_by',\n  'can_query_by',\n  'can_include',\n  'can_filter',\n  'parent',\n]\n\nexport const concatRecords = (records: Accumulator, moreRecords: Accumulator) => ({\n  data: [...records.data, ...moreRecords.data],\n  included: [...records.included, ...moreRecords.included],\n  // Because custom meta can be computed on a per-page bases,\n  // it is safer to remove all custom meta when concatenating multiple pages of data\n  meta: _.pick(moreRecords.meta, STANDARD_META_ATTRIBUTES),\n})\n\nexport const throwErrorIfFieldsMissing = async (walk, args) => {\n  const fields = args?.data?.fields\n\n  if (!fields) {\n    throw new Error(`Must pass fields for request: ${args.url}`)\n  }\n\n  const fieldTypes = Object.keys(fields)\n\n  const response = await walk(args)\n\n  const dataTypes = _(response.data).castArray().map('type').value()\n  const includedTypes = _.map(response.included, 'type')\n  const responseTypes = _.uniq(dataTypes.concat(includedTypes))\n  const missingFields = _.difference(responseTypes, fieldTypes).filter(t => t)\n\n  if (missingFields.length > 0) {\n    throw new Error(\n      `Must include fields for types: ${JSON.stringify(missingFields)} for request ${args.url}`\n    )\n  }\n\n  return transformResponse(response)\n}\n\nexport const friendlyErrors = (walk, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => throwErrorIfFieldsMissing(walk, args))\n    .then(transformResponse)\n\nexport const noQueryParamsFriendlyErrors = (request, args) =>\n  throwErrorIfQueryParams(args.url)\n    .then(() => request(args))\n    .then(transformResponse)\n\nconst passthrough = async (walk, args) => Promise.resolve(transformResponse(await walk(args)))\n\nexport const ensureFieldsInDev = __DEV__ ? friendlyErrors : passthrough\n\nexport const ensureNoQueryParamsInDev = __DEV__ ? noQueryParamsFriendlyErrors : passthrough\n\nexport const throwErrorIfQueryParams = url => {\n  if (new URI(url).search().length) {\n    throw new Error('Must pass query params as data arg')\n  }\n\n  return Promise.resolve()\n}\n\nexport const transformGetToPost = (args: GetRequest): PostRequest => {\n  const { data, ...rest } = args\n  const { fields, include } = data\n  const fieldsArray = Object.entries(fields).map(([key, value]) => {\n    if (Array.isArray(value)) {\n      return [key, value.join(',')]\n    }\n\n    return [key, value]\n  })\n\n  return {\n    ...rest,\n    data: {\n      fields: Object.fromEntries(fieldsArray),\n      include,\n    },\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "2.1.1",
+  "version": "2.2.0-rc.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -51,5 +51,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "9e655a66f6e1df36d94a968ddeff6840b9cf1e8d"
+  "gitHead": "89f37adcdf67bbdb15dddc82a4cf821ae9b922bb"
 }

package/src/components/conversation/message_form.tsx

@@ -1,10 +1,10 @@
 import { useTheme as useNavigationTheme } from '@react-navigation/native'
 import { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'
-import React, { useContext } from 'react'
+import React from 'react'
 import { StyleSheet, TextInput, View, ViewProps } from 'react-native'
 import { IconButton } from '../../components'
-import { ChatContext } from '../../contexts'
 import { useTheme } from '../../hooks'
+import { useApiClient } from '../../hooks/use_api_client'
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../../hooks/use_conversation_messages'
 import { ApiCollection, ApiResource, ConversationResource, MessageResource } from '../../types'
 import { updateRecordInPagesData } from '../../utils'
@@ -31,7 +31,7 @@ const MessageFormContext = React.createContext({
 function MessageFormRoot({ conversation, children }: MessagesFormRootProps) {
   const styles = useMessageFormStyles()
   const [text, setText] = React.useState('')
-  const { client } = useContext(ChatContext)
+  const apiClient = useApiClient()
   const queryClient = useQueryClient()
 
   const { mutate, isPending } = useMutation({
@@ -41,7 +41,7 @@ function MessageFormRoot({ conversation, children }: MessagesFormRootProps) {
         Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])
       )
 
-      return client.post({
+      return apiClient.chat.post({
         url: `/me/conversations/${conversation.id}/messages`,
         data: {
           ...requestParams.data,

package/src/contexts/api_provider.tsx

@@ -1,11 +1,11 @@
 import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'
 import React, { useContext, useEffect, useRef } from 'react'
 import { ViewProps } from 'react-native'
-import { Client } from '../utils'
 import { ChatContext, ChatContextValue } from './chat_context'
 import { RequestQueryKey } from '../hooks'
+import { ApiClient, useApiClient } from '../hooks/use_api_client'
 
-let apiClient: Client | undefined
+let apiClient: ApiClient | undefined
 
 const defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {
   if (!apiClient) {
@@ -14,7 +14,7 @@ const defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {
 
   const [url, data, headers] = queryKey as RequestQueryKey
 
-  return apiClient.get({ url, data, headers })
+  return apiClient.chat.get({ url, data, headers })
 }
 
 export const queryClient = new QueryClient({
@@ -27,10 +27,10 @@ export const queryClient = new QueryClient({
 })
 
 export function ApiProvider({ children }: ViewProps) {
-  const { token, env, client } = useContext(ChatContext)
+  const { token, env } = useContext(ChatContext)
   const sessionChanged = useSessionChanged({ token, env })
 
-  apiClient = client
+  apiClient = useApiClient()
 
   useEffect(() => {
     if (!sessionChanged) return

package/src/contexts/chat_context.tsx

@@ -2,7 +2,7 @@ import { merge } from 'lodash'
 import React, { createContext, useMemo } from 'react'
 import { ColorSchemeName, useColorScheme } from 'react-native'
 import { DeepPartial, OAuthToken } from '../types'
-import { Client, ENV, Session } from '../utils'
+import { ENV, Session } from '../utils'
 import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
 
 export type ChatContextValue = {
@@ -10,49 +10,32 @@ export type ChatContextValue = {
   onTokenExpired: () => void
   theme: ChatTheme
   env?: ENV
-  client: Client
+  session: Session
 }
 
 export interface ChatProviderProps extends Omit<ChatContextValue, 'client' | 'theme'> {
   theme: CreateChatThemeProps
 }
 
-const defaultChatClient = new Client({
-  app: 'chat',
-  session: new Session(),
-  version: '2018-11-01',
-  onTokenExpired: () => null,
-})
-
 export const ChatContext = createContext<ChatContextValue>({
   theme: defaultTheme('light'),
   token: undefined,
   env: undefined,
   onTokenExpired: () => {},
-  client: defaultChatClient,
+  session: new Session(),
 })
 
 export function ChatProvider({ children, value }: { children: any; value: ChatProviderProps }) {
   const { env, token, onTokenExpired } = value
   const theme = useCreateChatTheme(value.theme || {})
   const session = useMemo(() => new Session({ token, env }), [env, token])
-  const client = useMemo(
-    () =>
-      new Client({
-        app: 'chat',
-        session,
-        version: '2018-11-01',
-        onTokenExpired,
-      }),
-    [onTokenExpired, session]
-  )
 
   const contextValue: ChatContextValue = {
     env,
     token,
     onTokenExpired,
+    session,
     theme,
-    client,
   }
 
   return <ChatContext.Provider value={contextValue}>{children}</ChatContext.Provider>

package/src/hooks/use_api_client.ts

@@ -0,0 +1,29 @@
+import { useContext, useMemo } from 'react'
+import { ChatContext } from '../contexts'
+import { Client } from '../utils'
+
+type App = 'chat' | 'groups'
+const apps: App[] = ['chat', 'groups']
+export type ApiClient = Record<App, Client>
+
+export const useApiClient = () => {
+  const { session, onTokenExpired } = useContext(ChatContext)
+  const api = useMemo(
+    () =>
+      apps.reduce(
+        (acc, app) => {
+          acc[app] = new Client({
+            app,
+            session,
+            version: '2018-11-01',
+            onTokenExpired,
+          })
+          return acc
+        },
+        {} as Record<App, Client>
+      ),
+    [session, onTokenExpired]
+  )
+
+  return api
+}

package/src/hooks/use_conversation.ts

@@ -0,0 +1,113 @@
+import { useMutation } from '@tanstack/react-query'
+import { ApiResource, ConversationResource } from '../types'
+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 }: { conversation_id: string }) => ({
+  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<ConversationResource>(getConversationRequestArgs({ conversation_id }))
+}
+
+export const useConversationMute = ({ conversation_id }: { conversation_id: string }) => {
+  const apiClient = useApiClient()
+  const requestArgs = getConversationRequestArgs({ conversation_id })
+  const queryKey = getRequestQueryKey(requestArgs)
+  const { data: conversation } = useConversation({ conversation_id })
+  const [value, setValue] = useState<boolean>(conversation.muted)
+
+  const { mutate: setMuted, ...mutation } = useMutation({
+    onMutate: async (muted: boolean) => {
+      return queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {
+        if (!prev?.data) return prev
+        setValue(muted)
+        prev.data.muted = muted
+
+        return prev
+      })
+    },
+    mutationKey: ['muteConversation'],
+    mutationFn: async (muted: boolean) => {
+      const action = muted ? 'mute' : 'unmute'
+
+      return apiClient.chat.post({
+        url: `/me/conversations/${conversation_id}/${action}`,
+        data: { data: { type: '', attributes: {} }, fields: { Conversation: 'muted' } },
+      })
+    },
+    onSuccess: (response: ApiResource<ConversationResource>) => {
+      queryClient.setQueryData<ApiResource<ConversationResource>>(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 }: { conversation_id: string }) => {
+  const apiClient = useApiClient()
+  const requestArgs = getConversationRequestArgs({ conversation_id })
+  const queryKey = getRequestQueryKey(requestArgs)
+
+  return useMutation({
+    onMutate: async (update: Partial<ConversationResource>) => {
+      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {
+        if (prev?.data) {
+          prev.data = {
+            ...prev.data,
+            ...update,
+          }
+        }
+
+        return prev
+      })
+    },
+    mutationKey: ['mutateConversation'],
+    mutationFn: async (update: Partial<ConversationResource>) => {
+      const postArgs = transformGetToPost(requestArgs).data
+      return apiClient.chat.patch({
+        url: `/me/conversations/${conversation_id}/`,
+        data: { data: { type: '', attributes: update }, ...postArgs },
+      })
+    },
+    onSuccess: (response: ApiResource<ConversationResource>) => {
+      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, () => response)
+    },
+  })
+}

package/src/hooks/use_conversation_jolt_events.ts

@@ -1,9 +1,8 @@
 import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
 import { InfiniteData, useQueryClient } from '@tanstack/react-query'
-import { useContext } from 'react'
-import { ChatContext } from '../contexts'
 import { ApiCollection, ApiResource, ConversationResource } from '../types'
 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'
@@ -17,7 +16,7 @@ interface JoltConversationsEvent extends CustomMessage {
 }
 
 export function useConversationsJoltEvents() {
-  const { client } = useContext(ChatContext)
+  const apiClient = useApiClient()
   const queryClient = useQueryClient()
   const currentPerson = useCurrentPerson()
   const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`)
@@ -27,7 +26,7 @@ export function useConversationsJoltEvents() {
 
   const fetchConversation = async ({ id }: ConversationResource) => {
     const { data: argsData } = conversationsRequestArgs
-    const { data } = await client.get<ApiResource<ConversationResource>>({
+    const { data } = await apiClient.chat.get<ApiResource<ConversationResource>>({
       url: `/me/conversations/${id}`,
       data: {
         fields: argsData.fields,

package/src/hooks/use_jolt.ts

@@ -1,13 +1,13 @@
 import JoltClient from '@planningcenter/jolt-client'
-import { useQuery, useSuspenseQuery } from '@tanstack/react-query'
-import { useContext, useEffect, useState } from 'react'
-import { ChatContext } from '../contexts'
-import { ApiResource } from '../types'
+import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
 import {
   FetchSubscribeToken,
   JoltSubscription,
 } from '@planningcenter/jolt-client/dist/types/JoltSubscription'
-import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'
+import { useQuery, useSuspenseQuery } from '@tanstack/react-query'
+import { useEffect, useState } from 'react'
+import { ApiResource } from '../types'
+import { useApiClient } from './use_api_client'
 
 interface JoltResponse {
   type: 'JoltToken'
@@ -16,12 +16,12 @@ interface JoltResponse {
 }
 
 export const useJoltClient = (): JoltClient | undefined => {
-  const { client } = useContext(ChatContext)
+  const apiClient = useApiClient()
   const { data: joltToken } = useSuspenseQuery<ApiResource<JoltResponse>>({
     refetchOnMount: false,
     queryKey: ['jolt-token'],
     queryFn: () => {
-      return client.post({
+      return apiClient.chat.post({
         url: '/me/jolt_authorize',
         data: {
           data: {
@@ -38,7 +38,7 @@ export const useJoltClient = (): JoltClient | undefined => {
   }
 
   const fetchSubscribeTokenFn: FetchSubscribeToken = (channel: string, connectionId: string) => {
-    return client
+    return apiClient.chat
       .post({
         url: '/me/jolt_subscribe',
         data: {
@@ -66,7 +66,7 @@ export const useJoltClient = (): JoltClient | undefined => {
           fetchAuthTokenFn,
           fetchSubscribeTokenFn,
         },
-        { logToConsole: true }
+        { logToConsole: false }
       )
     },
   })

package/src/hooks/use_suspense_api.ts

@@ -4,10 +4,9 @@ import {
   useSuspenseInfiniteQuery,
   useSuspenseQuery,
 } from '@tanstack/react-query'
-import { useContext } from 'react'
-import { ChatContext } from '../contexts'
 import { ApiCollection, ApiResource, ResourceObject } from '../types'
 import { GetRequest, RequestData } from '../utils/client/types'
+import { useApiClient } from './use_api_client'
 
 export const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => {
   type Resource = ApiResource<T>
@@ -33,7 +32,7 @@ export const useSuspensePaginator = <T extends ResourceObject>(
   args: GetRequest,
   opts?: SuspensePaginatorOptions
 ) => {
-  const { client } = useContext(ChatContext)
+  const apiClient = useApiClient()
   const query = useSuspenseInfiniteQuery<
     ApiCollection<T>,
     Response,
@@ -50,7 +49,7 @@ export const useSuspensePaginator = <T extends ResourceObject>(
       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/src/navigation/header.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { HeaderButton, HeaderButtonProps, Text } from '@react-navigation/elements'
+import { StyleSheet, TextProps, TextStyle } from 'react-native'
+
+type HeaderRightButtonProps = HeaderButtonProps & {
+  children: TextProps['children']
+  textStyle?: TextStyle
+}
+
+export const HeaderRightButton = (props: HeaderRightButtonProps) => {
+  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>
+  )
+}