@planningcenter/chat-react-native 1.5.0 → 1.5.1-qa-22.0

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

@@ -1 +1 @@
-{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../src/components/conversations.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,aAAa,yBA4BzB,CAAA"}
+{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../src/components/conversations.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,aAAa,yBAmDzB,CAAA"}

package/build/components/conversations.js

@@ -1,21 +1,42 @@
 import { useNavigation } from '@react-navigation/native';
-import { useSuspenseQuery } from '@tanstack/react-query';
 import React from 'react';
 import { FlatList, Pressable, StyleSheet } from 'react-native';
 import { useTheme } from '../hooks';
-import { Text } from './display';
+import { useSuspensePaginator } from '../hooks/use_api';
+import { Heading, Text } from './display';
 export const Conversations = () => {
     const styles = useStyles();
-    const { data: conversations } = useSuspenseQuery({
-        queryKey: ['/chat/v2/me/conversations'],
-    });
+    const request = {
+        url: '/me/conversations',
+        data: {
+            perPage: 20,
+            order: '-last_message',
+            fields: {
+                Conversation: [
+                    'title',
+                    'last_message_created_at',
+                    'last_message_author_name',
+                    'last_message_text_preview',
+                    'unread_count',
+                ],
+            },
+        },
+    };
+    const { data: conversations, fetchNextPage } = useSuspensePaginator(request);
+    // TODO: Filter using the API
+    const nonEmptyConversations = conversations.filter(c => c.lastMessageTextPreview) || [];
     const navigation = useNavigation();
-    return (<FlatList data={conversations?.data} contentContainerStyle={styles.container} style={styles.scrollView} ListEmptyComponent={<Text>No conversations found</Text>} ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>} renderItem={({ item }) => (<Pressable onPress={() => navigation.navigate('Conversation', {
+    return (<FlatList data={nonEmptyConversations} contentContainerStyle={styles.container} style={styles.scrollView} ListEmptyComponent={<Text>No conversations found</Text>} renderItem={({ item }) => (<Pressable onPress={() => navigation.navigate('Conversation', {
                 conversation_id: item.id,
                 chat_group_graph_id: item.id,
             })}>
-          <Text style={styles.listItem}>{item.attributes.title}</Text>
-        </Pressable>)}/>);
+          <Heading numberOfLines={1} variant="h3">
+            {item.title}
+          </Heading>
+          <Text style={styles.listItem}>
+            {item.lastMessageAuthorName}: {item.lastMessageTextPreview}
+          </Text>
+        </Pressable>)} onEndReached={() => fetchNextPage()}/>);
 };
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/conversations.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversations.js","sourceRoot":"","sources":["../../src/components/conversations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAIhC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAwB;QACtE,QAAQ,EAAE,CAAC,2BAA2B,CAAC;KACxC,CAAC,CAAA;IACF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAC1B,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC,CACxD,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CACnE,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE;gBAClC,eAAe,EAAE,IAAI,CAAC,EAAE;gBACxB,mBAAmB,EAAE,IAAI,CAAC,EAAE;aAC7B,CACH,CAAC,CAED;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAC7D;QAAA,EAAE,SAAS,CAAC,CACb,CAAC,EACF,CACH,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,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,mBAAmB,EAAE;QACpE,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE;KAChD,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { ConversationResource, JSONAPICollection } from '@planningcenter/chat-core'\nimport { useNavigation } from '@react-navigation/native'\nimport { useSuspenseQuery } from '@tanstack/react-query'\nimport React from 'react'\nimport { FlatList, Pressable, StyleSheet } from 'react-native'\nimport { useTheme } from '../hooks'\nimport { Text } from './display'\n\ntype ConversationsResponse = JSONAPICollection<ConversationResource>\n\nexport const Conversations = () => {\n  const styles = useStyles()\n  const { data: conversations } = useSuspenseQuery<ConversationsResponse>({\n    queryKey: ['/chat/v2/me/conversations'],\n  })\n  const navigation = useNavigation()\n\n  return (\n    <FlatList\n      data={conversations?.data}\n      contentContainerStyle={styles.container}\n      style={styles.scrollView}\n      ListEmptyComponent={<Text>No conversations found</Text>}\n      ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>}\n      renderItem={({ item }) => (\n        <Pressable\n          onPress={() =>\n            navigation.navigate('Conversation', {\n              conversation_id: item.id,\n              chat_group_graph_id: item.id,\n            })\n          }\n        >\n          <Text style={styles.listItem}>{item.attributes.title}</Text>\n        </Pressable>\n      )}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    scrollView: { flex: 1, backgroundColor: colors.fillColorNeutral090 },\n    container: { gap: 8, padding: 16 },\n    foo: { fontSize: 24, color: colors.testColor },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n"]}
+{"version":3,"file":"conversations.js","sourceRoot":"","sources":["../../src/components/conversations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGvD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,OAAO,GAAe;QAC1B,GAAG,EAAE,mBAAmB;QACxB,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE;gBACN,YAAY,EAAE;oBACZ,OAAO;oBACP,yBAAyB;oBACzB,0BAA0B;oBAC1B,2BAA2B;oBAC3B,cAAc;iBACf;aACF;SACF;KACF,CAAA;IACD,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAuB,OAAO,CAAC,CAAA;IAElG,6BAA6B;IAC7B,MAAM,qBAAqB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,EAAE,CAAA;IAEvF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAC5B,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC,CACxD,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE;gBAClC,eAAe,EAAE,IAAI,CAAC,EAAE;gBACxB,mBAAmB,EAAE,IAAI,CAAC,EAAE;aAC7B,CACH,CAAC,CAED;UAAA,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CACrC;YAAA,CAAC,IAAI,CAAC,KAAK,CACb;UAAA,EAAE,OAAO,CACT;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;YAAA,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAC5D;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,SAAS,CAAC,CACb,CAAC,CACF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,EACpC,CACH,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,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,mBAAmB,EAAE;QACpE,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE;KAChD,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { FlatList, Pressable, StyleSheet } from 'react-native'\nimport { useTheme } from '../hooks'\nimport { useSuspensePaginator } from '../hooks/use_api'\nimport { ConversationResource } from '../types'\nimport { GetRequest } from '../utils/client/types'\nimport { Heading, Text } from './display'\n\nexport const Conversations = () => {\n  const styles = useStyles()\n  const request: GetRequest = {\n    url: '/me/conversations',\n    data: {\n      perPage: 20,\n      order: '-last_message',\n      fields: {\n        Conversation: [\n          'title',\n          'last_message_created_at',\n          'last_message_author_name',\n          'last_message_text_preview',\n          'unread_count',\n        ],\n      },\n    },\n  }\n  const { data: conversations, fetchNextPage } = useSuspensePaginator<ConversationResource>(request)\n\n  // TODO: Filter using the API\n  const nonEmptyConversations = conversations.filter(c => c.lastMessageTextPreview) || []\n\n  const navigation = useNavigation()\n\n  return (\n    <FlatList\n      data={nonEmptyConversations}\n      contentContainerStyle={styles.container}\n      style={styles.scrollView}\n      ListEmptyComponent={<Text>No conversations found</Text>}\n      renderItem={({ item }) => (\n        <Pressable\n          onPress={() =>\n            navigation.navigate('Conversation', {\n              conversation_id: item.id,\n              chat_group_graph_id: item.id,\n            })\n          }\n        >\n          <Heading numberOfLines={1} variant=\"h3\">\n            {item.title}\n          </Heading>\n          <Text style={styles.listItem}>\n            {item.lastMessageAuthorName}: {item.lastMessageTextPreview}\n          </Text>\n        </Pressable>\n      )}\n      onEndReached={() => fetchNextPage()}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    scrollView: { flex: 1, backgroundColor: colors.fillColorNeutral090 },\n    container: { gap: 8, padding: 16 },\n    foo: { fontSize: 24, color: colors.testColor },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n"]}

package/build/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './conversations';
 export * from './error_boundary';
+export * from './display';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA"}

package/build/components/index.js

@@ -1,3 +1,4 @@
 export * from './conversations';
 export * from './error_boundary';
+export * from './display';
 //# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA","sourcesContent":["export * from './conversations'\nexport * from './error_boundary'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA","sourcesContent":["export * from './conversations'\nexport * from './error_boundary'\nexport * from './display'\n"]}

package/build/contexts/api_provider.d.ts

@@ -1,12 +1,10 @@
 import { QueryClient } from '@tanstack/react-query';
 import React from 'react';
 import { ViewProps } from 'react-native';
-import { OAuthToken } from '../types';
-import { ENV } from '../utils/session';
+import { Client } from '../utils';
 export declare const queryClient: QueryClient;
-export declare function ApiProvider({ children, env, token, onTokenExpired, }: ViewProps & {
-    env?: ENV;
-    token?: OAuthToken;
-    onTokenExpired: () => void;
+export declare function ApiProvider({ children, client, sessionChanged, }: ViewProps & {
+    client: Client;
+    sessionChanged: boolean;
 }): React.JSX.Element;
 //# sourceMappingURL=api_provider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAiC,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,GAAG,EAAW,MAAM,kBAAkB,CAAA;AAuB/C,eAAO,MAAM,WAAW,aAMtB,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAkB,EAClB,KAAK,EACL,cAAc,GACf,EAAE,SAAS,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,qBAU3E"}
+{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAejC,eAAO,MAAM,WAAW,aAMtB,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,cAAc,GACf,EAAE,SAAS,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAE,qBAazD"}

package/build/contexts/api_provider.js

@@ -1,23 +1,12 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import React, { useEffect } from 'react';
-import apiRequest from '../utils/api';
-import { session } from '../utils/session';
-import Uri from '../utils/uri';
-let handleTokenExpired;
+let apiClient;
 const defaultQueryFn = ({ queryKey }) => {
-    if (!session.token) {
+    if (!apiClient) {
         throw new Error('No token present');
     }
-    const uri = new Uri({ session });
-    const url = uri.api(queryKey[0]);
-    return apiRequest(url)
-        .then(r => r.json)
-        .catch(error => {
-        if (error.message === 'Token expired') {
-            handleTokenExpired();
-        }
-        return null;
-    });
+    const data = queryKey[0];
+    return apiClient.get(data);
 };
 export const queryClient = new QueryClient({
     defaultOptions: {
@@ -26,13 +15,16 @@ export const queryClient = new QueryClient({
         },
     },
 });
-export function ApiProvider({ children, env = 'production', token, onTokenExpired, }) {
-    session.env = env;
-    session.token = token;
-    handleTokenExpired = onTokenExpired;
+export function ApiProvider({ children, client, sessionChanged, }) {
     useEffect(() => {
+        apiClient = client;
+    }, [client]);
+    // TODO: CREATE CALLBACK TO INVALIDATE QUERIES
+    useEffect(() => {
+        if (!sessionChanged)
+            return;
         queryClient.invalidateQueries();
-    }, [env, token]);
+    }, [sessionChanged]);
     return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
 }
 //# sourceMappingURL=api_provider.js.map

package/build/contexts/api_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"api_provider.js","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAClF,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAO,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,GAAG,MAAM,cAAc,CAAA;AAE9B,IAAI,kBAA8B,CAAA;AAElC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IAC9D,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACrC,CAAC;IAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAChC,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhC,OAAO,UAAU,CAAkB,GAAG,CAAC;SACpC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SACjB,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe,EAAE,CAAC;YACtC,kBAAkB,EAAE,CAAA;QACtB,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;SACxB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,GAAG,YAAY,EAClB,KAAK,EACL,cAAc,GAC4D;IAC1E,OAAO,CAAC,GAAG,GAAG,GAAG,CAAA;IACjB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;IACrB,kBAAkB,GAAG,cAAc,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAEhB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACnF,CAAC","sourcesContent":["import { JSONAPIResponse } from '@planningcenter/chat-core'\nimport { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useEffect } from 'react'\nimport { ViewProps } from 'react-native'\nimport { OAuthToken } from '../types'\nimport apiRequest from '../utils/api'\nimport { ENV, session } from '../utils/session'\nimport Uri from '../utils/uri'\n\nlet handleTokenExpired: () => void\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!session.token) {\n    throw new Error('No token present')\n  }\n\n  const uri = new Uri({ session })\n  const url = uri.api(queryKey[0])\n\n  return apiRequest<JSONAPIResponse>(url)\n    .then(r => r.json)\n    .catch(error => {\n      if (error.message === 'Token expired') {\n        handleTokenExpired()\n      }\n      return null\n    })\n}\n\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      queryFn: defaultQueryFn,\n    },\n  },\n})\n\nexport function ApiProvider({\n  children,\n  env = 'production',\n  token,\n  onTokenExpired,\n}: ViewProps & { env?: ENV; token?: OAuthToken; onTokenExpired: () => void }) {\n  session.env = env\n  session.token = token\n  handleTokenExpired = onTokenExpired\n\n  useEffect(() => {\n    queryClient.invalidateQueries()\n  }, [env, token])\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\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,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,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;SACxB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,cAAc,GAC0C;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,GAAG,MAAM,CAAA;IACpB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3B,WAAW,CAAC,iBAAiB,EAAE,CAAA;IACjC,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","sourcesContent":["import { QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useEffect } from 'react'\nimport { ViewProps } from 'react-native'\nimport { Client } from '../utils'\nimport { GetRequest } from '../utils/client/types'\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    },\n  },\n})\n\nexport function ApiProvider({\n  children,\n  client,\n  sessionChanged,\n}: ViewProps & { client: Client; sessionChanged: boolean }) {\n  useEffect(() => {\n    apiClient = client\n  }, [client])\n\n  // TODO: CREATE CALLBACK TO INVALIDATE QUERIES\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    queryClient.invalidateQueries()\n  }, [sessionChanged])\n\n  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n}\n"]}

package/build/contexts/chat_context.d.ts

@@ -2,16 +2,18 @@ import React from 'react';
 import { ColorSchemeName } from 'react-native';
 import { DeepPartial, OAuthToken } from '../types';
 import { DefaultTheme } from '../utils/theme';
-type ContextValue = {
+import { Client, ENV } from '../utils';
+type ChatContextValue = {
     token?: OAuthToken;
     onTokenExpired: () => void;
     theme: any;
-    env?: 'production' | 'staging' | 'development';
+    env?: ENV;
+    client: Client;
 };
-export declare const ChatContext: React.Context<ContextValue>;
-export declare function ChatProvider({ children, value }: {
+export declare const ChatContext: React.Context<ChatContextValue>;
+export declare function ChatProvider({ children, value, }: {
     children: any;
-    value: ContextValue;
+    value: Omit<ChatContextValue, 'client'>;
 }): React.JSX.Element | null;
 interface CreateChatThemeProps {
     theme?: DeepPartial<DefaultTheme>;

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

@@ -1 +1 @@
-{"version":3,"file":"chat_context.d.ts","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,eAAe,EAAkB,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI3D,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,GAAG,CAAA;IACV,GAAG,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,WAAW,6BAKtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,4BAYvF;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,yDAG5B,oBAAoB,QAetB,CAAA"}
+{"version":3,"file":"chat_context.d.ts","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,eAAe,EAAkB,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG3D,OAAO,EAAE,MAAM,EAAE,GAAG,EAAW,MAAM,UAAU,CAAA;AAE/C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,GAAG,CAAA;IACV,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AASD,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;CACxC,4BAiCA;AAmBD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,yDAG5B,oBAAoB,QAetB,CAAA"}

package/build/contexts/chat_context.js

@@ -1,25 +1,61 @@
 import { merge } from 'lodash';
-import React, { createContext, useMemo } from 'react';
+import React, { createContext, useEffect, useMemo, useRef } from 'react';
 import { useColorScheme } from 'react-native';
 import { defaultTheme } from '../utils/theme';
 import { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map';
 import { ApiProvider } from './api_provider';
+import { Client, Session } from '../utils';
+const defaultChatClient = new Client({
+    app: 'chat',
+    session: new Session(),
+    version: '2018-11-01',
+    onTokenExpired: () => null,
+});
 export const ChatContext = createContext({
     theme: undefined,
     token: undefined,
     env: undefined,
     onTokenExpired: () => { },
+    client: defaultChatClient,
 });
-export function ChatProvider({ children, value }) {
+export function ChatProvider({ children, value, }) {
+    const { env, token, onTokenExpired } = value;
     const theme = useCreateChatTheme(value.theme);
+    const session = useMemo(() => new Session({ token, env }), [env, token]);
+    const client = useMemo(() => new Client({
+        app: 'chat',
+        session,
+        version: '2018-11-01',
+        onTokenExpired,
+    }), [onTokenExpired, session]);
+    const sessionChanged = useSessionChanged({ token, env });
+    const contextValue = {
+        env,
+        token,
+        onTokenExpired,
+        theme,
+        client,
+    };
     if (!Object.keys(value.token || {}).length)
         return null;
-    return (<ChatContext.Provider value={{ ...value, theme }}>
-      <ApiProvider env={value.env} token={value.token} onTokenExpired={value.onTokenExpired}>
+    return (<ChatContext.Provider value={contextValue}>
+      <ApiProvider sessionChanged={sessionChanged} client={client}>
         {children}
       </ApiProvider>
     </ChatContext.Provider>);
 }
+function useSessionChanged(value) {
+    const { token: newToken, env: newEnv } = value;
+    const { token: prevToken, env: prevEnv } = usePrevious(value);
+    return Boolean(prevToken && newToken !== prevToken) || Boolean(prevEnv && newEnv !== prevEnv);
+}
+function usePrevious(value) {
+    const ref = useRef(value);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
 export const useCreateChatTheme = ({ theme: customTheme = {}, colorScheme: appColorScheme, }) => {
     const internalColorScheme = useColorScheme() || 'light';
     const colorScheme = appColorScheme || internalColorScheme;

package/build/contexts/chat_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat_context.js","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAmB,cAAc,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACrD,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA0C;IACtF,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE7C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAEvD,OAAO,CACL,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,CAC/C;MAAA,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CACpF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,WAAW,CAAC,QAAQ,CAAC,CACxB,CAAA;AACH,CAAC;AAOD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EAAE,WAAW,GAAG,EAAE,EACvB,WAAW,EAAE,cAAc,GACN,EAAE,EAAE;IACzB,MAAM,mBAAmB,GAAG,cAAc,EAAE,IAAI,OAAO,CAAA;IACvD,MAAM,WAAW,GAAG,cAAc,IAAI,mBAAmB,CAAA;IAEzD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;YACpD,MAAM,EAAE;gBACN,GAAG,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC;gBACnE,GAAG,mBAAmB,CAAC,WAAW,CAAC;aACpC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAE9B,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import { merge } from 'lodash'\nimport React, { createContext, useMemo } from 'react'\nimport { ColorSchemeName, useColorScheme } from 'react-native'\nimport { DeepPartial, OAuthToken } from '../types'\nimport { defaultTheme, DefaultTheme } from '../utils/theme'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\nimport { ApiProvider } from './api_provider'\n\ntype ContextValue = {\n  token?: OAuthToken\n  onTokenExpired: () => void\n  theme: any\n  env?: 'production' | 'staging' | 'development'\n}\n\nexport const ChatContext = createContext<ContextValue>({\n  theme: undefined,\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n})\n\nexport function ChatProvider({ children, value }: { children: any; value: ContextValue }) {\n  const theme = useCreateChatTheme(value.theme)\n\n  if (!Object.keys(value.token || {}).length) return null\n\n  return (\n    <ChatContext.Provider value={{ ...value, theme }}>\n      <ApiProvider env={value.env} token={value.token} onTokenExpired={value.onTokenExpired}>\n        {children}\n      </ApiProvider>\n    </ChatContext.Provider>\n  )\n}\n\ninterface CreateChatThemeProps {\n  theme?: DeepPartial<DefaultTheme>\n  colorScheme?: ColorSchemeName\n}\n\nexport const useCreateChatTheme = ({\n  theme: customTheme = {},\n  colorScheme: appColorScheme,\n}: CreateChatThemeProps) => {\n  const internalColorScheme = useColorScheme() || 'light'\n  const colorScheme = appColorScheme || internalColorScheme\n\n  const memoizedTheme = useMemo(() => {\n    return {\n      ...merge({}, defaultTheme(colorScheme), customTheme),\n      colors: {\n        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),\n        ...aliasTokensColorMap[colorScheme],\n      },\n    }\n  }, [colorScheme, customTheme])\n\n  return memoizedTheme\n}\n"]}
+{"version":3,"file":"chat_context.js","sourceRoot":"","sources":["../../src/contexts/chat_context.tsx"],"names":[],"mappings":"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","sourcesContent":["import { merge } from 'lodash'\nimport React, { createContext, useEffect, useMemo, useRef } from 'react'\nimport { ColorSchemeName, useColorScheme } from 'react-native'\nimport { DeepPartial, OAuthToken } from '../types'\nimport { defaultTheme, DefaultTheme } from '../utils/theme'\nimport { aliasTokensColorMap } from '../vendor/tapestry/alias_tokens_color_map'\nimport { ApiProvider } from './api_provider'\nimport { Client, ENV, Session } from '../utils'\n\ntype ChatContextValue = {\n  token?: OAuthToken\n  onTokenExpired: () => void\n  theme: any\n  env?: ENV\n  client: Client\n}\n\nconst defaultChatClient = new Client({\n  app: 'chat',\n  session: new Session(),\n  version: '2018-11-01',\n  onTokenExpired: () => null,\n})\n\nexport const ChatContext = createContext<ChatContextValue>({\n  theme: undefined,\n  token: undefined,\n  env: undefined,\n  onTokenExpired: () => {},\n  client: defaultChatClient,\n})\n\nexport function ChatProvider({\n  children,\n  value,\n}: {\n  children: any\n  value: Omit<ChatContextValue, 'client'>\n}) {\n  const { env, token, onTokenExpired } = value\n  const theme = useCreateChatTheme(value.theme)\n  const session = useMemo(() => new Session({ token, env }), [env, token])\n  const client = useMemo(\n    () =>\n      new Client({\n        app: 'chat',\n        session,\n        version: '2018-11-01',\n        onTokenExpired,\n      }),\n    [onTokenExpired, session]\n  )\n  const sessionChanged = useSessionChanged({ token, env })\n\n  const contextValue: ChatContextValue = {\n    env,\n    token,\n    onTokenExpired,\n    theme,\n    client,\n  }\n\n  if (!Object.keys(value.token || {}).length) return null\n\n  return (\n    <ChatContext.Provider value={contextValue}>\n      <ApiProvider sessionChanged={sessionChanged} client={client}>\n        {children}\n      </ApiProvider>\n    </ChatContext.Provider>\n  )\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\ninterface CreateChatThemeProps {\n  theme?: DeepPartial<DefaultTheme>\n  colorScheme?: ColorSchemeName\n}\n\nexport const useCreateChatTheme = ({\n  theme: customTheme = {},\n  colorScheme: appColorScheme,\n}: CreateChatThemeProps) => {\n  const internalColorScheme = useColorScheme() || 'light'\n  const colorScheme = appColorScheme || internalColorScheme\n\n  const memoizedTheme = useMemo(() => {\n    return {\n      ...merge({}, defaultTheme(colorScheme), customTheme),\n      colors: {\n        ...merge({}, defaultTheme(colorScheme).colors, customTheme?.colors),\n        ...aliasTokensColorMap[colorScheme],\n      },\n    }\n  }, [colorScheme, customTheme])\n\n  return memoizedTheme\n}\n"]}

package/build/hooks/index.d.ts

@@ -1,3 +1,5 @@
 export * from './use_async_storage';
 export * from './use_theme';
+export * from './use_api';
+export * from './use_current_person';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,sBAAsB,CAAA"}

package/build/hooks/index.js

@@ -1,3 +1,5 @@
 export * from './use_async_storage';
 export * from './use_theme';
+export * from './use_api';
+export * from './use_current_person';
 //# sourceMappingURL=index.js.map

package/build/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA","sourcesContent":["export * from './use_async_storage'\nexport * from './use_theme'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './use_async_storage'\nexport * from './use_theme'\nexport * from './use_api'\nexport * from './use_current_person'\n"]}

package/build/hooks/use_api.d.ts

@@ -0,0 +1,61 @@
+import { 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>) & {
+    error: Response | null;
+    isError: boolean;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: boolean;
+    isSuccess: boolean;
+    status: "error" | "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Response | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<T extends ResourceObject ? ApiResource<T> : ApiCollection<T>, Response>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+};
+export declare const useSuspensePaginator: <T extends ResourceObject>(args: GetRequest) => {
+    data: T[];
+    error: Response | null;
+    isError: boolean;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: boolean;
+    isSuccess: boolean;
+    status: "error" | "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Response | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchNextPageError: boolean;
+    isFetchingNextPage: boolean;
+    isFetchPreviousPageError: boolean;
+    isFetchingPreviousPage: boolean;
+};
+//# sourceMappingURL=use_api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA8C,MAAM,uBAAuB,CAAA;AAGhG,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,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,QAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9E,CAAA"}

package/build/hooks/use_api.js

@@ -0,0 +1,39 @@
+import { useSuspenseInfiniteQuery, useSuspenseQuery } from '@tanstack/react-query';
+import { useContext } from 'react';
+import { ChatContext } from '../contexts';
+export const useSuspenseGet = (args) => {
+    const { data, ...query } = useSuspenseQuery({
+        queryKey: [args],
+    });
+    return { ...data, ...query };
+};
+export const useSuspensePaginator = (args) => {
+    const { client } = useContext(ChatContext);
+    const query = useSuspenseInfiniteQuery({
+        queryKey: [args.url, args.data],
+        queryFn: ({ pageParam }) => {
+            const pageParmWhere = pageParam?.where || {};
+            const argsWhere = args.data.where || {};
+            const where = { ...argsWhere, ...pageParmWhere };
+            const offset = pageParam?.offset || args.data.offset;
+            const data = { ...args.data, where, offset };
+            return client.get({
+                url: args.url,
+                data,
+            });
+        },
+        initialPageParam: {},
+        getNextPageParam: lastPage => {
+            const next = lastPage.meta?.next || {};
+            const { offset, idLt } = next;
+            if (idLt)
+                return { where: { id_lt: idLt } };
+            if (offset)
+                return { offset: Number(offset) };
+            return undefined;
+        },
+    });
+    const data = query.data?.pages.flatMap(page => page.data) || [];
+    return { ...query, data };
+};
+//# sourceMappingURL=use_api.js.map

package/build/hooks/use_api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_api.js","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAIzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAA8C,IAAgB,EAAE,EAAE;IAG9F,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,gBAAgB,CAAqB;QAC9D,QAAQ,EAAE,CAAC,IAAI,CAAC;KACjB,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAA2B,IAAgB,EAAE,EAAE;IACjF,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,wBAAwB,CAMpC;QACA,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC;QAC/B,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YACzB,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;YAEhD,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA;YACpD,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;YAE5C,OAAO,MAAM,CAAC,GAAG,CAAC;gBAChB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI;aACL,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,EAA0B;QAC5C,gBAAgB,EAAE,QAAQ,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAa,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAA;YAChD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YAE7B,IAAI,IAAI;gBAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAA;YAC3C,IAAI,MAAM;gBAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;YAE7C,OAAO,SAAS,CAAA;QAClB,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAEpE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA","sourcesContent":["import { InfiniteData, useSuspenseInfiniteQuery, useSuspenseQuery } from '@tanstack/react-query'\nimport { useContext } from 'react'\nimport { ChatContext } from '../contexts'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client/types'\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(args: GetRequest) => {\n  type Resource = T extends ResourceObject ? ApiResource<T> : ApiCollection<T>\n\n  const { data, ...query } = useSuspenseQuery<Resource, Response>({\n    queryKey: [args],\n  })\n\n  return { ...data, ...query }\n}\n\ntype NextMeta = Partial<{\n  offset: string\n  idLt: string\n}>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(args: GetRequest) => {\n  const { client } = useContext(ChatContext)\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: [args.url, args.data],\n    queryFn: ({ pageParam }) => {\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return client.get({\n        url: args.url,\n        data,\n      })\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => {\n      const next: NextMeta = lastPage.meta?.next || {}\n      const { offset, idLt } = next\n\n      if (idLt) return { where: { id_lt: idLt } }\n      if (offset) return { offset: Number(offset) }\n\n      return undefined\n    },\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n"]}

package/build/hooks/use_current_person.d.ts

@@ -0,0 +1,3 @@
+import { PersonResource } from '../types';
+export declare const useCurrentPerson: () => PersonResource;
+//# sourceMappingURL=use_current_person.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_current_person.d.ts","sourceRoot":"","sources":["../../src/hooks/use_current_person.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,eAAO,MAAM,gBAAgB,sBAW5B,CAAA"}

package/build/hooks/use_current_person.js

@@ -0,0 +1,13 @@
+import { useSuspenseGet } from './use_api';
+export const useCurrentPerson = () => {
+    const { data: person } = useSuspenseGet({
+        url: '/me',
+        data: {
+            fields: {
+                Person: ['id', 'name', 'avatar', 'unread_count', 'pco_chat_enabled'],
+            },
+        },
+    });
+    return person;
+};
+//# sourceMappingURL=use_current_person.js.map

package/build/hooks/use_current_person.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_current_person.js","sourceRoot":"","sources":["../../src/hooks/use_current_person.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,cAAc,CAAiB;QACtD,GAAG,EAAE,KAAK;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,CAAC;aACrE;SACF;KACF,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC,CAAA","sourcesContent":["import { PersonResource } from '../types'\nimport { useSuspenseGet } from './use_api'\n\nexport const useCurrentPerson = () => {\n  const { data: person } = useSuspenseGet<PersonResource>({\n    url: '/me',\n    data: {\n      fields: {\n        Person: ['id', 'name', 'avatar', 'unread_count', 'pco_chat_enabled'],\n      },\n    },\n  })\n\n  return person\n}\n"]}

package/build/navigation/index.d.ts

@@ -26,6 +26,7 @@ export declare const ChatStack: import("@react-navigation/native").TypedNavigato
             }) => {
                 headerTitle: string;
                 headerLeft: () => React.JSX.Element;
+                headerRight: () => React.JSX.Element;
             };
         };
         readonly Conversation: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAGnE,eAAO,MAAM,SAAS;;;;;;;;;uOAClB,mBAAmB;;;;;;;;;uBAgC81hB,gBAAiB,KAAK;;;;;;;;;;;;;;;;;;;EATz4hB,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAInE,eAAO,MAAM,SAAS;;;;;;;;;uOAApB,mBAAmB;;;;;;;;;uBA0C+lhB,gBAAiB,KAAK;;;;;;;;;;;;;;;;;;;;EATxohB,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}

package/build/navigation/index.js

@@ -4,16 +4,19 @@ import { NotFound } from '../screens/not_found';
 import { ScreenLayout } from './screenLayout';
 import { ConversationsScreen } from '../screens/conversations_screen';
 import { ConversationScreen } from '../screens/conversation_screen';
-import { HeaderBackButton } from '@react-navigation/elements';
+import { HeaderBackButton, PlatformPressable } from '@react-navigation/elements';
+import { Icon } from '../components';
 export const ChatStack = createNativeStackNavigator({
     screenLayout: ScreenLayout,
     screens: {
         Conversations: {
             screen: ConversationsScreen,
             options: ({ route, navigation }) => ({
-                headerTitle: route.params?.title ?? 'Conversations',
-                // This goes back on the parent so it doesn't automatically show up on the first screen
-                headerLeft: () => <HeaderBackButton onPress={navigation.goBack}/>,
+                headerTitle: route.params?.title ?? 'Chat',
+                headerLeft: () => (<PlatformPressable onPress={() => null}>
+            <Icon name="general.threeReducingHorizontalBars" size={18}/>
+          </PlatformPressable>),
+                headerRight: () => (<HeaderBackButton onPress={navigation.goBack} backImage={() => <Icon name="general.x" size={18}/>}/>),
             }),
         },
         Conversation: {

package/build/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,MAAM,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAAC;IAClD,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE;QACP,aAAa,EAAE;YACb,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnC,WAAW,EAAG,KAAK,CAAC,MAA6B,EAAE,KAAK,IAAI,eAAe;gBAC3E,uFAAuF;gBACvF,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAG;aACnE,CAAC;SACH;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,kBAAkB;SAC3B;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE;gBACP,KAAK,EAAE,KAAK;aACb;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,GAAG;aACV;SACF;KACF;CACF,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StaticParamList } from '@react-navigation/native'\nimport { createNativeStackNavigator } from '@react-navigation/native-stack'\nimport { NotFound } from '../screens/not_found'\nimport { ScreenLayout } from './screenLayout'\nimport { ConversationsScreen } from '../screens/conversations_screen'\nimport { ConversationScreen } from '../screens/conversation_screen'\nimport { HeaderBackButton } from '@react-navigation/elements'\n\nexport const ChatStack = createNativeStackNavigator({\n  screenLayout: ScreenLayout,\n  screens: {\n    Conversations: {\n      screen: ConversationsScreen,\n      options: ({ route, navigation }) => ({\n        headerTitle: (route.params as { title?: string })?.title ?? 'Conversations',\n        // This goes back on the parent so it doesn't automatically show up on the first screen\n        headerLeft: () => <HeaderBackButton onPress={navigation.goBack} />,\n      }),\n    },\n    Conversation: {\n      screen: ConversationScreen,\n    },\n    NotFound: {\n      screen: NotFound,\n      options: {\n        title: '404',\n      },\n      linking: {\n        path: '*',\n      },\n    },\n  },\n})\n\ntype ChatStackParamList = StaticParamList<typeof ChatStack>\n\ndeclare global {\n  namespace ReactNavigation {\n    interface RootParamList extends ChatStackParamList {}\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAAC;IAClD,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE;QACP,aAAa,EAAE;YACb,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;gBACnC,WAAW,EAAG,KAAK,CAAC,MAA6B,EAAE,KAAK,IAAI,MAAM;gBAClE,UAAU,EAAE,GAAG,EAAE,CAAC,CAChB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CACrC;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC5D;UAAA,EAAE,iBAAiB,CAAC,CACrB;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,CACjB,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC3B,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC,EACrD,CACH;aACF,CAAC;SACH;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,kBAAkB;SAC3B;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE;gBACP,KAAK,EAAE,KAAK;aACb;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,GAAG;aACV;SACF;KACF;CACF,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StaticParamList } from '@react-navigation/native'\nimport { createNativeStackNavigator } from '@react-navigation/native-stack'\nimport { NotFound } from '../screens/not_found'\nimport { ScreenLayout } from './screenLayout'\nimport { ConversationsScreen } from '../screens/conversations_screen'\nimport { ConversationScreen } from '../screens/conversation_screen'\nimport { HeaderBackButton, PlatformPressable } from '@react-navigation/elements'\nimport { Icon } from '../components'\n\nexport const ChatStack = createNativeStackNavigator({\n  screenLayout: ScreenLayout,\n  screens: {\n    Conversations: {\n      screen: ConversationsScreen,\n      options: ({ route, navigation }) => ({\n        headerTitle: (route.params as { title?: string })?.title ?? 'Chat',\n        headerLeft: () => (\n          <PlatformPressable onPress={() => null}>\n            <Icon name=\"general.threeReducingHorizontalBars\" size={18} />\n          </PlatformPressable>\n        ),\n        headerRight: () => (\n          <HeaderBackButton\n            onPress={navigation.goBack}\n            backImage={() => <Icon name=\"general.x\" size={18} />}\n          />\n        ),\n      }),\n    },\n    Conversation: {\n      screen: ConversationScreen,\n    },\n    NotFound: {\n      screen: NotFound,\n      options: {\n        title: '404',\n      },\n      linking: {\n        path: '*',\n      },\n    },\n  },\n})\n\ntype ChatStackParamList = StaticParamList<typeof ChatStack>\n\ndeclare global {\n  namespace ReactNavigation {\n    interface RootParamList extends ChatStackParamList {}\n  }\n}\n"]}

package/build/screens/conversation_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAC,CAAA;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBAMpE"}
+{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAC,CAAA;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBAkDpE"}