'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 TABS = {
  LOGIN: 'login-tab',
  SIGNUP: 'signup-tab'
};

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

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

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

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

  _createClass(AuthenticationPanel, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      if (this.props.preSelectedTab) {
        var activeTab = this.props.preSelectedTab;
        this.onChangeTab({ activeTab: activeTab });
      }
    }
  }, {
    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,
          showForgotPasswordDialog = _props.showForgotPasswordDialog,
          activeTab = _props.activeTab,
          intl = _props.intl,
          className = _props.className;

      return _react2.default.createElement(
        'div',
        { className: className },
        _react2.default.createElement(
          _Drawer2.default,
          { drawer: activeTab === TABS.SIGNUP ? _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: 'AuthenticationPanel-content' },
              _react2.default.createElement(_components.Tabs, {
                activeTab: activeTab,
                onChange: this.onChangeTab,
                items: [{
                  label: intl.formatMessage(_messages2.default.loginTab),
                  id: TABS.LOGIN,
                  content: _react2.default.createElement(_LoginTab2.default, null)
                }, {
                  label: intl.formatMessage(_messages2.default.signupTab),
                  id: TABS.SIGNUP,
                  content: _react2.default.createElement(_SignupTab2.default, null)
                }]
              })
            ),
            footer: _react2.default.createElement(_ThirdPartyLogin2.default, null),
            greyFooter: true
          })
        )
      );
    }
  }]);

  return AuthenticationPanel;
}(_react.Component);

AuthenticationPanel.propTypes = {
  email: _propTypes2.default.string.isRequired,
  className: _propTypes2.default.string,
  showForgotPasswordDialog: _propTypes2.default.bool.isRequired,
  onChangeTab: _propTypes2.default.func.isRequired,
  activeTab: _propTypes2.default.string.isRequired,
  intl: _reactIntl.intlShape.isRequired,
  preSelectedTab: _propTypes2.default.string
};
AuthenticationPanel.defaultProps = {
  className: '',
  preSelectedTab: ''
};


var mapStateToProps = function mapStateToProps(state) {
  return {
    email: state.user.dialog.screen === 'signup' ? state.user.signup.email.value : state.user.login.email.value,
    activeTab: state.user && state.user.dialog && state.user.dialog.screen === 'signup' ? TABS.SIGNUP : TABS.LOGIN,
    showForgotPasswordDialog: state.user && state.user.dialog && state.user.dialog.screen === 'forgotpassword'
  };
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  return {
    onChangeTab: function onChangeTab(activeTab, email) {
      if (activeTab === TABS.LOGIN) {
        dispatch((0, _actions.showLoginDialog)(email, true));
      } else {
        dispatch((0, _actions.showSignupDialog)(email, true));
      }
    }
  };
};

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