'use strict';

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

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

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 _LoginTab = require('../LoginTab');

var _LoginTab2 = _interopRequireDefault(_LoginTab);

var _SignupTab = require('../SignupTab');

var _SignupTab2 = _interopRequireDefault(_SignupTab);

var _SignupBenefits = require('../../components/SignupBenefits');

var _SignupBenefits2 = _interopRequireDefault(_SignupBenefits);

var _Drawer = require('../../components/Drawer');

var _Drawer2 = _interopRequireDefault(_Drawer);

var _ForgotPasswordCard = require('../ForgotPasswordCard');

var _ForgotPasswordCard2 = _interopRequireDefault(_ForgotPasswordCard);

var _ThirdPartyLogin = require('../ThirdPartyLogin');

var _ThirdPartyLogin2 = _interopRequireDefault(_ThirdPartyLogin);

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

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var AuthenticationDialog = function (_Component) {
  _inherits(AuthenticationDialog, _Component);

  function AuthenticationDialog(props) {
    _classCallCheck(this, AuthenticationDialog);

    var _this = _possibleConstructorReturn(this, (AuthenticationDialog.__proto__ || Object.getPrototypeOf(AuthenticationDialog)).call(this, props));

    _this.onChangeTab = _this.onChangeTab.bind(_this);
    return _this;
  }

  _createClass(AuthenticationDialog, [{
    key: 'onChangeTab',
    value: function onChangeTab(_ref) {
      var activeTab = _ref.activeTab;

      this.props.onChangeTab(activeTab, this.props.email);
    }
  }, {
    key: 'render',
    value: function render() {
      var _props = this.props,
          showDialog = _props.showDialog,
          showForgotPasswordDialog = _props.showForgotPasswordDialog,
          onCloseDialog = _props.onCloseDialog,
          activeTab = _props.activeTab,
          intl = _props.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(
          _Drawer2.default,
          { drawer: activeTab === 'signup-tab' ? _react2.default.createElement(_SignupBenefits2.default, null) : null },
          showForgotPasswordDialog ? _react2.default.createElement(_ForgotPasswordCard2.default, null) : _react2.default.createElement(_components.Card, {
            content: _react2.default.createElement(
              'div',
              { className: 'AuthenticationDialog-content' },
              _react2.default.createElement(_components.Tabs, {
                activeTab: activeTab,
                onChange: this.onChangeTab,
                items: [{
                  label: intl.formatMessage(_messages2.default.loginTab),
                  id: 'login-tab',
                  content: _react2.default.createElement(_LoginTab2.default, null)
                }, {
                  label: intl.formatMessage(_messages2.default.signupTab),
                  id: 'signup-tab',
                  content: _react2.default.createElement(_SignupTab2.default, null)
                }]
              })
            ),
            footer: _react2.default.createElement(_ThirdPartyLogin2.default, null),
            greyFooter: true
          })
        )
      );
    }
  }]);

  return AuthenticationDialog;
}(_react.Component);

AuthenticationDialog.propTypes = {
  email: _propTypes2.default.string.isRequired,
  showDialog: _propTypes2.default.bool.isRequired,
  showForgotPasswordDialog: _propTypes2.default.bool.isRequired,
  onCloseDialog: _propTypes2.default.func.isRequired,
  onChangeTab: _propTypes2.default.func.isRequired,
  activeTab: _propTypes2.default.string.isRequired,
  intl: _reactIntl.intlShape.isRequired
};
AuthenticationDialog.defaultProps = {};


var mapStateToProps = function mapStateToProps(state) {
  return {
    email: state.user.dialog.screen === 'signup' ? state.user.signup.email.value : state.user.login.email.value,
    showDialog: state.user && state.user.dialog && state.user.dialog.show,
    activeTab: (state.user && state.user.dialog && state.user.dialog.screen === 'signup' ? 'signup-tab' : 'login-tab') || null,
    showForgotPasswordDialog: state.user && state.user.dialog && state.user.dialog.screen === 'forgotpassword'
  };
};

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

    onChangeTab: function onChangeTab(activeTab, email) {
      if (activeTab === 'login-tab') {
        dispatch((0, _actions.showLoginDialog)(email, true));
      } else {
        dispatch((0, _actions.showSignupDialog)(email, true));
      }
    }
  };
};

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