@planningcenter/chat-react-native 3.2.0-rc.2 → 3.2.0-rc.3

package/build/components/conversations/conversations.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-import { ConversationRequestArgs } from '../../utils/request/conversation';
-type ListHeaderComponent = React.ComponentType<any> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-interface ConversationsProps extends Partial<Omit<ConversationRequestArgs, 'group'>> {
-    chat_group_graph_id?: string;
-    ListHeaderComponent?: ListHeaderComponent;
+interface ConversationsProps {
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
 }
-export declare const Conversations: ({ ListHeaderComponent, filter, chat_group_graph_id, gids, group_source_app_name, }: ConversationsProps) => React.JSX.Element;
+export declare const Conversations: ({ ListHeaderComponent }: ConversationsProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=conversations.d.ts.map

package/build/components/conversations/conversations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAA;AAI1E,KAAK,mBAAmB,GACpB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GAClE,IAAI,CAAA;AAER,UAAU,kBAAmB,SAAQ,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;CAC1C;AAED,eAAO,MAAM,aAAa,uFAMvB,kBAAkB,sBA0CpB,CAAA"}
+{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,UAAU,kBAAkB;IAC1B,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GAClE,IAAI,GACJ,SAAS,CAAA;CACd;AAED,eAAO,MAAM,aAAa,4BAA6B,kBAAkB,sBA0CxE,CAAA"}

package/build/components/conversations/conversations.js

@@ -2,22 +2,15 @@ import { useNavigation } from '@react-navigation/native';
 import { FlashList } from '@shopify/flash-list';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
+import { useConversationsContext } from '../../contexts/conversations_context';
 import { useTheme } from '../../hooks';
-import { useConversationsJoltEvents } from '../../hooks/use_conversation_jolt_events';
-import { useConversations } from '../../hooks/use_conversations';
 import { Text } from '../display';
 import { ConversationPreview } from './conversation_preview';
 import { ConversationActionsProvider } from '../../contexts/swipeable_active_conversation';
-export const Conversations = ({ ListHeaderComponent, filter, chat_group_graph_id, gids, group_source_app_name, }) => {
+export const Conversations = ({ ListHeaderComponent }) => {
     const styles = useStyles();
-    const { conversations, fetchNextPage, refetch, isRefetching, isFetched } = useConversations({
-        filter,
-        group: chat_group_graph_id,
-        gids,
-        group_source_app_name,
-    });
+    const { conversations, fetchNextPage, refetch, isRefetching, isFetched, args: { chat_group_graph_id }, } = useConversationsContext();
     const navigation = useNavigation();
-    useConversationsJoltEvents();
     const showBadges = !chat_group_graph_id;
     return (<ConversationActionsProvider>
       <View style={styles.container}>

package/build/components/conversations/conversations.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversations.js","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { FlashList } from '@shopify/flash-list'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversation_jolt_events'\nimport { useConversations } from '../../hooks/use_conversations'\nimport { Text } from '../display'\nimport { ConversationRequestArgs } from '../../utils/request/conversation'\nimport { ConversationPreview } from './conversation_preview'\nimport { ConversationActionsProvider } from '../../contexts/swipeable_active_conversation'\n\ntype ListHeaderComponent =\n  | React.ComponentType<any>\n  | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  | null\n\ninterface ConversationsProps extends Partial<Omit<ConversationRequestArgs, 'group'>> {\n  chat_group_graph_id?: string\n  ListHeaderComponent?: ListHeaderComponent\n}\n\nexport const Conversations = ({\n  ListHeaderComponent,\n  filter,\n  chat_group_graph_id,\n  gids,\n  group_source_app_name,\n}: ConversationsProps) => {\n  const styles = useStyles()\n\n  const { conversations, fetchNextPage, refetch, isRefetching, isFetched } = useConversations({\n    filter,\n    group: chat_group_graph_id,\n    gids,\n    group_source_app_name,\n  })\n  const navigation = useNavigation()\n\n  useConversationsJoltEvents()\n\n  const showBadges = !chat_group_graph_id\n\n  return (\n    <ConversationActionsProvider>\n      <View style={styles.container}>\n        <FlashList\n          data={conversations}\n          estimatedItemSize={97}\n          contentContainerStyle={styles.contentContainer}\n          onRefresh={refetch}\n          refreshing={!isFetched && isRefetching}\n          ListHeaderComponent={ListHeaderComponent}\n          ListEmptyComponent={\n            <View style={styles.listEmpty}>\n              <Text variant=\"secondary\">No conversations found</Text>\n            </View>\n          }\n          renderItem={({ item }) => (\n            <ConversationPreview\n              conversation={item}\n              onPress={() => navigation.navigate('Conversation', { conversation_id: item.id })}\n              showBadges={showBadges}\n            />\n          )}\n          onEndReached={() => fetchNextPage()}\n        />\n      </View>\n    </ConversationActionsProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n    listEmpty: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 16,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversations.js","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAA;AAU1F,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,mBAAmB,EAAsB,EAAE,EAAE;IAC3E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,EACJ,aAAa,EACb,aAAa,EACb,OAAO,EACP,YAAY,EACZ,SAAS,EACT,IAAI,EAAE,EAAE,mBAAmB,EAAE,GAC9B,GAAG,uBAAuB,EAAE,CAAA;IAC7B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAA;IAEvC,OAAO,CACL,CAAC,2BAA2B,CAC1B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,SAAS,CACR,IAAI,CAAC,CAAC,aAAa,CAAC,CACpB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,qBAAqB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC/C,SAAS,CAAC,CAAC,OAAO,CAAC,CACnB,UAAU,CAAC,CAAC,CAAC,SAAS,IAAI,YAAY,CAAC,CACvC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,kBAAkB,CAAC,CACjB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,sBAAsB,EAAE,IAAI,CACxD;YAAA,EAAE,IAAI,CACR,CAAC,CACD,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,mBAAmB,CAClB,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CACjF,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,CACH,CAAC,CACF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,EAExC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,2BAA2B,CAAC,CAC/B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;QACtB,gBAAgB,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE;QACzC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE;QAC/C,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,EAAE;SACpB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { FlashList } from '@shopify/flash-list'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { Text } from '../display'\nimport { ConversationPreview } from './conversation_preview'\nimport { ConversationActionsProvider } from '../../contexts/swipeable_active_conversation'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n\n  const {\n    conversations,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    args: { chat_group_graph_id },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n\n  const showBadges = !chat_group_graph_id\n\n  return (\n    <ConversationActionsProvider>\n      <View style={styles.container}>\n        <FlashList\n          data={conversations}\n          estimatedItemSize={97}\n          contentContainerStyle={styles.contentContainer}\n          onRefresh={refetch}\n          refreshing={!isFetched && isRefetching}\n          ListHeaderComponent={ListHeaderComponent}\n          ListEmptyComponent={\n            <View style={styles.listEmpty}>\n              <Text variant=\"secondary\">No conversations found</Text>\n            </View>\n          }\n          renderItem={({ item }) => (\n            <ConversationPreview\n              conversation={item}\n              onPress={() => navigation.navigate('Conversation', { conversation_id: item.id })}\n              showBadges={showBadges}\n            />\n          )}\n          onEndReached={() => fetchNextPage()}\n        />\n      </View>\n    </ConversationActionsProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n    listEmpty: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 16,\n    },\n  })\n}\n"]}

package/build/contexts/conversations_context.d.ts

@@ -0,0 +1,14 @@
+import React, { PropsWithChildren } from 'react';
+import { ConversationFiltersParams } from '../screens/conversation_filters/screen_props';
+import { UseConversationsValue } from '../hooks/use_conversations';
+interface ConversationsContextValue extends UseConversationsValue {
+    activeConversationId?: number;
+    setActiveConversationId: (_id: number) => void;
+    args: ConversationFiltersParams;
+}
+export declare const ConversationsContextProvider: ({ children, args, }: PropsWithChildren<{
+    args: ConversationFiltersParams;
+}>) => React.JSX.Element;
+export declare const useConversationsContext: () => ConversationsContextValue;
+export {};
+//# sourceMappingURL=conversations_context.d.ts.map

package/build/contexts/conversations_context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversations_context.d.ts","sourceRoot":"","sources":["../../src/contexts/conversations_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAiC,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAA;AACxF,OAAO,EAAoB,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AASpF,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,uBAAuB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,IAAI,EAAE,yBAAyB,CAAA;CAChC;AAqBD,eAAO,MAAM,4BAA4B,wBAGtC,iBAAiB,CAAC;IAAE,IAAI,EAAE,yBAAyB,CAAA;CAAE,CAAC,sBA6BxD,CAAA;AAUD,eAAO,MAAM,uBAAuB,iCAAyC,CAAA"}

package/build/contexts/conversations_context.js

@@ -0,0 +1,47 @@
+import React, { createContext, useContext, useMemo, useState } from 'react';
+import { useConversations } from '../hooks/use_conversations';
+import { useConversationsJoltEvents } from '../hooks/use_conversation_jolt_events';
+const defaultQueryValue = {
+    conversations: [],
+    refetch: () => Promise.resolve(null),
+    error: null,
+    isError: false,
+    fetchNextPage,
+    hasNextPage: false,
+    isFetching: false,
+    isFetched: false,
+    isRefetching: false,
+};
+const ConversationsContext = createContext({
+    args: {},
+    activeConversationId: undefined,
+    setActiveConversationId: () => { },
+    ...defaultQueryValue,
+});
+export const ConversationsContextProvider = ({ children, args, }) => {
+    const [activeConversationId, setActiveConversationId] = useState();
+    const { chat_group_graph_id, group_source_app_name } = args;
+    const filter = useMemo(() => {
+        if (chat_group_graph_id) {
+            return 'group';
+        }
+        else if (group_source_app_name) {
+            return 'group_source_app_name';
+        }
+        return 'mine_or_not_empty';
+    }, [chat_group_graph_id, group_source_app_name]);
+    const query = useConversations({ group: chat_group_graph_id, group_source_app_name, filter });
+    const value = useMemo(() => ({
+        args,
+        activeConversationId,
+        setActiveConversationId,
+        ...query,
+    }), [args, activeConversationId, query]);
+    useConversationsJoltEvents();
+    return <ConversationsContext.Provider value={value}>{children}</ConversationsContext.Provider>;
+};
+function fetchNextPage(_options) {
+    throw new Error('Function not implemented.');
+}
+export const useConversationsContext = () => useContext(ConversationsContext);
+//# sourceMappingURL=conversations_context.js.map

package/build/contexts/conversations_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversations_context.js","sourceRoot":"","sources":["../../src/contexts/conversations_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAqB,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAE,gBAAgB,EAAyB,MAAM,4BAA4B,CAAA;AAOpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAA;AAQlF,MAAM,iBAAiB,GAA0B;IAC/C,aAAa,EAAE,EAAE;IACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;IACpC,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,KAAK;IACd,aAAa;IACb,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,MAAM,oBAAoB,GAAG,aAAa,CAA4B;IACpE,IAAI,EAAE,EAAE;IACR,oBAAoB,EAAE,SAAS;IAC/B,uBAAuB,EAAE,GAAG,EAAE,GAAE,CAAC;IACjC,GAAG,iBAAiB;CACrB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,QAAQ,EACR,IAAI,GACmD,EAAE,EAAE;IAC3D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACtF,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAA;IAE3D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,OAAO,CAAA;QAChB,CAAC;aAAM,IAAI,qBAAqB,EAAE,CAAC;YACjC,OAAO,uBAAuB,CAAA;QAChC,CAAC;QAED,OAAO,mBAAmB,CAAA;IAC5B,CAAC,EAAE,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEhD,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,EAAE,CAAC,CAAA;IAE7F,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,oBAAoB;QACpB,uBAAuB;QACvB,GAAG,KAAK;KACT,CAAC,EACF,CAAC,IAAI,EAAE,oBAAoB,EAAE,KAAK,CAAC,CACpC,CAAA;IAED,0BAA0B,EAAE,CAAA;IAE5B,OAAO,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;AAChG,CAAC,CAAA;AAED,SAAS,aAAa,CACpB,QAA+B;IAI/B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAC9C,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useMemo, useState } from 'react'\nimport { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'\nimport { useConversations, UseConversationsValue } from '../hooks/use_conversations'\nimport {\n  FetchNextPageOptions,\n  InfiniteQueryObserverResult,\n  InfiniteData,\n} from '@tanstack/react-query'\nimport { ApiCollection, ConversationResource } from '../types'\nimport { useConversationsJoltEvents } from '../hooks/use_conversation_jolt_events'\n\ninterface ConversationsContextValue extends UseConversationsValue {\n  activeConversationId?: number\n  setActiveConversationId: (_id: number) => void\n  args: ConversationFiltersParams\n}\n\nconst defaultQueryValue: UseConversationsValue = {\n  conversations: [],\n  refetch: () => Promise.resolve(null),\n  error: null,\n  isError: false,\n  fetchNextPage,\n  hasNextPage: false,\n  isFetching: false,\n  isFetched: false,\n  isRefetching: false,\n}\n\nconst ConversationsContext = createContext<ConversationsContextValue>({\n  args: {},\n  activeConversationId: undefined,\n  setActiveConversationId: () => {},\n  ...defaultQueryValue,\n})\n\nexport const ConversationsContextProvider = ({\n  children,\n  args,\n}: PropsWithChildren<{ args: ConversationFiltersParams }>) => {\n  const [activeConversationId, setActiveConversationId] = useState<number | undefined>()\n  const { chat_group_graph_id, group_source_app_name } = args\n\n  const filter = useMemo(() => {\n    if (chat_group_graph_id) {\n      return 'group'\n    } else if (group_source_app_name) {\n      return 'group_source_app_name'\n    }\n\n    return 'mine_or_not_empty'\n  }, [chat_group_graph_id, group_source_app_name])\n\n  const query = useConversations({ group: chat_group_graph_id, group_source_app_name, filter })\n\n  const value = useMemo(\n    () => ({\n      args,\n      activeConversationId,\n      setActiveConversationId,\n      ...query,\n    }),\n    [args, activeConversationId, query]\n  )\n\n  useConversationsJoltEvents()\n\n  return <ConversationsContext.Provider value={value}>{children}</ConversationsContext.Provider>\n}\n\nfunction fetchNextPage(\n  _options?: FetchNextPageOptions\n): Promise<\n  InfiniteQueryObserverResult<InfiniteData<ApiCollection<ConversationResource>, unknown>, Response>\n> {\n  throw new Error('Function not implemented.')\n}\n\nexport const useConversationsContext = () => useContext(ConversationsContext)\n"]}

package/build/hooks/use_conversations.d.ts

@@ -1,36 +1,10 @@
-import { ConversationResource } from '../types';
+import { InfiniteData, UseSuspenseInfiniteQueryResult } from '@tanstack/react-query';
+import { ApiCollection, ConversationResource } from '../types';
 import { ConversationRequestArgs } from '../utils/request/conversation';
-export declare function useConversations(args?: Partial<ConversationRequestArgs>): {
-    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/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../types").ApiCollection<ConversationResource>, unknown>, Response>>;
-    fetchStatus: import("@tanstack/query-core").FetchStatus;
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../types").ApiCollection<ConversationResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../types").ApiCollection<ConversationResource>, unknown>, Response>>;
-    hasNextPage: boolean;
-    hasPreviousPage: boolean;
-    isFetchNextPageError: boolean;
-    isFetchingNextPage: boolean;
-    isFetchPreviousPageError: boolean;
-    isFetchingPreviousPage: boolean;
+export type ConversationPaginationResult = UseSuspenseInfiniteQueryResult<InfiniteData<ApiCollection<ConversationResource>, unknown>, Response>;
+export type UseConversationsValue = Pick<ConversationPaginationResult, 'isFetching' | 'isError' | 'error' | 'fetchNextPage' | 'hasNextPage' | 'isFetched' | 'isRefetching'> & {
     conversations: ConversationResource[];
+    refetch: () => Promise<any>;
 };
+export declare function useConversations(args?: Partial<ConversationRequestArgs>): UseConversationsValue;
 //# sourceMappingURL=use_conversations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_conversations.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAE,uBAAuB,EAA+B,MAAM,+BAA+B,CAAA;AAEpG,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBvE"}
+{"version":3,"file":"use_conversations.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,8BAA8B,EAAE,MAAM,uBAAuB,CAAA;AAEpF,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,uBAAuB,EAA+B,MAAM,+BAA+B,CAAA;AAGpG,MAAM,MAAM,4BAA4B,GAAG,8BAA8B,CACvE,YAAY,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,EAC1D,QAAQ,CACT,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,4BAA4B,EAC1B,YAAY,GACZ,SAAS,GACT,OAAO,GACP,eAAe,GACf,aAAa,GACb,WAAW,GACX,cAAc,CACjB,GAAG;IACF,aAAa,EAAE,oBAAoB,EAAE,CAAA;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,GAAG,qBAAqB,CAO/F"}

package/build/hooks/use_conversations.js

@@ -1,22 +1,23 @@
 import { useMemo } from 'react';
-import { useSuspensePaginator } from './use_suspense_api';
 import { getConversationsRequestArgs } from '../utils/request/conversation';
+import { useSuspensePaginator } from './use_suspense_api';
 export function useConversations(args) {
     const requestArgs = getConversationsRequestArgs(args);
     const { data, ...rest } = useSuspensePaginator(requestArgs);
-    const conversations = useMemo(() => data.sort((a, b) => {
-        const dateA = a.lastMessageCreatedAt || a.createdAt;
-        const dateB = b.lastMessageCreatedAt || b.createdAt;
-        if (a.lastMessageCreatedAt && !b.lastMessageCreatedAt)
-            return 1;
-        if (!a.lastMessageCreatedAt && b.lastMessageCreatedAt)
-            return -1;
-        if (dateB > dateA)
-            return 1;
-        if (dateB < dateA)
-            return -1;
-        return 0;
-    }), [data]);
+    const conversations = useMemo(() => data.sort(sortByLastMessage), [data]);
     return { conversations, ...rest };
 }
+function sortByLastMessage(a, b) {
+    const dateA = a.lastMessageCreatedAt || a.createdAt;
+    const dateB = b.lastMessageCreatedAt || b.createdAt;
+    if (a.lastMessageCreatedAt && !b.lastMessageCreatedAt)
+        return 1;
+    if (!a.lastMessageCreatedAt && b.lastMessageCreatedAt)
+        return -1;
+    if (dateB > dateA)
+        return 1;
+    if (dateB < dateA)
+        return -1;
+    return 0;
+}
 //# sourceMappingURL=use_conversations.js.map

package/build/hooks/use_conversations.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversations.js","sourceRoot":"","sources":["../../src/hooks/use_conversations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAA2B,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAEpG,MAAM,UAAU,gBAAgB,CAAC,IAAuC;IACtE,MAAM,WAAW,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAA;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,oBAAoB,CAAuB,WAAW,CAAC,CAAA;IAEjF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACjB,MAAM,KAAK,GAAG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,SAAS,CAAA;QACnD,MAAM,KAAK,GAAG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,SAAS,CAAA;QACnD,IAAI,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,CAAC,oBAAoB;YAAE,OAAO,CAAC,CAAA;QAC/D,IAAI,CAAC,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,oBAAoB;YAAE,OAAO,CAAC,CAAC,CAAA;QAChE,IAAI,KAAK,GAAG,KAAK;YAAE,OAAO,CAAC,CAAA;QAC3B,IAAI,KAAK,GAAG,KAAK;YAAE,OAAO,CAAC,CAAC,CAAA;QAC5B,OAAO,CAAC,CAAA;IACV,CAAC,CAAC,EACJ,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,CAAA;AACnC,CAAC","sourcesContent":["import { useMemo } from 'react'\nimport { ConversationResource } from '../types'\nimport { useSuspensePaginator } from './use_suspense_api'\nimport { ConversationRequestArgs, getConversationsRequestArgs } from '../utils/request/conversation'\n\nexport function useConversations(args?: Partial<ConversationRequestArgs>) {\n  const requestArgs = getConversationsRequestArgs(args)\n  const { data, ...rest } = useSuspensePaginator<ConversationResource>(requestArgs)\n\n  const conversations = useMemo(\n    () =>\n      data.sort((a, b) => {\n        const dateA = a.lastMessageCreatedAt || a.createdAt\n        const dateB = b.lastMessageCreatedAt || b.createdAt\n        if (a.lastMessageCreatedAt && !b.lastMessageCreatedAt) return 1\n        if (!a.lastMessageCreatedAt && b.lastMessageCreatedAt) return -1\n        if (dateB > dateA) return 1\n        if (dateB < dateA) return -1\n        return 0\n      }),\n    [data]\n  )\n\n  return { conversations, ...rest }\n}\n"]}
+{"version":3,"file":"use_conversations.js","sourceRoot":"","sources":["../../src/hooks/use_conversations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAA2B,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAqBzD,MAAM,UAAU,gBAAgB,CAAC,IAAuC;IACtE,MAAM,WAAW,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAA;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,oBAAoB,CAAuB,WAAW,CAAC,CAAA;IAEjF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEzE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,CAAA;AACnC,CAAC;AAED,SAAS,iBAAiB,CAAC,CAAuB,EAAE,CAAuB;IACzE,MAAM,KAAK,GAAG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,SAAS,CAAA;IACnD,MAAM,KAAK,GAAG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,SAAS,CAAA;IACnD,IAAI,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,CAAC,oBAAoB;QAAE,OAAO,CAAC,CAAA;IAC/D,IAAI,CAAC,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,oBAAoB;QAAE,OAAO,CAAC,CAAC,CAAA;IAChE,IAAI,KAAK,GAAG,KAAK;QAAE,OAAO,CAAC,CAAA;IAC3B,IAAI,KAAK,GAAG,KAAK;QAAE,OAAO,CAAC,CAAC,CAAA;IAC5B,OAAO,CAAC,CAAA;AACV,CAAC","sourcesContent":["import { InfiniteData, UseSuspenseInfiniteQueryResult } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { ApiCollection, ConversationResource } from '../types'\nimport { ConversationRequestArgs, getConversationsRequestArgs } from '../utils/request/conversation'\nimport { useSuspensePaginator } from './use_suspense_api'\n\nexport type ConversationPaginationResult = UseSuspenseInfiniteQueryResult<\n  InfiniteData<ApiCollection<ConversationResource>, unknown>,\n  Response\n>\n\nexport type UseConversationsValue = Pick<\n  ConversationPaginationResult,\n  | 'isFetching'\n  | 'isError'\n  | 'error'\n  | 'fetchNextPage'\n  | 'hasNextPage'\n  | 'isFetched'\n  | 'isRefetching'\n> & {\n  conversations: ConversationResource[]\n  refetch: () => Promise<any>\n}\n\nexport function useConversations(args?: Partial<ConversationRequestArgs>): UseConversationsValue {\n  const requestArgs = getConversationsRequestArgs(args)\n  const { data, ...rest } = useSuspensePaginator<ConversationResource>(requestArgs)\n\n  const conversations = useMemo(() => data.sort(sortByLastMessage), [data])\n\n  return { conversations, ...rest }\n}\n\nfunction sortByLastMessage(a: ConversationResource, b: ConversationResource): number {\n  const dateA = a.lastMessageCreatedAt || a.createdAt\n  const dateB = b.lastMessageCreatedAt || b.createdAt\n  if (a.lastMessageCreatedAt && !b.lastMessageCreatedAt) return 1\n  if (!a.lastMessageCreatedAt && b.lastMessageCreatedAt) return -1\n  if (dateB > dateA) return 1\n  if (dateB < dateA) return -1\n  return 0\n}\n"]}

package/build/screens/conversations/conversations_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG9D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBA+BrE"}
+{"version":3,"file":"conversations_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG9D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBAiBrE"}

package/build/screens/conversations/conversations_screen.js

@@ -1,26 +1,19 @@
 import { useNavigation } from '@react-navigation/native';
-import React, { useMemo } from 'react';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Conversations } from '../../components';
 import { ActionButton } from '../../components/display/action_button';
+import { ConversationsContextProvider } from '../../contexts/conversations_context';
 import { useCanCreateConversations } from '../../hooks';
 import { ListHeaderComponent } from './components/list_header_component';
 export function ConversationsScreen({ route }) {
     const navigation = useNavigation();
     const canCreateConversations = useCanCreateConversations();
     const styles = useStyles();
-    const { chat_group_graph_id, group_source_app_name } = route.params || {};
-    const filter = useMemo(() => {
-        if (chat_group_graph_id) {
-            return 'group';
-        }
-        else if (group_source_app_name) {
-            return 'group_source_app_name';
-        }
-        return 'mine_or_not_empty';
-    }, [chat_group_graph_id, group_source_app_name]);
     return (<View style={styles.container}>
-      <Conversations ListHeaderComponent={ListHeaderComponent} chat_group_graph_id={chat_group_graph_id} group_source_app_name={group_source_app_name} filter={filter}/>
+      <ConversationsContextProvider args={route.params}>
+        <Conversations ListHeaderComponent={ListHeaderComponent}/>
+      </ConversationsContextProvider>
       <ActionButton visible={canCreateConversations} title="New conversation" onPress={() => navigation.navigate('Create')}/>
     </View>);
 }

package/build/screens/conversations/conversations_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_screen.js","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAQxE,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA2B;IACpE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,sBAAsB,GAAG,yBAAyB,EAAE,CAAA;IAC1D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAA;IAEzE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,OAAO,CAAA;QAChB,CAAC;aAAM,IAAI,qBAAqB,EAAE,CAAC;YACjC,OAAO,uBAAuB,CAAA;QAChC,CAAC;QAED,OAAO,mBAAmB,CAAA;IAC5B,CAAC,EAAE,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEhD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,aAAa,CACZ,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,MAAM,CAAC,CAAC,MAAM,CAAC,EAEjB;MAAA,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAChC,KAAK,CAAC,kBAAkB,CACxB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAEjD;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Conversations } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { useCanCreateConversations } from '../../hooks'\nimport { GraphId } from '../../types/resources/group_resource'\nimport { ListHeaderComponent } from './components/list_header_component'\n\nexport type ConversationScreenProps = StaticScreenProps<{\n  title?: string\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: string\n}>\n\nexport function ConversationsScreen({ route }: ConversationScreenProps) {\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const styles = useStyles()\n  const { chat_group_graph_id, group_source_app_name } = route.params || {}\n\n  const filter = useMemo(() => {\n    if (chat_group_graph_id) {\n      return 'group'\n    } else if (group_source_app_name) {\n      return 'group_source_app_name'\n    }\n\n    return 'mine_or_not_empty'\n  }, [chat_group_graph_id, group_source_app_name])\n\n  return (\n    <View style={styles.container}>\n      <Conversations\n        ListHeaderComponent={ListHeaderComponent}\n        chat_group_graph_id={chat_group_graph_id}\n        group_source_app_name={group_source_app_name}\n        filter={filter}\n      />\n      <ActionButton\n        visible={canCreateConversations}\n        title=\"New conversation\"\n        onPress={() => navigation.navigate('Create')}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversations_screen.js","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAQxE,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA2B;IACpE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,sBAAsB,GAAG,yBAAyB,EAAE,CAAA;IAC1D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAC/C;QAAA,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAC1D;MAAA,EAAE,4BAA4B,CAC9B;MAAA,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAChC,KAAK,CAAC,kBAAkB,CACxB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAEjD;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Conversations } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { ConversationsContextProvider } from '../../contexts/conversations_context'\nimport { useCanCreateConversations } from '../../hooks'\nimport { GraphId } from '../../types/resources/group_resource'\nimport { ListHeaderComponent } from './components/list_header_component'\n\nexport type ConversationScreenProps = StaticScreenProps<{\n  title?: string\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: string\n}>\n\nexport function ConversationsScreen({ route }: ConversationScreenProps) {\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <ConversationsContextProvider args={route.params}>\n        <Conversations ListHeaderComponent={ListHeaderComponent} />\n      </ConversationsContextProvider>\n      <ActionButton\n        visible={canCreateConversations}\n        title=\"New conversation\"\n        onPress={() => navigation.navigate('Create')}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.2.0-rc.2",
+  "version": "3.2.0-rc.3",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -54,5 +54,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "cecb2020fc34708707dd27730120197f441d77fa"
+  "gitHead": "ed621d6faf57a029b665e2f624d3860a58620002"
 }

package/src/components/conversations/conversations.tsx

@@ -2,43 +2,33 @@ import { useNavigation } from '@react-navigation/native'
 import { FlashList } from '@shopify/flash-list'
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
+import { useConversationsContext } from '../../contexts/conversations_context'
 import { useTheme } from '../../hooks'
-import { useConversationsJoltEvents } from '../../hooks/use_conversation_jolt_events'
-import { useConversations } from '../../hooks/use_conversations'
 import { Text } from '../display'
-import { ConversationRequestArgs } from '../../utils/request/conversation'
 import { ConversationPreview } from './conversation_preview'
 import { ConversationActionsProvider } from '../../contexts/swipeable_active_conversation'
 
-type ListHeaderComponent =
-  | React.ComponentType<any>
-  | React.ReactElement<any, string | React.JSXElementConstructor<any>>
-  | null
-
-interface ConversationsProps extends Partial<Omit<ConversationRequestArgs, 'group'>> {
-  chat_group_graph_id?: string
-  ListHeaderComponent?: ListHeaderComponent
+interface ConversationsProps {
+  ListHeaderComponent?:
+    | React.ComponentType<any>
+    | React.ReactElement<any, string | React.JSXElementConstructor<any>>
+    | null
+    | undefined
 }
 
-export const Conversations = ({
-  ListHeaderComponent,
-  filter,
-  chat_group_graph_id,
-  gids,
-  group_source_app_name,
-}: ConversationsProps) => {
+export const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {
   const styles = useStyles()
 
-  const { conversations, fetchNextPage, refetch, isRefetching, isFetched } = useConversations({
-    filter,
-    group: chat_group_graph_id,
-    gids,
-    group_source_app_name,
-  })
+  const {
+    conversations,
+    fetchNextPage,
+    refetch,
+    isRefetching,
+    isFetched,
+    args: { chat_group_graph_id },
+  } = useConversationsContext()
   const navigation = useNavigation()
 
-  useConversationsJoltEvents()
-
   const showBadges = !chat_group_graph_id
 
   return (

package/src/contexts/conversations_context.tsx

@@ -0,0 +1,79 @@
+import React, { createContext, PropsWithChildren, useContext, useMemo, useState } from 'react'
+import { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'
+import { useConversations, UseConversationsValue } from '../hooks/use_conversations'
+import {
+  FetchNextPageOptions,
+  InfiniteQueryObserverResult,
+  InfiniteData,
+} from '@tanstack/react-query'
+import { ApiCollection, ConversationResource } from '../types'
+import { useConversationsJoltEvents } from '../hooks/use_conversation_jolt_events'
+
+interface ConversationsContextValue extends UseConversationsValue {
+  activeConversationId?: number
+  setActiveConversationId: (_id: number) => void
+  args: ConversationFiltersParams
+}
+
+const defaultQueryValue: UseConversationsValue = {
+  conversations: [],
+  refetch: () => Promise.resolve(null),
+  error: null,
+  isError: false,
+  fetchNextPage,
+  hasNextPage: false,
+  isFetching: false,
+  isFetched: false,
+  isRefetching: false,
+}
+
+const ConversationsContext = createContext<ConversationsContextValue>({
+  args: {},
+  activeConversationId: undefined,
+  setActiveConversationId: () => {},
+  ...defaultQueryValue,
+})
+
+export const ConversationsContextProvider = ({
+  children,
+  args,
+}: PropsWithChildren<{ args: ConversationFiltersParams }>) => {
+  const [activeConversationId, setActiveConversationId] = useState<number | undefined>()
+  const { chat_group_graph_id, group_source_app_name } = args
+
+  const filter = useMemo(() => {
+    if (chat_group_graph_id) {
+      return 'group'
+    } else if (group_source_app_name) {
+      return 'group_source_app_name'
+    }
+
+    return 'mine_or_not_empty'
+  }, [chat_group_graph_id, group_source_app_name])
+
+  const query = useConversations({ group: chat_group_graph_id, group_source_app_name, filter })
+
+  const value = useMemo(
+    () => ({
+      args,
+      activeConversationId,
+      setActiveConversationId,
+      ...query,
+    }),
+    [args, activeConversationId, query]
+  )
+
+  useConversationsJoltEvents()
+
+  return <ConversationsContext.Provider value={value}>{children}</ConversationsContext.Provider>
+}
+
+function fetchNextPage(
+  _options?: FetchNextPageOptions
+): Promise<
+  InfiniteQueryObserverResult<InfiniteData<ApiCollection<ConversationResource>, unknown>, Response>
+> {
+  throw new Error('Function not implemented.')
+}
+
+export const useConversationsContext = () => useContext(ConversationsContext)

package/src/hooks/use_conversations.ts

@@ -1,25 +1,43 @@
+import { InfiniteData, UseSuspenseInfiniteQueryResult } from '@tanstack/react-query'
 import { useMemo } from 'react'
-import { ConversationResource } from '../types'
-import { useSuspensePaginator } from './use_suspense_api'
+import { ApiCollection, ConversationResource } from '../types'
 import { ConversationRequestArgs, getConversationsRequestArgs } from '../utils/request/conversation'
+import { useSuspensePaginator } from './use_suspense_api'
 
-export function useConversations(args?: Partial<ConversationRequestArgs>) {
+export type ConversationPaginationResult = UseSuspenseInfiniteQueryResult<
+  InfiniteData<ApiCollection<ConversationResource>, unknown>,
+  Response
+>
+
+export type UseConversationsValue = Pick<
+  ConversationPaginationResult,
+  | 'isFetching'
+  | 'isError'
+  | 'error'
+  | 'fetchNextPage'
+  | 'hasNextPage'
+  | 'isFetched'
+  | 'isRefetching'
+> & {
+  conversations: ConversationResource[]
+  refetch: () => Promise<any>
+}
+
+export function useConversations(args?: Partial<ConversationRequestArgs>): UseConversationsValue {
   const requestArgs = getConversationsRequestArgs(args)
   const { data, ...rest } = useSuspensePaginator<ConversationResource>(requestArgs)
 
-  const conversations = useMemo(
-    () =>
-      data.sort((a, b) => {
-        const dateA = a.lastMessageCreatedAt || a.createdAt
-        const dateB = b.lastMessageCreatedAt || b.createdAt
-        if (a.lastMessageCreatedAt && !b.lastMessageCreatedAt) return 1
-        if (!a.lastMessageCreatedAt && b.lastMessageCreatedAt) return -1
-        if (dateB > dateA) return 1
-        if (dateB < dateA) return -1
-        return 0
-      }),
-    [data]
-  )
+  const conversations = useMemo(() => data.sort(sortByLastMessage), [data])
 
   return { conversations, ...rest }
 }
+
+function sortByLastMessage(a: ConversationResource, b: ConversationResource): number {
+  const dateA = a.lastMessageCreatedAt || a.createdAt
+  const dateB = b.lastMessageCreatedAt || b.createdAt
+  if (a.lastMessageCreatedAt && !b.lastMessageCreatedAt) return 1
+  if (!a.lastMessageCreatedAt && b.lastMessageCreatedAt) return -1
+  if (dateB > dateA) return 1
+  if (dateB < dateA) return -1
+  return 0
+}

package/src/screens/conversations/conversations_screen.tsx

@@ -1,8 +1,9 @@
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
-import React, { useMemo } from 'react'
+import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { Conversations } from '../../components'
 import { ActionButton } from '../../components/display/action_button'
+import { ConversationsContextProvider } from '../../contexts/conversations_context'
 import { useCanCreateConversations } from '../../hooks'
 import { GraphId } from '../../types/resources/group_resource'
 import { ListHeaderComponent } from './components/list_header_component'
@@ -17,26 +18,12 @@ export function ConversationsScreen({ route }: ConversationScreenProps) {
   const navigation = useNavigation()
   const canCreateConversations = useCanCreateConversations()
   const styles = useStyles()
-  const { chat_group_graph_id, group_source_app_name } = route.params || {}
-
-  const filter = useMemo(() => {
-    if (chat_group_graph_id) {
-      return 'group'
-    } else if (group_source_app_name) {
-      return 'group_source_app_name'
-    }
-
-    return 'mine_or_not_empty'
-  }, [chat_group_graph_id, group_source_app_name])
 
   return (
     <View style={styles.container}>
-      <Conversations
-        ListHeaderComponent={ListHeaderComponent}
-        chat_group_graph_id={chat_group_graph_id}
-        group_source_app_name={group_source_app_name}
-        filter={filter}
-      />
+      <ConversationsContextProvider args={route.params}>
+        <Conversations ListHeaderComponent={ListHeaderComponent} />
+      </ConversationsContextProvider>
       <ActionButton
         visible={canCreateConversations}
         title="New conversation"