import React , { FunctionComponent } from 'react' ; import { CustomArrowButton } from '@ringcentral-integration/widgets/components/Rcui/CustomArrowButton' ; import { EvTransferCallUIFunctions , EvTransferCallUIProps , } from '../../../interfaces' ; import { EvAvailableRequeueQueue } from '../../../lib/EvClient' ; import { ListItem , SelectList } from '../../SelectList' ; import i18n from './i18n' ; export type RequeueCallGroupPanelProps = Partial < EvTransferCallUIProps & EvTransferCallUIFunctions > ; export const RequeueCallGroupPanel = ( { currentLocale , goToRequeueCallPage , searchGroup , queueGroups , selectedQueueGroupId , goToRequeueGroupDetailPage , } ) => { return ( < SelectList searchOption = { searchGroup } currentLocale = { currentLocale } onBackClick = { goToRequeueCallPage } title = { i18n . getString ( 'queueGroup' , currentLocale ) } options = { queueGroups } renderListItem = { ( { option , index , } ) => { return ( < ListItem onClick = { ( ) => goToRequeueGroupDetailPage ( { groupId : option . gateGroupId } ) } selected = { option . gateGroupId === selectedQueueGroupId } key = { index } > { option . groupName } < CustomArrowButton / > < /ListItem>); } } />); } ;