@planningcenter/chat-react-native 3.11.0-rc.13 → 3.11.0-rc.15

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":"AAAA,OAAO,EAAgB,WAAW,EAAiC,MAAM,uBAAuB,CAAA;AAChG,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAkBxC,eAAO,MAAM,eAAe,aAO1B,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,qBAalD;AAED,wBAAgB,eAAe,WAQ9B"}
+{"version":3,"file":"api_provider.d.ts","sourceRoot":"","sources":["../../src/contexts/api_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAIZ,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAkBxC,eAAO,MAAM,eAAe,aAO1B,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,qBAkBlD;AAcD,wBAAgB,eAAe,WAQ9B"}

package/build/contexts/api_provider.js

@@ -1,6 +1,7 @@
-import { focusManager, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { focusManager, QueryClient, QueryClientProvider, usePrefetchQuery, } from '@tanstack/react-query';
 import React, { useContext, useEffect, useRef } from 'react';
 import { ChatContext } from './chat_context';
+import { appGrantsRequestArgs, getRequestQueryKey } from '../hooks';
 import { useApiClient } from '../hooks/use_api_client';
 import { useAppState } from '../hooks/use_app_state';
 let apiClient;
@@ -28,8 +29,21 @@ export function ApiProvider({ children }) {
             return;
         chatQueryClient.clear();
     }, [sessionChanged]);
-    return <QueryClientProvider client={chatQueryClient}>{children}</QueryClientProvider>;
+    return (<QueryClientProvider client={chatQueryClient}>
+      <PrefetchQueries />
+      {children}
+    </QueryClientProvider>);
 }
+// Component to prefetch queries when the app is focused
+// This needs to live in the provider so that it can access the api client
+// and the chat query client
+const PrefetchQueries = () => {
+    usePrefetchQuery({
+        queryKey: getRequestQueryKey(appGrantsRequestArgs),
+        queryFn: defaultQueryFn,
+    });
+    return null;
+};
 export function useFocusManager() {
     const appState = useAppState();
     useEffect(() => {

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,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAChG,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAE9D,OAAO,EAAa,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,IAAI,SAAgC,CAAA;AAEpC,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,EAAE,GAAG,GAAG,MAAM,CAAC,GAAG,QAA2B,CAAA;IAEtE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AACnD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,WAAW,CAAC;IAC7C,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,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC9C,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;IAExD,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3B,eAAe,CAAC,KAAK,EAAE,CAAA;IACzB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAA;AACvF,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,UAAU,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAChD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,QAAQ,CAAA;AACjB,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,KAAQ;IAC9B,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 { focusManager, QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'\nimport React, { useContext, useEffect, useRef } from 'react'\nimport { ViewProps } from 'react-native'\nimport { ChatContext, ChatContextValue } from './chat_context'\nimport { RequestQueryKey } from '../hooks'\nimport { ApiClient, useApiClient } from '../hooks/use_api_client'\nimport { useAppState } from '../hooks/use_app_state'\n\nlet apiClient: ApiClient | undefined\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!apiClient) {\n    throw new Error('No token present')\n  }\n\n  const [url, data, headers, app = 'chat'] = queryKey as RequestQueryKey\n\n  return apiClient[app].get({ url, data, headers })\n}\n\nexport const chatQueryClient = 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 } = useContext(ChatContext)\n  const sessionChanged = useSessionChanged({ token, env })\n\n  apiClient = useApiClient()\n\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    chatQueryClient.clear()\n  }, [sessionChanged])\n\n  return <QueryClientProvider client={chatQueryClient}>{children}</QueryClientProvider>\n}\n\nexport function useFocusManager() {\n  const appState = useAppState()\n\n  useEffect(() => {\n    focusManager.setFocused(appState === 'active')\n  }, [appState])\n\n  return appState\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: T): T {\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":"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","sourcesContent":["import {\n  focusManager,\n  QueryClient,\n  QueryClientProvider,\n  QueryKey,\n  usePrefetchQuery,\n} from '@tanstack/react-query'\nimport React, { useContext, useEffect, useRef } from 'react'\nimport { ViewProps } from 'react-native'\nimport { ChatContext, ChatContextValue } from './chat_context'\nimport { appGrantsRequestArgs, getRequestQueryKey, RequestQueryKey } from '../hooks'\nimport { ApiClient, useApiClient } from '../hooks/use_api_client'\nimport { useAppState } from '../hooks/use_app_state'\n\nlet apiClient: ApiClient | undefined\n\nconst defaultQueryFn = ({ queryKey }: { queryKey: QueryKey }) => {\n  if (!apiClient) {\n    throw new Error('No token present')\n  }\n\n  const [url, data, headers, app = 'chat'] = queryKey as RequestQueryKey\n\n  return apiClient[app].get({ url, data, headers })\n}\n\nexport const chatQueryClient = 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 } = useContext(ChatContext)\n  const sessionChanged = useSessionChanged({ token, env })\n\n  apiClient = useApiClient()\n\n  useEffect(() => {\n    if (!sessionChanged) return\n\n    chatQueryClient.clear()\n  }, [sessionChanged])\n\n  return (\n    <QueryClientProvider client={chatQueryClient}>\n      <PrefetchQueries />\n      {children}\n    </QueryClientProvider>\n  )\n}\n\n// Component to prefetch queries when the app is focused\n// This needs to live in the provider so that it can access the api client\n// and the chat query client\nconst PrefetchQueries = () => {\n  usePrefetchQuery({\n    queryKey: getRequestQueryKey(appGrantsRequestArgs),\n    queryFn: defaultQueryFn,\n  })\n\n  return null\n}\n\nexport function useFocusManager() {\n  const appState = useAppState()\n\n  useEffect(() => {\n    focusManager.setFocused(appState === 'active')\n  }, [appState])\n\n  return appState\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: T): T {\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_chat_permissions.d.ts

@@ -1,4 +1,14 @@
 import { AppGrantsResource } from '../types';
+import { App } from './use_api_client';
+export declare const appGrantsRequestArgs: {
+    url: string;
+    data: {
+        fields: {
+            AppGrant: string[];
+        };
+    };
+    app: App;
+};
 export declare function useAppGrants(): {
     error: import("../types").ApiError;
     isError: true;

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

@@ -1 +1 @@
-{"version":3,"file":"use_chat_permissions.d.ts","sourceRoot":"","sources":["../../src/hooks/use_chat_permissions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG5C,wBAAgB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU3B;AAED,wBAAgB,yBAAyB,IAAI,OAAO,CAInD"}
+{"version":3,"file":"use_chat_permissions.d.ts","sourceRoot":"","sources":["../../src/hooks/use_chat_permissions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAO,MAAM,oBAAoB;;;;;;;SAOhB,GAAG;CACnB,CAAA;AAED,wBAAgB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE3B;AAED,wBAAgB,yBAAyB,IAAI,OAAO,CAInD"}

package/build/hooks/use_chat_permissions.js

@@ -1,14 +1,15 @@
 import { useApiGet } from './use_api';
-export function useAppGrants() {
-    return useApiGet({
-        url: '/me/app_grants',
-        data: {
-            fields: {
-                AppGrant: ['create_conversations', 'app_name'],
-            },
+export const appGrantsRequestArgs = {
+    url: '/me/app_grants',
+    data: {
+        fields: {
+            AppGrant: ['create_conversations', 'app_name'],
         },
-        app: 'chat',
-    });
+    },
+    app: 'chat',
+};
+export function useAppGrants() {
+    return useApiGet(appGrantsRequestArgs);
 }
 export function useCanCreateConversations() {
     const { data: appGrants = [] } = useAppGrants();

package/build/hooks/use_chat_permissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_chat_permissions.js","sourceRoot":"","sources":["../../src/hooks/use_chat_permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,UAAU,YAAY;IAC1B,OAAO,SAAS,CAAsB;QACpC,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,CAAC,sBAAsB,EAAE,UAAU,CAAC;aAC/C;SACF;QACD,GAAG,EAAE,MAAM;KACZ,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,YAAY,EAAE,CAAA;IAE/C,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AACjE,CAAC","sourcesContent":["import { AppGrantsResource } from '../types'\nimport { useApiGet } from './use_api'\n\nexport function useAppGrants() {\n  return useApiGet<AppGrantsResource[]>({\n    url: '/me/app_grants',\n    data: {\n      fields: {\n        AppGrant: ['create_conversations', 'app_name'],\n      },\n    },\n    app: 'chat',\n  })\n}\n\nexport function useCanCreateConversations(): boolean {\n  const { data: appGrants = [] } = useAppGrants()\n\n  return appGrants.some(appGrant => appGrant.createConversations)\n}\n"]}
+{"version":3,"file":"use_chat_permissions.js","sourceRoot":"","sources":["../../src/hooks/use_chat_permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAGrC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,gBAAgB;IACrB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,QAAQ,EAAE,CAAC,sBAAsB,EAAE,UAAU,CAAC;SAC/C;KACF;IACD,GAAG,EAAE,MAAa;CACnB,CAAA;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO,SAAS,CAAsB,oBAAoB,CAAC,CAAA;AAC7D,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,YAAY,EAAE,CAAA;IAE/C,OAAO,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AACjE,CAAC","sourcesContent":["import { AppGrantsResource } from '../types'\nimport { useApiGet } from './use_api'\nimport { App } from './use_api_client'\n\nexport const appGrantsRequestArgs = {\n  url: '/me/app_grants',\n  data: {\n    fields: {\n      AppGrant: ['create_conversations', 'app_name'],\n    },\n  },\n  app: 'chat' as App,\n}\n\nexport function useAppGrants() {\n  return useApiGet<AppGrantsResource[]>(appGrantsRequestArgs)\n}\n\nexport function useCanCreateConversations(): boolean {\n  const { data: appGrants = [] } = useAppGrants()\n\n  return appGrants.some(appGrant => appGrant.createConversations)\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAW9E,eAAO,MAAM,kCAAkC,eAE5C,uCAAuC,sBA+IzC,CAAA"}
+{"version":3,"file":"conversation_select_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAY9E,eAAO,MAAM,kCAAkC,eAE5C,uCAAuC,sBAyJzC,CAAA"}

package/build/screens/conversation_select_recipients/conversation_select_recipients_screen.js

@@ -10,10 +10,14 @@ import { useServiceTypesWithTeams } from '../conversation_filter_recipients/hook
 import { TeamRecipientRow } from './components/team_recipient_row';
 import { GroupsRecipientRow } from './components/groups_recipient_row';
 import { DefaultLoading } from '../../components/page/loading';
+import { useAppGrants } from '../../hooks';
 const MAX_VISIBLE_RECIPIENTS = 5;
 export const ConversationSelectRecipientsScreen = ({ route, }) => {
     const styles = useStyles();
     const navigation = useNavigation();
+    const appGrants = useAppGrants();
+    const canCreateGroupsConversations = appGrants.data?.some(g => g.createConversations && g.appName === 'Groups');
+    const canCreateServicesConversations = appGrants.data?.some(g => g.createConversations && g.appName === 'Services');
     const { data: groups = [], isFetching: isGroupsFetching } = useGroupsGroups();
     const groupsWithCreatePermission = groups.filter(g => g.canCreateConversation);
     const visibleGroups = groupsWithCreatePermission.slice(0, MAX_VISIBLE_RECIPIENTS);
@@ -62,39 +66,39 @@ export const ConversationSelectRecipientsScreen = ({ route, }) => {
         });
     };
     return (<ScrollView contentContainerStyle={styles.contentContainer}>
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Heading variant="h3">My groups</Heading>
-        </View>
-        <View>
-          {isGroupsFetching ? (<DefaultLoading />) : groupsWithCreatePermission.length === 0 ? (<BlankState subtitle="Join a group with chat enabled and permissions to start a new conversation." style={styles.blankState}/>) : (<>
-              {visibleGroups.map(group => {
-                return (<GroupsRecipientRow key={group.id} group={group} onPress={handleGroupsNavigateToConversationNew}/>);
-            })}
-              {hasMoreGroups && (<ViewMoreLinkRow onPress={handleGroupsViewMore} accessibilityHint="Navigate to a full list of your groups."/>)}
-              {showGroupsDisclaimer && <GroupsWithoutChatDisclaimerRow />}
-            </>)}
-        </View>
-      </View>
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Heading variant="h3">Teams I lead</Heading>
-          {hasServiceTypes && (<Button style={styles.selectTeamsButton} onPress={() => navigation.navigate('New', {
-                screen: 'ConversationFilterRecipients',
-                params: {
-                    source_app_name: 'Services',
-                },
-            })} title="Select teams" variant="outline" iconNameLeft="general.search" size="sm"/>)}
-        </View>
-        <View>
-          {isServiceTypesFetching ? (<DefaultLoading />) : hasServiceTypes ? (<>
-              {visibleServiceTypes.map(serviceType => {
-                return (<TeamRecipientRow key={serviceType.id} serviceType={serviceType} onPress={handleTeamsNavigateToConversationNew}/>);
-            })}
-              {hasMoreServiceTypes && (<ViewMoreLinkRow onPress={handleServiceTypesViewMore} accessibilityHint="Navigate to a full list of teams you lead."/>)}
-            </>) : (<BlankState subtitle="You don't lead any teams." style={styles.blankState}/>)}
-        </View>
-      </View>
+      {canCreateGroupsConversations && (<View style={styles.section}>
+          <View style={styles.sectionHeader}>
+            <Heading variant="h3">My groups</Heading>
+          </View>
+          <View>
+            {isGroupsFetching ? (<DefaultLoading />) : groupsWithCreatePermission.length === 0 ? (<BlankState subtitle="Join a group with chat enabled and permissions to start a new conversation." style={styles.blankState}/>) : (<>
+                {visibleGroups.map(group => {
+                    return (<GroupsRecipientRow key={group.id} group={group} onPress={handleGroupsNavigateToConversationNew}/>);
+                })}
+                {hasMoreGroups && (<ViewMoreLinkRow onPress={handleGroupsViewMore} accessibilityHint="Navigate to a full list of your groups."/>)}
+                {showGroupsDisclaimer && <GroupsWithoutChatDisclaimerRow />}
+              </>)}
+          </View>
+        </View>)}
+      {canCreateServicesConversations && (<View style={styles.section}>
+          <View style={styles.sectionHeader}>
+            <Heading variant="h3">Teams I lead</Heading>
+            {hasServiceTypes && (<Button style={styles.selectTeamsButton} onPress={() => navigation.navigate('New', {
+                    screen: 'ConversationFilterRecipients',
+                    params: {
+                        source_app_name: 'Services',
+                    },
+                })} title="Select teams" variant="outline" iconNameLeft="general.search" size="sm"/>)}
+          </View>
+          <View>
+            {isServiceTypesFetching ? (<DefaultLoading />) : hasServiceTypes ? (<>
+                {visibleServiceTypes.map(serviceType => {
+                    return (<TeamRecipientRow key={serviceType.id} serviceType={serviceType} onPress={handleTeamsNavigateToConversationNew}/>);
+                })}
+                {hasMoreServiceTypes && (<ViewMoreLinkRow onPress={handleServiceTypesViewMore} accessibilityHint="Navigate to a full list of teams you lead."/>)}
+              </>) : (<BlankState subtitle="You don't lead any teams." style={styles.blankState}/>)}
+          </View>
+        </View>)}
     </ScrollView>);
 };
 const useStyles = () => {

package/build/screens/conversation_select_recipients/conversation_select_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { ScrollView, StyleSheet, View } from 'react-native'\nimport { BlankState, Button, Heading } from '../../components'\nimport { GroupsGroupResource } from '../../types'\nimport { useGroupsGroups } from '../../hooks/use_groups_groups'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\nimport { ViewMoreLinkRow } from './components/view_more_link_row'\nimport { GroupsWithoutChatDisclaimerRow } from './components/groups_without_chat_disclaimer_row'\nimport { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'\nimport { ServiceTypeWithTeams } from '../conversation_filter_recipients/types'\nimport { TeamRecipientRow } from './components/team_recipient_row'\nimport { GroupsRecipientRow } from './components/groups_recipient_row'\nimport { DefaultLoading } from '../../components/page/loading'\n\nconst MAX_VISIBLE_RECIPIENTS = 5\n\nexport const ConversationSelectRecipientsScreen = ({\n  route,\n}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  const { data: groups = [], isFetching: isGroupsFetching } = useGroupsGroups()\n  const groupsWithCreatePermission = groups.filter(g => g.canCreateConversation)\n  const visibleGroups = groupsWithCreatePermission.slice(0, MAX_VISIBLE_RECIPIENTS)\n  const hasMoreGroups = groupsWithCreatePermission.length > MAX_VISIBLE_RECIPIENTS\n  const hasGroupsWithoutChatPermission = groups.length > groupsWithCreatePermission.length\n  const showGroupsDisclaimer = hasGroupsWithoutChatPermission && !hasMoreGroups\n\n  const handleGroupsNavigateToConversationNew = (group: GroupsGroupResource) => {\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        group_id: group.id,\n        source_app_name: 'Groups',\n        ...route.params,\n      },\n    })\n  }\n\n  const handleGroupsViewMore = () => {\n    navigation.navigate('New', {\n      screen: 'ConversationSelectGroupRecipients',\n      params: {\n        ...route.params,\n      },\n    })\n  }\n\n  const { serviceTypes, isFetching: isServiceTypesFetching } = useServiceTypesWithTeams()\n  const visibleServiceTypes = serviceTypes.slice(0, MAX_VISIBLE_RECIPIENTS)\n  const hasMoreServiceTypes = serviceTypes.length > MAX_VISIBLE_RECIPIENTS\n  const hasServiceTypes = serviceTypes.length > 0\n\n  const handleTeamsNavigateToConversationNew = (teams: ServiceTypeWithTeams['teams']) => {\n    const teamIds = teams.map(team => team.id)\n\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        team_ids: teamIds,\n        source_app_name: 'Services',\n        ...route.params,\n      },\n    })\n  }\n\n  const handleServiceTypesViewMore = () => {\n    navigation.navigate('New', {\n      screen: 'ConversationSelectTeamsILeadRecipients',\n      params: {\n        ...route.params,\n      },\n    })\n  }\n\n  return (\n    <ScrollView contentContainerStyle={styles.contentContainer}>\n      <View style={styles.section}>\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h3\">My groups</Heading>\n        </View>\n        <View>\n          {isGroupsFetching ? (\n            <DefaultLoading />\n          ) : groupsWithCreatePermission.length === 0 ? (\n            <BlankState\n              subtitle=\"Join a group with chat enabled and permissions to start a new conversation.\"\n              style={styles.blankState}\n            />\n          ) : (\n            <>\n              {visibleGroups.map(group => {\n                return (\n                  <GroupsRecipientRow\n                    key={group.id}\n                    group={group}\n                    onPress={handleGroupsNavigateToConversationNew}\n                  />\n                )\n              })}\n              {hasMoreGroups && (\n                <ViewMoreLinkRow\n                  onPress={handleGroupsViewMore}\n                  accessibilityHint=\"Navigate to a full list of your groups.\"\n                />\n              )}\n              {showGroupsDisclaimer && <GroupsWithoutChatDisclaimerRow />}\n            </>\n          )}\n        </View>\n      </View>\n      <View style={styles.section}>\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h3\">Teams I lead</Heading>\n          {hasServiceTypes && (\n            <Button\n              style={styles.selectTeamsButton}\n              onPress={() =>\n                navigation.navigate('New', {\n                  screen: 'ConversationFilterRecipients',\n                  params: {\n                    source_app_name: 'Services',\n                  },\n                })\n              }\n              title=\"Select teams\"\n              variant=\"outline\"\n              iconNameLeft=\"general.search\"\n              size=\"sm\"\n            />\n          )}\n        </View>\n        <View>\n          {isServiceTypesFetching ? (\n            <DefaultLoading />\n          ) : hasServiceTypes ? (\n            <>\n              {visibleServiceTypes.map(serviceType => {\n                return (\n                  <TeamRecipientRow\n                    key={serviceType.id}\n                    serviceType={serviceType}\n                    onPress={handleTeamsNavigateToConversationNew}\n                  />\n                )\n              })}\n              {hasMoreServiceTypes && (\n                <ViewMoreLinkRow\n                  onPress={handleServiceTypesViewMore}\n                  accessibilityHint=\"Navigate to a full list of teams you lead.\"\n                />\n              )}\n            </>\n          ) : (\n            <BlankState subtitle=\"You don't lead any teams.\" style={styles.blankState} />\n          )}\n        </View>\n      </View>\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      gap: 24,\n      paddingTop: 16,\n      paddingBottom: 16 + bottom,\n    },\n    section: {\n      flex: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingBottom: 4,\n    },\n    selectTeamsButton: {},\n    blankState: {\n      marginTop: 24,\n      marginBottom: 48,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_select_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { ScrollView, StyleSheet, View } from 'react-native'\nimport { BlankState, Button, Heading } from '../../components'\nimport { GroupsGroupResource } from '../../types'\nimport { useGroupsGroups } from '../../hooks/use_groups_groups'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\nimport { ViewMoreLinkRow } from './components/view_more_link_row'\nimport { GroupsWithoutChatDisclaimerRow } from './components/groups_without_chat_disclaimer_row'\nimport { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'\nimport { ServiceTypeWithTeams } from '../conversation_filter_recipients/types'\nimport { TeamRecipientRow } from './components/team_recipient_row'\nimport { GroupsRecipientRow } from './components/groups_recipient_row'\nimport { DefaultLoading } from '../../components/page/loading'\nimport { useAppGrants } from '../../hooks'\n\nconst MAX_VISIBLE_RECIPIENTS = 5\n\nexport const ConversationSelectRecipientsScreen = ({\n  route,\n}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const appGrants = useAppGrants()\n  const canCreateGroupsConversations = appGrants.data?.some(\n    g => g.createConversations && g.appName === 'Groups'\n  )\n  const canCreateServicesConversations = appGrants.data?.some(\n    g => g.createConversations && g.appName === 'Services'\n  )\n  const { data: groups = [], isFetching: isGroupsFetching } = useGroupsGroups()\n  const groupsWithCreatePermission = groups.filter(g => g.canCreateConversation)\n  const visibleGroups = groupsWithCreatePermission.slice(0, MAX_VISIBLE_RECIPIENTS)\n  const hasMoreGroups = groupsWithCreatePermission.length > MAX_VISIBLE_RECIPIENTS\n  const hasGroupsWithoutChatPermission = groups.length > groupsWithCreatePermission.length\n  const showGroupsDisclaimer = hasGroupsWithoutChatPermission && !hasMoreGroups\n\n  const handleGroupsNavigateToConversationNew = (group: GroupsGroupResource) => {\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        group_id: group.id,\n        source_app_name: 'Groups',\n        ...route.params,\n      },\n    })\n  }\n\n  const handleGroupsViewMore = () => {\n    navigation.navigate('New', {\n      screen: 'ConversationSelectGroupRecipients',\n      params: {\n        ...route.params,\n      },\n    })\n  }\n\n  const { serviceTypes, isFetching: isServiceTypesFetching } = useServiceTypesWithTeams()\n  const visibleServiceTypes = serviceTypes.slice(0, MAX_VISIBLE_RECIPIENTS)\n  const hasMoreServiceTypes = serviceTypes.length > MAX_VISIBLE_RECIPIENTS\n  const hasServiceTypes = serviceTypes.length > 0\n\n  const handleTeamsNavigateToConversationNew = (teams: ServiceTypeWithTeams['teams']) => {\n    const teamIds = teams.map(team => team.id)\n\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        team_ids: teamIds,\n        source_app_name: 'Services',\n        ...route.params,\n      },\n    })\n  }\n\n  const handleServiceTypesViewMore = () => {\n    navigation.navigate('New', {\n      screen: 'ConversationSelectTeamsILeadRecipients',\n      params: {\n        ...route.params,\n      },\n    })\n  }\n\n  return (\n    <ScrollView contentContainerStyle={styles.contentContainer}>\n      {canCreateGroupsConversations && (\n        <View style={styles.section}>\n          <View style={styles.sectionHeader}>\n            <Heading variant=\"h3\">My groups</Heading>\n          </View>\n          <View>\n            {isGroupsFetching ? (\n              <DefaultLoading />\n            ) : groupsWithCreatePermission.length === 0 ? (\n              <BlankState\n                subtitle=\"Join a group with chat enabled and permissions to start a new conversation.\"\n                style={styles.blankState}\n              />\n            ) : (\n              <>\n                {visibleGroups.map(group => {\n                  return (\n                    <GroupsRecipientRow\n                      key={group.id}\n                      group={group}\n                      onPress={handleGroupsNavigateToConversationNew}\n                    />\n                  )\n                })}\n                {hasMoreGroups && (\n                  <ViewMoreLinkRow\n                    onPress={handleGroupsViewMore}\n                    accessibilityHint=\"Navigate to a full list of your groups.\"\n                  />\n                )}\n                {showGroupsDisclaimer && <GroupsWithoutChatDisclaimerRow />}\n              </>\n            )}\n          </View>\n        </View>\n      )}\n      {canCreateServicesConversations && (\n        <View style={styles.section}>\n          <View style={styles.sectionHeader}>\n            <Heading variant=\"h3\">Teams I lead</Heading>\n            {hasServiceTypes && (\n              <Button\n                style={styles.selectTeamsButton}\n                onPress={() =>\n                  navigation.navigate('New', {\n                    screen: 'ConversationFilterRecipients',\n                    params: {\n                      source_app_name: 'Services',\n                    },\n                  })\n                }\n                title=\"Select teams\"\n                variant=\"outline\"\n                iconNameLeft=\"general.search\"\n                size=\"sm\"\n              />\n            )}\n          </View>\n          <View>\n            {isServiceTypesFetching ? (\n              <DefaultLoading />\n            ) : hasServiceTypes ? (\n              <>\n                {visibleServiceTypes.map(serviceType => {\n                  return (\n                    <TeamRecipientRow\n                      key={serviceType.id}\n                      serviceType={serviceType}\n                      onPress={handleTeamsNavigateToConversationNew}\n                    />\n                  )\n                })}\n                {hasMoreServiceTypes && (\n                  <ViewMoreLinkRow\n                    onPress={handleServiceTypesViewMore}\n                    accessibilityHint=\"Navigate to a full list of teams you lead.\"\n                  />\n                )}\n              </>\n            ) : (\n              <BlankState subtitle=\"You don't lead any teams.\" style={styles.blankState} />\n            )}\n          </View>\n        </View>\n      )}\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      gap: 24,\n      paddingTop: 16,\n      paddingBottom: 16 + bottom,\n    },\n    section: {\n      flex: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingBottom: 4,\n    },\n    selectTeamsButton: {},\n    blankState: {\n      marginTop: 24,\n      marginBottom: 48,\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.11.0-rc.13",
+  "version": "3.11.0-rc.15",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,5 +55,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "905fd163f4090ed8d212ce8d841ddf9f88162a1f"
+  "gitHead": "860cc60acb3af7597f5f2f193a691415ba9bd663"
 }

package/src/contexts/api_provider.tsx

@@ -1,8 +1,14 @@
-import { focusManager, QueryClient, QueryClientProvider, QueryKey } from '@tanstack/react-query'
+import {
+  focusManager,
+  QueryClient,
+  QueryClientProvider,
+  QueryKey,
+  usePrefetchQuery,
+} from '@tanstack/react-query'
 import React, { useContext, useEffect, useRef } from 'react'
 import { ViewProps } from 'react-native'
 import { ChatContext, ChatContextValue } from './chat_context'
-import { RequestQueryKey } from '../hooks'
+import { appGrantsRequestArgs, getRequestQueryKey, RequestQueryKey } from '../hooks'
 import { ApiClient, useApiClient } from '../hooks/use_api_client'
 import { useAppState } from '../hooks/use_app_state'
 
@@ -39,7 +45,24 @@ export function ApiProvider({ children }: ViewProps) {
     chatQueryClient.clear()
   }, [sessionChanged])
 
-  return <QueryClientProvider client={chatQueryClient}>{children}</QueryClientProvider>
+  return (
+    <QueryClientProvider client={chatQueryClient}>
+      <PrefetchQueries />
+      {children}
+    </QueryClientProvider>
+  )
+}
+
+// Component to prefetch queries when the app is focused
+// This needs to live in the provider so that it can access the api client
+// and the chat query client
+const PrefetchQueries = () => {
+  usePrefetchQuery({
+    queryKey: getRequestQueryKey(appGrantsRequestArgs),
+    queryFn: defaultQueryFn,
+  })
+
+  return null
 }
 
 export function useFocusManager() {

package/src/hooks/use_chat_permissions.ts

@@ -1,16 +1,19 @@
 import { AppGrantsResource } from '../types'
 import { useApiGet } from './use_api'
+import { App } from './use_api_client'
 
-export function useAppGrants() {
-  return useApiGet<AppGrantsResource[]>({
-    url: '/me/app_grants',
-    data: {
-      fields: {
-        AppGrant: ['create_conversations', 'app_name'],
-      },
+export const appGrantsRequestArgs = {
+  url: '/me/app_grants',
+  data: {
+    fields: {
+      AppGrant: ['create_conversations', 'app_name'],
     },
-    app: 'chat',
-  })
+  },
+  app: 'chat' as App,
+}
+
+export function useAppGrants() {
+  return useApiGet<AppGrantsResource[]>(appGrantsRequestArgs)
 }
 
 export function useCanCreateConversations(): boolean {

package/src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx

@@ -13,6 +13,7 @@ import { ServiceTypeWithTeams } from '../conversation_filter_recipients/types'
 import { TeamRecipientRow } from './components/team_recipient_row'
 import { GroupsRecipientRow } from './components/groups_recipient_row'
 import { DefaultLoading } from '../../components/page/loading'
+import { useAppGrants } from '../../hooks'
 
 const MAX_VISIBLE_RECIPIENTS = 5
 
@@ -21,7 +22,13 @@ export const ConversationSelectRecipientsScreen = ({
 }: ConversationSelectRecipientsScreenProps) => {
   const styles = useStyles()
   const navigation = useNavigation()
-
+  const appGrants = useAppGrants()
+  const canCreateGroupsConversations = appGrants.data?.some(
+    g => g.createConversations && g.appName === 'Groups'
+  )
+  const canCreateServicesConversations = appGrants.data?.some(
+    g => g.createConversations && g.appName === 'Services'
+  )
   const { data: groups = [], isFetching: isGroupsFetching } = useGroupsGroups()
   const groupsWithCreatePermission = groups.filter(g => g.canCreateConversation)
   const visibleGroups = groupsWithCreatePermission.slice(0, MAX_VISIBLE_RECIPIENTS)
@@ -78,87 +85,91 @@ export const ConversationSelectRecipientsScreen = ({
 
   return (
     <ScrollView contentContainerStyle={styles.contentContainer}>
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Heading variant="h3">My groups</Heading>
-        </View>
-        <View>
-          {isGroupsFetching ? (
-            <DefaultLoading />
-          ) : groupsWithCreatePermission.length === 0 ? (
-            <BlankState
-              subtitle="Join a group with chat enabled and permissions to start a new conversation."
-              style={styles.blankState}
-            />
-          ) : (
-            <>
-              {visibleGroups.map(group => {
-                return (
-                  <GroupsRecipientRow
-                    key={group.id}
-                    group={group}
-                    onPress={handleGroupsNavigateToConversationNew}
+      {canCreateGroupsConversations && (
+        <View style={styles.section}>
+          <View style={styles.sectionHeader}>
+            <Heading variant="h3">My groups</Heading>
+          </View>
+          <View>
+            {isGroupsFetching ? (
+              <DefaultLoading />
+            ) : groupsWithCreatePermission.length === 0 ? (
+              <BlankState
+                subtitle="Join a group with chat enabled and permissions to start a new conversation."
+                style={styles.blankState}
+              />
+            ) : (
+              <>
+                {visibleGroups.map(group => {
+                  return (
+                    <GroupsRecipientRow
+                      key={group.id}
+                      group={group}
+                      onPress={handleGroupsNavigateToConversationNew}
+                    />
+                  )
+                })}
+                {hasMoreGroups && (
+                  <ViewMoreLinkRow
+                    onPress={handleGroupsViewMore}
+                    accessibilityHint="Navigate to a full list of your groups."
                   />
-                )
-              })}
-              {hasMoreGroups && (
-                <ViewMoreLinkRow
-                  onPress={handleGroupsViewMore}
-                  accessibilityHint="Navigate to a full list of your groups."
-                />
-              )}
-              {showGroupsDisclaimer && <GroupsWithoutChatDisclaimerRow />}
-            </>
-          )}
-        </View>
-      </View>
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Heading variant="h3">Teams I lead</Heading>
-          {hasServiceTypes && (
-            <Button
-              style={styles.selectTeamsButton}
-              onPress={() =>
-                navigation.navigate('New', {
-                  screen: 'ConversationFilterRecipients',
-                  params: {
-                    source_app_name: 'Services',
-                  },
-                })
-              }
-              title="Select teams"
-              variant="outline"
-              iconNameLeft="general.search"
-              size="sm"
-            />
-          )}
+                )}
+                {showGroupsDisclaimer && <GroupsWithoutChatDisclaimerRow />}
+              </>
+            )}
+          </View>
         </View>
-        <View>
-          {isServiceTypesFetching ? (
-            <DefaultLoading />
-          ) : hasServiceTypes ? (
-            <>
-              {visibleServiceTypes.map(serviceType => {
-                return (
-                  <TeamRecipientRow
-                    key={serviceType.id}
-                    serviceType={serviceType}
-                    onPress={handleTeamsNavigateToConversationNew}
+      )}
+      {canCreateServicesConversations && (
+        <View style={styles.section}>
+          <View style={styles.sectionHeader}>
+            <Heading variant="h3">Teams I lead</Heading>
+            {hasServiceTypes && (
+              <Button
+                style={styles.selectTeamsButton}
+                onPress={() =>
+                  navigation.navigate('New', {
+                    screen: 'ConversationFilterRecipients',
+                    params: {
+                      source_app_name: 'Services',
+                    },
+                  })
+                }
+                title="Select teams"
+                variant="outline"
+                iconNameLeft="general.search"
+                size="sm"
+              />
+            )}
+          </View>
+          <View>
+            {isServiceTypesFetching ? (
+              <DefaultLoading />
+            ) : hasServiceTypes ? (
+              <>
+                {visibleServiceTypes.map(serviceType => {
+                  return (
+                    <TeamRecipientRow
+                      key={serviceType.id}
+                      serviceType={serviceType}
+                      onPress={handleTeamsNavigateToConversationNew}
+                    />
+                  )
+                })}
+                {hasMoreServiceTypes && (
+                  <ViewMoreLinkRow
+                    onPress={handleServiceTypesViewMore}
+                    accessibilityHint="Navigate to a full list of teams you lead."
                   />
-                )
-              })}
-              {hasMoreServiceTypes && (
-                <ViewMoreLinkRow
-                  onPress={handleServiceTypesViewMore}
-                  accessibilityHint="Navigate to a full list of teams you lead."
-                />
-              )}
-            </>
-          ) : (
-            <BlankState subtitle="You don't lead any teams." style={styles.blankState} />
-          )}
+                )}
+              </>
+            ) : (
+              <BlankState subtitle="You don't lead any teams." style={styles.blankState} />
+            )}
+          </View>
         </View>
-      </View>
+      )}
     </ScrollView>
   )
 }