import { compose, gql } from 'react-apollo';
import { bindActionCreators } from 'redux';
import { connect, withFragments, excludeIf } from 'plugin-api/beta/client/hocs';
import AddEmailAddressDialog from '../components/AddEmailAddressDialog';
import { notify } from 'coral-framework/actions/notification';

import { withAttachLocalAuth } from '../hocs';

const mapDispatchToProps = dispatch => bindActionCreators({ notify }, dispatch);

const withData = withFragments({
  root: gql`
    fragment TalkPluginLocalAuth_AddEmailAddressDialog_root on RootQuery {
      me {
        id
        email
      }
      settings {
        requireEmailConfirmation
      }
    }
  `,
});

export default compose(
  connect(null, mapDispatchToProps),
  withAttachLocalAuth,
  withData,
  excludeIf(({ root: { me } }) => !me || me.email)
)(AddEmailAddressDialog);