"use strict";

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
  return t;
};

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 exotic_1 = require("exotic");

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

const Form_1 = require("./Form");

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

function defaultRenderButton(props, state) {
  const {
    onSendInviteClick
  } = props;

  const handleSendInviteClick = event => {
    if (exotic_1.isFunction(onSendInviteClick)) {
      onSendInviteClick(state.userInviteList);
      state.userInviteList = [];
    }
  };

  const isDisabled = !(exotic_1.isSafe(state.userInviteList) && state.userInviteList.length >= 1);
  return react_1.default.createElement(styled_1.StyledButton, Object.assign({
    text: words_1.wording.sendInvite,
    onClick: handleSendInviteClick
  }, state, {
    isDisabled: isDisabled
  }));
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderInviteCard(props, state) {
  const {
    renderAddUserForm,
    renderRemoveUserForm
  } = props,
        remainingProps = __rest(props, ["renderAddUserForm", "renderRemoveUserForm"]);

  return react_1.default.createElement(react_1.default.Fragment, null, renderRemoveUserForm(remainingProps, state), renderAddUserForm(remainingProps, state));
}

exports.defaultRenderInviteCard = defaultRenderInviteCard;

function defaultRenderRemoveUserForm(props, state) {
  const handleRemoveUserClick = args => {
    const {
      index
    } = args;
    console.log('handleRemoveUserClick', args.toSerialized(), index);
    state.handleRemoveUser(index);
  };

  return state.userInviteList.map((item, index) => react_1.default.createElement(Form_1.RemoveUser, {
    index: index,
    onRemoveUser: handleRemoveUserClick,
    item: item
  }));
}

exports.defaultRenderRemoveUserForm = defaultRenderRemoveUserForm;

function defaultRenderAddUserForm(props, state) {
  const handleAddUserClick = args => {
    state.handleAddUser(args.toSerialized());
  };

  const isDisabled = !!(exotic_1.isSafe(state.userInviteList) && state.userInviteList.length >= 10);
  return react_1.default.createElement(Form_1.AddUser, {
    onAddUser: handleAddUserClick,
    isDisabled: isDisabled
  });
}

exports.defaultRenderAddUserForm = defaultRenderAddUserForm;

function defaultRenderHeading(props, state) {
  return react_1.default.createElement(styled_1.StyledHeading, {
    breedType: "h2",
    content: words_1.wording.userManagement
  });
}

exports.defaultRenderHeading = defaultRenderHeading; //# sourceMappingURL=renderProps.js.map