"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 utils_1 = require("@skava/utils");

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

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

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

const styled_1 = require("./styled");

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

}

const formStateCard = new FormStateCard();

const AddUserButton = props => {
  console.log('Add User Button Props:', props);
  const neededProps = utils_1.omit(props, ['children']);
  return react_1.default.createElement(styled_1.StyledButton, Object.assign({
    breedType: 'icon-with-text',
    iconType: 'plus',
    text: words_1.wording.addUser
  }, neededProps));
};

let Form = class Form extends forms_1.ObserverForm {
  constructor() {
    super(...arguments);
    this.shouldResetFormOnUnmount = true;
    this.SubmitButton = AddUserButton;
    this.submitDataQa = 'qa-add-invite-button';

    this.handleSubmit = event => {
      const {
        onAddUser
      } = this.props;
      event.preventDefault();
      console.log('[AddUser Form] data this: ', this.state);
      console.log('[AddUser Form] data: ', this.state.toSerialized());

      if (this.validateForm()) {
        if (exotic_1.isFunction(onAddUser)) {
          const changeArgs = Object.assign({}, this.state);
          onAddUser(changeArgs);

          if (exotic_1.isTrue(this.shouldResetFormOnUnmount)) {
            this.state.inputsList.map(this.resetFormState);
          }
        }
      }
    };
  }

  resetFormState(inputState) {
    if (inputState.elementList.length > 0) {
      inputState.elementList.map((inputElement, index) => {
        if (inputElement.type === 'select') {
          inputElement.setValue(inputElement.options[0].label);
        }

        if (inputElement.type === 'text') {
          inputElement.setValue('');
        }
      });
    }
  }

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

class AddUser extends react_1.default.Component {
  render() {
    const {
      isDisabled
    } = this.props;
    return react_1.default.createElement(styled_1.AddUserForm, {
      isDisabled: isDisabled
    }, react_1.default.createElement(Form, Object.assign({}, this.props)));
  }

}

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