import { connect } from 'react-redux'
import CalendarInjection from './component'
import { ICalendarInjectionContainerMapStateToProps, ICalendarInjectionComponentProps, ICalendarInjectionContainerProps } from './interfaces'

import * as CustomMeetingTypesSelectors from '../../../modules/meetingTypes/selectors'
import * as ComposeViewsSelector from '../../../modules/composeViews/selectors'
import * as UserPropertiesSelector from '../../../modules/userProperties/selectors'
import * as GatesSelector from '../../../modules/gates/selectors'

const mapStateToProps = (state: any, props: ICalendarInjectionComponentProps) => ({
  defaultMeeting: CustomMeetingTypesSelectors.defaultMeeting(state),
  trackingStatus: ComposeViewsSelector.statusForComposeView(state, { composeViewUUID: props.composeViewUUID }),
  recipientLength: ComposeViewsSelector.recipientLengthForComposeView(state, { composeViewUUID: props.composeViewUUID }),
  calendarInjectionLoading: ComposeViewsSelector.calendarInjectionLoadingForComposeView(state, { composeViewUUID: props.composeViewUUID }),
  userHasMeetingManagment: UserPropertiesSelector.userHasMeetingManagment(state),
  hasSalesCalendaring: GatesSelector.hasSalesCalendaring(state),
})

export default connect<ICalendarInjectionContainerMapStateToProps, null, ICalendarInjectionContainerProps>(mapStateToProps)(CalendarInjection)