'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactRedux = require('react-redux');

var _reactIntl = require('react-intl');

var _components = require('@doodle/components');

var _actions = require('../../state/actions');

var _messages = require('./messages');

var _messages2 = _interopRequireDefault(_messages);

var _AuthenticationPanel = require('../AuthenticationPanel');

var _AuthenticationPanel2 = _interopRequireDefault(_AuthenticationPanel);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var AuthenticationDialog = function AuthenticationDialog(_ref) {
  var showDialog = _ref.showDialog,
      onCloseDialog = _ref.onCloseDialog,
      intl = _ref.intl;
  return _react2.default.createElement(
    _components.Modal,
    {
      verticalDialogOffset: '54px',
      verticalAlign: 'top',
      show: showDialog,
      variant: 'blue',
      title: intl.formatMessage(_messages2.default.title),
      onExit: onCloseDialog
    },
    _react2.default.createElement(_AuthenticationPanel2.default, { className: 'AuthenticationDialog' })
  );
};

AuthenticationDialog.propTypes = {
  showDialog: _propTypes2.default.bool.isRequired,
  onCloseDialog: _propTypes2.default.func.isRequired,
  intl: _reactIntl.intlShape.isRequired
};

AuthenticationDialog.defaultProps = {};

var mapStateToProps = function mapStateToProps(state) {
  return {
    showDialog: state.user && state.user.dialog && state.user.dialog.show
  };
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  return {
    onCloseDialog: function onCloseDialog() {
      return dispatch((0, _actions.hideAuthenticationDialog)());
    }
  };
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _reactIntl.injectIntl)(AuthenticationDialog));