'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

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 _ic_mail = require('@doodle/components/visuals/Icon/svg/ic_mail.svg');

var _ic_mail2 = _interopRequireDefault(_ic_mail);

var _ic_arrow_back = require('@doodle/components/visuals/Icon/svg/ic_arrow_back.svg');

var _ic_arrow_back2 = _interopRequireDefault(_ic_arrow_back);

var _ActivationNag = require('../ActivationNag');

var _ActivationNag2 = _interopRequireDefault(_ActivationNag);

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

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

var _messages2 = _interopRequireDefault(_messages);

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 LoginTab = function (_Component) {
  _inherits(LoginTab, _Component);

  function LoginTab() {
    _classCallCheck(this, LoginTab);

    return _possibleConstructorReturn(this, (LoginTab.__proto__ || Object.getPrototypeOf(LoginTab)).apply(this, arguments));
  }

  _createClass(LoginTab, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          isLoggedIn = _props.isLoggedIn,
          loading = _props.loading,
          email = _props.email,
          emailValid = _props.emailValid,
          emailError = _props.emailError,
          password = _props.password,
          passwordValid = _props.passwordValid,
          passwordError = _props.passwordError,
          userError = _props.userError,
          apiError = _props.apiError,
          resendActivationLoading = _props.resendActivationLoading,
          resendActivationEnabled = _props.resendActivationEnabled,
          showResendActivation = _props.showResendActivation,
          showForgotPasswordInstructionsSent = _props.showForgotPasswordInstructionsSent,
          onClickBack = _props.onClickBack,
          onCloseForgotPasswordInstructionsSent = _props.onCloseForgotPasswordInstructionsSent,
          onClickForgotPassword = _props.onClickForgotPassword,
          onClickCloseUserError = _props.onClickCloseUserError,
          onClickCloseApiError = _props.onClickCloseApiError,
          onChangeLoginEmail = _props.onChangeLoginEmail,
          onChangeLoginPassword = _props.onChangeLoginPassword,
          onClickResendActivationMail = _props.onClickResendActivationMail,
          onSubmit = _props.onSubmit,
          intl = _props.intl;

      return _react2.default.createElement(
        'form',
        { onSubmit: onSubmit, className: 'LoginTab' },
        _react2.default.createElement(
          'div',
          { className: 'LoginTab-backButton' },
          _react2.default.createElement(_components.IconButton, {
            icon: _ic_arrow_back2.default,
            variant: 'white',
            semantic: intl.formatMessage(_messages2.default.back),
            onClick: onClickBack
          })
        ),
        showResendActivation && _react2.default.createElement(_ActivationNag2.default, { activationMessage: intl.formatMessage(_messages2.default.signupSucceeded, { email: email }) }),
        showForgotPasswordInstructionsSent && _react2.default.createElement(
          'div',
          { className: 'LoginTab-info' },
          _react2.default.createElement(
            _components.Nag,
            {
              type: 'success',
              closeLabel: intl.formatMessage(_messages2.default.close),
              onClose: onCloseForgotPasswordInstructionsSent
            },
            _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.forgotPasswordInstructionsSent)
          )
        ),
        (apiError || userError) && _react2.default.createElement(
          'div',
          { className: 'LoginTab-error' },
          apiError && _react2.default.createElement(
            _components.Nag,
            { type: 'error', closeLabel: intl.formatMessage(_messages2.default.close), onClose: onClickCloseApiError },
            apiError === 'unreachable' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.apiErrorUnreachable),
            apiError === 'unknown' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.apiErrorUnknown)
          ),
          userError === 'not-activated' && _react2.default.createElement(
            _components.Nag,
            {
              type: 'error',
              closeLabel: intl.formatMessage(_messages2.default.close),
              onClose: onClickCloseUserError,
              actions: function actions() {
                return _react2.default.createElement(
                  _components.Button,
                  _extends({
                    variant: 'linkWhite',
                    onClick: onClickResendActivationMail
                  }, !resendActivationEnabled ? { disabled: true } : {}),
                  _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.resendActivationMail),
                  resendActivationLoading && _react2.default.createElement(_components.LoadingIcon, null)
                );
              }
            },
            _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.userErrorNotActivated)
          )
        ),
        _react2.default.createElement(
          _components.Input,
          { valid: emailValid },
          _react2.default.createElement(_components.InputFieldWithIcon, {
            value: email,
            name: 'email',
            placeholder: intl.formatMessage(_messages2.default.email),
            icon: _ic_mail2.default,
            semantic: intl.formatMessage(_messages2.default.email),
            onInput: onChangeLoginEmail
          }),
          emailError && _react2.default.createElement(
            _components.InputFeedback,
            { type: 'error' },
            emailError === 'missing' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.emailErrorMissing),
            emailError === 'invalid' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.emailErrorInvalid)
          )
        ),
        _react2.default.createElement(
          _components.Input,
          { valid: passwordValid },
          _react2.default.createElement(_components.InputFieldForPassword, {
            value: password,
            name: 'password',
            placeholder: intl.formatMessage(_messages2.default.password),
            semantic: intl.formatMessage(_messages2.default.passwordVisibility),
            onInput: onChangeLoginPassword
          }),
          passwordError && _react2.default.createElement(
            _components.InputFeedback,
            { type: 'error' },
            passwordError === 'missing' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.passwordErrorMissing),
            passwordError === 'too-long' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.passwordErrorTooLong),
            passwordError === 'too-short' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.passwordErrorTooShort),
            passwordError === 'invalid' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.passwordErrorInvalid),
            passwordError === 'invalid-with-thirdparty' && _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.passwordErrorInvalidWithThirdParty)
          )
        ),
        _react2.default.createElement(
          _components.Button,
          _extends({
            variant: 'green',
            type: 'submit'
          }, loading ? { inputButtonClass: 'loading' } : {}, loading || isLoggedIn || !(emailValid && passwordValid) ? { disabled: true } : {}),
          loading && _react2.default.createElement(
            _components.ButtonLabel,
            null,
            _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.loading)
          ),
          loading && _react2.default.createElement(_components.LoadingButton, null),
          isLoggedIn && _react2.default.createElement(
            _components.ButtonLabel,
            null,
            _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.alreadyLoggedIn)
          ),
          !loading && !isLoggedIn && _react2.default.createElement(
            _components.ButtonLabel,
            null,
            _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.login)
          )
        ),
        _react2.default.createElement(
          _components.Button,
          { variant: 'linkBlue', onClick: onClickForgotPassword },
          _react2.default.createElement(_reactIntl.FormattedMessage, _messages2.default.forgotPassword)
        )
      );
    }
  }]);

  return LoginTab;
}(_react.Component);

LoginTab.propTypes = {
  isLoggedIn: _propTypes2.default.bool.isRequired,
  loading: _propTypes2.default.bool.isRequired,
  email: _propTypes2.default.string.isRequired,
  emailValid: _propTypes2.default.bool,
  emailError: _propTypes2.default.string,
  password: _propTypes2.default.string.isRequired,
  passwordValid: _propTypes2.default.bool,
  passwordError: _propTypes2.default.string,
  userError: _propTypes2.default.string,
  apiError: _propTypes2.default.string,
  resendActivationLoading: _propTypes2.default.bool,
  resendActivationEnabled: _propTypes2.default.bool,
  showResendActivation: _propTypes2.default.bool,
  showForgotPasswordInstructionsSent: _propTypes2.default.bool,

  onClickBack: _propTypes2.default.func.isRequired,
  onCloseForgotPasswordInstructionsSent: _propTypes2.default.func.isRequired,
  onClickForgotPassword: _propTypes2.default.func.isRequired,
  onChangeLoginEmail: _propTypes2.default.func.isRequired,
  onChangeLoginPassword: _propTypes2.default.func.isRequired,
  onClickResendActivationMail: _propTypes2.default.func.isRequired,
  onClickCloseUserError: _propTypes2.default.func.isRequired,
  onClickCloseApiError: _propTypes2.default.func.isRequired,
  onSubmit: _propTypes2.default.func.isRequired,

  intl: _reactIntl.intlShape.isRequired
};
LoginTab.defaultProps = {
  emailValid: true,
  emailError: null,
  passwordValid: true,
  passwordError: null,
  userError: null,
  apiError: null,
  resendActivationLoading: true,
  resendActivationEnabled: true,
  showResendActivation: false,
  showForgotPasswordInstructionsSent: false
};


var mapStateToProps = function mapStateToProps(state) {
  return {
    isLoggedIn: !!state.user.data.accessToken,
    loading: state.user.login.loading,
    email: state.user.login.email.value,
    emailValid: state.user.login.email.valid,
    emailError: state.user.login.email.error,
    password: state.user.login.password.value,
    passwordValid: state.user.login.password.valid,
    passwordError: state.user.login.password.error,
    userError: state.user.login.errors.user,
    apiError: state.user.login.errors.api,
    resendActivationLoading: state.user.resendActivation.loading,
    resendActivationEnabled: state.user.resendActivation.enabled,
    showResendActivation: state.user.resendActivation.info,
    showForgotPasswordInstructionsSent: state.user.forgotPassword.success
  };
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  return {
    onClickBack: function onClickBack() {
      return dispatch((0, _actions.hideAuthenticationDialog)());
    },
    onClickForgotPassword: function onClickForgotPassword() {
      return dispatch((0, _actions.showForgotPasswordDialog)());
    },
    onCloseForgotPasswordInstructionsSent: function onCloseForgotPasswordInstructionsSent() {
      return dispatch((0, _actions.dismissForgotPasswordSuccess)());
    },
    onChangeLoginEmail: function onChangeLoginEmail(event) {
      return dispatch((0, _actions.changeLoginEmail)(event.target.value));
    },
    onChangeLoginPassword: function onChangeLoginPassword(event) {
      return dispatch((0, _actions.changeLoginPassword)(event.target.value));
    },
    onClickResendActivationMail: function onClickResendActivationMail() {
      return dispatch((0, _actions.resendActivationMail)());
    },
    onClickCloseUserError: function onClickCloseUserError() {
      return dispatch((0, _actions.dismissLoginUserError)());
    },
    onClickCloseApiError: function onClickCloseApiError() {
      return dispatch((0, _actions.dismissLoginApiError)());
    },
    onSubmit: function onSubmit(event) {
      event.preventDefault();
      dispatch((0, _actions.login)());
    }
  };
};

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