@planningcenter/chat-react-native 2.0.1-rc.0 → 2.1.0-rc.1

package/build/components/page/error_boundary.js

@@ -0,0 +1,115 @@
+import { useNavigation } from '@react-navigation/native';
+import { useQueryErrorResetBoundary } from '@tanstack/react-query';
+import React, { useEffect, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Button, Heading, Icon, Text } from '../display';
+import { useTheme } from '../../hooks';
+class ErrorBoundary extends React.Component {
+    state = {
+        error: null,
+        unsubscriber: () => { },
+    };
+    componentDidCatch(error) {
+        this.handleError(error);
+    }
+    handleError(error) {
+        this.setState({ error });
+    }
+    handleReset = () => {
+        this.props.onReset?.();
+        this.setState({ error: null });
+    };
+    render() {
+        if (this.state.error) {
+            return <ErrorView error={this.state.error} onReset={this.handleReset}/>;
+        }
+        else {
+            return this.props.children;
+        }
+    }
+}
+function ErrorView({ error, onReset }) {
+    const { reset } = useQueryErrorResetBoundary();
+    useEffect(() => {
+        if (!reset)
+            return;
+        return () => {
+            onReset();
+            reset();
+        };
+    }, [reset, onReset]);
+    if (error instanceof Response) {
+        return <ResponseErrorView error={error} onReset={onReset}/>;
+    }
+    return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'}/>;
+}
+function ResponseErrorView({ error: response }) {
+    const { status } = response;
+    const heading = useMemo(() => {
+        switch (status) {
+            case 403:
+                return 'Permission required';
+            case 404:
+                return 'Content not found';
+            default:
+                return 'Oops!';
+        }
+    }, [status]);
+    const body = useMemo(() => {
+        switch (status) {
+            case 403:
+                return 'Contact your administrator for access.';
+            case 404:
+                return 'If you believe something should be here, please reach out to your administrator.';
+            default:
+                return 'Something unexpected happened.';
+        }
+    }, [status]);
+    return <ErrorContent heading={heading} body={body}/>;
+}
+function ErrorContent({ heading, body }) {
+    const styles = useStyles();
+    const navigation = useNavigation();
+    return (<View style={styles.container}>
+      <Icon name="general.outlinedTextMessage" size={32} color={styles.icon.color}/>
+      <View style={styles.information}>
+        <Heading variant="h3" style={styles.heading}>
+          {heading}
+        </Heading>
+        <Text style={styles.body}>{body}</Text>
+      </View>
+      <Button variant="outline" onPress={navigation.goBack} title="Go back" size="md"/>
+    </View>);
+}
+const useStyles = () => {
+    const theme = useTheme();
+    const { bottom } = useSafeAreaInsets();
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            gap: 24,
+            paddingHorizontal: 16,
+            paddingBottom: bottom,
+        },
+        information: {
+            alignItems: 'center',
+            gap: 8,
+        },
+        heading: {
+            textAlign: 'center',
+            lineHeight: 20,
+        },
+        body: {
+            textAlign: 'center',
+            lineHeight: 20,
+        },
+        icon: {
+            color: theme.colors.iconColorDefaultDisabled,
+        },
+    });
+};
+export default ErrorBoundary;
+//# sourceMappingURL=error_boundary.js.map

package/build/components/page/error_boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/error_boundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport React, { PropsWithChildren, useEffect, useMemo } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading, Icon, Text } from '../display'\nimport { useTheme } from '../../hooks'\n\ntype ErrorBoundaryState = {\n  error: Response | Error | null\n  unsubscriber: () => void\n}\n\nclass ErrorBoundary extends React.Component<PropsWithChildren<{ onReset?: () => void }>> {\n  state: ErrorBoundaryState = {\n    error: null,\n    unsubscriber: () => {},\n  }\n\n  componentDidCatch(error: any) {\n    this.handleError(error)\n  }\n\n  handleError(error: any) {\n    this.setState({ error })\n  }\n\n  handleReset = () => {\n    this.props.onReset?.()\n    this.setState({ error: null })\n  }\n\n  render() {\n    if (this.state.error) {\n      return <ErrorView error={this.state.error} onReset={this.handleReset} />\n    } else {\n      return this.props.children\n    }\n  }\n}\n\nfunction ErrorView({ error, onReset }: { error: Error | Response; onReset: () => void }) {\n  const { reset } = useQueryErrorResetBoundary()\n  useEffect(() => {\n    if (!reset) return\n\n    return () => {\n      onReset()\n      reset()\n    }\n  }, [reset, onReset])\n\n  if (error instanceof Response) {\n    return <ResponseErrorView error={error} onReset={onReset} />\n  }\n\n  return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'} />\n}\n\nfunction ResponseErrorView({ error: response }: { error: Response; onReset: () => void }) {\n  const { status } = response\n  const heading = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Permission required'\n      case 404:\n        return 'Content not found'\n      default:\n        return 'Oops!'\n    }\n  }, [status])\n\n  const body = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Contact your administrator for access.'\n      case 404:\n        return 'If you believe something should be here, please reach out to your administrator.'\n      default:\n        return 'Something unexpected happened.'\n    }\n  }, [status])\n\n  return <ErrorContent heading={heading} body={body} />\n}\n\nfunction ErrorContent({ heading, body }: { heading: string; body: string }) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  return (\n    <View style={styles.container}>\n      <Icon name=\"general.outlinedTextMessage\" size={32} color={styles.icon.color} />\n      <View style={styles.information}>\n        <Heading variant=\"h3\" style={styles.heading}>\n          {heading}\n        </Heading>\n        <Text style={styles.body}>{body}</Text>\n      </View>\n      <Button variant=\"outline\" onPress={navigation.goBack} title=\"Go back\" size=\"md\" />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  const { bottom } = useSafeAreaInsets()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 24,\n      paddingHorizontal: 16,\n      paddingBottom: bottom,\n    },\n    information: {\n      alignItems: 'center',\n      gap: 8,\n    },\n    heading: {\n      textAlign: 'center',\n      lineHeight: 20,\n    },\n    body: {\n      textAlign: 'center',\n      lineHeight: 20,\n    },\n    icon: {\n      color: theme.colors.iconColorDefaultDisabled,\n    },\n  })\n}\n\nexport default ErrorBoundary\n"]}

package/build/components/page/loading.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function DefaultLoading(): React.JSX.Element;
+//# sourceMappingURL=loading.d.ts.map

package/build/components/page/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,cAAc,sBAQ7B"}

package/build/components/page/loading.js

@@ -0,0 +1,24 @@
+import { useTheme } from '@react-navigation/native';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Spinner } from '../display';
+export function DefaultLoading() {
+    const styles = useStyles();
+    return (<View style={styles.container}>
+      <Spinner size={48}/>
+    </View>);
+}
+const useStyles = () => {
+    const theme = useTheme();
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        loading: {
+            color: theme.colors.text,
+        },
+    });
+};
+//# sourceMappingURL=loading.js.map

package/build/components/page/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Spinner } from '../display'\n\nexport function DefaultLoading() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Spinner size={48} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    loading: {\n      color: theme.colors.text,\n    },\n  })\n}\n"]}

package/build/contexts/api_provider.js

@@ -6,8 +6,8 @@ const defaultQueryFn = ({ queryKey }) => {
     if (!apiClient) {
         throw new Error('No token present');
     }
-    const data = queryKey[0];
-    return apiClient.get(data);
+    const [url, data, headers] = queryKey;
+    return apiClient.get({ url, data, headers });
 };
 export const queryClient = new QueryClient({
     defaultOptions: {

package/build/contexts/api_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"api_provider.js","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAI5D,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAE9D,IAAI,SAA6B,CAAA;AAEjC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAe,CAAA;IAEtC,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAa;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;IAExD,SAAS,GAAG,MAAM,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3B,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA8C;IACvE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAC9C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,WAAW,CAAe,KAAK,CAAC,CAAA;IAE3E,OAAO,OAAO,CAAC,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,OAAO,CAAC,OAAO,IAAI,MAAM,KAAK,OAAO,CAAC,CAAA;AAC/F,CAAC;AAED,SAAS,WAAW,CAAI,KAAK;IAC3B,MAAM,GAAG,GAAG,MAAM,CAAI,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useContext, useEffect, useRef } from 'react'\nimport { ViewProps } from 'react-native'\nimport { Client } from '../utils'\nimport { GetRequest } from '../utils/client/types'\nimport { ChatContext, ChatContextValue } from './chat_context'\n\nlet apiClient: Client | undefined\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!apiClient) {\n    throw new Error('No token present')\n  }\n\n  const data = queryKey[0] as GetRequest\n\n  return apiClient.get(data)\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n      retry: 3,\n    },\n  },\n})\n\nexport function ApiProvider({ children }: ViewProps) {\n  const { token, env, client } = useContext(ChatContext)\n  const sessionChanged = useSessionChanged({ token, env })\n\n  apiClient = client\n\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    queryClient.clear()\n  }, [sessionChanged])\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n}\n\nfunction useSessionChanged(value: Pick<ChatContextValue, 'token' | 'env'>): boolean {\n  const { token: newToken, env: newEnv } = value\n  const { token: prevToken, env: prevEnv } = usePrevious<typeof value>(value)\n\n  return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv)\n}\n\nfunction usePrevious<T>(value) {\n  const ref = useRef<T>(value)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"]}
+{"version":3,"file":"api_provider.js","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5D,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAG9D,IAAI,SAA6B,CAAA;AAEjC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAA2B,CAAA;IAExD,OAAO,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAC9C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAa;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;IAExD,SAAS,GAAG,MAAM,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3B,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA8C;IACvE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAC9C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,WAAW,CAAe,KAAK,CAAC,CAAA;IAE3E,OAAO,OAAO,CAAC,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,OAAO,CAAC,OAAO,IAAI,MAAM,KAAK,OAAO,CAAC,CAAA;AAC/F,CAAC;AAED,SAAS,WAAW,CAAI,KAAK;IAC3B,MAAM,GAAG,GAAG,MAAM,CAAI,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useContext, useEffect, useRef } from 'react'\nimport { ViewProps } from 'react-native'\nimport { Client } from '../utils'\nimport { ChatContext, ChatContextValue } from './chat_context'\nimport { RequestQueryKey } from '../hooks'\n\nlet apiClient: Client | undefined\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!apiClient) {\n    throw new Error('No token present')\n  }\n\n  const [url, data, headers] = queryKey as RequestQueryKey\n\n  return apiClient.get({ url, data, headers })\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n      retry: 3,\n    },\n  },\n})\n\nexport function ApiProvider({ children }: ViewProps) {\n  const { token, env, client } = useContext(ChatContext)\n  const sessionChanged = useSessionChanged({ token, env })\n\n  apiClient = client\n\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    queryClient.clear()\n  }, [sessionChanged])\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n}\n\nfunction useSessionChanged(value: Pick<ChatContextValue, 'token' | 'env'>): boolean {\n  const { token: newToken, env: newEnv } = value\n  const { token: prevToken, env: prevEnv } = usePrevious<typeof value>(value)\n\n  return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv)\n}\n\nfunction usePrevious<T>(value) {\n  const ref = useRef<T>(value)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"]}

package/build/hooks/use_conversation_jolt_events.d.ts

@@ -0,0 +1,2 @@
+export declare function useConversationsJoltEvents(): void;
+//# sourceMappingURL=use_conversation_jolt_events.d.ts.map

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

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

package/build/hooks/use_conversation_jolt_events.js

@@ -0,0 +1,47 @@
+import { useQueryClient } from '@tanstack/react-query';
+import { useContext } from 'react';
+import { ChatContext } from '../contexts';
+import { deleteRecordInPagesData, updateRecordInPagesData } from '../utils';
+import { getConversationsRequestArgs } from './use_conversations';
+import { useCurrentPerson } from './use_current_person';
+import { useJoltChannel, useJoltEvent } from './use_jolt';
+import { getRequestQueryKey } from './use_suspense_api';
+export function useConversationsJoltEvents() {
+    const { client } = useContext(ChatContext);
+    const queryClient = useQueryClient();
+    const currentPerson = useCurrentPerson();
+    const joltChannel = useJoltChannel(`chat.people.${currentPerson.id}`);
+    const conversationsRequestArgs = getConversationsRequestArgs();
+    const conversationQueryKey = getRequestQueryKey(conversationsRequestArgs);
+    const fetchConversation = async ({ id }) => {
+        const { data: argsData } = conversationsRequestArgs;
+        const { data } = await client.get({
+            url: `/me/conversations/${id}`,
+            data: {
+                fields: argsData.fields,
+                include: argsData.include,
+            },
+        });
+        return data;
+    };
+    const handleConversationUpdateOrCreate = async (e) => {
+        const conversation = await fetchConversation(e.data.data).catch(c => c);
+        queryClient.setQueryData(conversationQueryKey, prev => updateRecordInPagesData({
+            data: prev,
+            record: conversation,
+            processRecord: (record, current) => {
+                return { ...current, ...record };
+            },
+        }));
+    };
+    const handleConversationDestroy = (e) => {
+        queryClient.setQueryData(conversationQueryKey, prev => deleteRecordInPagesData({
+            data: prev,
+            record: e.data.data,
+        }));
+    };
+    useJoltEvent(joltChannel, 'conversation.updated', handleConversationUpdateOrCreate);
+    useJoltEvent(joltChannel, 'conversation.created', handleConversationUpdateOrCreate);
+    useJoltEvent(joltChannel, 'conversation.destroyed', handleConversationDestroy);
+}
+//# sourceMappingURL=use_conversation_jolt_events.js.map

package/build/hooks/use_conversation_jolt_events.js.map

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

package/build/hooks/use_conversation_messages.d.ts

@@ -7,15 +7,7 @@ export declare const useConversationMessages: ({ conversation_id }: {
     refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../types").ApiCollection<MessageResource>, unknown>, Response>>;
     isRefetching: boolean;
     fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../types").ApiCollection<MessageResource>, unknown>, Response>>;
-    queryKey: (string | {
-        perPage: number;
-        fields: {
-            Message: string[];
-            Person: string[];
-            ReactionCount: string[];
-        };
-        include: string[];
-    })[];
+    queryKey: import("./use_suspense_api").RequestQueryKey;
 };
 export declare const getMessagesRequestArgs: ({ conversation_id }: {
     conversation_id: string;
@@ -33,13 +25,5 @@ export declare const getMessagesRequestArgs: ({ conversation_id }: {
 };
 export declare const getMessagesQueryKey: ({ conversation_id }: {
     conversation_id: string;
-}) => (string | {
-    perPage: number;
-    fields: {
-        Message: string[];
-        Person: string[];
-        ReactionCount: string[];
-    };
-    include: string[];
-})[];
+}) => import("./use_suspense_api").RequestQueryKey;
 //# sourceMappingURL=use_conversation_messages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,eAAO,MAAM,uBAAuB,wBACb;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,SACzC,wBAAwB;;;;;;;;;;;;;;CAUhC,CAAA;AAED,eAAO,MAAM,sBAAsB,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;CAoBrF,CAAA;AAEF,eAAO,MAAM,mBAAmB,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;IAGnF,CAAA"}
+{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAEL,wBAAwB,EAEzB,MAAM,oBAAoB,CAAA;AAE3B,eAAO,MAAM,uBAAuB,wBACb;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,SACzC,wBAAwB;;;;;;CAUhC,CAAA;AAED,eAAO,MAAM,sBAAsB,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;CAoBrF,CAAA;AAEF,eAAO,MAAM,mBAAmB,wBAAyB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,iDAGnF,CAAA"}

package/build/hooks/use_conversation_messages.js

@@ -1,4 +1,4 @@
-import { useSuspensePaginator } from './use_suspense_api';
+import { getRequestQueryKey, useSuspensePaginator, } from './use_suspense_api';
 export const useConversationMessages = ({ conversation_id }, opts) => {
     const { data, refetch, isRefetching, fetchNextPage } = useSuspensePaginator(getMessagesRequestArgs({ conversation_id }), opts);
     const queryKey = getMessagesQueryKey({ conversation_id });
@@ -28,6 +28,6 @@ export const getMessagesRequestArgs = ({ conversation_id }) => ({
 });
 export const getMessagesQueryKey = ({ conversation_id }) => {
     const requestArgs = getMessagesRequestArgs({ conversation_id });
-    return [requestArgs.url, requestArgs.data];
+    return getRequestQueryKey(requestArgs);
 };
 //# sourceMappingURL=use_conversation_messages.js.map

package/build/hooks/use_conversation_messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAA4B,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEnF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,EAAE,eAAe,EAA+B,EAChD,IAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,oBAAoB,CACzE,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC,EAC3C,IAAI,CACL,CAAA;IACD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAE/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AACrE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE,CAAC,CAAC;IAC3F,GAAG,EAAE,qBAAqB,eAAe,WAAW;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE;QACX,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,MAAM;gBACN,gBAAgB;gBAChB,MAAM;gBACN,aAAa;gBACb,YAAY;gBACZ,YAAY;gBACZ,QAAQ;gBACR,iBAAiB;aAClB;YACD,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;YAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC;SACtE;QACD,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;KACvC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IACtF,MAAM,WAAW,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IAC/D,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;AAC5C,CAAC,CAAA","sourcesContent":["import { MessageResource } from '../types'\nimport { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'\n\nexport const useConversationMessages = (\n  { conversation_id }: { conversation_id: string },\n  opts?: SuspensePaginatorOptions\n) => {\n  const { data, refetch, isRefetching, fetchNextPage } = useSuspensePaginator<MessageResource>(\n    getMessagesRequestArgs({ conversation_id }),\n    opts\n  )\n  const queryKey = getMessagesQueryKey({ conversation_id })\n  const messages = data.sort((a, b) => -a.id.localeCompare(b.id))\n\n  return { messages, refetch, isRefetching, fetchNextPage, queryKey }\n}\n\nexport const getMessagesRequestArgs = ({ conversation_id }: { conversation_id: string }) => ({\n  url: `/me/conversations/${conversation_id}/messages`,\n  data: {\n    perPage: 25,\n    fields: {\n      Message: [\n        'text',\n        'text_edited_at',\n        'mine',\n        'attachments',\n        'created_at',\n        'deleted_at',\n        'author',\n        'reaction_counts',\n      ],\n      Person: ['name', 'avatar'],\n      ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids'],\n    },\n    include: ['author', 'reaction_counts'],\n  },\n})\n\nexport const getMessagesQueryKey = ({ conversation_id }: { conversation_id: string }) => {\n  const requestArgs = getMessagesRequestArgs({ conversation_id })\n  return [requestArgs.url, requestArgs.data]\n}\n"]}
+{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAElB,oBAAoB,GACrB,MAAM,oBAAoB,CAAA;AAE3B,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,EAAE,eAAe,EAA+B,EAChD,IAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,oBAAoB,CACzE,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC,EAC3C,IAAI,CACL,CAAA;IACD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAE/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AACrE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE,CAAC,CAAC;IAC3F,GAAG,EAAE,qBAAqB,eAAe,WAAW;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE;QACX,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,MAAM;gBACN,gBAAgB;gBAChB,MAAM;gBACN,aAAa;gBACb,YAAY;gBACZ,YAAY;gBACZ,QAAQ;gBACR,iBAAiB;aAClB;YACD,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;YAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC;SACtE;QACD,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;KACvC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IACtF,MAAM,WAAW,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IAC/D,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { MessageResource } from '../types'\nimport {\n  getRequestQueryKey,\n  SuspensePaginatorOptions,\n  useSuspensePaginator,\n} from './use_suspense_api'\n\nexport const useConversationMessages = (\n  { conversation_id }: { conversation_id: string },\n  opts?: SuspensePaginatorOptions\n) => {\n  const { data, refetch, isRefetching, fetchNextPage } = useSuspensePaginator<MessageResource>(\n    getMessagesRequestArgs({ conversation_id }),\n    opts\n  )\n  const queryKey = getMessagesQueryKey({ conversation_id })\n  const messages = data.sort((a, b) => -a.id.localeCompare(b.id))\n\n  return { messages, refetch, isRefetching, fetchNextPage, queryKey }\n}\n\nexport const getMessagesRequestArgs = ({ conversation_id }: { conversation_id: string }) => ({\n  url: `/me/conversations/${conversation_id}/messages`,\n  data: {\n    perPage: 25,\n    fields: {\n      Message: [\n        'text',\n        'text_edited_at',\n        'mine',\n        'attachments',\n        'created_at',\n        'deleted_at',\n        'author',\n        'reaction_counts',\n      ],\n      Person: ['name', 'avatar'],\n      ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids'],\n    },\n    include: ['author', 'reaction_counts'],\n  },\n})\n\nexport const getMessagesQueryKey = ({ conversation_id }: { conversation_id: string }) => {\n  const requestArgs = getMessagesRequestArgs({ conversation_id })\n  return getRequestQueryKey(requestArgs)\n}\n"]}

package/build/hooks/use_conversations.d.ts

@@ -0,0 +1,37 @@
+import { ConversationResource } from '../types';
+import { GetRequest } from '../utils/client/types';
+export declare const getConversationsRequestArgs: () => GetRequest;
+export declare function useConversations(): {
+    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;
+    conversations: ConversationResource[];
+};
+//# sourceMappingURL=use_conversations.d.ts.map

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

@@ -0,0 +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;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGlD,eAAO,MAAM,2BAA2B,QAAO,UA0B7C,CAAA;AAEF,wBAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B"}

package/build/hooks/use_conversations.js

@@ -0,0 +1,48 @@
+import { useMemo } from 'react';
+import { useSuspensePaginator } from './use_suspense_api';
+export const getConversationsRequestArgs = () => ({
+    url: '/me/conversations',
+    data: {
+        perPage: 20,
+        order: '-last_message',
+        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',
+            ],
+            ConversationBadge: ['app_name', 'pco_resource_type', 'text'],
+        },
+        include: ['badges'],
+    },
+});
+export function useConversations() {
+    const requestArgs = getConversationsRequestArgs();
+    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]);
+    return { conversations, ...rest };
+}
+//# sourceMappingURL=use_conversations.js.map

package/build/hooks/use_conversations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversations.js","sourceRoot":"","sources":["../../src/hooks/use_conversations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAe,EAAE,CAAC,CAAC;IAC5D,GAAG,EAAE,mBAAmB;IACxB,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE;QACX,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE;YACN,YAAY,EAAE;gBACZ,YAAY;gBACZ,QAAQ;gBACR,QAAQ;gBACR,wBAAwB;gBACxB,0BAA0B;gBAC1B,yBAAyB;gBACzB,2BAA2B;gBAC3B,qBAAqB;gBACrB,gBAAgB;gBAChB,OAAO;gBACP,kBAAkB;gBAClB,OAAO;gBACP,cAAc;gBACd,YAAY;aACb;YACD,iBAAiB,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,MAAM,CAAC;SAC7D;QACD,OAAO,EAAE,CAAC,QAAQ,CAAC;KACpB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,gBAAgB;IAC9B,MAAM,WAAW,GAAG,2BAA2B,EAAE,CAAA;IACjD,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 { GetRequest } from '../utils/client/types'\nimport { useSuspensePaginator } from './use_suspense_api'\n\nexport const getConversationsRequestArgs = (): GetRequest => ({\n  url: '/me/conversations',\n  data: {\n    perPage: 20,\n    order: '-last_message',\n    fields: {\n      Conversation: [\n        'created_at',\n        'badges',\n        'groups',\n        'last_message_author_id',\n        'last_message_author_name',\n        'last_message_created_at',\n        'last_message_text_preview',\n        'preview_avatar_urls',\n        'member_ability',\n        'muted',\n        'replies_disabled',\n        'title',\n        'unread_count',\n        'updated_at',\n      ],\n      ConversationBadge: ['app_name', 'pco_resource_type', 'text'],\n    },\n    include: ['badges'],\n  },\n})\n\nexport function useConversations() {\n  const requestArgs = getConversationsRequestArgs()\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"]}

package/build/hooks/use_jolt.d.ts

@@ -0,0 +1,9 @@
+import JoltClient from '@planningcenter/jolt-client';
+import { JoltSubscription } from '@planningcenter/jolt-client/dist/types/JoltSubscription';
+import { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection';
+export declare const useJoltClient: () => JoltClient | undefined;
+export declare function useJoltChannel(channelName: string): JoltSubscription | undefined;
+type UserCallbackFn<T> = (_event: T) => void;
+export declare function useJoltEvent<T extends CustomMessage>(channel: JoltSubscription | undefined, eventName: string, callback: UserCallbackFn<T>): void;
+export {};
+//# sourceMappingURL=use_jolt.d.ts.map

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

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

package/build/hooks/use_jolt.js

@@ -0,0 +1,71 @@
+import JoltClient from '@planningcenter/jolt-client';
+import { useQuery, useSuspenseQuery } from '@tanstack/react-query';
+import { useContext, useEffect, useState } from 'react';
+import { ChatContext } from '../contexts';
+export const useJoltClient = () => {
+    const { client } = useContext(ChatContext);
+    const { data: joltToken } = useSuspenseQuery({
+        refetchOnMount: false,
+        queryKey: ['jolt-token'],
+        queryFn: () => {
+            return client.post({
+                url: '/me/jolt_authorize',
+                data: {
+                    data: {
+                        type: 'JoltToken',
+                        attributes: {},
+                    },
+                },
+            });
+        },
+    });
+    const fetchAuthTokenFn = async () => {
+        return joltToken.data.id || '';
+    };
+    const fetchSubscribeTokenFn = (channel, connectionId) => {
+        return client
+            .post({
+            url: '/me/jolt_subscribe',
+            data: {
+                data: {
+                    type: 'JoltSubscribeToken',
+                    attributes: { channel, cid: connectionId },
+                },
+            },
+        })
+            .then((res) => res.data.id);
+    };
+    const { data: joltClient } = useQuery({
+        refetchOnMount: false,
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+        enabled: Boolean(joltToken),
+        queryKey: ['jolt-client'],
+        queryFn: async () => {
+            if (!joltToken)
+                return undefined;
+            return new JoltClient(joltToken?.data.wssUrl, {
+                fetchAuthTokenFn,
+                fetchSubscribeTokenFn,
+            }, { logToConsole: true });
+        },
+    });
+    return joltClient;
+};
+export function useJoltChannel(channelName) {
+    const [joltChannel, setJoltChannel] = useState();
+    const jolt = useJoltClient();
+    useEffect(() => {
+        setJoltChannel(jolt?.subscribe(channelName));
+        return () => jolt?.unsubscribe(channelName);
+    }, [channelName, jolt]);
+    return joltChannel;
+}
+export function useJoltEvent(channel, eventName, callback) {
+    useEffect(() => {
+        if (!channel)
+            return () => { };
+        return channel.bind(eventName, e => callback(e));
+    }, [channel, eventName, callback]);
+}
+//# sourceMappingURL=use_jolt.js.map

package/build/hooks/use_jolt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_jolt.js","sourceRoot":"","sources":["../../src/hooks/use_jolt.ts"],"names":[],"mappings":"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","sourcesContent":["import JoltClient from '@planningcenter/jolt-client'\nimport { useQuery, useSuspenseQuery } from '@tanstack/react-query'\nimport { useContext, useEffect, useState } from 'react'\nimport { ChatContext } from '../contexts'\nimport { ApiResource } from '../types'\nimport {\n  FetchSubscribeToken,\n  JoltSubscription,\n} from '@planningcenter/jolt-client/dist/types/JoltSubscription'\nimport { CustomMessage } from '@planningcenter/jolt-client/dist/types/JoltConnection'\n\ninterface JoltResponse {\n  type: 'JoltToken'\n  id: string\n  wssUrl: string\n}\n\nexport const useJoltClient = (): JoltClient | undefined => {\n  const { client } = useContext(ChatContext)\n  const { data: joltToken } = useSuspenseQuery<ApiResource<JoltResponse>>({\n    refetchOnMount: false,\n    queryKey: ['jolt-token'],\n    queryFn: () => {\n      return client.post({\n        url: '/me/jolt_authorize',\n        data: {\n          data: {\n            type: 'JoltToken',\n            attributes: {},\n          },\n        },\n      })\n    },\n  })\n\n  const fetchAuthTokenFn = async () => {\n    return joltToken.data.id || ''\n  }\n\n  const fetchSubscribeTokenFn: FetchSubscribeToken = (channel: string, connectionId: string) => {\n    return client\n      .post({\n        url: '/me/jolt_subscribe',\n        data: {\n          data: {\n            type: 'JoltSubscribeToken',\n            attributes: { channel, cid: connectionId },\n          },\n        },\n      })\n      .then((res: ApiResource<JoltResponse>) => res.data.id)\n  }\n\n  const { data: joltClient } = useQuery({\n    refetchOnMount: false,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n    enabled: Boolean(joltToken),\n    queryKey: ['jolt-client'],\n    queryFn: async () => {\n      if (!joltToken) return undefined\n\n      return new JoltClient(\n        joltToken?.data.wssUrl,\n        {\n          fetchAuthTokenFn,\n          fetchSubscribeTokenFn,\n        },\n        { logToConsole: true }\n      )\n    },\n  })\n\n  return joltClient\n}\n\nexport function useJoltChannel(channelName: string) {\n  const [joltChannel, setJoltChannel] = useState<JoltSubscription>()\n  const jolt = useJoltClient()\n\n  useEffect(() => {\n    setJoltChannel(jolt?.subscribe(channelName))\n    return () => jolt?.unsubscribe(channelName)\n  }, [channelName, jolt])\n\n  return joltChannel\n}\n\ntype UserCallbackFn<T> = (_event: T) => void\n\nexport function useJoltEvent<T extends CustomMessage>(\n  channel: JoltSubscription | undefined,\n  eventName: string,\n  callback: UserCallbackFn<T>\n) {\n  useEffect(() => {\n    if (!channel) return () => {}\n\n    return channel.bind(eventName, e => callback(e as T))\n  }, [channel, eventName, callback])\n}\n"]}

package/build/hooks/use_suspense_api.d.ts

@@ -1,7 +1,7 @@
 import { AnyUseSuspenseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
 import { ApiCollection, ApiResource, ResourceObject } from '../types';
 import { GetRequest } from '../utils/client/types';
-export declare const useSuspenseGet: <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => (T extends ResourceObject ? ApiResource<T> : ApiCollection<T>) & {
+export declare const useSuspenseGet: <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => {
     error: Response | null;
     isError: boolean;
     isPending: false;
@@ -22,8 +22,11 @@ export declare const useSuspenseGet: <T extends ResourceObject | ResourceObject[
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<T extends ResourceObject ? ApiResource<T> : ApiCollection<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    data: T;
+    links: Record<string, string>;
+    meta: Record<string, unknown>;
 };
 export type SuspensePaginatorOptions = Omit<AnyUseSuspenseInfiniteQueryOptions, 'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'>;
 export declare const useSuspensePaginator: <T extends ResourceObject>(args: GetRequest, opts?: SuspensePaginatorOptions) => {
@@ -59,4 +62,6 @@ export declare const useSuspensePaginator: <T extends ResourceObject>(args: GetR
     isFetchPreviousPageError: boolean;
     isFetchingPreviousPage: boolean;
 };
+export type RequestQueryKey = [GetRequest['url'], GetRequest['data'], GetRequest['headers']];
+export declare const getRequestQueryKey: (args: GetRequest) => RequestQueryKey;
 //# sourceMappingURL=use_suspense_api.d.ts.map

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

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

package/build/hooks/use_suspense_api.js

@@ -3,14 +3,14 @@ import { useContext } from 'react';
 import { ChatContext } from '../contexts';
 export const useSuspenseGet = (args) => {
     const { data, ...query } = useSuspenseQuery({
-        queryKey: [args],
+        queryKey: getRequestQueryKey(args),
     });
     return { ...data, ...query };
 };
 export const useSuspensePaginator = (args, opts) => {
     const { client } = useContext(ChatContext);
     const query = useSuspenseInfiniteQuery({
-        queryKey: [args.url, args.data],
+        queryKey: getRequestQueryKey(args),
         queryFn: ({ pageParam }) => {
             const pageParmWhere = pageParam?.where || {};
             const argsWhere = args.data.where || {};
@@ -37,4 +37,9 @@ export const useSuspensePaginator = (args, opts) => {
     const data = query.data?.pages.flatMap(page => page.data) || [];
     return { ...query, data };
 };
+export const getRequestQueryKey = (args) => [
+    args.url,
+    args.data,
+    args.headers,
+];
 //# sourceMappingURL=use_suspense_api.js.map