@barteh/core/react/user/Login.js

a common library for barteh based projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _useraction = require("../../commonServices/useraction");

var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));

var _Button = _interopRequireDefault(require("@material-ui/core/Button"));

var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));

var _Captcha = _interopRequireDefault(require("./Captcha"));

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

function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

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

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

// import PropTypes from 'prop-types';
var login =
/*#__PURE__*/
function (_React$Component) {
  _inherits(login, _React$Component);

  function login() {
    var _getPrototypeOf2;

    var _this;

    _classCallCheck(this, login);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(login)).call.apply(_getPrototypeOf2, [this].concat(args)));

    _defineProperty(_assertThisInitialized(_this), "state", {
      userid: "",
      password: "",
      captchatext: "",
      showPassword: false,
      type: 1
    });

    _defineProperty(_assertThisInitialized(_this), "lock", false);

    _defineProperty(_assertThisInitialized(_this), "handleLogin", function (event) {
      event.preventDefault(); //برای submit

      if (_this.lock) return;
      _this.lock = true;
      var loginFn = _this.props.doLogin || _useraction.doLogin;
      loginFn(_this.state.userid, _this.state.password, _this.state.captchatext, function (r) {
        if (!r || r === 0) {
          _this.props.loginSuccess();

          return;
        }
        /*
        success = 0,
        wrongChaptcha = 1,
        userOrPasswordIncorrect = 2,
        userIsDeactive = 3,
        connectionError = 4,
        unknownError = 5,
        userCRUDLoad = 6,
        keysNotMatch = 7,
        rolesNotMach = 8,
        viewsNotLoaded = 9,
        controllersNotLoaded = 10,
        userIsLocal = 11,
        userIsRemote = 12,
        userNotSet = 13,
        demoIsFinished = 14,
        domainNotSet = 15,
        domainNotRespondes = 16,
        domainNotRegistered = 17
        */


        var errors = _this.state.errors;
        var message = "";

        switch (r) {
          case 0:
            if (_this.props.done) _this.props.done();
            message = "نام کاربری صحیح است";
            break;

          case 4:
            message = "ارتباط با سرور بر قرار نشد";
            break;

          case 1:
            message = "کد اعتبار سنجی صحیح نیست مجددا سعی کنید";
            errors.captcha = true;
            break;

          case 2:
            message = "نام کاربری یا کلمه عبور صحیح نیست";
            errors.userid = true;
            errors.password = true;
            break;
          // ....

          default:
            message = "خطای ناشناس";
        }

        _this.setState({
          showMessage: true,
          message: message,
          errors: errors
        });

        _this.captcha.changesrc();

        _this.lock = false;
      });
    });

    _defineProperty(_assertThisInitialized(_this), "handleChange", function (prop) {
      return function (event) {
        var state = _this.state;
        state[prop] = event.target.value;
        state = _this.checkErrors(state);

        _this.setState(state);
      };
    });

    _defineProperty(_assertThisInitialized(_this), "handleMouseDownPassword", function (event) {
      event.preventDefault();
    });

    _defineProperty(_assertThisInitialized(_this), "handleClickShowPasssword", function () {
      _this.setState({
        showPassword: !_this.state.showPassword
      });
    });

    _defineProperty(_assertThisInitialized(_this), "state", {
      errors: {
        userid: true,
        password: true,
        captcha: true
      },
      userid: "",
      password: "",
      captchatext: "",
      type: 1,
      disableSubmit: true,
      message: ""
    });

    return _this;
  }

  _createClass(login, [{
    key: "checkErrors",
    value: function checkErrors(instate) {
      var state = this.clearErrors(instate);
      state.errors.userid = state.userid === "";
      state.errors.password = state.password === "";
      state.errors.captcha = state.captchatext === "";
      state.disableSubmit = state.errors.captcha || state.errors.password || state.errors.userid;
      return state;
    }
  }, {
    key: "clearErrors",
    value: function clearErrors(state) {
      for (var key in state.errors) {
        state.errors[key] = false;
      }

      return state;
    }
  }, {
    key: "render",
    value: function render() {
      var _this2 = this;

      return _react.default.createElement("form", null, _react.default.createElement(_TextField.default, {
        autoFocus: true,
        label: "\u0646\u0627\u0645 \u06A9\u0627\u0631\u0628\u0631\u06CC",
        style: {
          direction: "ltr"
        },
        value: this.state.userid,
        onChange: this.handleChange("userid"),
        fullWidth: true,
        error: this.state.errors.userid
      }), _react.default.createElement(_TextField.default, {
        label: "\u0631\u0645\u0632 \u0639\u0628\u0648\u0631",
        style: {
          direction: "ltr"
        },
        type: this.state.showPassword ? "text" : "password",
        value: this.state.password,
        onChange: this.handleChange("password"),
        fullWidth: true,
        error: this.state.errors.password
      }), _react.default.createElement(_Captcha.default, {
        onRef: function onRef(ref) {
          return _this2.captcha = ref;
        }
      }), _react.default.createElement("div", null, _react.default.createElement(_TextField.default, {
        label: "\u0645\u062A\u0646 \u0627\u0639\u062A\u0628\u0627\u0631 \u0633\u0646\u062C\u06CC",
        style: {
          width: "100%",
          direction: "ltr",
          fontFamily: "arial"
        },
        value: this.state.captchatext,
        onChange: this.handleChange("captchatext"),
        fullWidth: true,
        error: this.state.errors.captcha
      })), _react.default.createElement("div", null, _react.default.createElement(_Button.default, {
        type: "submit",
        fullWidth: true,
        onClick: this.handleLogin.bind(this),
        variant: "contained",
        color: "primary",
        disabled: this.state.disableSubmit
      }, "\u0648\u0631\u0648\u062F")), _react.default.createElement(_Snackbar.default, {
        open: this.state.showMessage,
        message: _react.default.createElement("span", null, this.state.message),
        resumeHideDuration: 5000
      }));
    }
  }]);

  return login;
}(_react.default.Component); // login.propTypes={
//   loginSuccess:PropTypes.func,
//   doLogin:PropTypes.func,
//   done:PropTypes.func
// }


var _default = login;
exports.default = _default;