import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'

import Notifications from './Notifications'

import * as SettingsSelectors from '../../../modules/settings/selectors'
import * as SettingsActions from '../../../modules/settings/actions'
import * as AuthActions from '../../../modules/auth/actions'
import * as UserPropertiesActions from '../../../modules/userProperties/actions'

import { SettingsContainerStateToProps, SettingsContainerDispatchProps, SettingsContainerProps } from './interfaces'

const mapStateToProps = (state: any) => ({
  notificationSentMessage: SettingsSelectors.notificationSentMessage(state),
  notificationVisitedSite: SettingsSelectors.notificationVisitedSite(state),
  notificationClickedEmailLink: SettingsSelectors.notificationClickedEmailLink(state),
  notificationOpenedEmail: SettingsSelectors.notificationOpenedEmail(state),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      logout: AuthActions.logout,
      updateSetting: SettingsActions.setSettingStatus,
      fetchUserProperties: UserPropertiesActions.fetchUserProperties,
    },
    dispatch,
  ),
})

export default connect<SettingsContainerStateToProps, SettingsContainerDispatchProps, SettingsContainerProps>(
  mapStateToProps,
  mapDispatchToProps,
)(Notifications)