@itcase/forms 1.0.36 → 1.0.37

package/dist/itcase-forms.cjs.js

@@ -1,2879 +1 @@
-'use strict';
-
-var libphonenumberJs = require('libphonenumber-js');
-var React = require('react');
-var finalForm = require('final-form');
-var reactFinalForm = require('react-final-form');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var Checkbox = require('@itcase/ui/components/Checkbox');
-var Divider = require('@itcase/ui/components/Divider');
-var Text = require('@itcase/ui/components/Text');
-var useDeviceTargetClass = require('@itcase/ui/hooks/useDeviceTargetClass');
-var useStyles = require('@itcase/ui/hooks/useStyles');
-var Choice = require('@itcase/ui/components/Choice');
-var Code = require('@itcase/ui/components/Code');
-var DatePicker = require('@itcase/ui/components/DatePicker');
-var axios = require('axios');
-var reactDropzone = require('react-dropzone');
-var fileSelector = require('file-selector');
-var castArray = require('lodash/castArray');
-var common = require('@itcase/common');
-var Loader = require('@itcase/ui/components/Loader');
-var Title = require('@itcase/ui/components/Title');
-var Input = require('@itcase/ui/components/Input');
-var Icon = require('@itcase/ui/components/Icon');
-var RadioButton = require('@itcase/ui/components/RadioButton');
-var Segmented = require('@itcase/ui/components/Segmented');
-var Select = require('@itcase/ui/components/Select');
-var Switch = require('@itcase/ui/components/Switch');
-var Textarea = require('@itcase/ui/components/Textarea');
-var Button = require('@itcase/ui/components/Button');
-var Group$1 = require('@itcase/ui/components/Group');
-var Notification = require('@itcase/ui/components/Notification');
-var createDecorator = require('final-form-focus');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var axios__default = /*#__PURE__*/_interopDefault(axios);
-var castArray__default = /*#__PURE__*/_interopDefault(castArray);
-var createDecorator__default = /*#__PURE__*/_interopDefault(createDecorator);
-
-var phoneValidation = function phoneValidation(value, context) {
-  if (!value) {
-    return true;
-  }
-  return libphonenumberJs.isPossiblePhoneNumber(value, 'RU');
-};
-var emailValidation = function emailValidation(value, context) {
-  // from https://emailregex.com/
-  if (!value) {
-    return true;
-  }
-  // eslint-disable-next-line
-  var regexp = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9]{2,}(?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/;
-  return regexp.test(String(value).toLowerCase());
-};
-var addRequiredFieldsParamToSchema = function addRequiredFieldsParamToSchema(schema) {
-  var fields = Object.entries(schema.fields);
-  schema.requiredFields = fields.reduce(function (list, _ref) {
-    var _validationProps$excl;
-    var fieldName = _ref[0],
-      validationProps = _ref[1];
-    if ((_validationProps$excl = validationProps.exclusiveTests) != null && _validationProps$excl.required) {
-      list.push(fieldName);
-    }
-    return list;
-  }, []);
-  return schema;
-};
-
-function _asyncIterator(r) {
-  var n,
-    t,
-    o,
-    e = 2;
-  for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) {
-    if (t && null != (n = r[t])) return n.call(r);
-    if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r));
-    t = "@@asyncIterator", o = "@@iterator";
-  }
-  throw new TypeError("Object is not async iterable");
-}
-function AsyncFromSyncIterator(r) {
-  function AsyncFromSyncIteratorContinuation(r) {
-    if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object."));
-    var n = r.done;
-    return Promise.resolve(r.value).then(function (r) {
-      return {
-        value: r,
-        done: n
-      };
-    });
-  }
-  return AsyncFromSyncIterator = function (r) {
-    this.s = r, this.n = r.next;
-  }, AsyncFromSyncIterator.prototype = {
-    s: null,
-    n: null,
-    next: function () {
-      return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments));
-    },
-    return: function (r) {
-      var n = this.s.return;
-      return void 0 === n ? Promise.resolve({
-        value: r,
-        done: !0
-      }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments));
-    },
-    throw: function (r) {
-      var n = this.s.return;
-      return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments));
-    }
-  }, new AsyncFromSyncIterator(r);
-}
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw new Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-/**
- * Sets the `innerError.message` in an `errors` object at the key
- * defined by `innerError.path`.
- * @param {Object} errors The object to set the error in.
- * @param {{ path: string, message: string }} innerError A `yup` field error.
- * @returns {Object} The result of setting the new error message onto `errors`.
- */
-var setInError = function setInError(errors, innerError) {
-  return finalForm.setIn(errors, innerError.path, innerError.message);
-};
-
-/**
- * Empty object map with no prototype. Used as default
- * value for reducing the `err.inner` array of errors
- * from a `yup~ValidationError`.
- */
-var emptyObj = Object.create(null);
-
-/**
- * Takes a `yup` validation schema and returns a function that expects
- * a map of values to validate. If the validation passes, the function resolves to `undefined`
- * (signalling that the values are valid). If the validation doesn't pass, it resolves
- * to a map of invalid field names to errors.
- * @param {import('yup').ObjectSchema} schema `yup` schema definition.
- * @returns {(values: Object) => Promise<?Object>} An async function that expects some `values`
- *  and resolves to either `undefined` or a map of field names to error messages.
- */
-
-var makeValidate = function makeValidate(schema) {
-  return /*#__PURE__*/function () {
-    var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return schema.validate(values, {
-              abortEarly: false
-            });
-          case 3:
-            _context.next = 12;
-            break;
-          case 5:
-            _context.prev = 5;
-            _context.t0 = _context["catch"](0);
-            if (!_context.t0.inner) {
-              _context.next = 11;
-              break;
-            }
-            return _context.abrupt("return", _context.t0.inner.reduce(setInError, emptyObj));
-          case 11:
-            console.warn('itcase-forms schema.validate error: An error not related to the form occurred during validation. Validation ignored.');
-          case 12:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 5]]);
-    }));
-    function validate(_x) {
-      return _validate.apply(this, arguments);
-    }
-    return validate;
-  }();
-};
-function useYupValidationSchema(schema, language) {
-  var validate = React.useMemo(function () {
-    return schema && makeValidate(schema);
-  }, [schema, language]);
-  return validate;
-}
-
-function FieldWrapperBase(props) {
-  var after = props.after,
-    afterItem = props.afterItem,
-    before = props.before,
-    beforeItem = props.beforeItem,
-    children = props.children,
-    className = props.className,
-    desc = props.desc,
-    descTextSize = props.descTextSize,
-    descTextColor = props.descTextColor,
-    descTextWidth = props.descTextWidth,
-    divider = props.divider,
-    dividerDirection = props.dividerDirection,
-    dividerFill = props.dividerFill,
-    dividerSize = props.dividerSize,
-    dividerWidth = props.dividerWidth,
-    fieldClassName = props.fieldClassName,
-    id = props.id,
-    inputName = props.inputName,
-    inputValue = props.inputValue,
-    isRequired = props.isRequired,
-    label = props.label,
-    labelTextSize = props.labelTextSize,
-    labelTextColor = props.labelTextColor,
-    labelTextWidth = props.labelTextWidth,
-    errorMessageTextSize = props.errorMessageTextSize,
-    errorMessageTextWeight = props.errorMessageTextWeight,
-    errorMessageTextColor = props.errorMessageTextColor,
-    message = props.message,
-    messageTextSize = props.messageTextSize,
-    messageTextColor = props.messageTextColor,
-    messageTextWeight = props.messageTextWeight,
-    metaActive = props.metaActive,
-    metaError = props.metaError,
-    metaModifiedSinceLastSubmit = props.metaModifiedSinceLastSubmit,
-    metaSubmitError = props.metaSubmitError,
-    metaSubmitFailed = props.metaSubmitFailed,
-    metaTouched = props.metaTouched,
-    metaValid = props.metaValid,
-    set = props.set,
-    type = props.type,
-    hideMessage = props.hideMessage,
-    isHidden = props.isHidden,
-    Tag = props.tag,
-    dataTour = props.dataTour,
-    showErrorsOnSubmit = props.showErrorsOnSubmit;
-  var error = metaError || !metaModifiedSinceLastSubmit && metaSubmitError || false;
-  var showError = React.useMemo(function () {
-    if (showErrorsOnSubmit) {
-      return metaSubmitFailed && metaTouched && error;
-    } else {
-      return metaTouched && error;
-    }
-  }, [showErrorsOnSubmit, metaSubmitFailed, metaTouched, error]);
-  var showValid = React.useMemo(function () {
-    var hasValue = Array.isArray(inputValue) ? inputValue.length : inputValue;
-    var isModifiedAfterSubmit = !metaError && metaSubmitError && metaModifiedSinceLastSubmit;
-    return hasValue && (metaValid || isModifiedAfterSubmit);
-  }, [inputValue, metaValid, metaError, metaSubmitError, metaModifiedSinceLastSubmit]);
-  var formFieldClass = React.useMemo(function () {
-    return clsx__default.default(className, showError && 'form__item_state_error', showValid && 'form__item_state_success', isRequired && 'form__item_state_required', metaActive && 'form__item_state_focus', inputValue && 'form__item_state_filled');
-  }, [className, showError, showValid, isRequired, metaActive, inputValue]);
-  var fieldClass = React.useMemo(function () {
-    return clsx__default.default(fieldClassName, showError && fieldClassName + "_state_error", showValid && fieldClassName + "_state_success", metaActive && fieldClassName + "_state_focus", inputValue && fieldClassName + "_state_filled");
-  }, [fieldClassName, showError, showValid, metaActive, inputValue]);
-  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'form-field_size_',
-    propsKey: 'size'
-  });
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var inputFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'inputFill'
-  });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'form-field_shape_',
-    propsKey: 'shape'
-  });
-  var inputShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'form-field__item-value_shape_',
-    propsKey: 'inputShape'
-  });
-  var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'direction_',
-    propsKey: 'direction'
-  });
-  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  var _useStyles = useStyles.useStyles(props),
-    formFieldStyles = _useStyles.styles;
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(formFieldClass, 'form__item', 'form-field', type && "form-field_type_" + type, set && "form-field_set_" + set, sizeClass, fillClass, shapeClass, isHidden && "form-field_state_hidden", directionClass, widthClass),
-    "data-tour": dataTour,
-    style: formFieldStyles
-  }, before, label && /*#__PURE__*/React__default.default.createElement("div", {
-    htmlFor: id,
-    className: "form-field__label"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: labelTextSize,
-    textWeight: labelTextWidth,
-    textColor: labelTextColor
-  }, label)), desc && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-field__desc"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: descTextSize,
-    textWeight: descTextWidth,
-    textColor: descTextColor
-  }, desc)), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-field__content', inputFillClass, inputShapeClass)
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-field__content-inner', fieldClass)
-  }, beforeItem, children, afterItem), divider && /*#__PURE__*/React__default.default.createElement(Divider.Divider, {
-    className: "form-field__item-divider",
-    width: dividerWidth,
-    direction: dividerDirection,
-    size: dividerSize,
-    fill: dividerFill
-  })), !hideMessage && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-field__message"
-  }, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type-error",
-    size: errorMessageTextSize,
-    textWeight: errorMessageTextWeight,
-    textColor: errorMessageTextColor,
-    id: inputName + "-error"
-  }, error), Boolean(message) && !showError && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
-    size: messageTextSize,
-    textWeight: messageTextWeight,
-    textColor: messageTextColor
-  }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
-    size: messageTextSize
-  }, "\xA0")), after);
-}
-FieldWrapperBase.defaultProps = {
-  tag: 'div',
-  type: 'normal',
-  errorMessageTextSize: 's',
-  errorMessageTextColor: 'errorTextSecondary'
-};
-FieldWrapperBase.propTypes = {
-  after: PropTypes__default.default.any,
-  afterItem: PropTypes__default.default.any,
-  autoComplete: PropTypes__default.default.string,
-  before: PropTypes__default.default.any,
-  beforeItem: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  desc: PropTypes__default.default.string,
-  descTextSize: PropTypes__default.default.string,
-  descTextColor: PropTypes__default.default.string,
-  descTextWidth: PropTypes__default.default.string,
-  dividerDirection: PropTypes__default.default.string,
-  dividerFill: PropTypes__default.default.string,
-  dividerSize: PropTypes__default.default.string,
-  dividerWidth: PropTypes__default.default.string,
-  fieldClassName: PropTypes__default.default.string,
-  id: PropTypes__default.default.string,
-  inputName: PropTypes__default.default.string,
-  inputOnBlur: PropTypes__default.default.func,
-  inputOnChange: PropTypes__default.default.func,
-  inputOnFocus: PropTypes__default.default.func,
-  inputValue: PropTypes__default.default.any,
-  isRequired: PropTypes__default.default.bool,
-  itemType: PropTypes__default.default.string,
-  label: PropTypes__default.default.any,
-  labelTextSize: PropTypes__default.default.string,
-  labelTextColor: PropTypes__default.default.string,
-  labelTextWidth: PropTypes__default.default.string,
-  errorMessageTextSize: PropTypes__default.default.string,
-  errorMessageTextWidth: PropTypes__default.default.string,
-  errorMessageTextColor: PropTypes__default.default.string,
-  message: PropTypes__default.default.string,
-  messageSize: PropTypes__default.default.string,
-  messageTextColor: PropTypes__default.default.string,
-  messageTextWidth: PropTypes__default.default.string,
-  metaActive: PropTypes__default.default.bool,
-  metaError: PropTypes__default.default.string,
-  metaModifiedSinceLastSubmit: PropTypes__default.default.bool,
-  metaSubmitError: PropTypes__default.default.string,
-  metaSubmitFailed: PropTypes__default.default.bool,
-  metaTouched: PropTypes__default.default.bool,
-  metaValid: PropTypes__default.default.bool,
-  set: PropTypes__default.default.string,
-  showErrorsOnSubmit: PropTypes__default.default.bool,
-  type: PropTypes__default.default.string
-};
-function FieldWrapper(props) {
-  var inputName = props.inputName;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change; // , mutators
-
-  React.useEffect(function () {
-    return function () {
-      change(inputName, undefined);
-    };
-  }, []);
-  return /*#__PURE__*/React__default.default.createElement(FieldWrapperBase, props);
-}
-FieldWrapper.propTypes = {
-  autoComplete: PropTypes__default.default.string,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fieldClassName: PropTypes__default.default.string,
-  hint: PropTypes__default.default.string,
-  inputName: PropTypes__default.default.string,
-  inputOnBlur: PropTypes__default.default.func,
-  inputOnChange: PropTypes__default.default.func,
-  inputOnFocus: PropTypes__default.default.func,
-  inputValue: PropTypes__default.default.any,
-  isRequired: PropTypes__default.default.bool,
-  itemType: PropTypes__default.default.string,
-  label: PropTypes__default.default.any,
-  metaActive: PropTypes__default.default.bool,
-  metaError: PropTypes__default.default.string,
-  metaModifiedSinceLastSubmit: PropTypes__default.default.bool,
-  metaSubmitError: PropTypes__default.default.string,
-  metaSubmitFailed: PropTypes__default.default.bool,
-  metaTouched: PropTypes__default.default.bool,
-  metaValid: PropTypes__default.default.bool,
-  showErrorsOnSubmit: PropTypes__default.default.bool
-};
-
-var CheckboxField = /*#__PURE__*/React__default.default.memo(function CheckboxField(props) {
-  var name = props.name,
-    isRequired = props.isRequired,
-    onChange = props.onChange,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    classNameGroupItem = props.classNameGroupItem,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    type: "checkbox"
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.checked, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_checkbox', 'form__item_type_checkbox', classNameGroupItem),
-      fieldClassName: "form-checkbox",
-      inputName: input.name,
-      inputValue: input.checked,
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      tag: "label",
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Checkbox.Checkbox, Object.assign({
-      autoComplete: "nope",
-      checked: input.checked,
-      name: input.name,
-      type: "checkbox",
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, inputProps)));
-  });
-});
-CheckboxField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-CheckboxField.propTypes = {
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  isRequired: PropTypes__default.default.bool,
-  name: PropTypes__default.default.string,
-  onChange: PropTypes__default.default.func
-};
-
-var ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceField(props) {
-  var options = props.options,
-    classNameGroupItem = props.classNameGroupItem,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    isMultiple = props.isMultiple,
-    isRequired = props.isRequired,
-    initialValue = props.initialValue,
-    label = props.label,
-    name = props.name,
-    messageType = props.messageType,
-    hideMessage = props.hideMessage,
-    placeholder = props.placeholder;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var activeOption = React.useMemo(function () {
-      var emptyOption = {
-        value: null,
-        label: null
-      };
-      if (input.value) {
-        var currentOption = options.find(function (option) {
-          return option.value === input.value;
-        });
-        return currentOption || emptyOption;
-      }
-      return emptyOption;
-    }, [input.value]);
-    var setActiveSegment = React.useCallback(function (option) {
-      change(name, option.value);
-    }, [change]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_choice', 'form__item_type_choice', classNameGroupItem),
-      fieldClassName: "form-choice",
-      inputName: input.name,
-      inputValue: input.value || [],
-      isRequired: isRequired,
-      label: label,
-      messageType: messageType,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Choice.Choice, Object.assign({
-      className: clsx__default.default(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
-      options: options,
-      inputName: input.name,
-      inputValue: input.value || [],
-      isMultiple: isMultiple,
-      isRequired: isRequired,
-      placeholder: placeholder,
-      active: activeOption,
-      setActiveSegment: setActiveSegment
-    }, inputProps)));
-  });
-});
-ChoiceField.propTypes = {
-  options: PropTypes__default.default.array.isRequired,
-  name: PropTypes__default.default.string.isRequired,
-  className: PropTypes__default.default.string,
-  inputClass: PropTypes__default.default.string,
-  isMultiple: PropTypes__default.default.bool,
-  isRequired: PropTypes__default.default.bool,
-  label: PropTypes__default.default.string,
-  placeholder: PropTypes__default.default.string
-};
-
-var CustomField = /*#__PURE__*/React__default.default.memo(function CustomField(props) {
-  var Component = props.Component,
-    isRequired = props.isRequired,
-    name = props.name,
-    fieldProps = props.fieldProps,
-    classNameGroupItem = props.classNameGroupItem,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_custom', 'form__item_type_custom', classNameGroupItem),
-      fieldClassName: 'form-custom',
-      inputName: input.name,
-      inputValue: input.value,
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Component, Object.assign({}, props, {
-      input: input,
-      meta: meta
-    })));
-  });
-});
-CustomField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-CustomField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
-};
-
-var CodeField = /*#__PURE__*/React__default.default.memo(function CodeField(props) {
-  var isRequired = props.isRequired,
-    name = props.name,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    classNameGroupItem = props.classNameGroupItem,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_code', 'form__item_type_code', classNameGroupItem),
-      fieldClassName: 'form-code',
-      inputName: input.name,
-      inputValue: input.value,
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Code.Code, Object.assign({
-      autoComplete: "nope",
-      name: input.name,
-      value: input.value,
-      onBlur: input.onBlur,
-      onChange: input.onChange,
-      onFocus: input.onFocus
-    }, inputProps)));
-  });
-});
-CodeField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-CodeField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
-};
-
-function DatePickerField(props) {
-  var isRequired = props.isRequired,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    datePickerProps = props.datePickerProps,
-    name = props.name;
-    props.iconSize;
-    props.iconBorder;
-    props.iconBorderHover;
-    props.iconFill;
-    props.iconFillHover;
-    props.iconRevealableShow;
-    props.iconRevealableHide;
-    props.iconShape;
-    var hideMessage = props.hideMessage,
-    onChange = props.onChange,
-    classNameGroupItem = props.classNameGroupItem;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = React.useCallback(function (value) {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_datepicker', 'form__item_type_datepicker', classNameGroupItem),
-      fieldClassName: "form-datepicker",
-      inputName: input.name,
-      inputValue: input.value || '',
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(DatePicker.DatePickerInput, {
-      name: input.name,
-      value: input.value || '',
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus,
-      inputProps: inputProps,
-      datePickerProps: datePickerProps
-    }));
-  });
-}
-DatePickerField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-DatePickerField.propTypes = {
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  isRequired: PropTypes__default.default.bool,
-  name: PropTypes__default.default.string.isRequired,
-  onChange: PropTypes__default.default.func
-};
-
-function getFileByURL(_x) {
-  return _getFileByURL.apply(this, arguments);
-}
-function _getFileByURL() {
-  _getFileByURL = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url) {
-    var _response$headers$con, response, blobObject, dirtyFilename, filename, typeParts, fileType;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _context3.prev = 0;
-          _context3.next = 3;
-          return axios__default.default({
-            url: "/api/" + url + "/",
-            responseType: 'blob'
-          });
-        case 3:
-          response = _context3.sent;
-          blobObject = response.data;
-          dirtyFilename = (_response$headers$con = response.headers['content-disposition']) == null ? void 0 : _response$headers$con.split('filename=')[1]; // Remove double quotes
-          filename = dirtyFilename == null ? void 0 : dirtyFilename.substring(1).slice(0, -1);
-          if (!filename) {
-            typeParts = blobObject.type.split('/');
-            fileType = typeParts[typeParts.length - 1];
-            filename = new Date().getTime() + "." + fileType;
-          }
-          return _context3.abrupt("return", new File([blobObject], filename, {
-            type: blobObject.type
-          }));
-        case 11:
-          _context3.prev = 11;
-          _context3.t0 = _context3["catch"](0);
-          console.log('error: ', _context3.t0);
-          return _context3.abrupt("return", null);
-        case 15:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3, null, [[0, 11]]);
-  }));
-  return _getFileByURL.apply(this, arguments);
-}
-function convertToFiles(_x2, _x3) {
-  return _convertToFiles.apply(this, arguments);
-}
-function _convertToFiles() {
-  _convertToFiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(inputValue, isPreviews) {
-    var newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, value, newFile, isURL;
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          newFiles = [];
-          _iteratorAbruptCompletion = false;
-          _didIteratorError = false;
-          _context4.prev = 3;
-          _iterator = _asyncIterator(castArray__default.default(inputValue));
-        case 5:
-          _context4.next = 7;
-          return _iterator.next();
-        case 7:
-          if (!(_iteratorAbruptCompletion = !(_step = _context4.sent).done)) {
-            _context4.next = 21;
-            break;
-          }
-          value = _step.value;
-          newFile = null; // Download image by url and save as File instance
-          isURL = typeof value === 'string' && value.includes('/');
-          if (!(value.image || isURL)) {
-            _context4.next = 16;
-            break;
-          }
-          _context4.next = 14;
-          return getFileByURL(value.image || value);
-        case 14:
-          newFile = _context4.sent;
-          if (newFile) {
-            setFileDataURL(newFile);
-          }
-        case 16:
-          // Convert dataURL to File instance
-          if (value.dataURL) {
-            newFile = common.createFileFromDataURL(value.name || value.path, value.dataURL);
-            newFile.dataURL = value.dataURL;
-          }
-
-          // Save new File to state
-          if (newFile) {
-            newFile.id = value.id;
-            if (isPreviews) {
-              newFile.preview = URL.createObjectURL(newFile);
-            }
-            newFiles.push(newFile);
-          }
-
-          // else if (value) {
-          //   newFiles.push({
-          //     name: value,
-          //     error: 'File is unavailable',
-          //   })
-          // }
-        case 18:
-          _iteratorAbruptCompletion = false;
-          _context4.next = 5;
-          break;
-        case 21:
-          _context4.next = 27;
-          break;
-        case 23:
-          _context4.prev = 23;
-          _context4.t0 = _context4["catch"](3);
-          _didIteratorError = true;
-          _iteratorError = _context4.t0;
-        case 27:
-          _context4.prev = 27;
-          _context4.prev = 28;
-          if (!(_iteratorAbruptCompletion && _iterator["return"] != null)) {
-            _context4.next = 32;
-            break;
-          }
-          _context4.next = 32;
-          return _iterator["return"]();
-        case 32:
-          _context4.prev = 32;
-          if (!_didIteratorError) {
-            _context4.next = 35;
-            break;
-          }
-          throw _iteratorError;
-        case 35:
-          return _context4.finish(32);
-        case 36:
-          return _context4.finish(27);
-        case 37:
-          return _context4.abrupt("return", newFiles);
-        case 38:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4, null, [[3, 23, 27, 37], [28,, 32, 36]]);
-  }));
-  return _convertToFiles.apply(this, arguments);
-}
-function setFileDataURL(file, resolve) {
-  resolve = resolve || function () {};
-  // Init reader and save his file
-  var reader = new FileReader();
-  reader._readedFile = file;
-
-  // Set handlers
-  reader.onabort = function () {
-    return resolve();
-  };
-  reader.onerror = function () {
-    return resolve();
-  };
-  reader.onload = function (event) {
-    event.target._readedFile.dataURL = reader.result;
-    resolve();
-  };
-  // Run reader
-  if (file instanceof File) {
-    reader.readAsDataURL(file);
-  } else {
-    resolve();
-  }
-}
-var FileInputDropzone = /*#__PURE__*/React__default.default.memo(function FileInputDropzone(props) {
-  var inputName = props.inputName,
-    size = props.size,
-    className = props.className,
-    fileErrorText = props.fileErrorText,
-    hintTitleTextSize = props.hintTitleTextSize,
-    removeThumbTextSize = props.removeThumbTextSize,
-    removeThumbTextColor = props.removeThumbTextColor,
-    removeThumbTextWeight = props.removeThumbTextWeight,
-    thumbNameTextSize = props.thumbNameTextSize,
-    thumbNameTextColor = props.thumbNameTextColor,
-    removeThumbTextHoverColor = props.removeThumbTextHoverColor,
-    thumbNameTextWrap = props.thumbNameTextWrap,
-    thumbNameTextWeight = props.thumbNameTextWeight,
-    hintTitleTextColor = props.hintTitleTextColor,
-    hintTitleTextWrap = props.hintTitleTextWrap,
-    thumbColumn = props.thumbColumn,
-    hintTitleTextWeight = props.hintTitleTextWeight,
-    hintDescriptionTextSize = props.hintDescriptionTextSize,
-    hintDescriptionTextColor = props.hintDescriptionTextColor,
-    hintDescriptionTextWrap = props.hintDescriptionTextWrap,
-    hintDescriptionTextWeight = props.hintDescriptionTextWeight,
-    errorMessageTextSize = props.errorMessageTextSize,
-    errorMessageTextWeight = props.errorMessageTextWeight,
-    errorMessageTextColor = props.errorMessageTextColor,
-    inputValue = props.inputValue,
-    maxFiles = props.maxFiles,
-    maxSize = props.maxSize,
-    removeThumbText = props.removeThumbText,
-    hintTitle = props.hintTitle,
-    hintDescription = props.hintDescription,
-    isShowFilename = props.isShowFilename,
-    isPreviews = props.isPreviews;
-    props.loadingText;
-    var _props$dropzoneProps = props.dropzoneProps,
-    dropzoneProps = _props$dropzoneProps === void 0 ? {} : _props$dropzoneProps,
-    onAddFiles = props.onAddFiles,
-    onDeleteFile = props.onDeleteFile;
-  var _useState = React.useState(''),
-    fileError = _useState[0],
-    setFileError = _useState[1];
-  var _useState2 = React.useState(false),
-    fileIsLoading = _useState2[0],
-    setFileIsLoading = _useState2[1];
-  // State with instances of "File" type
-  var _useState3 = React.useState(inputValue ? castArray__default.default(inputValue) : []),
-    files = _useState3[0],
-    setFiles = _useState3[1];
-
-  // Save to mobx state
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-  var changeFormState = React.useCallback(function (newFiles) {
-    // If max files in dropzone is 1 - return file as it self, else as array of files
-    // ps: for old projects compatibility
-    var toSave = dropzoneProps.maxFiles == 1 ? newFiles[0] : newFiles;
-    change(inputName, toSave);
-    return toSave;
-  }, [dropzoneProps, change]);
-
-  // Create dropzone options
-  var _useDropzone = reactDropzone.useDropzone(Object.assign({
-      maxSize: maxSize || 10485760,
-      // 10mb
-      maxFiles: maxFiles || 5
-    }, dropzoneProps, {
-      getFilesFromEvent: function () {
-        var _getFilesFromEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-          var result, newFiles;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return fileSelector.fromEvent(event);
-              case 2:
-                result = _context.sent;
-                newFiles = result.filter(function (item) {
-                  return item instanceof File;
-                }); // Add exists and new files to accepted(or rejected)
-                return _context.abrupt("return", [].concat(files, newFiles));
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function getFilesFromEvent(_x4) {
-          return _getFilesFromEvent.apply(this, arguments);
-        }
-        return getFilesFromEvent;
-      }(),
-      onDropAccepted: function onDropAccepted(acceptedFiles, event) {
-        // If dropped files has accepted and we need a previews
-        if (isPreviews) {
-          // Add preview to every file
-          acceptedFiles.forEach(function (file) {
-            if (!file.error) {
-              file.preview = URL.createObjectURL(file);
-            }
-          });
-        }
-        // Save to form data (including empty when files are not valid)
-        setFiles(acceptedFiles);
-        setFileError('');
-
-        // Save DataURL for all files
-        var readerPromisesList = acceptedFiles.map(function (file) {
-          return new Promise(function (resolve) {
-            return setFileDataURL(file, resolve);
-          });
-        });
-        // Save files to form values
-        Promise.all(readerPromisesList).then(function () {
-          var filesToSave = changeFormState(acceptedFiles);
-          if (onAddFiles) {
-            onAddFiles(filesToSave, inputName);
-          }
-        });
-      },
-      onDropRejected: function onDropRejected(rejectedFiles, event) {
-        // If dropped files has rejected
-        if (rejectedFiles.length) {
-          var _rejectedFiles$0$erro;
-          var firstFileError = (_rejectedFiles$0$erro = rejectedFiles[0].errors[0]) == null ? void 0 : _rejectedFiles$0$erro.message;
-          // Show error
-          setFileError(firstFileError || 'Error on adding file');
-        } else {
-          // Else clean error
-          setFileError('');
-        }
-      }
-    })),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps;
-
-  // Delete file from dropzone
-  var removeFile = React.useCallback(function (event, index) {
-    event.stopPropagation();
-    event.preventDefault();
-    var newFiles = [].concat(files);
-    newFiles.splice(index, 1);
-    if (onDeleteFile) {
-      onDeleteFile(files[index], inputName);
-    }
-    changeFormState(newFiles);
-  }, [files, changeFormState, onDeleteFile]);
-
-  //
-  var convertFiledValueAndSaveAsFiles = React.useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(newInputValue) {
-      var newFiles;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            setFileIsLoading(true);
-            _context2.next = 3;
-            return convertToFiles(newInputValue, isPreviews);
-          case 3:
-            newFiles = _context2.sent;
-            setFileIsLoading(false);
-            setFiles(newFiles);
-            return _context2.abrupt("return", newFiles);
-          case 7:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function (_x5) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [isPreviews]);
-  React.useEffect(function () {
-    // First time convert value to Files and save to local and form state
-    convertFiledValueAndSaveAsFiles(inputValue).then(function (newFiles) {
-      return changeFormState(newFiles);
-    });
-  }, []); // eslint-disable-line
-
-  React.useEffect(function () {
-    // Everytime convert value to Files and save to local state
-    if (!inputValue) {
-      setFiles([]);
-    } else {
-      convertFiledValueAndSaveAsFiles(inputValue);
-    }
-    // only "inputValue"
-  }, [inputValue]); // eslint-disable-line
-
-  React.useEffect(function () {
-    // Make sure to revoke the data uris to avoid memory leaks, will run on unmount
-    return function () {
-      return files.forEach(function (file) {
-        return URL.revokeObjectURL(file == null ? void 0 : file.preview);
-      });
-    };
-  }, []); // eslint-disable-line
-
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  var borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'borderColorHover'
-  });
-  var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'form-dropzone_shape_',
-    propsKey: 'shape'
-  });
-  var thumbBorderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'thumbBorderWidth'
-  });
-  var thumbDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'form-dropzone__thumb_direction_',
-    propsKey: 'thumbDirection'
-  });
-  var thumbBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'thumbBorderColor'
-  });
-  var thumbBorderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'thumbBorderColorHover'
-  });
-  var thumbBorderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'thumbBorderType'
-  });
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("div", getRootProps({
-    className: "form-dropzone__dropzone dropzone " + className + " thumbColumn form-dropzone__dropzone_size_" + size + " " + shapeClass
-  }), /*#__PURE__*/React__default.default.createElement("input", Object.assign({}, getInputProps(), {
-    name: inputName
-  })), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-dropzone__dropzone-wrapper', thumbColumn && "form-dropzone__dropzone-wrapper_column_" + thumbColumn, fillClass, fillHoverClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderTypeClass)
-  }, files.map(function (file, i) {
-    return /*#__PURE__*/React__default.default.createElement("aside", {
-      className: clsx__default.default('form-dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass),
-      key: "" + (file.id || file.name + "_" + i || 'i' + i)
-    }, isPreviews && !file.error && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-image"
-    }, /*#__PURE__*/React__default.default.createElement("img", {
-      className: "form-dropzone__thumb-image-inner",
-      src: file.preview || file.image,
-      onLoad: function onLoad() {
-        // Revoke data uri after image is loaded
-        URL.revokeObjectURL(file.preview);
-      }
-    })), file.error && /*#__PURE__*/React__default.default.createElement("div", null, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWrap: thumbNameTextWrap,
-      textWeight: thumbNameTextWeight
-    }, fileErrorText || file.error)), isShowFilename && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-name"
-    }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWrap: thumbNameTextWrap,
-      textWeight: thumbNameTextWeight,
-      className: "form-dropzone__thumb-name-inner"
-    }, file.name)), fileIsLoading && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-loader"
-    }, /*#__PURE__*/React__default.default.createElement(Loader.Loader, {
-      fill: "surfacePrimary",
-      height: "fill",
-      itemFill: "surfaceItemAccent",
-      set: "simple",
-      width: "fill"
-    })), /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-remove",
-      onClick: function onClick(event) {
-        return removeFile(event, i);
-      }
-    }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      size: removeThumbTextSize,
-      textColor: removeThumbTextColor,
-      textWeight: removeThumbTextWeight,
-      textColorHover: removeThumbTextHoverColor,
-      className: "form-dropzone__thumb-remove-text"
-    }, removeThumbText || 'Remove')));
-  }), !files.length ? /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-dropzone__hint"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: hintTitleTextSize,
-    textColor: hintTitleTextColor,
-    textWrap: hintTitleTextWrap,
-    textWeight: hintTitleTextWeight,
-    className: "form-dropzone__hint-title"
-  }, hintTitle || 'Select a file or drag in form'), /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWrap: hintDescriptionTextWrap,
-    textWeight: hintDescriptionTextWeight,
-    className: "form-dropzone__hint-text"
-  }, hintDescription)) : /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-dropzone__hint form-dropzone__hint_type_add-more"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: hintTitleTextSize,
-    textColor: hintTitleTextColor,
-    textWrap: hintTitleTextWrap,
-    textWeight: hintTitleTextWeight,
-    className: "form-dropzone__hint-title"
-  }, hintTitle || 'Select a file or drag in form'), /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWrap: hintDescriptionTextWrap,
-    textWeight: hintDescriptionTextWeight,
-    className: "form-dropzone__hint-text"
-  }, hintDescription)))), fileError && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-field__message"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
-    size: errorMessageTextSize,
-    textWeight: errorMessageTextWeight,
-    textColor: errorMessageTextColor
-  }, fileError)));
-});
-FileInputDropzone.propTypes = {
-  dropzoneProps: PropTypes__default.default.object,
-  hintDescription: PropTypes__default.default.string,
-  hintTitle: PropTypes__default.default.string,
-  inputName: PropTypes__default.default.string,
-  inputValue: PropTypes__default.default.any,
-  isPreviews: PropTypes__default.default.bool,
-  isShowFilename: PropTypes__default.default.bool,
-  loadingText: PropTypes__default.default.string,
-  metaError: PropTypes__default.default.string,
-  metaTouched: PropTypes__default.default.bool,
-  removeThumbText: PropTypes__default.default.string,
-  onAddFiles: PropTypes__default.default.func,
-  onDeleteFile: PropTypes__default.default.func
-};
-
-var FileInput = /*#__PURE__*/React__default.default.memo(function FileInput(props) {
-  var name = props.name,
-    shape = props.shape,
-    size = props.size,
-    borderWidth = props.borderWidth,
-    borderColor = props.borderColor,
-    borderColorHover = props.borderColorHover,
-    borderType = props.borderType,
-    label = props.label,
-    thumbBorderWidth = props.thumbBorderWidth,
-    thumbBorderColor = props.thumbBorderColor,
-    thumbBorderColorHover = props.thumbBorderColorHover,
-    thumbBorderType = props.thumbBorderType,
-    removeThumbTextHoverColor = props.removeThumbTextHoverColor,
-    labelTextColor = props.labelTextColor,
-    fill = props.fill,
-    fillHover = props.fillHover,
-    className = props.className,
-    removeThumbText = props.removeThumbText,
-    thumbNameTextSize = props.thumbNameTextSize,
-    thumbNameTextColor = props.thumbNameTextColor,
-    thumbNameTextWrap = props.thumbNameTextWrap,
-    thumbNameTextWeight = props.thumbNameTextWeight,
-    removeThumbTextSize = props.removeThumbTextSize,
-    removeThumbTextColor = props.removeThumbTextColor,
-    removeThumbTextWeight = props.removeThumbTextWeight,
-    hintTitle = props.hintTitle,
-    errorMessageTextSize = props.errorMessageTextSize,
-    errorMessageTextWeight = props.errorMessageTextWeight,
-    errorMessageTextColor = props.errorMessageTextColor,
-    fieldProps = props.fieldProps,
-    hintTitleTextSize = props.hintTitleTextSize,
-    hintTitleTextColor = props.hintTitleTextColor,
-    hintTitleTextWrap = props.hintTitleTextWrap,
-    hintTitleTextWeight = props.hintTitleTextWeight,
-    hintDescriptionTextSize = props.hintDescriptionTextSize,
-    hintDescriptionTextColor = props.hintDescriptionTextColor,
-    hintDescriptionTextWrap = props.hintDescriptionTextWrap,
-    hintDescriptionTextWeight = props.hintDescriptionTextWeight,
-    hideMessage = props.hideMessage,
-    thumbDirection = props.thumbDirection,
-    hintDescription = props.hintDescription,
-    isShowFilename = props.isShowFilename,
-    fileErrorText = props.fileErrorText,
-    dropzoneProps = props.dropzoneProps,
-    maxFiles = props.maxFiles,
-    maxSize = props.maxSize,
-    thumbColumn = props.thumbColumn,
-    isRequired = props.isRequired,
-    isPreviews = props.isPreviews,
-    onAddFiles = props.onAddFiles,
-    onDeleteFile = props.onDeleteFile,
-    classNameGroupItem = props.classNameGroupItem;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_dropzone', 'form__item_type_dropzone', classNameGroupItem),
-      fieldClassName: "form-dropzone",
-      inputName: input.name,
-      inputValue: input.value,
-      isRequired: isRequired,
-      label: label,
-      labelTextColor: labelTextColor,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(FileInputDropzone, {
-      dropzoneProps: dropzoneProps,
-      hintDescription: hintDescription,
-      hintTitle: hintTitle,
-      borderWidth: borderWidth,
-      borderColor: borderColor,
-      borderColorHover: borderColorHover,
-      borderType: borderType,
-      thumbBorderWidth: thumbBorderWidth,
-      thumbBorderColor: thumbBorderColor,
-      thumbBorderColorHover: thumbBorderColorHover,
-      thumbBorderType: thumbBorderType,
-      fileErrorText: fileErrorText,
-      fill: fill,
-      size: size,
-      maxFiles: maxFiles,
-      maxSize: maxSize,
-      removeThumbTextHoverColor: removeThumbTextHoverColor,
-      fillHover: fillHover,
-      className: className,
-      thumbColumn: thumbColumn,
-      thumbDirection: thumbDirection,
-      inputName: input.name,
-      inputValue: input.value,
-      thumbNameTextSize: thumbNameTextSize,
-      thumbNameTextColor: thumbNameTextColor,
-      thumbNameTextWrap: thumbNameTextWrap,
-      thumbNameTextWeight: thumbNameTextWeight,
-      hintTitleTextSize: hintTitleTextSize,
-      hintTitleTextColor: hintTitleTextColor,
-      hintTitleTextWrap: hintTitleTextWrap,
-      hintTitleTextWeight: hintTitleTextWeight,
-      removeThumbTextSize: removeThumbTextSize,
-      removeThumbTextColor: removeThumbTextColor,
-      removeThumbTextWeight: removeThumbTextWeight,
-      hintDescriptionTextSize: hintDescriptionTextSize,
-      hintDescriptionTextColor: hintDescriptionTextColor,
-      hintDescriptionTextWrap: hintDescriptionTextWrap,
-      hintDescriptionTextWeight: hintDescriptionTextWeight,
-      errorMessageTextSize: errorMessageTextSize,
-      errorMessageWeight: errorMessageTextWeight,
-      errorMessageTextColor: errorMessageTextColor,
-      isPreviews: isPreviews,
-      shape: shape,
-      isShowFilename: isShowFilename,
-      metaError: meta.error,
-      metaTouched: meta.touched,
-      removeThumbText: removeThumbText,
-      onAddFiles: onAddFiles,
-      onDeleteFile: onDeleteFile
-    }));
-  });
-});
-FileInput.defaultProps = {
-  errorMessageTextSize: 's',
-  errorMessageTextColor: 'errorTextPrimary',
-  thumbColumn: 1,
-  thumbDirection: 'vertical'
-};
-FileInput.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  className: PropTypes__default.default.string,
-  classNameGroupItem: PropTypes__default.default.string,
-  classNameInput: PropTypes__default.default.string,
-  classNameInputWrapper: PropTypes__default.default.string,
-  dropzoneProps: PropTypes__default.default.object,
-  hintDescription: PropTypes__default.default.string,
-  hintTitle: PropTypes__default.default.string,
-  inputClass: PropTypes__default.default.string,
-  isPreviews: PropTypes__default.default.bool,
-  isRequired: PropTypes__default.default.bool,
-  isShowFilename: PropTypes__default.default.bool,
-  label: PropTypes__default.default.any,
-  removeThumbText: PropTypes__default.default.string,
-  onAddFiles: PropTypes__default.default.func,
-  onDeleteFile: PropTypes__default.default.func
-};
-
-var Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
-  var after = props.after,
-    before = props.before,
-    className = props.className,
-    label = props.label,
-    labelTextColor = props.labelTextColor,
-    labelTextSize = props.labelTextSize,
-    labelTextWeight = props.labelTextWeight,
-    message = props.message,
-    errorMessageTextSize = props.errorMessageTextSize,
-    errorMessageTextWeight = props.errorMessageTextWeight,
-    errorMessageTextColor = props.errorMessageTextColor,
-    messageTextSize = props.messageTextSize,
-    messageTextWeight = props.messageTextWeight,
-    messageTextColor = props.messageTextColor,
-    children = props.children,
-    dataTour = props.dataTour,
-    hideMessage = props.hideMessage,
-    name = props.name,
-    showErrorsOnSubmit = props.showErrorsOnSubmit;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    _ref.input;
-      var meta = _ref.meta;
-    var error = meta.error || !meta.modifiedSinceLastSubmit && meta.submitError || false;
-    var showError = React.useMemo(function () {
-      if (showErrorsOnSubmit) {
-        return meta.submitFailed && meta.touched && error;
-      } else {
-        return meta.touched && error;
-      }
-    }, [showErrorsOnSubmit, meta.submitFailed, meta.touched, error]);
-    return /*#__PURE__*/React__default.default.createElement("div", {
-      className: clsx__default.default('form__group', className),
-      "data-tour": dataTour
-    }, /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-wrapper"
-    }, before, /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-label"
-    }, /*#__PURE__*/React__default.default.createElement(Title.Title, {
-      textColor: labelTextColor,
-      size: labelTextSize,
-      textWeight: labelTextWeight
-    }, label)), /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-items"
-    }, children), after), !hideMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      className: "form__group-message form__group-message_type-error",
-      size: errorMessageTextSize,
-      textWeight: errorMessageTextWeight,
-      textColor: errorMessageTextColor,
-      id: name + "-error"
-    }, error), Boolean(message) && !showError && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      className: "form__group-message",
-      size: messageTextSize,
-      textWeight: messageTextWeight,
-      textColor: messageTextColor
-    }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      className: "form__group-message",
-      size: messageTextSize
-    }, "\xA0")));
-  });
-});
-Group.defaultProps = {
-  inputProps: {},
-  fieldProps: {},
-  type: 'normal',
-  errorMessageTextSize: 's',
-  errorMessageTextColor: 'errorTextPrimary',
-  messageTextSize: 's',
-  messageTextColor: 'surfaceTextTertiary'
-};
-Group.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
-};
-
-var InputField = /*#__PURE__*/React__default.default.memo(function InputField(props) {
-  var isPassword = props.isPassword,
-    isRequired = props.isRequired,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    isRevealable = props.isRevealable,
-    name = props.name,
-    parse = props.parse,
-    iconSize = props.iconSize;
-    props.iconBorder;
-    props.iconBorderHover;
-    var iconFill = props.iconFill,
-    iconFillHover = props.iconFillHover,
-    iconRevealableShow = props.iconRevealableShow,
-    iconRevealableHide = props.iconRevealableHide,
-    iconShape = props.iconShape,
-    hideMessage = props.hideMessage,
-    onChange = props.onChange,
-    classNameGroupItem = props.classNameGroupItem;
-  var _useState = React.useState(false),
-    isRevealed = _useState[0],
-    setIsRevealed = _useState[1];
-  var inputType = React.useMemo(function () {
-    if (isPassword) {
-      return isRevealed ? 'text' : 'password';
-    } else {
-      return 'text';
-    }
-  }, [isRevealed, isPassword]);
-  var revealeHandler = React.useCallback(function (e) {
-    e.preventDefault();
-    setIsRevealed(function (prev) {
-      return !prev;
-    });
-  }, [setIsRevealed]);
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    parse: parse
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.value, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_input', 'form__item_type_input', classNameGroupItem),
-      fieldClassName: isRevealable ? 'form-password' : 'form-input',
-      inputName: input.name,
-      inputValue: input.value || '',
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Input.Input, Object.assign({
-      className: clsx__default.default(meta.active && 'input_state_focus', meta.error && meta.touched && 'input_state_error'),
-      autoComplete: "nope",
-      name: input.name,
-      type: inputType,
-      value: input.value || '',
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, inputProps)), isRevealable && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
-      className: "form-field__icon",
-      iconFill: iconFill,
-      iconFillHover: iconFillHover,
-      SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow,
-      imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow,
-      shape: iconShape,
-      size: iconSize,
-      onClick: revealeHandler
-    }));
-  });
-});
-InputField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-InputField.propTypes = {
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  isPassword: PropTypes__default.default.bool,
-  isRequired: PropTypes__default.default.bool,
-  isRevealable: PropTypes__default.default.bool,
-  name: PropTypes__default.default.string.isRequired,
-  onChange: PropTypes__default.default.func
-};
-
-function RadioGroupItem(props) {
-  var input = props.input,
-    option = props.option,
-    onChange = props.onChange,
-    inputProps = props.inputProps;
-  var onChangeField = React.useCallback(function (event) {
-    if (event.target.checked) {
-      onChange(option.value);
-    }
-  }, []);
-  return /*#__PURE__*/React__default.default.createElement(RadioButton.RadioButton, Object.assign({
-    className: "form-radio__item",
-    checked: option.value === input.value,
-    name: input.name,
-    type: "radio",
-    value: option.value,
-    onBlur: input.onBlur,
-    onChange: onChangeField,
-    onFocus: input.onFocus,
-    label: option.label
-  }, inputProps));
-}
-RadioGroupItem.propTypes = {
-  inputProps: PropTypes__default.default.object,
-  onChange: PropTypes__default.default.func,
-  option: PropTypes__default.default.shape({
-    label: PropTypes__default.default.string,
-    value: PropTypes__default.default.string
-  }),
-  input: PropTypes__default.default.shape({
-    name: PropTypes__default.default.string,
-    value: PropTypes__default.default.string,
-    onBlur: PropTypes__default.default.func,
-    onFocus: PropTypes__default.default.func,
-    onChange: PropTypes__default.default.func
-  })
-};
-
-function RadioGroupInput(props) {
-  var input = props.input,
-    value = props.value,
-    onChange = props.onChange;
-  var onChangeField = React.useCallback(function (event) {
-    return onChange(event.target.value);
-  }, [onChange]);
-  return /*#__PURE__*/React__default.default.createElement(Input.Input, Object.assign({
-    autoComplete: "nope",
-    name: input.name,
-    onBlur: input.onBlur,
-    onChange: onChangeField,
-    onFocus: input.onFocus,
-    value: value
-  }, props));
-}
-RadioGroupInput.propTypes = {
-  input: PropTypes__default.default.string,
-  value: PropTypes__default.default.string,
-  editableProps: PropTypes__default.default.object,
-  onChange: PropTypes__default.default.func
-};
-
-function RadioGroupList(props) {
-  var input = props.input,
-    options = props.options,
-    editableProps = props.editableProps,
-    onChange = props.onChange,
-    inputProps = props.inputProps;
-  var _useState = React.useState(function () {
-      var isRadioValue = options.find(function (option) {
-        return option.value === input.value;
-      });
-      if (!isRadioValue) {
-        return input.value;
-      }
-      return '';
-    }),
-    editableValue = _useState[0],
-    setEditableValue = _useState[1];
-  React.useEffect(function () {
-    // When a new value from outside enters the form
-    if (input.value) {
-      // Check value for radio type
-      var isRadioValue = options.find(function (option) {
-        return option.value === input.value && !option.editable;
-      });
-      // If new value not in radio list - set to editable input
-      setEditableValue(isRadioValue ? '' : input.value);
-    } else {
-      // If new value is empty - clear editable input
-      setEditableValue('');
-    }
-  }, [input.value]);
-
-  // Callback for value changes
-  var onChangeSomeInput = React.useCallback(function (value) {
-    // Save to form values
-    input.onChange(value);
-    if (onChange) {
-      // Pass to custom event
-      onChange(value, input.name);
-    }
-  }, [input, onChange]);
-
-  // Handle for radio inputs
-  var onChangeRadio = React.useCallback(function (value) {
-    setEditableValue('');
-    onChangeSomeInput(value);
-  }, [onChangeSomeInput]);
-
-  // Handle for text input
-  var onChangeEditable = React.useCallback(function (value) {
-    setEditableValue(value);
-    onChangeSomeInput(value);
-  }, [onChangeSomeInput]);
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, options.map(function (option) {
-    return option.editable ? /*#__PURE__*/React__default.default.createElement(RadioGroupInput, {
-      key: option.label,
-      input: input,
-      value: editableValue,
-      option: option,
-      onChange: onChangeEditable,
-      editableProps: editableProps,
-      inputProps: inputProps
-    }) : /*#__PURE__*/React__default.default.createElement(RadioGroupItem, {
-      key: option.value,
-      input: input,
-      option: option,
-      onChange: onChangeRadio,
-      inputProps: inputProps
-    });
-  }));
-}
-RadioGroupList.propTypes = {
-  editableProps: PropTypes__default.default.object,
-  input: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  onChange: PropTypes__default.default.object,
-  options: PropTypes__default.default.object
-};
-
-var RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(props) {
-  var isRequired = props.isRequired,
-    name = props.name,
-    options = props.options,
-    fieldProps = props.fieldProps,
-    editableProps = props.editableProps,
-    inputProps = props.inputProps,
-    onChange = props.onChange,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: "form__item_type_radio",
-      fieldClassName: 'form-radio',
-      inputName: input.name,
-      inputValue: input.value || '',
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(RadioGroupList, {
-      input: input,
-      options: options,
-      onChange: onChange,
-      editableProps: editableProps,
-      inputProps: inputProps
-    }));
-  });
-});
-RadioGroup.defaultProps = {
-  fieldProps: {},
-  editableProps: {},
-  inputProps: {},
-  options: []
-};
-RadioGroup.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  editableProps: PropTypes__default.default.object,
-  isRequired: PropTypes__default.default.bool,
-  options: PropTypes__default.default.array,
-  onChange: PropTypes__default.default.func
-};
-
-// const SegmentedField = React.memo(
-function SegmentedField(props) {
-  var options = props.options,
-    isRequired = props.isRequired,
-    name = props.name,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    hideMessage = props.hideMessage;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var activeOption = React.useMemo(function () {
-      var emptyOption = {
-        value: null,
-        label: null
-      };
-      if (input.value) {
-        var currentOption = options.find(function (option) {
-          return option.value === input.value;
-        });
-        return currentOption || emptyOption;
-      }
-      return emptyOption;
-    }, [input.value]);
-    var setActiveSegment = React.useCallback(function (option) {
-      change(name, option.value);
-    }, [change]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_segmented', 'form__item_type_segmented'),
-      fieldClassName: "form-segmented",
-      inputName: input.name,
-      inputValue: input.value || [],
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Segmented.Segmented, Object.assign({
-      segments: options,
-      setActiveSegment: setActiveSegment,
-      activeSegment: activeOption
-    }, inputProps)));
-  });
-}
-// )
-
-SegmentedField.propTypes = {
-  options: PropTypes__default.default.array.isRequired,
-  name: PropTypes__default.default.string.isRequired,
-  className: PropTypes__default.default.string,
-  inputClass: PropTypes__default.default.string,
-  isRequired: PropTypes__default.default.bool,
-  label: PropTypes__default.default.string,
-  placeholder: PropTypes__default.default.string,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
-};
-
-function getDefaultValue(options, selectValue) {
-  var selectValues = Array.isArray(selectValue) ? selectValue : [selectValue];
-  var result = [];
-  options.forEach(function (item) {
-    var isValue = selectValues.includes(item.value);
-    var isLabel = selectValues.includes(item.label);
-    var childOptions = [];
-    if (item.options) {
-      childOptions = getDefaultValue(item.options, selectValue);
-    }
-    if (isValue || isLabel) {
-      result.push(item);
-    } else if (childOptions.length) {
-      result = result.concat(childOptions);
-    }
-  });
-  return result;
-}
-var SelectField = /*#__PURE__*/React__default.default.memo(function SelectField(props) {
-  var isRequired = props.isRequired,
-    key = props.key,
-    name = props.name,
-    options = props.options,
-    fieldProps = props.fieldProps,
-    selectProps = props.selectProps,
-    selectRef = props.selectRef,
-    onChange = props.onChange,
-    classNameGroupItem = props.classNameGroupItem,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = React.useCallback(function (value) {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange]);
-    var _useState = React.useState(null),
-      selectedOptions = _useState[0],
-      setSelectedOptions = _useState[1];
-    var defaultValue = React.useMemo(function () {
-      var _input$value;
-      var optionsValues = getDefaultValue(options, input.value);
-      if (!optionsValues.length && (_input$value = input.value) != null && _input$value.length) {
-        optionsValues.push({
-          value: input.value,
-          label: input.value
-        });
-      }
-      return optionsValues;
-    }, [input.value]);
-    React.useEffect(function () {
-      return setSelectedOptions(defaultValue);
-    }, [defaultValue]);
-    var onChangeValue = React.useCallback(function (option, actionMeta) {
-      var value = Array.isArray(option) ? option.map(function (o) {
-        return o.value;
-      }) : (option == null ? void 0 : option.value) || null;
-      setSelectedOptions(option);
-      onChangeField(value);
-    }, [onChangeField]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_select', 'form__item_type_select', classNameGroupItem),
-      fieldClassName: 'form-select',
-      inputName: input.name,
-      inputValue: input.value,
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Select.Select, Object.assign({
-      className: "form-select-item",
-      instanceId: "id_" + input.name,
-      value: selectedOptions,
-      onChange: onChangeValue,
-      options: options,
-      ref: selectRef,
-      key: key
-    }, selectProps)));
-  });
-});
-SelectField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  selectProps: PropTypes__default.default.object,
-  isRequired: PropTypes__default.default.bool,
-  label: PropTypes__default.default.any,
-  messageType: PropTypes__default.default.string,
-  options: PropTypes__default.default.array,
-  onChange: PropTypes__default.default.func
-};
-
-var SwitchField = /*#__PURE__*/React__default.default.memo(function SwitchField(props) {
-  var name = props.name,
-    isRequired = props.isRequired,
-    onChange = props.onChange,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    classNameGroupItem = props.classNameGroupItem,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    type: "checkbox"
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.checked, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_switch', 'form__item_type_switch', classNameGroupItem),
-      fieldClassName: "form-switch",
-      inputName: input.name,
-      inputValue: input.checked,
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage,
-      tag: "label"
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Switch.Switch, Object.assign({
-      autoComplete: "nope",
-      checked: input.checked,
-      name: input.name,
-      type: "checkbox",
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, inputProps)));
-  });
-});
-SwitchField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-SwitchField.propTypes = {
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  isRequired: PropTypes__default.default.bool,
-  name: PropTypes__default.default.string,
-  onChange: PropTypes__default.default.func
-};
-
-var TextareaField = /*#__PURE__*/React__default.default.memo(function TextareaField(props) {
-  var isRequired = props.isRequired,
-    name = props.name,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    classNameGroupItem = props.classNameGroupItem,
-    hideMessage = props.hideMessage;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_textarea', 'form__item_type_textarea', classNameGroupItem),
-      fieldClassName: 'form-textarea',
-      inputName: input.name,
-      inputValue: input.value,
-      isRequired: isRequired,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
-      metaSubmitError: meta.submitError,
-      metaSubmitFailed: meta.submitFailed,
-      metaTouched: meta.touched,
-      metaValid: meta.valid,
-      hideMessage: hideMessage
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Textarea.Textarea, Object.assign({
-      autoComplete: "nope",
-      name: input.name,
-      value: input.value,
-      onBlur: input.onBlur,
-      onChange: input.onChange,
-      onFocus: input.onFocus
-    }, inputProps)));
-  });
-});
-TextareaField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-TextareaField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
-};
-
-var focusOnError = function focusOnError(formElementsList, errors) {
-  var selectsIds = Object.keys(errors).map(function (fieldName) {
-    if (fieldName === finalForm.FORM_ERROR) {
-      // TODO: get from somewhere
-      return 'notification__item_status_error';
-    }
-    return "react-select-id_" + fieldName + "-input";
-  });
-  var errorFieldElement = formElementsList.find(function (element) {
-    if (element.name) {
-      return finalForm.getIn(errors, element.name);
-    } else {
-      return selectsIds.includes(element.id);
-    }
-  });
-  var errorsList = Object.keys(errors);
-  if (!errorFieldElement && errorsList.length) {
-    var errorElement;
-    try {
-      var fieldName = errorsList[0];
-      if (fieldName === finalForm.FORM_ERROR) {
-        errorElement = document.querySelector('notification__item_status_error');
-      } else {
-        errorElement = document.querySelector("#" + fieldName + "-error");
-        if (!errorElement) {
-          errorElement = document.querySelector("#id_" + fieldName);
-        }
-      }
-    } catch (err) {
-      console.warn(err);
-    }
-    if (errorElement) {
-      errorElement.scrollIntoView({
-        block: 'center'
-      }); // , behavior: 'smooth'
-    }
-  }
-
-  // the field is covered by the header because header is "sticky",
-  // that's we scroll manually so that the field falls into the center of the visible area
-  if (errorFieldElement) {
-    errorFieldElement.scrollIntoView({
-      block: 'center'
-    });
-  }
-  return null;
-};
-var focusOnErrorDecorator = createDecorator__default.default(null, focusOnError);
-var setErrorsMutator = function setErrorsMutator(args, state) {
-  var fieldName = args[0],
-    data = args[1];
-  var submitError = data.submitError;
-  var fieldError = data.error;
-  if (fieldName === 'non_field_errors') {
-    // state.formState.invalid = true
-    // state.formState.valid = false
-    state.formState.error = fieldError;
-    state.formState.submitError = submitError;
-  } else if (fieldName in state.fields) {
-    if (fieldError) {
-      var _Object$assign;
-      var errorsState = Object.assign({}, state.formState.errors, (_Object$assign = {}, _Object$assign[fieldName] = fieldError, _Object$assign));
-      state.fields[fieldName].touched = true;
-      state.fields[fieldName].error = fieldError;
-      state.formState.errors = errorsState;
-    }
-    if (submitError) {
-      var _Object$assign2;
-      var submitErrorsState = Object.assign({}, state.formState.submitErrors, (_Object$assign2 = {}, _Object$assign2[fieldName] = submitError, _Object$assign2));
-
-      // state.fields[fieldName].submitFailed = true
-      // state.fields[fieldName].submitSucceeded = false
-      state.fields[fieldName].submitError = submitError;
-      state.formState.submitErrors = submitErrorsState;
-      state.formState.submitFailed = true;
-      state.formState.submitSucceeded = false;
-      state.formState.lastSubmittedValues = state.formState.values;
-    }
-  }
-};
-var sendFormDataToServer = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url, data) {
-    var response, _error$response, _error$response2, formErrors;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          _context.next = 3;
-          return axios__default.default({
-            url: url,
-            method: 'POST',
-            data: data
-          });
-        case 3:
-          response = _context.sent;
-          return _context.abrupt("return", {
-            success: true,
-            response: response
-          });
-        case 7:
-          _context.prev = 7;
-          _context.t0 = _context["catch"](0);
-          formErrors = {};
-          if (typeof ((_error$response = _context.t0.response) == null ? void 0 : _error$response.data) === 'string') {
-            formErrors[finalForm.FORM_ERROR] = 'Something went wrong';
-          }
-          if (typeof ((_error$response2 = _context.t0.response) == null ? void 0 : _error$response2.data) === 'object') {
-            Object.entries(_context.t0.response.data).forEach(function (_ref2) {
-              var fieldName = _ref2[0],
-                errorsList = _ref2[1];
-              formErrors[fieldName] = errorsList[0];
-            });
-          }
-          return _context.abrupt("return", {
-            success: false,
-            formErrors: formErrors,
-            error: _context.t0
-          });
-        case 13:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 7]]);
-  }));
-  return function sendFormDataToServer(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var formTypes = {
-  checkbox: 'checkbox',
-  custom: 'custom',
-  choice: 'choice',
-  code: 'code',
-  datePicker: 'datePicker',
-  dateRangePicker: 'dateRangePicker',
-  fileInput: 'fileInput',
-  group: 'group',
-  radioGroup: 'radioGroup',
-  segmented: 'segmented',
-  select: 'select',
-  "switch": 'switch',
-  text: 'text',
-  textarea: 'textarea'
-};
-function generateField(field, config, props) {
-  switch (field.type) {
-    case formTypes.checkbox:
-      {
-        return /*#__PURE__*/React__default.default.createElement(CheckboxField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.choice:
-      {
-        return /*#__PURE__*/React__default.default.createElement(ChoiceField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.code:
-      {
-        return /*#__PURE__*/React__default.default.createElement(CodeField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes["switch"]:
-      {
-        return /*#__PURE__*/React__default.default.createElement(SwitchField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.segmented:
-      {
-        return /*#__PURE__*/React__default.default.createElement(SegmentedField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.datePicker:
-      {
-        return /*#__PURE__*/React__default.default.createElement(DatePickerField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.fileInput:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FileInput, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.radioGroup:
-      {
-        return /*#__PURE__*/React__default.default.createElement(RadioGroup, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.select:
-      {
-        return /*#__PURE__*/React__default.default.createElement(SelectField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.text:
-      {
-        return /*#__PURE__*/React__default.default.createElement(InputField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.textarea:
-      {
-        return /*#__PURE__*/React__default.default.createElement(TextareaField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.custom:
-      {
-        return /*#__PURE__*/React__default.default.createElement(CustomField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.group:
-      {
-        return /*#__PURE__*/React__default.default.createElement(Group, Object.assign({
-          key: config.key
-        }, field, props), Object.entries(field.group).map(function (_ref) {
-          var key = _ref[0],
-            value = _ref[1];
-          var groupProps = Object.assign({}, value, {
-            hideMessage: field.hideMessage,
-            classNameGroupItem: value.classNameGroupItem || 'form__group-item'
-          });
-          return generateField(groupProps, {
-            key: key + '_form_group'
-          }, props);
-        }));
-      }
-  }
-}
-
-var FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalForm(props, ref) {
-  var additionalProps = props.additionalProps,
-    after = props.after,
-    before = props.before,
-    buttonDirection = props.buttonDirection,
-    buttonGap = props.buttonGap,
-    buttonPadding = props.buttonPadding,
-    groupGap = props.groupGap,
-    className = props.className,
-    config = props.config,
-    description = props.description,
-    descriptionSize = props.descriptionSize,
-    descriptionTextColor = props.descriptionTextColor,
-    descriptionTextWeight = props.descriptionTextWeight,
-    disableFieldsAutoComplete = props.disableFieldsAutoComplete,
-    fieldsGap = props.fieldsGap,
-    formName = props.formName,
-    initialValues = props.initialValues,
-    initialValuesEqual = props.initialValuesEqual,
-    isLoading = props.isLoading,
-    loader = props.loader,
-    loaderSet = props.loaderSet,
-    loaderFill = props.loaderFill,
-    loaderItemFill = props.loaderItemFill,
-    loaderText = props.loaderText,
-    language = props.language,
-    mutators = props.mutators,
-    onChangeFormValues = props.onChangeFormValues,
-    onClickSecondaryButton = props.onClickSecondaryButton,
-    onClickTertiaryButton = props.onClickTertiaryButton,
-    onSubmit = props.onSubmit,
-    primaryButton = props.primaryButton,
-    primaryButtonLabel = props.primaryButtonLabel,
-    secondaryButton = props.secondaryButton,
-    secondaryButtonLabel = props.secondaryButtonLabel,
-    primaryButtonFill = props.primaryButtonFill,
-    primaryButtonFillHover = props.primaryButtonFillHover,
-    secondaryButtonFill = props.secondaryButtonFill,
-    secondaryButtonFillHover = props.secondaryButtonFillHover,
-    primaryButtonSize = props.primaryButtonSize,
-    primaryButtonLabelTextColor = props.primaryButtonLabelTextColor,
-    primaryButtonLabelSize = props.primaryButtonLabelSize,
-    primaryButtonLabelTextWeight = props.primaryButtonLabelTextWeight,
-    secondaryButtonSize = props.secondaryButtonSize,
-    secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor,
-    secondaryButtonLabelSize = props.secondaryButtonLabelSize,
-    secondaryButtonLabelTextWeight = props.secondaryButtonLabelTextWeight,
-    tertiaryButton = props.tertiaryButton,
-    tertiaryButtonFill = props.tertiaryButtonFill,
-    tertiaryButtonFillHover = props.tertiaryButtonFillHover,
-    tertiaryButtonSize = props.tertiaryButtonSize,
-    tertiaryButtonLabelTextColor = props.tertiaryButtonLabelTextColor,
-    tertiaryButtonLabelSize = props.tertiaryButtonLabelSize,
-    tertiaryButtonLabelTextWeight = props.tertiaryButtonLabelTextWeight,
-    tertiaryButtonLabel = props.tertiaryButtonLabel,
-    set = props.set,
-    type = props.type,
-    buttonJustifyContent = props.buttonJustifyContent,
-    title = props.title,
-    notificationType = props.notificationType,
-    buttonFill = props.buttonFill,
-    titleTextSize = props.titleTextSize,
-    titleTextColor = props.titleTextColor,
-    titleTextWeight = props.titleTextWeight,
-    validationSchema = props.validationSchema,
-    dataTour = props.dataTour,
-    dataTourButtons = props.dataTourButtons,
-    dataTourPrimaryButton = props.dataTourPrimaryButton,
-    dataTourSecondaryButton = props.dataTourSecondaryButton,
-    dataTourTertiaryButton = props.dataTourTertiaryButton;
-  var validate = useYupValidationSchema(validationSchema, language);
-  var onRefFormInstance = React.useCallback(function (formInstance) {
-    if (ref) {
-      ref.current = formInstance;
-    }
-  }, [ref]);
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'direction_',
-    propsKey: 'direction'
-  });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'shape_',
-    propsKey: 'shape'
-  });
-  var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'elevation_',
-    propsKey: 'elevation'
-  });
-  var _useStyles = useStyles.useStyles(props),
-    formStyles = _useStyles.styles;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Form, {
-    decorators: [focusOnErrorDecorator],
-    initialValues: initialValues,
-    initialValuesEqual: initialValuesEqual,
-    mutators: mutators,
-    render: function render(_ref) {
-      var handleSubmit = _ref.handleSubmit,
-        submitError = _ref.submitError,
-        modifiedSinceLastSubmit = _ref.modifiedSinceLastSubmit,
-        form = _ref.form;
-      return /*#__PURE__*/React__default.default.createElement("form", {
-        style: formStyles,
-        className: clsx__default.default(className, 'form', set && "form_set_" + set, type && "form_type_" + type, directionClass, fillClass, shapeClass, elevationClass),
-        name: formName,
-        "data-tour": dataTour,
-        ref: function ref() {
-          return onRefFormInstance(form);
-        },
-        onSubmit: handleSubmit,
-        autoComplete: disableFieldsAutoComplete ? 'off' : undefined,
-        autoCorrect: disableFieldsAutoComplete ? 'off' : undefined,
-        autoCapitalize: disableFieldsAutoComplete ? 'off' : undefined,
-        spellCheck: disableFieldsAutoComplete ? 'false' : undefined
-      }, before, title && /*#__PURE__*/React__default.default.createElement(Title.Title, {
-        className: "form__title",
-        size: titleTextSize,
-        textColor: titleTextColor,
-        textWeight: titleTextWeight
-      }, title), description && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-        className: "form__description",
-        size: descriptionSize,
-        textColor: descriptionTextColor,
-        textWeight: descriptionTextWeight
-      }, description), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React__default.default.createElement("div", {
-        className: clsx__default.default('notification', 'form-notification', notificationType ? "form-notification_type_" + notificationType : 'form-notification_type_global')
-      }, /*#__PURE__*/React__default.default.createElement(Notification.NotificationItem, {
-        className: "form-notification__item",
-        titleTextSize: "h6",
-        title: form.getState().submitError,
-        set: "form",
-        status: "error"
-      })), onChangeFormValues && /*#__PURE__*/React__default.default.createElement(reactFinalForm.FormSpy, {
-        subscription: {
-          values: true
-        },
-        onChange: onChangeFormValues
-      }), Boolean(Object.keys(config).length) && /*#__PURE__*/React__default.default.createElement(Group$1.Group, {
-        direction: "vertical",
-        gap: fieldsGap || groupGap,
-        className: "form__wrapper"
-      }, Object.keys(config).map(function (key) {
-        return generateField(config[key], {
-          key: key
-        }, additionalProps[config[key].name]);
-      }), isLoading && (loader || /*#__PURE__*/React__default.default.createElement(Loader.Loader, {
-        className: "form__loader",
-        set: loaderSet,
-        fill: loaderFill,
-        itemFill: loaderItemFill,
-        text: loaderText
-      }))), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || tertiaryButton || tertiaryButtonLabel) && /*#__PURE__*/React__default.default.createElement(Group$1.Group, {
-        fill: buttonFill,
-        justifyContent: buttonJustifyContent,
-        direction: buttonDirection,
-        padding: buttonPadding,
-        gap: buttonGap,
-        className: "form__button",
-        dataTour: dataTourButtons
-      }, primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
-        width: "fill",
-        className: "form__button-item",
-        fill: primaryButtonFill,
-        fillHover: primaryButtonFillHover,
-        size: primaryButtonSize,
-        labelTextColor: primaryButtonLabelTextColor,
-        labelSize: primaryButtonLabelSize,
-        labelTextWeight: primaryButtonLabelTextWeight,
-        label: primaryButtonLabel,
-        dataTour: dataTourPrimaryButton
-      }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
-        width: "fill",
-        className: "form__button-item",
-        fill: secondaryButtonFill,
-        fillHover: secondaryButtonFillHover,
-        size: secondaryButtonSize,
-        labelTextColor: secondaryButtonLabelTextColor,
-        labelSize: secondaryButtonLabelSize,
-        labelTextWeight: secondaryButtonLabelTextWeight,
-        label: secondaryButtonLabel,
-        onClick: onClickSecondaryButton,
-        dataTour: dataTourSecondaryButton
-      }) : secondaryButton, tertiaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
-        width: "fill",
-        className: "form__button-item",
-        fill: tertiaryButtonFill,
-        fillHover: tertiaryButtonFillHover,
-        size: tertiaryButtonSize,
-        labelTextColor: tertiaryButtonLabelTextColor,
-        labelSize: tertiaryButtonLabelSize,
-        labelTextWeight: tertiaryButtonLabelTextWeight,
-        label: tertiaryButtonLabel,
-        onClick: onClickTertiaryButton,
-        dataTour: dataTourTertiaryButton
-      }) : tertiaryButton), after);
-    },
-    subscription: {
-      submitting: true,
-      pristine: true,
-      modifiedSinceLastSubmit: true,
-      submitError: true
-    },
-    validate: validate,
-    onSubmit: onSubmit
-  });
-});
-FinalForm.propTypes = {
-  additionalProps: PropTypes__default.default.object,
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  buttonGap: PropTypes__default.default.string,
-  className: PropTypes__default.default.string,
-  config: PropTypes__default.default.object,
-  description: PropTypes__default.default.string,
-  descriptionSize: PropTypes__default.default.string,
-  descriptionTextColor: PropTypes__default.default.string,
-  descriptionTextWeight: PropTypes__default.default.string,
-  disableFieldsAutoComplete: PropTypes__default.default.string,
-  fieldsGap: PropTypes__default.default.string,
-  formName: PropTypes__default.default.string,
-  initialValues: PropTypes__default.default.any,
-  initialValuesEqual: PropTypes__default.default.any,
-  language: PropTypes__default.default.string,
-  isLoading: PropTypes__default.default.bool,
-  loaderText: PropTypes__default.default.string,
-  mutators: PropTypes__default.default.any,
-  onChangeFormValues: PropTypes__default.default.func,
-  onClickSecondaryButton: PropTypes__default.default.func,
-  onSubmit: PropTypes__default.default.func,
-  primaryButton: PropTypes__default.default.string,
-  primaryButtonFill: PropTypes__default.default.string,
-  primaryButtonLabel: PropTypes__default.default.string,
-  secondaryButton: PropTypes__default.default.string,
-  secondaryButtonFill: PropTypes__default.default.string,
-  secondaryButtonLabel: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
-  title: PropTypes__default.default.string,
-  titleSize: PropTypes__default.default.string,
-  titleTextColor: PropTypes__default.default.string,
-  titleTextWeight: PropTypes__default.default.string,
-  validationSchema: PropTypes__default.default.object
-};
-FinalForm.defaultProps = {
-  additionalProps: {},
-  isLoading: false,
-  loaderSet: 'simple',
-  loaderFill: 'surfacePrimary',
-  loaderItemFill: 'surfaceItemAccent',
-  language: 'en',
-  titleSize: 'h1',
-  buttonDirection: 'vertical',
-  direction: 'vertical',
-  disableFieldsAutoComplete: false
-};
-
-Object.defineProperty(exports, 'Field', {
-  enumerable: true,
-  get: function () { return reactFinalForm.Field; }
-});
-Object.defineProperty(exports, 'useForm', {
-  enumerable: true,
-  get: function () { return reactFinalForm.useForm; }
-});
-Object.defineProperty(exports, 'useFormState', {
-  enumerable: true,
-  get: function () { return reactFinalForm.useFormState; }
-});
-exports.Checkbox = CheckboxField;
-exports.ChoiceField = ChoiceField;
-exports.CodeField = CodeField;
-exports.CustomField = CustomField;
-exports.DatePickerField = DatePickerField;
-exports.FieldWrapper = FieldWrapper;
-exports.FieldWrapperBase = FieldWrapperBase;
-exports.FileInput = FileInput;
-exports.FinalForm = FinalForm;
-exports.Group = Group;
-exports.InputField = InputField;
-exports.RadioGroup = RadioGroup;
-exports.SegmentedField = SegmentedField;
-exports.SelectField = SelectField;
-exports.Switch = SwitchField;
-exports.Textarea = TextareaField;
-exports.addRequiredFieldsParamToSchema = addRequiredFieldsParamToSchema;
-exports.emailValidation = emailValidation;
-exports.focusOnError = focusOnError;
-exports.focusOnErrorDecorator = focusOnErrorDecorator;
-exports.formTypes = formTypes;
-exports.generateField = generateField;
-exports.phoneValidation = phoneValidation;
-exports.sendFormDataToServer = sendFormDataToServer;
-exports.setErrorsMutator = setErrorsMutator;
-exports.useYupValidationSchema = useYupValidationSchema;
+"use strict";var e=require("libphonenumber-js"),t=require("react"),a=require("final-form"),r=require("react-final-form"),i=require("prop-types"),o=require("clsx"),l=require("@itcase/ui/components/Checkbox"),s=require("@itcase/ui/components/Divider"),n=require("@itcase/ui/components/Text"),u=require("@itcase/ui/hooks/useDeviceTargetClass"),d=require("@itcase/ui/hooks/useStyles"),m=require("@itcase/ui/components/Choice"),c=require("@itcase/ui/components/Code"),f=require("@itcase/ui/components/DatePicker"),p=require("axios"),b=require("react-dropzone"),g=require("file-selector"),h=require("lodash/castArray"),x=require("@itcase/common"),_=require("@itcase/ui/components/Loader"),T=require("@itcase/ui/components/Title"),v=require("@itcase/ui/components/Input"),y=require("@itcase/ui/components/Icon"),C=require("@itcase/ui/components/RadioButton"),S=require("@itcase/ui/components/Segmented"),E=require("@itcase/ui/components/Select"),F=require("@itcase/ui/components/Switch"),N=require("@itcase/ui/components/Textarea"),P=require("@itcase/ui/components/Button"),z=require("@itcase/ui/components/Group"),k=require("@itcase/ui/components/Notification"),R=require("final-form-focus");function q(e){return e&&e.__esModule?e:{default:e}}var j=q(t),B=q(i),M=q(o),W=q(p),O=q(h),D=q(R);const w=(e,t)=>a.setIn(e,t.path,t.message),L=Object.create(null);function V(e,a){const r=t.useMemo((()=>e&&(e=>async function(t){try{await e.validate(t,{abortEarly:!1})}catch(e){if(e.inner)return e.inner.reduce(w,L);console.warn("itcase-forms schema.validate error: An error not related to the form occurred during validation. Validation ignored.")}})(e)),[e,a]);return r}function I(e){const{after:a,afterItem:r,before:i,beforeItem:o,children:l,className:m,desc:c,descTextSize:f,descTextColor:p,descTextWidth:b,divider:g,dividerDirection:h,dividerFill:x,dividerSize:_,dividerWidth:T,fieldClassName:v,id:y,inputName:C,inputValue:S,isRequired:E,label:F,labelTextSize:N,labelTextColor:P,labelTextWidth:z,errorMessageTextSize:k,errorMessageTextWeight:R,errorMessageTextColor:q,message:B,messageTextSize:W,messageTextColor:O,messageTextWeight:D,metaActive:w,metaError:L,metaModifiedSinceLastSubmit:V,metaSubmitError:I,metaSubmitFailed:A,metaTouched:$,metaValid:H,set:G,type:K,hideMessage:U,isHidden:J,tag:Y,dataTour:Q,showErrorsOnSubmit:X}=e,Z=L||!V&&I||!1,ee=t.useMemo((()=>X?A&&$&&Z:$&&Z),[X,A,$,Z]),te=t.useMemo((()=>(Array.isArray(S)?S.length:S)&&(H||!L&&I&&V)),[S,H,L,I,V]),ae=t.useMemo((()=>M.default(m,ee&&"form__item_state_error",te&&"form__item_state_success",E&&"form__item_state_required",w&&"form__item_state_focus",S&&"form__item_state_filled")),[m,ee,te,E,w,S]),re=t.useMemo((()=>M.default(v,ee&&`${v}_state_error`,te&&`${v}_state_success`,w&&`${v}_state_focus`,S&&`${v}_state_filled`)),[v,ee,te,w,S]),ie=u.useDeviceTargetClass(e,{prefix:"form-field_size_",propsKey:"size"}),oe=u.useDeviceTargetClass(e,{prefix:"fill_",propsKey:"fill"}),le=u.useDeviceTargetClass(e,{prefix:"fill_",propsKey:"inputFill"}),se=u.useDeviceTargetClass(e,{prefix:"form-field_shape_",propsKey:"shape"}),ne=u.useDeviceTargetClass(e,{prefix:"form-field__item-value_shape_",propsKey:"inputShape"}),ue=u.useDeviceTargetClass(e,{prefix:"direction_",propsKey:"direction"}),de=u.useDeviceTargetClass(e,{prefix:"width_",propsKey:"width"}),{styles:me}=d.useStyles(e);return j.default.createElement(Y,{className:M.default(ae,"form__item","form-field",K&&`form-field_type_${K}`,G&&`form-field_set_${G}`,ie,oe,se,J&&"form-field_state_hidden",ue,de),"data-tour":Q,style:me},i,F&&j.default.createElement("div",{htmlFor:y,className:"form-field__label"},j.default.createElement(n.Text,{size:N,textWeight:z,textColor:P},F)),c&&j.default.createElement("div",{className:"form-field__desc"},j.default.createElement(n.Text,{size:f,textWeight:b,textColor:p},c)),j.default.createElement("div",{className:M.default("form-field__content",le,ne)},j.default.createElement("div",{className:M.default("form-field__content-inner",re)},o,l,r),g&&j.default.createElement(s.Divider,{className:"form-field__item-divider",width:T,direction:h,size:_,fill:x})),!U&&j.default.createElement("div",{className:"form-field__message"},Boolean(ee)&&j.default.createElement(n.Text,{className:"form-field__message-item form-field__message-item_type-error",size:k,textWeight:R,textColor:q,id:`${C}-error`},Z),Boolean(B)&&!ee&&j.default.createElement(n.Text,{className:"form-field__message-item form-field__message-item_type_message",size:W,textWeight:D,textColor:O},B),Boolean(!ee)&&Boolean(!B)&&j.default.createElement(n.Text,{className:"form-field__message-item form-field__message-item_type_message",size:W}," ")),a)}function A(e){const{inputName:a}=e,{change:i}=r.useForm();return t.useEffect((()=>()=>{i(a,void 0)}),[]),j.default.createElement(I,e)}I.defaultProps={tag:"div",type:"normal",errorMessageTextSize:"s",errorMessageTextColor:"errorTextSecondary"},I.propTypes={after:B.default.any,afterItem:B.default.any,autoComplete:B.default.string,before:B.default.any,beforeItem:B.default.any,children:B.default.any,className:B.default.string,desc:B.default.string,descTextSize:B.default.string,descTextColor:B.default.string,descTextWidth:B.default.string,dividerDirection:B.default.string,dividerFill:B.default.string,dividerSize:B.default.string,dividerWidth:B.default.string,fieldClassName:B.default.string,id:B.default.string,inputName:B.default.string,inputOnBlur:B.default.func,inputOnChange:B.default.func,inputOnFocus:B.default.func,inputValue:B.default.any,isRequired:B.default.bool,itemType:B.default.string,label:B.default.any,labelTextSize:B.default.string,labelTextColor:B.default.string,labelTextWidth:B.default.string,errorMessageTextSize:B.default.string,errorMessageTextWidth:B.default.string,errorMessageTextColor:B.default.string,message:B.default.string,messageSize:B.default.string,messageTextColor:B.default.string,messageTextWidth:B.default.string,metaActive:B.default.bool,metaError:B.default.string,metaModifiedSinceLastSubmit:B.default.bool,metaSubmitError:B.default.string,metaSubmitFailed:B.default.bool,metaTouched:B.default.bool,metaValid:B.default.bool,set:B.default.string,showErrorsOnSubmit:B.default.bool,type:B.default.string},A.propTypes={autoComplete:B.default.string,children:B.default.any,className:B.default.string,fieldClassName:B.default.string,hint:B.default.string,inputName:B.default.string,inputOnBlur:B.default.func,inputOnChange:B.default.func,inputOnFocus:B.default.func,inputValue:B.default.any,isRequired:B.default.bool,itemType:B.default.string,label:B.default.any,metaActive:B.default.bool,metaError:B.default.string,metaModifiedSinceLastSubmit:B.default.bool,metaSubmitError:B.default.string,metaSubmitFailed:B.default.bool,metaTouched:B.default.bool,metaValid:B.default.bool,showErrorsOnSubmit:B.default.bool};const $=j.default.memo((function(e){const{name:a,isRequired:i,onChange:o,fieldProps:s,inputProps:n,classNameGroupItem:u,hideMessage:d}=e;return j.default.createElement(r.Field,{name:a,type:"checkbox"},(({input:e,meta:a})=>{const r=t.useCallback((t=>{e.onChange(t),o&&o(t.target.checked,e.name)}),[o]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_checkbox","form__item_type_checkbox",u),fieldClassName:"form-checkbox",inputName:e.name,inputValue:e.checked,isRequired:i,metaActive:a.active,metaError:a.error,metaModifiedSinceLastSubmit:a.modifiedSinceLastSubmit,metaSubmitError:a.submitError,metaSubmitFailed:a.submitFailed,metaTouched:a.touched,metaValid:a.valid,tag:"label",hideMessage:d},s),j.default.createElement(l.Checkbox,Object.assign({autoComplete:"nope",checked:e.checked,name:e.name,type:"checkbox",onBlur:e.onBlur,onChange:r,onFocus:e.onFocus},n)))}))}));$.defaultProps={inputProps:{},fieldProps:{}},$.propTypes={fieldProps:B.default.object,inputProps:B.default.object,isRequired:B.default.bool,name:B.default.string,onChange:B.default.func};const H=j.default.memo((function(e){const{options:a,classNameGroupItem:i,fieldProps:o,inputProps:l,isMultiple:s,isRequired:n,initialValue:u,label:d,name:c,messageType:f,hideMessage:p,placeholder:b}=e,{change:g}=r.useForm();return j.default.createElement(r.Field,{name:c,initialValue:u},(({input:e,meta:r})=>{const u=t.useMemo((()=>{const t={value:null,label:null};if(e.value){return a.find((t=>t.value===e.value))||t}return t}),[e.value]),h=t.useCallback((e=>{g(c,e.value)}),[g]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_choice","form__item_type_choice",i),fieldClassName:"form-choice",inputName:e.name,inputValue:e.value||[],isRequired:n,label:d,messageType:f,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:p},o),j.default.createElement(m.Choice,Object.assign({className:M.default(r.active&&"form-choice_state_focus",r.error&&r.touched&&"form-choice_state_error"),options:a,inputName:e.name,inputValue:e.value||[],isMultiple:s,isRequired:n,placeholder:b,active:u,setActiveSegment:h},l)))}))}));H.propTypes={options:B.default.array.isRequired,name:B.default.string.isRequired,className:B.default.string,inputClass:B.default.string,isMultiple:B.default.bool,isRequired:B.default.bool,label:B.default.string,placeholder:B.default.string};const G=j.default.memo((function(e){const{Component:t,isRequired:a,name:i,fieldProps:o,classNameGroupItem:l,hideMessage:s}=e;return j.default.createElement(r.Field,{name:i},(({input:r,meta:i})=>j.default.createElement(A,Object.assign({className:M.default("form-field_type_custom","form__item_type_custom",l),fieldClassName:"form-custom",inputName:r.name,inputValue:r.value,isRequired:a,metaActive:i.active,metaError:i.error,metaModifiedSinceLastSubmit:i.modifiedSinceLastSubmit,metaSubmitError:i.submitError,metaSubmitFailed:i.submitFailed,metaTouched:i.touched,metaValid:i.valid,hideMessage:s},o),j.default.createElement(t,Object.assign({},e,{input:r,meta:i})))))}));G.defaultProps={inputProps:{},fieldProps:{}},G.propTypes={name:B.default.string.isRequired,isRequired:B.default.bool,fieldProps:B.default.object,inputProps:B.default.object};const K=j.default.memo((function(e){const{isRequired:t,name:a,fieldProps:i,inputProps:o,classNameGroupItem:l,hideMessage:s}=e;return j.default.createElement(r.Field,{name:a},(({input:e,meta:a})=>j.default.createElement(A,Object.assign({className:M.default("form-field_type_code","form__item_type_code",l),fieldClassName:"form-code",inputName:e.name,inputValue:e.value,isRequired:t,metaActive:a.active,metaError:a.error,metaModifiedSinceLastSubmit:a.modifiedSinceLastSubmit,metaSubmitError:a.submitError,metaSubmitFailed:a.submitFailed,metaTouched:a.touched,metaValid:a.valid,hideMessage:s},i),j.default.createElement(c.Code,Object.assign({autoComplete:"nope",name:e.name,value:e.value,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},o)))))}));function U(e){const{isRequired:a,fieldProps:i,inputProps:o,datePickerProps:l,name:s,iconSize:n,iconBorder:u,iconBorderHover:d,iconFill:m,iconFillHover:c,iconRevealableShow:p,iconRevealableHide:b,iconShape:g,hideMessage:h,onChange:x,classNameGroupItem:_}=e;return j.default.createElement(r.Field,{name:s},(({input:e,meta:r})=>{const s=t.useCallback((t=>{e.onChange(t),x&&x(t,e.name)}),[x]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_datepicker","form__item_type_datepicker",_),fieldClassName:"form-datepicker",inputName:e.name,inputValue:e.value||"",isRequired:a,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:h},i),j.default.createElement(f.DatePickerInput,{name:e.name,value:e.value||"",onBlur:e.onBlur,onChange:s,onFocus:e.onFocus,inputProps:o,datePickerProps:l}))}))}async function J(e){try{const t=await W.default({url:`/api/${e}/`,responseType:"blob"}),a=t.data,r=t.headers["content-disposition"]?.split("filename=")[1];let i=r?.substring(1).slice(0,-1);if(!i){const e=a.type.split("/"),t=e[e.length-1];i=`${(new Date).getTime()}.${t}`}return new File([a],i,{type:a.type})}catch(e){return console.log("error: ",e),null}}function Y(e,t){t=t||(()=>{});const a=new FileReader;a._readedFile=e,a.onabort=()=>t(),a.onerror=()=>t(),a.onload=e=>{e.target._readedFile.dataURL=a.result,t()},e instanceof File?a.readAsDataURL(e):t()}K.defaultProps={inputProps:{},fieldProps:{}},K.propTypes={name:B.default.string.isRequired,isRequired:B.default.bool,fieldProps:B.default.object,inputProps:B.default.object},U.defaultProps={inputProps:{},fieldProps:{}},U.propTypes={fieldProps:B.default.object,inputProps:B.default.object,isRequired:B.default.bool,name:B.default.string.isRequired,onChange:B.default.func};const Q=j.default.memo((function(e){const{inputName:a,size:i,className:o,fileErrorText:l,hintTitleTextSize:s,removeThumbTextSize:d,removeThumbTextColor:m,removeThumbTextWeight:c,thumbNameTextSize:f,thumbNameTextColor:p,removeThumbTextHoverColor:h,thumbNameTextWrap:T,thumbNameTextWeight:v,hintTitleTextColor:y,hintTitleTextWrap:C,thumbColumn:S,hintTitleTextWeight:E,hintDescriptionTextSize:F,hintDescriptionTextColor:N,hintDescriptionTextWrap:P,hintDescriptionTextWeight:z,errorMessageTextSize:k,errorMessageTextWeight:R,errorMessageTextColor:q,inputValue:B,maxFiles:W,maxSize:D,removeThumbText:w,hintTitle:L,hintDescription:V,isShowFilename:I,isPreviews:A,loadingText:$,dropzoneProps:H={},onAddFiles:G,onDeleteFile:K}=e,[U,Q]=t.useState(""),[X,Z]=t.useState(!1),[ee,te]=t.useState(B?O.default(B):[]),{change:ae}=r.useForm(),re=t.useCallback((e=>{const t=1==H.maxFiles?e[0]:e;return ae(a,t),t}),[H,ae]),{getRootProps:ie,getInputProps:oe}=b.useDropzone({maxSize:D||10485760,maxFiles:W||5,...H,getFilesFromEvent:async e=>{const t=(await g.fromEvent(e)).filter((e=>e instanceof File));return[...ee,...t]},onDropAccepted:(e,t)=>{A&&e.forEach((e=>{e.error||(e.preview=URL.createObjectURL(e))})),te(e),Q("");const r=e.map((e=>new Promise((t=>Y(e,t)))));Promise.all(r).then((()=>{const t=re(e);G&&G(t,a)}))},onDropRejected:(e,t)=>{if(e.length){const t=e[0].errors[0]?.message;Q(t||"Error on adding file")}else Q("")}}),le=t.useCallback(((e,t)=>{e.stopPropagation(),e.preventDefault();const r=[...ee];r.splice(t,1),K&&K(ee[t],a),re(r)}),[ee,re,K]),se=t.useCallback((async e=>{Z(!0);const t=await async function(e,t){const a=[];for await(const r of O.default(e)){let e=null;const i="string"==typeof r&&r.includes("/");(r.image||i)&&(e=await J(r.image||r),e&&Y(e)),r.dataURL&&(e=x.createFileFromDataURL(r.name||r.path,r.dataURL),e.dataURL=r.dataURL),e&&(e.id=r.id,t&&(e.preview=URL.createObjectURL(e)),a.push(e))}return a}(e,A);return Z(!1),te(t),t}),[A]);t.useEffect((()=>{se(B).then((e=>re(e)))}),[]),t.useEffect((()=>{B?se(B):te([])}),[B]),t.useEffect((()=>()=>ee.forEach((e=>URL.revokeObjectURL(e?.preview)))),[]);const ne=u.useDeviceTargetClass(e,{prefix:"fill_",propsKey:"fill"}),ue=u.useDeviceTargetClass(e,{prefix:"fill_hover_",propsKey:"fillHover"}),de=u.useDeviceTargetClass(e,{prefix:"border-width_",propsKey:"borderWidth"}),me=u.useDeviceTargetClass(e,{prefix:"border-color_",propsKey:"borderColor"}),ce=u.useDeviceTargetClass(e,{prefix:"border-color_hover_",propsKey:"borderColorHover"}),fe=u.useDeviceTargetClass(e,{prefix:"border_type_",propsKey:"borderType"}),pe=u.useDeviceTargetClass(e,{prefix:"form-dropzone_shape_",propsKey:"shape"}),be=u.useDeviceTargetClass(e,{prefix:"border-width_",propsKey:"thumbBorderWidth"}),ge=u.useDeviceTargetClass(e,{prefix:"form-dropzone__thumb_direction_",propsKey:"thumbDirection"}),he=u.useDeviceTargetClass(e,{prefix:"border-color_",propsKey:"thumbBorderColor"}),xe=u.useDeviceTargetClass(e,{prefix:"border-color_hover_",propsKey:"thumbBorderColorHover"}),_e=u.useDeviceTargetClass(e,{prefix:"border_type_",propsKey:"thumbBorderType"});return j.default.createElement(j.default.Fragment,null,j.default.createElement("div",ie({className:`form-dropzone__dropzone dropzone ${o} thumbColumn form-dropzone__dropzone_size_${i} ${pe}`}),j.default.createElement("input",Object.assign({},oe(),{name:a})),j.default.createElement("div",{className:M.default("form-dropzone__dropzone-wrapper",S&&`form-dropzone__dropzone-wrapper_column_${S}`,ne,ue,de,me,ce,fe)},ee.map(((e,t)=>j.default.createElement("aside",{className:M.default("form-dropzone__thumb",ne,ge,be,he,xe,_e),key:`${e.id||`${e.name}_${t}`||"i"+t}`},A&&!e.error&&j.default.createElement("div",{className:"form-dropzone__thumb-image"},j.default.createElement("img",{className:"form-dropzone__thumb-image-inner",src:e.preview||e.image,onLoad:()=>{URL.revokeObjectURL(e.preview)}})),e.error&&j.default.createElement("div",null,j.default.createElement(n.Text,{size:f,textColor:p,textWrap:T,textWeight:v},l||e.error)),I&&j.default.createElement("div",{className:"form-dropzone__thumb-name"},j.default.createElement(n.Text,{size:f,textColor:p,textWrap:T,textWeight:v,className:"form-dropzone__thumb-name-inner"},e.name)),X&&j.default.createElement("div",{className:"form-dropzone__thumb-loader"},j.default.createElement(_.Loader,{fill:"surfacePrimary",height:"fill",itemFill:"surfaceItemAccent",set:"simple",width:"fill"})),j.default.createElement("div",{className:"form-dropzone__thumb-remove",onClick:e=>le(e,t)},j.default.createElement(n.Text,{size:d,textColor:m,textWeight:c,textColorHover:h,className:"form-dropzone__thumb-remove-text"},w||"Remove"))))),ee.length?j.default.createElement("div",{className:"form-dropzone__hint form-dropzone__hint_type_add-more"},j.default.createElement(n.Text,{size:s,textColor:y,textWrap:C,textWeight:E,className:"form-dropzone__hint-title"},L||"Select a file or drag in form"),j.default.createElement(n.Text,{size:F,textColor:N,textWrap:P,textWeight:z,className:"form-dropzone__hint-text"},V)):j.default.createElement("div",{className:"form-dropzone__hint"},j.default.createElement(n.Text,{size:s,textColor:y,textWrap:C,textWeight:E,className:"form-dropzone__hint-title"},L||"Select a file or drag in form"),j.default.createElement(n.Text,{size:F,textColor:N,textWrap:P,textWeight:z,className:"form-dropzone__hint-text"},V)))),U&&j.default.createElement("div",{className:"form-field__message"},j.default.createElement(n.Text,{className:"form-field__message-item form-field__message-item_type_message",size:k,textWeight:R,textColor:q},U)))}));Q.propTypes={dropzoneProps:B.default.object,hintDescription:B.default.string,hintTitle:B.default.string,inputName:B.default.string,inputValue:B.default.any,isPreviews:B.default.bool,isShowFilename:B.default.bool,loadingText:B.default.string,metaError:B.default.string,metaTouched:B.default.bool,removeThumbText:B.default.string,onAddFiles:B.default.func,onDeleteFile:B.default.func};const X=j.default.memo((function(e){const{name:t,shape:a,size:i,borderWidth:o,borderColor:l,borderColorHover:s,borderType:n,label:u,thumbBorderWidth:d,thumbBorderColor:m,thumbBorderColorHover:c,thumbBorderType:f,removeThumbTextHoverColor:p,labelTextColor:b,fill:g,fillHover:h,className:x,removeThumbText:_,thumbNameTextSize:T,thumbNameTextColor:v,thumbNameTextWrap:y,thumbNameTextWeight:C,removeThumbTextSize:S,removeThumbTextColor:E,removeThumbTextWeight:F,hintTitle:N,errorMessageTextSize:P,errorMessageTextWeight:z,errorMessageTextColor:k,fieldProps:R,hintTitleTextSize:q,hintTitleTextColor:B,hintTitleTextWrap:W,hintTitleTextWeight:O,hintDescriptionTextSize:D,hintDescriptionTextColor:w,hintDescriptionTextWrap:L,hintDescriptionTextWeight:V,hideMessage:I,thumbDirection:$,hintDescription:H,isShowFilename:G,fileErrorText:K,dropzoneProps:U,maxFiles:J,maxSize:Y,thumbColumn:X,isRequired:Z,isPreviews:ee,onAddFiles:te,onDeleteFile:ae,classNameGroupItem:re}=e;return j.default.createElement(r.Field,{name:t},(({input:e,meta:t})=>j.default.createElement(A,Object.assign({className:M.default("form-field_type_dropzone","form__item_type_dropzone",re),fieldClassName:"form-dropzone",inputName:e.name,inputValue:e.value,isRequired:Z,label:u,labelTextColor:b,metaActive:t.active,metaError:t.error,metaModifiedSinceLastSubmit:t.modifiedSinceLastSubmit,metaSubmitError:t.submitError,metaSubmitFailed:t.submitFailed,metaTouched:t.touched,metaValid:t.valid,hideMessage:I},R),j.default.createElement(Q,{dropzoneProps:U,hintDescription:H,hintTitle:N,borderWidth:o,borderColor:l,borderColorHover:s,borderType:n,thumbBorderWidth:d,thumbBorderColor:m,thumbBorderColorHover:c,thumbBorderType:f,fileErrorText:K,fill:g,size:i,maxFiles:J,maxSize:Y,removeThumbTextHoverColor:p,fillHover:h,className:x,thumbColumn:X,thumbDirection:$,inputName:e.name,inputValue:e.value,thumbNameTextSize:T,thumbNameTextColor:v,thumbNameTextWrap:y,thumbNameTextWeight:C,hintTitleTextSize:q,hintTitleTextColor:B,hintTitleTextWrap:W,hintTitleTextWeight:O,removeThumbTextSize:S,removeThumbTextColor:E,removeThumbTextWeight:F,hintDescriptionTextSize:D,hintDescriptionTextColor:w,hintDescriptionTextWrap:L,hintDescriptionTextWeight:V,errorMessageTextSize:P,errorMessageWeight:z,errorMessageTextColor:k,isPreviews:ee,shape:a,isShowFilename:G,metaError:t.error,metaTouched:t.touched,removeThumbText:_,onAddFiles:te,onDeleteFile:ae}))))}));X.defaultProps={errorMessageTextSize:"s",errorMessageTextColor:"errorTextPrimary",thumbColumn:1,thumbDirection:"vertical"},X.propTypes={name:B.default.string.isRequired,className:B.default.string,classNameGroupItem:B.default.string,classNameInput:B.default.string,classNameInputWrapper:B.default.string,dropzoneProps:B.default.object,hintDescription:B.default.string,hintTitle:B.default.string,inputClass:B.default.string,isPreviews:B.default.bool,isRequired:B.default.bool,isShowFilename:B.default.bool,label:B.default.any,removeThumbText:B.default.string,onAddFiles:B.default.func,onDeleteFile:B.default.func};const Z=j.default.memo((function(e){const{after:a,before:i,className:o,label:l,labelTextColor:s,labelTextSize:u,labelTextWeight:d,message:m,errorMessageTextSize:c,errorMessageTextWeight:f,errorMessageTextColor:p,messageTextSize:b,messageTextWeight:g,messageTextColor:h,children:x,dataTour:_,hideMessage:v,name:y,showErrorsOnSubmit:C}=e;return j.default.createElement(r.Field,{name:y},(({input:e,meta:r})=>{const S=r.error||!r.modifiedSinceLastSubmit&&r.submitError||!1,E=t.useMemo((()=>C?r.submitFailed&&r.touched&&S:r.touched&&S),[C,r.submitFailed,r.touched,S]);return j.default.createElement("div",{className:M.default("form__group",o),"data-tour":_},j.default.createElement("div",{className:"form__group-wrapper"},i,j.default.createElement("div",{className:"form__group-label"},j.default.createElement(T.Title,{textColor:s,size:u,textWeight:d},l)),j.default.createElement("div",{className:"form__group-items"},x),a),!v&&j.default.createElement(j.default.Fragment,null,Boolean(E)&&j.default.createElement(n.Text,{className:"form__group-message form__group-message_type-error",size:c,textWeight:f,textColor:p,id:`${y}-error`},S),Boolean(m)&&!E&&j.default.createElement(n.Text,{className:"form__group-message",size:b,textWeight:g,textColor:h},m),Boolean(!E)&&Boolean(!m)&&j.default.createElement(n.Text,{className:"form__group-message",size:b}," ")))}))}));Z.defaultProps={inputProps:{},fieldProps:{},type:"normal",errorMessageTextSize:"s",errorMessageTextColor:"errorTextPrimary",messageTextSize:"s",messageTextColor:"surfaceTextTertiary"},Z.propTypes={name:B.default.string.isRequired,isRequired:B.default.bool,fieldProps:B.default.object,inputProps:B.default.object};const ee=j.default.memo((function(e){const{isPassword:a,isRequired:i,fieldProps:o,inputProps:l,isRevealable:s,name:n,parse:u,iconSize:d,iconBorder:m,iconBorderHover:c,iconFill:f,iconFillHover:p,iconRevealableShow:b,iconRevealableHide:g,iconShape:h,hideMessage:x,onChange:_,classNameGroupItem:T}=e,[C,S]=t.useState(!1),E=t.useMemo((()=>a?C?"text":"password":"text"),[C,a]),F=t.useCallback((e=>{e.preventDefault(),S((e=>!e))}),[S]);return j.default.createElement(r.Field,{name:n,parse:u},(({input:e,meta:a})=>{const r=t.useCallback((t=>{e.onChange(t),_&&_(t.target.value,e.name)}),[_]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_input","form__item_type_input",T),fieldClassName:s?"form-password":"form-input",inputName:e.name,inputValue:e.value||"",isRequired:i,metaActive:a.active,metaError:a.error,metaModifiedSinceLastSubmit:a.modifiedSinceLastSubmit,metaSubmitError:a.submitError,metaSubmitFailed:a.submitFailed,metaTouched:a.touched,metaValid:a.valid,hideMessage:x},o),j.default.createElement(v.Input,Object.assign({className:M.default(a.active&&"input_state_focus",a.error&&a.touched&&"input_state_error"),autoComplete:"nope",name:e.name,type:E,value:e.value||"",onBlur:e.onBlur,onChange:r,onFocus:e.onFocus},l)),s&&j.default.createElement(y.Icon,{className:"form-field__icon",iconFill:f,iconFillHover:p,SvgImage:C?g:b,imageSrc:C?g:b,shape:h,size:d,onClick:F}))}))}));function te(e){const{input:a,option:r,onChange:i,inputProps:o}=e,l=t.useCallback((e=>{e.target.checked&&i(r.value)}),[]);return j.default.createElement(C.RadioButton,Object.assign({className:"form-radio__item",checked:r.value===a.value,name:a.name,type:"radio",value:r.value,onBlur:a.onBlur,onChange:l,onFocus:a.onFocus,label:r.label},o))}function ae(e){const{input:a,value:r,onChange:i}=e,o=t.useCallback((e=>i(e.target.value)),[i]);return j.default.createElement(v.Input,Object.assign({autoComplete:"nope",name:a.name,onBlur:a.onBlur,onChange:o,onFocus:a.onFocus,value:r},e))}function re(e){const{input:a,options:r,editableProps:i,onChange:o,inputProps:l}=e,[s,n]=t.useState((()=>r.find((e=>e.value===a.value))?"":a.value));t.useEffect((()=>{if(a.value){const e=r.find((e=>e.value===a.value&&!e.editable));n(e?"":a.value)}else n("")}),[a.value]);const u=t.useCallback((e=>{a.onChange(e),o&&o(e,a.name)}),[a,o]),d=t.useCallback((e=>{n(""),u(e)}),[u]),m=t.useCallback((e=>{n(e),u(e)}),[u]);return j.default.createElement(j.default.Fragment,null,r.map((e=>e.editable?j.default.createElement(ae,{key:e.label,input:a,value:s,option:e,onChange:m,editableProps:i,inputProps:l}):j.default.createElement(te,{key:e.value,input:a,option:e,onChange:d,inputProps:l}))))}ee.defaultProps={inputProps:{},fieldProps:{}},ee.propTypes={fieldProps:B.default.object,inputProps:B.default.object,isPassword:B.default.bool,isRequired:B.default.bool,isRevealable:B.default.bool,name:B.default.string.isRequired,onChange:B.default.func},te.propTypes={inputProps:B.default.object,onChange:B.default.func,option:B.default.shape({label:B.default.string,value:B.default.string}),input:B.default.shape({name:B.default.string,value:B.default.string,onBlur:B.default.func,onFocus:B.default.func,onChange:B.default.func})},ae.propTypes={input:B.default.string,value:B.default.string,editableProps:B.default.object,onChange:B.default.func},re.propTypes={editableProps:B.default.object,input:B.default.object,inputProps:B.default.object,onChange:B.default.object,options:B.default.object};const ie=j.default.memo((function(e){const{isRequired:t,name:a,options:i,fieldProps:o,editableProps:l,inputProps:s,onChange:n,hideMessage:u}=e;return j.default.createElement(r.Field,{name:a},(({input:e,meta:a})=>j.default.createElement(A,Object.assign({className:"form__item_type_radio",fieldClassName:"form-radio",inputName:e.name,inputValue:e.value||"",isRequired:t,metaActive:a.active,metaError:a.error,metaModifiedSinceLastSubmit:a.modifiedSinceLastSubmit,metaSubmitError:a.submitError,metaSubmitFailed:a.submitFailed,metaTouched:a.touched,metaValid:a.valid,hideMessage:u},o),j.default.createElement(re,{input:e,options:i,onChange:n,editableProps:l,inputProps:s}))))}));function oe(e){const{options:a,isRequired:i,name:o,fieldProps:l,inputProps:s,hideMessage:n}=e,{change:u}=r.useForm();return j.default.createElement(r.Field,{name:o},(({input:e,meta:r})=>{const d=t.useMemo((()=>{const t={value:null,label:null};if(e.value){return a.find((t=>t.value===e.value))||t}return t}),[e.value]),m=t.useCallback((e=>{u(o,e.value)}),[u]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_segmented","form__item_type_segmented"),fieldClassName:"form-segmented",inputName:e.name,inputValue:e.value||[],isRequired:i,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:n},l),j.default.createElement(S.Segmented,Object.assign({segments:a,setActiveSegment:m,activeSegment:d},s)))}))}function le(e,t){const a=Array.isArray(t)?t:[t];let r=[];return e.forEach((e=>{const i=a.includes(e.value),o=a.includes(e.label);let l=[];e.options&&(l=le(e.options,t)),i||o?r.push(e):l.length&&(r=r.concat(l))})),r}ie.defaultProps={fieldProps:{},editableProps:{},inputProps:{},options:[]},ie.propTypes={name:B.default.string.isRequired,fieldProps:B.default.object,inputProps:B.default.object,editableProps:B.default.object,isRequired:B.default.bool,options:B.default.array,onChange:B.default.func},oe.propTypes={options:B.default.array.isRequired,name:B.default.string.isRequired,className:B.default.string,inputClass:B.default.string,isRequired:B.default.bool,label:B.default.string,placeholder:B.default.string,fieldProps:B.default.object,inputProps:B.default.object};const se=j.default.memo((function(e){const{isRequired:a,key:i,name:o,options:l,fieldProps:s,selectProps:n,selectRef:u,onChange:d,classNameGroupItem:m,hideMessage:c}=e;return j.default.createElement(r.Field,{name:o},(({input:e,meta:r})=>{const o=t.useCallback((t=>{e.onChange(t),d&&d(t,e.name)}),[d]),[f,p]=t.useState(null),b=t.useMemo((()=>{const t=le(l,e.value);return!t.length&&e.value?.length&&t.push({value:e.value,label:e.value}),t}),[e.value]);t.useEffect((()=>p(b)),[b]);const g=t.useCallback(((e,t)=>{const a=Array.isArray(e)?e.map((e=>e.value)):e?.value||null;p(e),o(a)}),[o]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_select","form__item_type_select",m),fieldClassName:"form-select",inputName:e.name,inputValue:e.value,isRequired:a,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:c},s),j.default.createElement(E.Select,Object.assign({className:"form-select-item",instanceId:`id_${e.name}`,value:f,onChange:g,options:l,ref:u,key:i},n)))}))}));se.propTypes={name:B.default.string.isRequired,selectProps:B.default.object,isRequired:B.default.bool,label:B.default.any,messageType:B.default.string,options:B.default.array,onChange:B.default.func};const ne=j.default.memo((function(e){const{name:a,isRequired:i,onChange:o,fieldProps:l,inputProps:s,classNameGroupItem:n,hideMessage:u}=e;return j.default.createElement(r.Field,{name:a,type:"checkbox"},(({input:e,meta:a})=>{const r=t.useCallback((t=>{e.onChange(t),o&&o(t.target.checked,e.name)}),[o]);return j.default.createElement(A,Object.assign({className:M.default("form-field_type_switch","form__item_type_switch",n),fieldClassName:"form-switch",inputName:e.name,inputValue:e.checked,isRequired:i,metaActive:a.active,metaError:a.error,metaModifiedSinceLastSubmit:a.modifiedSinceLastSubmit,metaSubmitError:a.submitError,metaSubmitFailed:a.submitFailed,metaTouched:a.touched,metaValid:a.valid,hideMessage:u,tag:"label"},l),j.default.createElement(F.Switch,Object.assign({autoComplete:"nope",checked:e.checked,name:e.name,type:"checkbox",onBlur:e.onBlur,onChange:r,onFocus:e.onFocus},s)))}))}));ne.defaultProps={inputProps:{},fieldProps:{}},ne.propTypes={fieldProps:B.default.object,inputProps:B.default.object,isRequired:B.default.bool,name:B.default.string,onChange:B.default.func};const ue=j.default.memo((function(e){const{isRequired:t,name:a,fieldProps:i,inputProps:o,classNameGroupItem:l,hideMessage:s}=e;return j.default.createElement(r.Field,{name:a},(({input:e,meta:a})=>j.default.createElement(A,Object.assign({className:M.default("form-field_type_textarea","form__item_type_textarea",l),fieldClassName:"form-textarea",inputName:e.name,inputValue:e.value,isRequired:t,metaActive:a.active,metaError:a.error,metaModifiedSinceLastSubmit:a.modifiedSinceLastSubmit,metaSubmitError:a.submitError,metaSubmitFailed:a.submitFailed,metaTouched:a.touched,metaValid:a.valid,hideMessage:s},i),j.default.createElement(N.Textarea,Object.assign({autoComplete:"nope",name:e.name,value:e.value,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},o)))))}));ue.defaultProps={inputProps:{},fieldProps:{}},ue.propTypes={name:B.default.string.isRequired,isRequired:B.default.bool,fieldProps:B.default.object,inputProps:B.default.object};const de=(e,t)=>{const r=Object.keys(t).map((e=>e===a.FORM_ERROR?"notification__item_status_error":`react-select-id_${e}-input`)),i=e.find((e=>e.name?a.getIn(t,e.name):r.includes(e.id))),o=Object.keys(t);if(!i&&o.length){let e;try{const t=o[0];t===a.FORM_ERROR?e=document.querySelector("notification__item_status_error"):(e=document.querySelector(`#${t}-error`),e||(e=document.querySelector(`#id_${t}`)))}catch(e){console.warn(e)}e&&e.scrollIntoView({block:"center"})}return i&&i.scrollIntoView({block:"center"}),null},me=D.default(null,de),ce={checkbox:"checkbox",custom:"custom",choice:"choice",code:"code",datePicker:"datePicker",dateRangePicker:"dateRangePicker",fileInput:"fileInput",group:"group",radioGroup:"radioGroup",segmented:"segmented",select:"select",switch:"switch",text:"text",textarea:"textarea"};function fe(e,t,a){switch(e.type){case ce.checkbox:return j.default.createElement($,Object.assign({key:t.key},e,a));case ce.choice:return j.default.createElement(H,Object.assign({key:t.key},e,a));case ce.code:return j.default.createElement(K,Object.assign({key:t.key},e,a));case ce.switch:return j.default.createElement(ne,Object.assign({key:t.key},e,a));case ce.segmented:return j.default.createElement(oe,Object.assign({key:t.key},e,a));case ce.datePicker:return j.default.createElement(U,Object.assign({key:t.key},e,a));case ce.fileInput:return j.default.createElement(X,Object.assign({key:t.key},e,a));case ce.radioGroup:return j.default.createElement(ie,Object.assign({key:t.key},e,a));case ce.select:return j.default.createElement(se,Object.assign({key:t.key},e,a));case ce.text:return j.default.createElement(ee,Object.assign({key:t.key},e,a));case ce.textarea:return j.default.createElement(ue,Object.assign({key:t.key},e,a));case ce.custom:return j.default.createElement(G,Object.assign({key:t.key},e,a));case ce.group:return j.default.createElement(Z,Object.assign({key:t.key},e,a),Object.entries(e.group).map((([t,r])=>fe({...r,hideMessage:e.hideMessage,classNameGroupItem:r.classNameGroupItem||"form__group-item"},{key:t+"_form_group"},a))))}}const pe=j.default.forwardRef((function(e,a){const{additionalProps:i,after:o,before:l,buttonDirection:s,buttonGap:m,buttonPadding:c,groupGap:f,className:p,config:b,description:g,descriptionSize:h,descriptionTextColor:x,descriptionTextWeight:v,disableFieldsAutoComplete:y,fieldsGap:C,formName:S,initialValues:E,initialValuesEqual:F,isLoading:N,loader:R,loaderSet:q,loaderFill:B,loaderItemFill:W,loaderText:O,language:D,mutators:w,onChangeFormValues:L,onClickSecondaryButton:I,onClickTertiaryButton:A,onSubmit:$,primaryButton:H,primaryButtonLabel:G,secondaryButton:K,secondaryButtonLabel:U,primaryButtonFill:J,primaryButtonFillHover:Y,secondaryButtonFill:Q,secondaryButtonFillHover:X,primaryButtonSize:Z,primaryButtonLabelTextColor:ee,primaryButtonLabelSize:te,primaryButtonLabelTextWeight:ae,secondaryButtonSize:re,secondaryButtonLabelTextColor:ie,secondaryButtonLabelSize:oe,secondaryButtonLabelTextWeight:le,tertiaryButton:se,tertiaryButtonFill:ne,tertiaryButtonFillHover:ue,tertiaryButtonSize:de,tertiaryButtonLabelTextColor:ce,tertiaryButtonLabelSize:pe,tertiaryButtonLabelTextWeight:be,tertiaryButtonLabel:ge,set:he,type:xe,buttonJustifyContent:_e,title:Te,notificationType:ve,buttonFill:ye,titleTextSize:Ce,titleTextColor:Se,titleTextWeight:Ee,validationSchema:Fe,dataTour:Ne,dataTourButtons:Pe,dataTourPrimaryButton:ze,dataTourSecondaryButton:ke,dataTourTertiaryButton:Re}=e,qe=V(Fe,D),je=t.useCallback((e=>{a&&(a.current=e)}),[a]),Be=u.useDeviceTargetClass(e,{prefix:"fill_",propsKey:"fill"}),Me=u.useDeviceTargetClass(e,{prefix:"direction_",propsKey:"direction"}),We=u.useDeviceTargetClass(e,{prefix:"shape_",propsKey:"shape"}),Oe=u.useDeviceTargetClass(e,{prefix:"elevation_",propsKey:"elevation"}),{styles:De}=d.useStyles(e);return j.default.createElement(r.Form,{decorators:[me],initialValues:E,initialValuesEqual:F,mutators:w,render:({handleSubmit:e,submitError:t,modifiedSinceLastSubmit:a,form:u})=>j.default.createElement("form",{style:De,className:M.default(p,"form",he&&`form_set_${he}`,xe&&`form_type_${xe}`,Me,Be,We,Oe),name:S,"data-tour":Ne,ref:()=>je(u),onSubmit:e,autoComplete:y?"off":void 0,autoCorrect:y?"off":void 0,autoCapitalize:y?"off":void 0,spellCheck:y?"false":void 0},l,Te&&j.default.createElement(T.Title,{className:"form__title",size:Ce,textColor:Se,textWeight:Ee},Te),g&&j.default.createElement(n.Text,{className:"form__description",size:h,textColor:x,textWeight:v},g),t&&!a&&j.default.createElement("div",{className:M.default("notification","form-notification",ve?`form-notification_type_${ve}`:"form-notification_type_global")},j.default.createElement(k.NotificationItem,{className:"form-notification__item",titleTextSize:"h6",title:u.getState().submitError,set:"form",status:"error"})),L&&j.default.createElement(r.FormSpy,{subscription:{values:!0},onChange:L}),Boolean(Object.keys(b).length)&&j.default.createElement(z.Group,{direction:"vertical",gap:C||f,className:"form__wrapper"},Object.keys(b).map((e=>fe(b[e],{key:e},i[b[e].name]))),N&&(R||j.default.createElement(_.Loader,{className:"form__loader",set:q,fill:B,itemFill:W,text:O}))),(G||H||U||K||se||ge)&&j.default.createElement(z.Group,{fill:ye,justifyContent:_e,direction:s,padding:c,gap:m,className:"form__button",dataTour:Pe},G?j.default.createElement(P.Button,{width:"fill",className:"form__button-item",fill:J,fillHover:Y,size:Z,labelTextColor:ee,labelSize:te,labelTextWeight:ae,label:G,dataTour:ze}):H,U?j.default.createElement(P.Button,{width:"fill",className:"form__button-item",fill:Q,fillHover:X,size:re,labelTextColor:ie,labelSize:oe,labelTextWeight:le,label:U,onClick:I,dataTour:ke}):K,ge?j.default.createElement(P.Button,{width:"fill",className:"form__button-item",fill:ne,fillHover:ue,size:de,labelTextColor:ce,labelSize:pe,labelTextWeight:be,label:ge,onClick:A,dataTour:Re}):se),o),subscription:{submitting:!0,pristine:!0,modifiedSinceLastSubmit:!0,submitError:!0},validate:qe,onSubmit:$})}));pe.propTypes={additionalProps:B.default.object,after:B.default.any,before:B.default.any,buttonGap:B.default.string,className:B.default.string,config:B.default.object,description:B.default.string,descriptionSize:B.default.string,descriptionTextColor:B.default.string,descriptionTextWeight:B.default.string,disableFieldsAutoComplete:B.default.string,fieldsGap:B.default.string,formName:B.default.string,initialValues:B.default.any,initialValuesEqual:B.default.any,language:B.default.string,isLoading:B.default.bool,loaderText:B.default.string,mutators:B.default.any,onChangeFormValues:B.default.func,onClickSecondaryButton:B.default.func,onSubmit:B.default.func,primaryButton:B.default.string,primaryButtonFill:B.default.string,primaryButtonLabel:B.default.string,secondaryButton:B.default.string,secondaryButtonFill:B.default.string,secondaryButtonLabel:B.default.string,set:B.default.string,title:B.default.string,titleSize:B.default.string,titleTextColor:B.default.string,titleTextWeight:B.default.string,validationSchema:B.default.object},pe.defaultProps={additionalProps:{},isLoading:!1,loaderSet:"simple",loaderFill:"surfacePrimary",loaderItemFill:"surfaceItemAccent",language:"en",titleSize:"h1",buttonDirection:"vertical",direction:"vertical",disableFieldsAutoComplete:!1},Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return r.Field}}),Object.defineProperty(exports,"useForm",{enumerable:!0,get:function(){return r.useForm}}),Object.defineProperty(exports,"useFormState",{enumerable:!0,get:function(){return r.useFormState}}),exports.Checkbox=$,exports.ChoiceField=H,exports.CodeField=K,exports.CustomField=G,exports.DatePickerField=U,exports.FieldWrapper=A,exports.FieldWrapperBase=I,exports.FileInput=X,exports.FinalForm=pe,exports.Group=Z,exports.InputField=ee,exports.RadioGroup=ie,exports.SegmentedField=oe,exports.SelectField=se,exports.Switch=ne,exports.Textarea=ue,exports.addRequiredFieldsParamToSchema=e=>{const t=Object.entries(e.fields);return e.requiredFields=t.reduce(((e,[t,a])=>(a.exclusiveTests?.required&&e.push(t),e)),[]),e},exports.emailValidation=(e,t)=>{if(!e)return!0;return/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9]{2,}(?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/.test(String(e).toLowerCase())},exports.focusOnError=de,exports.focusOnErrorDecorator=me,exports.formTypes=ce,exports.generateField=fe,exports.phoneValidation=(t,a)=>!t||e.isPossiblePhoneNumber(t,"RU"),exports.sendFormDataToServer=async(e,t)=>{try{return{success:!0,response:await W.default({url:e,method:"POST",data:t})}}catch(e){const t={};return"string"==typeof e.response?.data&&(t[a.FORM_ERROR]="Something went wrong"),"object"==typeof e.response?.data&&Object.entries(e.response.data).forEach((([e,a])=>{t[e]=a[0]})),{success:!1,formErrors:t,error:e}}},exports.setErrorsMutator=(e,t)=>{const[a,r]=e,i=r.submitError,o=r.error;if("non_field_errors"===a)t.formState.error=o,t.formState.submitError=i;else if(a in t.fields){if(o){const e=Object.assign({},t.formState.errors,{[a]:o});t.fields[a].touched=!0,t.fields[a].error=o,t.formState.errors=e}if(i){const e=Object.assign({},t.formState.submitErrors,{[a]:i});t.fields[a].submitError=i,t.formState.submitErrors=e,t.formState.submitFailed=!0,t.formState.submitSucceeded=!1,t.formState.lastSubmittedValues=t.formState.values}}},exports.useYupValidationSchema=V;