"use strict";

var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
  var c = arguments.length,
      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
      d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

const react_1 = __importDefault(require("react"));

const mobx_react_1 = require("xmobx/mobx-react");

const exotic_1 = require("exotic");

const words_1 = require("../../../../../words");

const forms_1 = require("../../../../../forms");

const fixture_1 = require("./fixture");

const styled_1 = require("./styled"); // import { handleResetPassword } from '../renderProps'


class FormStateCard extends forms_1.FormState {
  constructor() {
    super(...arguments);
    this.inputsList = fixture_1.inputList;
  }

}

const formStateCard = new FormStateCard();

class FormButton extends react_1.default.PureComponent {
  render() {
    return react_1.default.createElement(styled_1.StyledPrimaryButton, Object.assign({}, this.props, {
      "data-qa": 'qa-signin-signin'
    }));
  }

}

let FormCard = class FormCard extends forms_1.ObserverForm {
  constructor() {
    super(...arguments);
    this.SubmitButton = FormButton;
    this.defaultSubmitButtonLabel = words_1.wording.signInLabel;

    this.handleForgotPassword = event => {
      const {
        onForgotPasswordClick
      } = this.props;

      if (exotic_1.isFunction(onForgotPasswordClick)) {
        const changeArgs = {
          event
        };
        onForgotPasswordClick(this.state);
      }
    }; // adding handler for forgot password


    this.onInputInit = inputState => {
      if (inputState.name === 'forgotpassword') {
        inputState.onClick = this.handleForgotPassword;
      }
    };

    this.handleSubmit = event => {
      const {
        onSignInClick
      } = this.props;
      event.preventDefault();

      if (this.validateForm()) {
        if (exotic_1.isFunction(onSignInClick)) {
          const changeArgs = {
            event
          };
          onSignInClick(this.state);
        }
      }
    };
  }

};
FormCard.FormState = formStateCard;
FormCard.defaultProps = {
  state: formStateCard
};
FormCard = __decorate([mobx_react_1.observer], FormCard);

class Form extends react_1.default.PureComponent {
  render() {
    return react_1.default.createElement(styled_1.Wrapper, null, react_1.default.createElement(FormCard, Object.assign({}, this.props)));
  }

}

exports.Form = Form;
exports.default = Form; //# sourceMappingURL=Form.js.map