@planningcenter/chat-react-native 3.23.0 → 3.23.1-qa-538.0

package/build/screens/conversation_select_recipients/conversation_select_recipients_screen.js

@@ -1,146 +0,0 @@
-import { useNavigation } from '@react-navigation/native';
-import React from 'react';
-import { ScrollView, StyleSheet, View } from 'react-native';
-import { Button, Heading } from '../../components';
-import BlankState from '../../components/primitive/blank_state_primitive';
-import { useGroupsGroups } from '../../hooks/use_groups_groups';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { ViewMoreLinkRow } from './components/view_more_link_row';
-import { GroupsWithoutChatDisclaimerRow } from './components/groups_without_chat_disclaimer_row';
-import { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams';
-import { TeamFilterTypes } 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';
-import { Haptic } from '../../utils/native_adapters';
-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);
-    const hasMoreGroups = groupsWithCreatePermission.length > MAX_VISIBLE_RECIPIENTS;
-    const hasGroupsWithoutChatPermission = groups.length > groupsWithCreatePermission.length;
-    const showGroupsDisclaimer = hasGroupsWithoutChatPermission && !hasMoreGroups;
-    const handleGroupsNavigateToConversationNew = (group) => {
-        navigation.navigate('New', {
-            screen: 'ConversationNew',
-            params: {
-                group_id: group.id,
-                source_app_name: 'Groups',
-                ...route.params,
-            },
-        });
-    };
-    const handleGroupsViewMore = () => {
-        navigation.navigate('New', {
-            screen: 'ConversationSelectGroupRecipients',
-            params: {
-                ...route.params,
-            },
-        });
-    };
-    const { serviceTypes, isFetching: isServiceTypesFetching } = useServiceTypesWithTeams();
-    const visibleServiceTypes = serviceTypes.slice(0, MAX_VISIBLE_RECIPIENTS);
-    const hasMoreServiceTypes = serviceTypes.length > MAX_VISIBLE_RECIPIENTS;
-    const hasServiceTypes = serviceTypes.length > 0;
-    const handleTeamsNavigateToConversationNew = (teams) => {
-        const teamIds = teams.map(team => team.id);
-        navigation.navigate('New', {
-            screen: 'ConversationNew',
-            params: {
-                team_ids: teamIds,
-                source_app_name: 'Services',
-                ...route.params,
-            },
-        });
-    };
-    const handleServiceTypesViewMore = () => {
-        navigation.navigate('New', {
-            screen: 'ConversationSelectTeamsILeadRecipients',
-            params: {
-                ...route.params,
-            },
-        });
-    };
-    return (<ScrollView contentContainerStyle={styles.contentContainer}>
-      {canCreateGroupsConversations && (<View style={styles.section}>
-          <View style={styles.sectionHeader}>
-            <Heading variant="h3">My groups</Heading>
-          </View>
-          <View>
-            {isGroupsFetching ? (<DefaultLoading />) : groupsWithCreatePermission.length === 0 ? (<RecipientsBlankState subtitle="Join a group with chat enabled and permissions to start a new conversation."/>) : (<>
-                {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>
-            <Button style={styles.selectTeamsButton} onPress={() => {
-                Haptic.impactLight();
-                navigation.navigate('New', {
-                    screen: 'ConversationFilterRecipients',
-                    params: {
-                        source_app_name: 'Services',
-                        team_filter_type: hasServiceTypes
-                            ? TeamFilterTypes.TeamsIlead
-                            : TeamFilterTypes.All,
-                    },
-                });
-            }} 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."/>)}
-              </>) : (<RecipientsBlankState subtitle="You don't lead any teams."/>)}
-          </View>
-        </View>)}
-    </ScrollView>);
-};
-const RecipientsBlankState = ({ subtitle }) => {
-    const styles = useStyles();
-    return (<BlankState.Root style={styles.blankState}>
-      <BlankState.Imagery name="general.outlinedTextMessage"/>
-      <BlankState.Content>
-        <BlankState.Text>{subtitle}</BlankState.Text>
-      </BlankState.Content>
-    </BlankState.Root>);
-};
-const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    return StyleSheet.create({
-        contentContainer: {
-            gap: 24,
-            paddingTop: 16,
-            paddingBottom: 16 + bottom,
-        },
-        section: {
-            flex: 1,
-        },
-        sectionHeader: {
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            paddingHorizontal: 16,
-            paddingBottom: 4,
-        },
-        selectTeamsButton: {},
-        blankState: {
-            marginTop: 24,
-            marginBottom: 48,
-        },
-    });
-};
-//# sourceMappingURL=conversation_select_recipients_screen.js.map

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

@@ -1 +0,0 @@
-{"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 { Button, Heading } from '../../components'\nimport BlankState from '../../components/primitive/blank_state_primitive'\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, TeamFilterTypes } 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'\nimport { Haptic } from '../../utils/native_adapters'\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              <RecipientsBlankState subtitle=\"Join a group with chat enabled and permissions to start a new conversation.\" />\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            <Button\n              style={styles.selectTeamsButton}\n              onPress={() => {\n                Haptic.impactLight()\n                navigation.navigate('New', {\n                  screen: 'ConversationFilterRecipients',\n                  params: {\n                    source_app_name: 'Services',\n                    team_filter_type: hasServiceTypes\n                      ? TeamFilterTypes.TeamsIlead\n                      : TeamFilterTypes.All,\n                  },\n                })\n              }}\n              title=\"Select teams\"\n              variant=\"outline\"\n              iconNameLeft=\"general.search\"\n              size=\"sm\"\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              <RecipientsBlankState subtitle=\"You don't lead any teams.\" />\n            )}\n          </View>\n        </View>\n      )}\n    </ScrollView>\n  )\n}\n\nconst RecipientsBlankState = ({ subtitle }: { subtitle: string }) => {\n  const styles = useStyles()\n\n  return (\n    <BlankState.Root style={styles.blankState}>\n      <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Text>{subtitle}</BlankState.Text>\n      </BlankState.Content>\n    </BlankState.Root>\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/src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx

@@ -1,215 +0,0 @@
-import { useNavigation } from '@react-navigation/native'
-import React from 'react'
-import { ScrollView, StyleSheet, View } from 'react-native'
-import { Button, Heading } from '../../components'
-import BlankState from '../../components/primitive/blank_state_primitive'
-import { GroupsGroupResource } from '../../types'
-import { useGroupsGroups } from '../../hooks/use_groups_groups'
-import { useSafeAreaInsets } from 'react-native-safe-area-context'
-import { ConversationSelectRecipientsScreenProps } from './types/screen_props'
-import { ViewMoreLinkRow } from './components/view_more_link_row'
-import { GroupsWithoutChatDisclaimerRow } from './components/groups_without_chat_disclaimer_row'
-import { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'
-import { ServiceTypeWithTeams, TeamFilterTypes } 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'
-import { Haptic } from '../../utils/native_adapters'
-
-const MAX_VISIBLE_RECIPIENTS = 5
-
-export const ConversationSelectRecipientsScreen = ({
-  route,
-}: 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)
-  const hasMoreGroups = groupsWithCreatePermission.length > MAX_VISIBLE_RECIPIENTS
-  const hasGroupsWithoutChatPermission = groups.length > groupsWithCreatePermission.length
-  const showGroupsDisclaimer = hasGroupsWithoutChatPermission && !hasMoreGroups
-
-  const handleGroupsNavigateToConversationNew = (group: GroupsGroupResource) => {
-    navigation.navigate('New', {
-      screen: 'ConversationNew',
-      params: {
-        group_id: group.id,
-        source_app_name: 'Groups',
-        ...route.params,
-      },
-    })
-  }
-
-  const handleGroupsViewMore = () => {
-    navigation.navigate('New', {
-      screen: 'ConversationSelectGroupRecipients',
-      params: {
-        ...route.params,
-      },
-    })
-  }
-
-  const { serviceTypes, isFetching: isServiceTypesFetching } = useServiceTypesWithTeams()
-  const visibleServiceTypes = serviceTypes.slice(0, MAX_VISIBLE_RECIPIENTS)
-  const hasMoreServiceTypes = serviceTypes.length > MAX_VISIBLE_RECIPIENTS
-  const hasServiceTypes = serviceTypes.length > 0
-
-  const handleTeamsNavigateToConversationNew = (teams: ServiceTypeWithTeams['teams']) => {
-    const teamIds = teams.map(team => team.id)
-
-    navigation.navigate('New', {
-      screen: 'ConversationNew',
-      params: {
-        team_ids: teamIds,
-        source_app_name: 'Services',
-        ...route.params,
-      },
-    })
-  }
-
-  const handleServiceTypesViewMore = () => {
-    navigation.navigate('New', {
-      screen: 'ConversationSelectTeamsILeadRecipients',
-      params: {
-        ...route.params,
-      },
-    })
-  }
-
-  return (
-    <ScrollView contentContainerStyle={styles.contentContainer}>
-      {canCreateGroupsConversations && (
-        <View style={styles.section}>
-          <View style={styles.sectionHeader}>
-            <Heading variant="h3">My groups</Heading>
-          </View>
-          <View>
-            {isGroupsFetching ? (
-              <DefaultLoading />
-            ) : groupsWithCreatePermission.length === 0 ? (
-              <RecipientsBlankState subtitle="Join a group with chat enabled and permissions to start a new conversation." />
-            ) : (
-              <>
-                {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>
-            <Button
-              style={styles.selectTeamsButton}
-              onPress={() => {
-                Haptic.impactLight()
-                navigation.navigate('New', {
-                  screen: 'ConversationFilterRecipients',
-                  params: {
-                    source_app_name: 'Services',
-                    team_filter_type: hasServiceTypes
-                      ? TeamFilterTypes.TeamsIlead
-                      : TeamFilterTypes.All,
-                  },
-                })
-              }}
-              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."
-                  />
-                )}
-              </>
-            ) : (
-              <RecipientsBlankState subtitle="You don't lead any teams." />
-            )}
-          </View>
-        </View>
-      )}
-    </ScrollView>
-  )
-}
-
-const RecipientsBlankState = ({ subtitle }: { subtitle: string }) => {
-  const styles = useStyles()
-
-  return (
-    <BlankState.Root style={styles.blankState}>
-      <BlankState.Imagery name="general.outlinedTextMessage" />
-      <BlankState.Content>
-        <BlankState.Text>{subtitle}</BlankState.Text>
-      </BlankState.Content>
-    </BlankState.Root>
-  )
-}
-
-const useStyles = () => {
-  const { bottom } = useSafeAreaInsets()
-
-  return StyleSheet.create({
-    contentContainer: {
-      gap: 24,
-      paddingTop: 16,
-      paddingBottom: 16 + bottom,
-    },
-    section: {
-      flex: 1,
-    },
-    sectionHeader: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      paddingHorizontal: 16,
-      paddingBottom: 4,
-    },
-    selectTeamsButton: {},
-    blankState: {
-      marginTop: 24,
-      marginBottom: 48,
-    },
-  })
-}