'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 _constants = require('../../helpers/constants');

var _constants2 = _interopRequireDefault(_constants);

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

var _ResetPasswordCard2 = _interopRequireDefault(_ResetPasswordCard);

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 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() {
      var _props = this.props,
          preSelectedTab = _props.preSelectedTab,
          locationPath = _props.locationPath,
          locationSearch = _props.locationSearch;

      if (preSelectedTab) {
        var activeTab = preSelectedTab;
        this.onChangeTab({ activeTab: activeTab, locationPath: locationPath, locationSearch: locationSearch });
      }
    }
  }, {
    key: 'onChangeTab',
    value: function onChangeTab(_ref) {
      var activeTab = _ref.activeTab,
          locationPath = _ref.locationPath,
          locationSearch = _ref.locationSearch;
      var _props2 = this.props,
          onChangeTab = _props2.onChangeTab,
          email = _props2.email;

      onChangeTab(activeTab, locationPath, locationSearch, email);
    }
  }, {
    key: 'renderCard',
    value: function renderCard() {
      var _props3 = this.props,
          showForgotPasswordScreen = _props3.showForgotPasswordScreen,
          showResetPasswordScreen = _props3.showResetPasswordScreen,
          activeTab = _props3.activeTab,
          intl = _props3.intl;

      if (showForgotPasswordScreen) return _react2.default.createElement(_ForgotPasswordCard2.default, null);
      if (showResetPasswordScreen) return _react2.default.createElement(_ResetPasswordCard2.default, null);
      return _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: _constants2.default.tabs.loginTab,
              content: _react2.default.createElement(_LoginTab2.default, null)
            }, {
              label: intl.formatMessage(_messages2.default.signupTab),
              id: _constants2.default.tabs.signupTab,
              content: _react2.default.createElement(_SignupTab2.default, null)
            }]
          })
        ),
        footer: _react2.default.createElement(_ThirdPartyLogin2.default, null),
        greyFooter: true
      });
    }
  }, {
    key: 'render',
    value: function render() {
      var _props4 = this.props,
          activeTab = _props4.activeTab,
          className = _props4.className;


      return _react2.default.createElement(
        'div',
        { className: className },
        _react2.default.createElement(
          _Drawer2.default,
          { drawer: activeTab === _constants2.default.tabs.signupTab && _react2.default.createElement(_SignupBenefits2.default, null) },
          this.renderCard()
        )
      );
    }
  }]);

  return AuthenticationPanel;
}(_react.Component);

AuthenticationPanel.propTypes = {
  email: _propTypes2.default.string.isRequired,
  className: _propTypes2.default.string,
  showForgotPasswordScreen: _propTypes2.default.bool.isRequired,
  showResetPasswordScreen: _propTypes2.default.bool.isRequired,
  onChangeTab: _propTypes2.default.func.isRequired,
  activeTab: _propTypes2.default.string.isRequired,
  locationPath: _propTypes2.default.string.isRequired,
  locationSearch: _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 === _constants2.default.screens.signup ? state.user.signup.email.value : state.user.login.email.value,
    activeTab: state.user && state.user.dialog && state.user.dialog.screen === _constants2.default.screens.signup ? _constants2.default.tabs.signupTab : _constants2.default.tabs.loginTab,
    showForgotPasswordScreen: state.user && state.user.dialog && state.user.dialog.screen === _constants2.default.screens.forgotPassword,
    showResetPasswordScreen: state.user && state.user.dialog && state.user.dialog.screen === _constants2.default.screens.resetPassword,
    locationPath: state.router.location.pathname,
    locationSearch: state.router.location.search
  };
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  return {
    onChangeTab: function onChangeTab(activeTab, locationPath, locationSearch, email) {
      if (activeTab === _constants2.default.tabs.loginTab) {
        if (locationPath === _constants2.default.paths.forgot) {
          dispatch((0, _actions.showForgotPasswordDialog)());
        } else if (locationPath === _constants2.default.paths.reset) {
          var searchParams = new URLSearchParams(locationSearch);
          var allowResetPasswordDialog = searchParams.get('savePassword');
          if (allowResetPasswordDialog) {
            dispatch((0, _actions.showResetPasswordDialog)());
          } else {
            dispatch((0, _actions.showForgotPasswordDialog)());
          }
        } else {
          dispatch((0, _actions.showLoginDialog)(email, true));
        }
      } else {
        dispatch((0, _actions.showSignupDialog)(email, true));
      }
    }
  };
};

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