import { StaticScreenProps } from '@react-navigation/native'
import React from 'react'
import type { AvatarUpdatePayload } from '../../hooks/use_conversation_avatar_update'
import { AppName } from '../../types/resources/app_name'
import { GraphId } from '../../types/resources/group_resource'
import { TeamFilterTypes } from '../conversation_filter_recipients/types'
import { GroupsForm } from './components/groups_form'
import { ServicesForm } from './components/services_form'
import { SourceAppErrorCard } from './components/source_app_error_card'

type ConversationNewScreenProps = StaticScreenProps<{
  group_id?: number
  team_ids?: number[]
  team_filter_type?: TeamFilterTypes
  plan_id?: number
  source_app_name: AppName
  chat_group_graph_id?: GraphId
  group_source_app_name?: AppName
  avatar_selection?: AvatarUpdatePayload
}>

export const ConversationNewScreen = ({ route }: ConversationNewScreenProps) => {
  const {
    group_id,
    team_ids,
    source_app_name,
    plan_id,
    chat_group_graph_id,
    team_filter_type,
    avatar_selection,
  } = route.params

  switch (source_app_name) {
    case 'Groups':
      return group_id ? (
        <GroupsForm
          groupId={group_id}
          chat_group_graph_id={chat_group_graph_id}
          avatarSelection={avatar_selection}
        />
      ) : (
        <SourceAppErrorCard />
      )
    case 'Services':
      return (
        <ServicesForm
          initialTeamIds={team_ids}
          initialPlanId={plan_id}
          teamFilterType={team_filter_type}
          avatarSelection={avatar_selection}
        />
      )
    default:
      return <SourceAppErrorCard />
  }
}