"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.OccupationGroup = void 0;
var _locale = require("@mirai/locale");
var _ui = require("@mirai/ui");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireWildcard(require("react"));
var _helpers = require("./helpers");
var _Occupation = require("./Occupation.constants");
var _Occupation2 = require("./Occupation.l10n");
var style = _interopRequireWildcard(require("./Occupation.module.css"));
var _helpers2 = require("../../helpers");
const _excluded = ["age", "fulfill", "max", "min", "type", "value", "onChange"];
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
const OccupationGroup = _ref => {
  let {
      age = [],
      fulfill = false,
      max,
      min = 0,
      type = _Occupation.TYPE.ADULT,
      value = {},
      onChange = () => {}
    } = _ref,
    others = _objectWithoutProperties(_ref, _excluded);
  const {
    translate
  } = (0, _locale.useLocale)();
  (0, _react.useEffect)(() => {}, []);
  const {
    amount,
    ages = []
  } = value;
  const handleAmount = nextAmount => {
    if (nextAmount < amount) ages.pop();else ages.push(undefined);
    onChange({
      ages,
      amount: nextAmount,
      type
    });
  };
  const handleAge = function () {
    let nextAge = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
    let index = arguments.length > 1 ? arguments[1] : undefined;
    const nextAges = [...ages];
    nextAges[index] = nextAge.length !== 0 ? parseInt(nextAge, 10) : undefined;
    onChange({
      ages: nextAges,
      amount,
      type
    });
  };
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.InputNumber, {
    hint: (0, _helpers2.getAgeRange)(age, translate),
    label: translate(_Occupation2.L10N.LABEL_OCCUPATION_TYPE[type], {
      adults: '',
      children: '',
      guests: ''
    }),
    max: max,
    min: min,
    name: "occupation-".concat(type, "-").concat(max || ''),
    rounded: false,
    step: 1,
    value: amount,
    className: (0, _ui.styles)(style.inputNumber, style.offset),
    onChange: handleAmount,
    testId: others.testId
  }), fulfill && amount > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, {
    className: (0, _ui.styles)(style.ages, style.offset)
  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
    row: true,
    className: style.inputs
  }, Array.from({
    length: amount
  }, (_, index) => {
    var _ages$index;
    return /*#__PURE__*/_react.default.createElement(_ui.InputSelect, _extends({}, (0, _helpers.getAgeOptions)(age, translate), {
      name: "age-".concat(age),
      error: ages[index] === undefined,
      key: "occupation:group:".concat(index),
      value: (_ages$index = ages[index]) === null || _ages$index === void 0 ? void 0 : _ages$index.toString(),
      onChange: value => handleAge(value, index),
      className: style.inputSelect,
      testId: others.testId ? "".concat(others.testId, "-select-").concat(index) : undefined
    }));
  })), [_Occupation.TYPE.CHILD, _Occupation.TYPE.INFANT].includes(type) && /*#__PURE__*/_react.default.createElement(_ui.Text, {
    light: true,
    small: true
  }, translate(_Occupation2.L10N.LABEL_AGE_HINT))));
};
exports.OccupationGroup = OccupationGroup;
OccupationGroup.displayName = 'Finder:Occupation:OccupationGroup';
OccupationGroup.propTypes = {
  age: _propTypes.default.arrayOf(_propTypes.default.number),
  fulfill: _propTypes.default.bool,
  max: _propTypes.default.number,
  min: _propTypes.default.number,
  type: _propTypes.default.number.isRequired,
  value: _propTypes.default.shape({
    amount: _propTypes.default.number,
    ages: _propTypes.default.arrayOf(_propTypes.default.number)
  }),
  onChange: _propTypes.default.func.isRequired
};
//# sourceMappingURL=Occupation.Group.js.map