@planningcenter/chat-react-native 3.24.0-rc.2 → 3.24.0-rc.4

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,
-    },
-  })
-}