import { connect } from 'react-redux';
import { compose } from 'utils';
import withDialogActions from 'containers/Dialog/withDialogActions';
import withDialogRedux from 'components/DialogReduxConnect';
import withAccountsActions from 'containers/Accounts/withAccountsActions';
import withAccountDetail from 'containers/Accounts/withAccountDetail';
import withAccounts from 'containers/Accounts/withAccounts';

export const mapStateToProps = (state, props) => ({
  dialogName: 'account-form',
  accountId:
    props.payload.action === 'edit' && props.payload.id
      ? props.payload.id
      : null,
});
const AccountFormDialogConnect = connect(mapStateToProps);

export default compose(
  withDialogRedux(null, 'account-form'),
  AccountFormDialogConnect,
  withAccountsActions,
  withAccountDetail,
  withAccounts(({ accountsTypes, accountsList }) => ({
    accountsTypes,
    accounts: accountsList,
  })),
  withDialogActions,
);