@itcase/forms 1.0.36 → 1.0.37

package/dist/itcase-forms.esm.js

@@ -1,2832 +1 @@
-import { isPossiblePhoneNumber } from 'libphonenumber-js';
-import React, { useMemo, useEffect, useCallback, useState } from 'react';
-import { setIn, FORM_ERROR, getIn } from 'final-form';
-import { useForm, Field, Form, FormSpy } from 'react-final-form';
-export { Field, useForm, useFormState } from 'react-final-form';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Checkbox } from '@itcase/ui/components/Checkbox';
-import { Divider } from '@itcase/ui/components/Divider';
-import { Text } from '@itcase/ui/components/Text';
-import { useDeviceTargetClass } from '@itcase/ui/hooks/useDeviceTargetClass';
-import { useStyles } from '@itcase/ui/hooks/useStyles';
-import { Choice } from '@itcase/ui/components/Choice';
-import { Code } from '@itcase/ui/components/Code';
-import { DatePickerInput } from '@itcase/ui/components/DatePicker';
-import axios from 'axios';
-import { useDropzone } from 'react-dropzone';
-import { fromEvent } from 'file-selector';
-import castArray from 'lodash/castArray';
-import { createFileFromDataURL } from '@itcase/common';
-import { Loader } from '@itcase/ui/components/Loader';
-import { Title } from '@itcase/ui/components/Title';
-import { Input } from '@itcase/ui/components/Input';
-import { Icon } from '@itcase/ui/components/Icon';
-import { RadioButton } from '@itcase/ui/components/RadioButton';
-import { Segmented } from '@itcase/ui/components/Segmented';
-import { Select } from '@itcase/ui/components/Select';
-import { Switch } from '@itcase/ui/components/Switch';
-import { Textarea } from '@itcase/ui/components/Textarea';
-import { Button } from '@itcase/ui/components/Button';
-import { Group as Group$1 } from '@itcase/ui/components/Group';
-import { NotificationItem } from '@itcase/ui/components/Notification';
-import createDecorator from 'final-form-focus';
-
-var phoneValidation = function phoneValidation(value, context) {
-  if (!value) {
-    return true;
-  }
-  return 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 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 = 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 = useMemo(function () {
-    if (showErrorsOnSubmit) {
-      return metaSubmitFailed && metaTouched && error;
-    } else {
-      return metaTouched && error;
-    }
-  }, [showErrorsOnSubmit, metaSubmitFailed, metaTouched, error]);
-  var showValid = 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 = useMemo(function () {
-    return clsx(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 = useMemo(function () {
-    return clsx(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(props, {
-    prefix: 'form-field_size_',
-    propsKey: 'size'
-  });
-  var fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var inputFillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'inputFill'
-  });
-  var shapeClass = useDeviceTargetClass(props, {
-    prefix: 'form-field_shape_',
-    propsKey: 'shape'
-  });
-  var inputShapeClass = useDeviceTargetClass(props, {
-    prefix: 'form-field__item-value_shape_',
-    propsKey: 'inputShape'
-  });
-  var directionClass = useDeviceTargetClass(props, {
-    prefix: 'direction_',
-    propsKey: 'direction'
-  });
-  var widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  var _useStyles = useStyles(props),
-    formFieldStyles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(Tag, {
-    className: clsx(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.createElement("div", {
-    htmlFor: id,
-    className: "form-field__label"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: labelTextSize,
-    textWeight: labelTextWidth,
-    textColor: labelTextColor
-  }, label)), desc && /*#__PURE__*/React.createElement("div", {
-    className: "form-field__desc"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: descTextSize,
-    textWeight: descTextWidth,
-    textColor: descTextColor
-  }, desc)), /*#__PURE__*/React.createElement("div", {
-    className: clsx('form-field__content', inputFillClass, inputShapeClass)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx('form-field__content-inner', fieldClass)
-  }, beforeItem, children, afterItem), divider && /*#__PURE__*/React.createElement(Divider, {
-    className: "form-field__item-divider",
-    width: dividerWidth,
-    direction: dividerDirection,
-    size: dividerSize,
-    fill: dividerFill
-  })), !hideMessage && /*#__PURE__*/React.createElement("div", {
-    className: "form-field__message"
-  }, Boolean(showError) && /*#__PURE__*/React.createElement(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.createElement(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.createElement(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.any,
-  afterItem: PropTypes.any,
-  autoComplete: PropTypes.string,
-  before: PropTypes.any,
-  beforeItem: PropTypes.any,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  desc: PropTypes.string,
-  descTextSize: PropTypes.string,
-  descTextColor: PropTypes.string,
-  descTextWidth: PropTypes.string,
-  dividerDirection: PropTypes.string,
-  dividerFill: PropTypes.string,
-  dividerSize: PropTypes.string,
-  dividerWidth: PropTypes.string,
-  fieldClassName: PropTypes.string,
-  id: PropTypes.string,
-  inputName: PropTypes.string,
-  inputOnBlur: PropTypes.func,
-  inputOnChange: PropTypes.func,
-  inputOnFocus: PropTypes.func,
-  inputValue: PropTypes.any,
-  isRequired: PropTypes.bool,
-  itemType: PropTypes.string,
-  label: PropTypes.any,
-  labelTextSize: PropTypes.string,
-  labelTextColor: PropTypes.string,
-  labelTextWidth: PropTypes.string,
-  errorMessageTextSize: PropTypes.string,
-  errorMessageTextWidth: PropTypes.string,
-  errorMessageTextColor: PropTypes.string,
-  message: PropTypes.string,
-  messageSize: PropTypes.string,
-  messageTextColor: PropTypes.string,
-  messageTextWidth: PropTypes.string,
-  metaActive: PropTypes.bool,
-  metaError: PropTypes.string,
-  metaModifiedSinceLastSubmit: PropTypes.bool,
-  metaSubmitError: PropTypes.string,
-  metaSubmitFailed: PropTypes.bool,
-  metaTouched: PropTypes.bool,
-  metaValid: PropTypes.bool,
-  set: PropTypes.string,
-  showErrorsOnSubmit: PropTypes.bool,
-  type: PropTypes.string
-};
-function FieldWrapper(props) {
-  var inputName = props.inputName;
-  var _useForm = useForm(),
-    change = _useForm.change; // , mutators
-
-  useEffect(function () {
-    return function () {
-      change(inputName, undefined);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(FieldWrapperBase, props);
-}
-FieldWrapper.propTypes = {
-  autoComplete: PropTypes.string,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  fieldClassName: PropTypes.string,
-  hint: PropTypes.string,
-  inputName: PropTypes.string,
-  inputOnBlur: PropTypes.func,
-  inputOnChange: PropTypes.func,
-  inputOnFocus: PropTypes.func,
-  inputValue: PropTypes.any,
-  isRequired: PropTypes.bool,
-  itemType: PropTypes.string,
-  label: PropTypes.any,
-  metaActive: PropTypes.bool,
-  metaError: PropTypes.string,
-  metaModifiedSinceLastSubmit: PropTypes.bool,
-  metaSubmitError: PropTypes.string,
-  metaSubmitFailed: PropTypes.bool,
-  metaTouched: PropTypes.bool,
-  metaValid: PropTypes.bool,
-  showErrorsOnSubmit: PropTypes.bool
-};
-
-var CheckboxField = /*#__PURE__*/React.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.createElement(Field, {
-    name: name,
-    type: "checkbox"
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.checked, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.object,
-  inputProps: PropTypes.object,
-  isRequired: PropTypes.bool,
-  name: PropTypes.string,
-  onChange: PropTypes.func
-};
-
-var ChoiceField = /*#__PURE__*/React.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 = useForm(),
-    change = _useForm.change;
-  return /*#__PURE__*/React.createElement(Field, {
-    name: name,
-    initialValue: initialValue
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var activeOption = 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 = useCallback(function (option) {
-      change(name, option.value);
-    }, [change]);
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Choice, Object.assign({
-      className: clsx(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.array.isRequired,
-  name: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  inputClass: PropTypes.string,
-  isMultiple: PropTypes.bool,
-  isRequired: PropTypes.bool,
-  label: PropTypes.string,
-  placeholder: PropTypes.string
-};
-
-var CustomField = /*#__PURE__*/React.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Component, Object.assign({}, props, {
-      input: input,
-      meta: meta
-    })));
-  });
-});
-CustomField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
-};
-CustomField.propTypes = {
-  name: PropTypes.string.isRequired,
-  isRequired: PropTypes.bool,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
-};
-
-var CodeField = /*#__PURE__*/React.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.string.isRequired,
-  isRequired: PropTypes.bool,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = useCallback(function (value) {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.object,
-  inputProps: PropTypes.object,
-  isRequired: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onChange: PropTypes.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({
-            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(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 = 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.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 = useState(''),
-    fileError = _useState[0],
-    setFileError = _useState[1];
-  var _useState2 = useState(false),
-    fileIsLoading = _useState2[0],
-    setFileIsLoading = _useState2[1];
-  // State with instances of "File" type
-  var _useState3 = useState(inputValue ? castArray(inputValue) : []),
-    files = _useState3[0],
-    setFiles = _useState3[1];
-
-  // Save to mobx state
-  var _useForm = useForm(),
-    change = _useForm.change;
-  var changeFormState = 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 = 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 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 = 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 = 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]);
-  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
-
-  useEffect(function () {
-    // Everytime convert value to Files and save to local state
-    if (!inputValue) {
-      setFiles([]);
-    } else {
-      convertFiledValueAndSaveAsFiles(inputValue);
-    }
-    // only "inputValue"
-  }, [inputValue]); // eslint-disable-line
-
-  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(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var fillHoverClass = useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  var borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  var borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  var borderColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'borderColorHover'
-  });
-  var borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  var shapeClass = useDeviceTargetClass(props, {
-    prefix: 'form-dropzone_shape_',
-    propsKey: 'shape'
-  });
-  var thumbBorderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'thumbBorderWidth'
-  });
-  var thumbDirectionClass = useDeviceTargetClass(props, {
-    prefix: 'form-dropzone__thumb_direction_',
-    propsKey: 'thumbDirection'
-  });
-  var thumbBorderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'thumbBorderColor'
-  });
-  var thumbBorderColorHoverClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_hover_',
-    propsKey: 'thumbBorderColorHover'
-  });
-  var thumbBorderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'thumbBorderType'
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", getRootProps({
-    className: "form-dropzone__dropzone dropzone " + className + " thumbColumn form-dropzone__dropzone_size_" + size + " " + shapeClass
-  }), /*#__PURE__*/React.createElement("input", Object.assign({}, getInputProps(), {
-    name: inputName
-  })), /*#__PURE__*/React.createElement("div", {
-    className: clsx('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.createElement("aside", {
-      className: clsx('form-dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass),
-      key: "" + (file.id || file.name + "_" + i || 'i' + i)
-    }, isPreviews && !file.error && /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-image"
-    }, /*#__PURE__*/React.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.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWrap: thumbNameTextWrap,
-      textWeight: thumbNameTextWeight
-    }, fileErrorText || file.error)), isShowFilename && /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-name"
-    }, /*#__PURE__*/React.createElement(Text, {
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWrap: thumbNameTextWrap,
-      textWeight: thumbNameTextWeight,
-      className: "form-dropzone__thumb-name-inner"
-    }, file.name)), fileIsLoading && /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-loader"
-    }, /*#__PURE__*/React.createElement(Loader, {
-      fill: "surfacePrimary",
-      height: "fill",
-      itemFill: "surfaceItemAccent",
-      set: "simple",
-      width: "fill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-remove",
-      onClick: function onClick(event) {
-        return removeFile(event, i);
-      }
-    }, /*#__PURE__*/React.createElement(Text, {
-      size: removeThumbTextSize,
-      textColor: removeThumbTextColor,
-      textWeight: removeThumbTextWeight,
-      textColorHover: removeThumbTextHoverColor,
-      className: "form-dropzone__thumb-remove-text"
-    }, removeThumbText || 'Remove')));
-  }), !files.length ? /*#__PURE__*/React.createElement("div", {
-    className: "form-dropzone__hint"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: hintTitleTextSize,
-    textColor: hintTitleTextColor,
-    textWrap: hintTitleTextWrap,
-    textWeight: hintTitleTextWeight,
-    className: "form-dropzone__hint-title"
-  }, hintTitle || 'Select a file or drag in form'), /*#__PURE__*/React.createElement(Text, {
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWrap: hintDescriptionTextWrap,
-    textWeight: hintDescriptionTextWeight,
-    className: "form-dropzone__hint-text"
-  }, hintDescription)) : /*#__PURE__*/React.createElement("div", {
-    className: "form-dropzone__hint form-dropzone__hint_type_add-more"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: hintTitleTextSize,
-    textColor: hintTitleTextColor,
-    textWrap: hintTitleTextWrap,
-    textWeight: hintTitleTextWeight,
-    className: "form-dropzone__hint-title"
-  }, hintTitle || 'Select a file or drag in form'), /*#__PURE__*/React.createElement(Text, {
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWrap: hintDescriptionTextWrap,
-    textWeight: hintDescriptionTextWeight,
-    className: "form-dropzone__hint-text"
-  }, hintDescription)))), fileError && /*#__PURE__*/React.createElement("div", {
-    className: "form-field__message"
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
-    size: errorMessageTextSize,
-    textWeight: errorMessageTextWeight,
-    textColor: errorMessageTextColor
-  }, fileError)));
-});
-FileInputDropzone.propTypes = {
-  dropzoneProps: PropTypes.object,
-  hintDescription: PropTypes.string,
-  hintTitle: PropTypes.string,
-  inputName: PropTypes.string,
-  inputValue: PropTypes.any,
-  isPreviews: PropTypes.bool,
-  isShowFilename: PropTypes.bool,
-  loadingText: PropTypes.string,
-  metaError: PropTypes.string,
-  metaTouched: PropTypes.bool,
-  removeThumbText: PropTypes.string,
-  onAddFiles: PropTypes.func,
-  onDeleteFile: PropTypes.func
-};
-
-var FileInput = /*#__PURE__*/React.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.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.string.isRequired,
-  className: PropTypes.string,
-  classNameGroupItem: PropTypes.string,
-  classNameInput: PropTypes.string,
-  classNameInputWrapper: PropTypes.string,
-  dropzoneProps: PropTypes.object,
-  hintDescription: PropTypes.string,
-  hintTitle: PropTypes.string,
-  inputClass: PropTypes.string,
-  isPreviews: PropTypes.bool,
-  isRequired: PropTypes.bool,
-  isShowFilename: PropTypes.bool,
-  label: PropTypes.any,
-  removeThumbText: PropTypes.string,
-  onAddFiles: PropTypes.func,
-  onDeleteFile: PropTypes.func
-};
-
-var Group = /*#__PURE__*/React.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    _ref.input;
-      var meta = _ref.meta;
-    var error = meta.error || !meta.modifiedSinceLastSubmit && meta.submitError || false;
-    var showError = useMemo(function () {
-      if (showErrorsOnSubmit) {
-        return meta.submitFailed && meta.touched && error;
-      } else {
-        return meta.touched && error;
-      }
-    }, [showErrorsOnSubmit, meta.submitFailed, meta.touched, error]);
-    return /*#__PURE__*/React.createElement("div", {
-      className: clsx('form__group', className),
-      "data-tour": dataTour
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form__group-wrapper"
-    }, before, /*#__PURE__*/React.createElement("div", {
-      className: "form__group-label"
-    }, /*#__PURE__*/React.createElement(Title, {
-      textColor: labelTextColor,
-      size: labelTextSize,
-      textWeight: labelTextWeight
-    }, label)), /*#__PURE__*/React.createElement("div", {
-      className: "form__group-items"
-    }, children), after), !hideMessage && /*#__PURE__*/React.createElement(React.Fragment, null, Boolean(showError) && /*#__PURE__*/React.createElement(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.createElement(Text, {
-      className: "form__group-message",
-      size: messageTextSize,
-      textWeight: messageTextWeight,
-      textColor: messageTextColor
-    }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React.createElement(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.string.isRequired,
-  isRequired: PropTypes.bool,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
-};
-
-var InputField = /*#__PURE__*/React.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 = useState(false),
-    isRevealed = _useState[0],
-    setIsRevealed = _useState[1];
-  var inputType = useMemo(function () {
-    if (isPassword) {
-      return isRevealed ? 'text' : 'password';
-    } else {
-      return 'text';
-    }
-  }, [isRevealed, isPassword]);
-  var revealeHandler = useCallback(function (e) {
-    e.preventDefault();
-    setIsRevealed(function (prev) {
-      return !prev;
-    });
-  }, [setIsRevealed]);
-  return /*#__PURE__*/React.createElement(Field, {
-    name: name,
-    parse: parse
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.value, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Input, Object.assign({
-      className: clsx(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.createElement(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.object,
-  inputProps: PropTypes.object,
-  isPassword: PropTypes.bool,
-  isRequired: PropTypes.bool,
-  isRevealable: PropTypes.bool,
-  name: PropTypes.string.isRequired,
-  onChange: PropTypes.func
-};
-
-function RadioGroupItem(props) {
-  var input = props.input,
-    option = props.option,
-    onChange = props.onChange,
-    inputProps = props.inputProps;
-  var onChangeField = useCallback(function (event) {
-    if (event.target.checked) {
-      onChange(option.value);
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(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.object,
-  onChange: PropTypes.func,
-  option: PropTypes.shape({
-    label: PropTypes.string,
-    value: PropTypes.string
-  }),
-  input: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.string,
-    onBlur: PropTypes.func,
-    onFocus: PropTypes.func,
-    onChange: PropTypes.func
-  })
-};
-
-function RadioGroupInput(props) {
-  var input = props.input,
-    value = props.value,
-    onChange = props.onChange;
-  var onChangeField = useCallback(function (event) {
-    return onChange(event.target.value);
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement(Input, Object.assign({
-    autoComplete: "nope",
-    name: input.name,
-    onBlur: input.onBlur,
-    onChange: onChangeField,
-    onFocus: input.onFocus,
-    value: value
-  }, props));
-}
-RadioGroupInput.propTypes = {
-  input: PropTypes.string,
-  value: PropTypes.string,
-  editableProps: PropTypes.object,
-  onChange: PropTypes.func
-};
-
-function RadioGroupList(props) {
-  var input = props.input,
-    options = props.options,
-    editableProps = props.editableProps,
-    onChange = props.onChange,
-    inputProps = props.inputProps;
-  var _useState = 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];
-  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 = 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 = useCallback(function (value) {
-    setEditableValue('');
-    onChangeSomeInput(value);
-  }, [onChangeSomeInput]);
-
-  // Handle for text input
-  var onChangeEditable = useCallback(function (value) {
-    setEditableValue(value);
-    onChangeSomeInput(value);
-  }, [onChangeSomeInput]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option) {
-    return option.editable ? /*#__PURE__*/React.createElement(RadioGroupInput, {
-      key: option.label,
-      input: input,
-      value: editableValue,
-      option: option,
-      onChange: onChangeEditable,
-      editableProps: editableProps,
-      inputProps: inputProps
-    }) : /*#__PURE__*/React.createElement(RadioGroupItem, {
-      key: option.value,
-      input: input,
-      option: option,
-      onChange: onChangeRadio,
-      inputProps: inputProps
-    });
-  }));
-}
-RadioGroupList.propTypes = {
-  editableProps: PropTypes.object,
-  input: PropTypes.object,
-  inputProps: PropTypes.object,
-  onChange: PropTypes.object,
-  options: PropTypes.object
-};
-
-var RadioGroup = /*#__PURE__*/React.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React.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.createElement(RadioGroupList, {
-      input: input,
-      options: options,
-      onChange: onChange,
-      editableProps: editableProps,
-      inputProps: inputProps
-    }));
-  });
-});
-RadioGroup.defaultProps = {
-  fieldProps: {},
-  editableProps: {},
-  inputProps: {},
-  options: []
-};
-RadioGroup.propTypes = {
-  name: PropTypes.string.isRequired,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.object,
-  editableProps: PropTypes.object,
-  isRequired: PropTypes.bool,
-  options: PropTypes.array,
-  onChange: PropTypes.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 = useForm(),
-    change = _useForm.change;
-  return /*#__PURE__*/React.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var activeOption = 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 = useCallback(function (option) {
-      change(name, option.value);
-    }, [change]);
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Segmented, Object.assign({
-      segments: options,
-      setActiveSegment: setActiveSegment,
-      activeSegment: activeOption
-    }, inputProps)));
-  });
-}
-// )
-
-SegmentedField.propTypes = {
-  options: PropTypes.array.isRequired,
-  name: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  inputClass: PropTypes.string,
-  isRequired: PropTypes.bool,
-  label: PropTypes.string,
-  placeholder: PropTypes.string,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.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.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = useCallback(function (value) {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange]);
-    var _useState = useState(null),
-      selectedOptions = _useState[0],
-      setSelectedOptions = _useState[1];
-    var defaultValue = 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]);
-    useEffect(function () {
-      return setSelectedOptions(defaultValue);
-    }, [defaultValue]);
-    var onChangeValue = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.string.isRequired,
-  selectProps: PropTypes.object,
-  isRequired: PropTypes.bool,
-  label: PropTypes.any,
-  messageType: PropTypes.string,
-  options: PropTypes.array,
-  onChange: PropTypes.func
-};
-
-var SwitchField = /*#__PURE__*/React.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.createElement(Field, {
-    name: name,
-    type: "checkbox"
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.checked, input.name);
-      }
-    }, [onChange]);
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.object,
-  inputProps: PropTypes.object,
-  isRequired: PropTypes.bool,
-  name: PropTypes.string,
-  onChange: PropTypes.func
-};
-
-var TextareaField = /*#__PURE__*/React.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.createElement(Field, {
-    name: name
-  }, function (_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.string.isRequired,
-  isRequired: PropTypes.bool,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
-};
-
-var focusOnError = function focusOnError(formElementsList, errors) {
-  var selectsIds = Object.keys(errors).map(function (fieldName) {
-    if (fieldName === 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 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 === 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(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({
-            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[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.createElement(CheckboxField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.choice:
-      {
-        return /*#__PURE__*/React.createElement(ChoiceField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.code:
-      {
-        return /*#__PURE__*/React.createElement(CodeField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes["switch"]:
-      {
-        return /*#__PURE__*/React.createElement(SwitchField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.segmented:
-      {
-        return /*#__PURE__*/React.createElement(SegmentedField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.datePicker:
-      {
-        return /*#__PURE__*/React.createElement(DatePickerField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.fileInput:
-      {
-        return /*#__PURE__*/React.createElement(FileInput, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.radioGroup:
-      {
-        return /*#__PURE__*/React.createElement(RadioGroup, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.select:
-      {
-        return /*#__PURE__*/React.createElement(SelectField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.text:
-      {
-        return /*#__PURE__*/React.createElement(InputField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.textarea:
-      {
-        return /*#__PURE__*/React.createElement(TextareaField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.custom:
-      {
-        return /*#__PURE__*/React.createElement(CustomField, Object.assign({
-          key: config.key
-        }, field, props));
-      }
-    case formTypes.group:
-      {
-        return /*#__PURE__*/React.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.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 = useCallback(function (formInstance) {
-    if (ref) {
-      ref.current = formInstance;
-    }
-  }, [ref]);
-  var fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var directionClass = useDeviceTargetClass(props, {
-    prefix: 'direction_',
-    propsKey: 'direction'
-  });
-  var shapeClass = useDeviceTargetClass(props, {
-    prefix: 'shape_',
-    propsKey: 'shape'
-  });
-  var elevationClass = useDeviceTargetClass(props, {
-    prefix: 'elevation_',
-    propsKey: 'elevation'
-  });
-  var _useStyles = useStyles(props),
-    formStyles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(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.createElement("form", {
-        style: formStyles,
-        className: clsx(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.createElement(Title, {
-        className: "form__title",
-        size: titleTextSize,
-        textColor: titleTextColor,
-        textWeight: titleTextWeight
-      }, title), description && /*#__PURE__*/React.createElement(Text, {
-        className: "form__description",
-        size: descriptionSize,
-        textColor: descriptionTextColor,
-        textWeight: descriptionTextWeight
-      }, description), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React.createElement("div", {
-        className: clsx('notification', 'form-notification', notificationType ? "form-notification_type_" + notificationType : 'form-notification_type_global')
-      }, /*#__PURE__*/React.createElement(NotificationItem, {
-        className: "form-notification__item",
-        titleTextSize: "h6",
-        title: form.getState().submitError,
-        set: "form",
-        status: "error"
-      })), onChangeFormValues && /*#__PURE__*/React.createElement(FormSpy, {
-        subscription: {
-          values: true
-        },
-        onChange: onChangeFormValues
-      }), Boolean(Object.keys(config).length) && /*#__PURE__*/React.createElement(Group$1, {
-        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.createElement(Loader, {
-        className: "form__loader",
-        set: loaderSet,
-        fill: loaderFill,
-        itemFill: loaderItemFill,
-        text: loaderText
-      }))), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || tertiaryButton || tertiaryButtonLabel) && /*#__PURE__*/React.createElement(Group$1, {
-        fill: buttonFill,
-        justifyContent: buttonJustifyContent,
-        direction: buttonDirection,
-        padding: buttonPadding,
-        gap: buttonGap,
-        className: "form__button",
-        dataTour: dataTourButtons
-      }, primaryButtonLabel ? /*#__PURE__*/React.createElement(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.createElement(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.createElement(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.object,
-  after: PropTypes.any,
-  before: PropTypes.any,
-  buttonGap: PropTypes.string,
-  className: PropTypes.string,
-  config: PropTypes.object,
-  description: PropTypes.string,
-  descriptionSize: PropTypes.string,
-  descriptionTextColor: PropTypes.string,
-  descriptionTextWeight: PropTypes.string,
-  disableFieldsAutoComplete: PropTypes.string,
-  fieldsGap: PropTypes.string,
-  formName: PropTypes.string,
-  initialValues: PropTypes.any,
-  initialValuesEqual: PropTypes.any,
-  language: PropTypes.string,
-  isLoading: PropTypes.bool,
-  loaderText: PropTypes.string,
-  mutators: PropTypes.any,
-  onChangeFormValues: PropTypes.func,
-  onClickSecondaryButton: PropTypes.func,
-  onSubmit: PropTypes.func,
-  primaryButton: PropTypes.string,
-  primaryButtonFill: PropTypes.string,
-  primaryButtonLabel: PropTypes.string,
-  secondaryButton: PropTypes.string,
-  secondaryButtonFill: PropTypes.string,
-  secondaryButtonLabel: PropTypes.string,
-  set: PropTypes.string,
-  title: PropTypes.string,
-  titleSize: PropTypes.string,
-  titleTextColor: PropTypes.string,
-  titleTextWeight: PropTypes.string,
-  validationSchema: PropTypes.object
-};
-FinalForm.defaultProps = {
-  additionalProps: {},
-  isLoading: false,
-  loaderSet: 'simple',
-  loaderFill: 'surfacePrimary',
-  loaderItemFill: 'surfaceItemAccent',
-  language: 'en',
-  titleSize: 'h1',
-  buttonDirection: 'vertical',
-  direction: 'vertical',
-  disableFieldsAutoComplete: false
-};
-
-export { CheckboxField as Checkbox, ChoiceField, CodeField, CustomField, DatePickerField, FieldWrapper, FieldWrapperBase, FileInput, FinalForm, Group, InputField, RadioGroup, SegmentedField, SelectField, SwitchField as Switch, TextareaField as Textarea, addRequiredFieldsParamToSchema, emailValidation, focusOnError, focusOnErrorDecorator, formTypes, generateField, phoneValidation, sendFormDataToServer, setErrorsMutator, useYupValidationSchema };
+import{isPossiblePhoneNumber as e}from"libphonenumber-js";import t,{useMemo as r,useEffect as i,useCallback as o,useState as a}from"react";import{setIn as n,FORM_ERROR as s,getIn as l}from"final-form";import{useForm as m,Field as c,Form as u,FormSpy as d}from"react-final-form";export{Field,useForm,useFormState}from"react-final-form";import p from"prop-types";import f from"clsx";import{Checkbox as b}from"@itcase/ui/components/Checkbox";import{Divider as g}from"@itcase/ui/components/Divider";import{Text as h}from"@itcase/ui/components/Text";import{useDeviceTargetClass as _}from"@itcase/ui/hooks/useDeviceTargetClass";import{useStyles as x}from"@itcase/ui/hooks/useStyles";import{Choice as T}from"@itcase/ui/components/Choice";import{Code as y}from"@itcase/ui/components/Code";import{DatePickerInput as v}from"@itcase/ui/components/DatePicker";import S from"axios";import{useDropzone as E}from"react-dropzone";import{fromEvent as C}from"file-selector";import N from"lodash/castArray";import{createFileFromDataURL as z}from"@itcase/common";import{Loader as P}from"@itcase/ui/components/Loader";import{Title as F}from"@itcase/ui/components/Title";import{Input as j}from"@itcase/ui/components/Input";import{Icon as k}from"@itcase/ui/components/Icon";import{RadioButton as R}from"@itcase/ui/components/RadioButton";import{Segmented as B}from"@itcase/ui/components/Segmented";import{Select as W}from"@itcase/ui/components/Select";import{Switch as M}from"@itcase/ui/components/Switch";import{Textarea as w}from"@itcase/ui/components/Textarea";import{Button as L}from"@itcase/ui/components/Button";import{Group as q}from"@itcase/ui/components/Group";import{NotificationItem as O}from"@itcase/ui/components/Notification";import V from"final-form-focus";const D=(t,r)=>!t||e(t,"RU"),A=(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())},I=e=>{const t=Object.entries(e.fields);return e.requiredFields=t.reduce(((e,[t,r])=>(r.exclusiveTests?.required&&e.push(t),e)),[]),e},$=(e,t)=>n(e,t.path,t.message),H=Object.create(null);function G(e,t){const i=r((()=>e&&(e=>async function(t){try{await e.validate(t,{abortEarly:!1})}catch(e){if(e.inner)return e.inner.reduce($,H);console.warn("itcase-forms schema.validate error: An error not related to the form occurred during validation. Validation ignored.")}})(e)),[e,t]);return i}function K(e){const{after:i,afterItem:o,before:a,beforeItem:n,children:s,className:l,desc:m,descTextSize:c,descTextColor:u,descTextWidth:d,divider:p,dividerDirection:b,dividerFill:T,dividerSize:y,dividerWidth:v,fieldClassName:S,id:E,inputName:C,inputValue:N,isRequired:z,label:P,labelTextSize:F,labelTextColor:j,labelTextWidth:k,errorMessageTextSize:R,errorMessageTextWeight:B,errorMessageTextColor:W,message:M,messageTextSize:w,messageTextColor:L,messageTextWeight:q,metaActive:O,metaError:V,metaModifiedSinceLastSubmit:D,metaSubmitError:A,metaSubmitFailed:I,metaTouched:$,metaValid:H,set:G,type:K,hideMessage:U,isHidden:J,tag:Q,dataTour:X,showErrorsOnSubmit:Y}=e,Z=V||!D&&A||!1,ee=r((()=>Y?I&&$&&Z:$&&Z),[Y,I,$,Z]),te=r((()=>(Array.isArray(N)?N.length:N)&&(H||!V&&A&&D)),[N,H,V,A,D]),re=r((()=>f(l,ee&&"form__item_state_error",te&&"form__item_state_success",z&&"form__item_state_required",O&&"form__item_state_focus",N&&"form__item_state_filled")),[l,ee,te,z,O,N]),ie=r((()=>f(S,ee&&`${S}_state_error`,te&&`${S}_state_success`,O&&`${S}_state_focus`,N&&`${S}_state_filled`)),[S,ee,te,O,N]),oe=_(e,{prefix:"form-field_size_",propsKey:"size"}),ae=_(e,{prefix:"fill_",propsKey:"fill"}),ne=_(e,{prefix:"fill_",propsKey:"inputFill"}),se=_(e,{prefix:"form-field_shape_",propsKey:"shape"}),le=_(e,{prefix:"form-field__item-value_shape_",propsKey:"inputShape"}),me=_(e,{prefix:"direction_",propsKey:"direction"}),ce=_(e,{prefix:"width_",propsKey:"width"}),{styles:ue}=x(e);return t.createElement(Q,{className:f(re,"form__item","form-field",K&&`form-field_type_${K}`,G&&`form-field_set_${G}`,oe,ae,se,J&&"form-field_state_hidden",me,ce),"data-tour":X,style:ue},a,P&&t.createElement("div",{htmlFor:E,className:"form-field__label"},t.createElement(h,{size:F,textWeight:k,textColor:j},P)),m&&t.createElement("div",{className:"form-field__desc"},t.createElement(h,{size:c,textWeight:d,textColor:u},m)),t.createElement("div",{className:f("form-field__content",ne,le)},t.createElement("div",{className:f("form-field__content-inner",ie)},n,s,o),p&&t.createElement(g,{className:"form-field__item-divider",width:v,direction:b,size:y,fill:T})),!U&&t.createElement("div",{className:"form-field__message"},Boolean(ee)&&t.createElement(h,{className:"form-field__message-item form-field__message-item_type-error",size:R,textWeight:B,textColor:W,id:`${C}-error`},Z),Boolean(M)&&!ee&&t.createElement(h,{className:"form-field__message-item form-field__message-item_type_message",size:w,textWeight:q,textColor:L},M),Boolean(!ee)&&Boolean(!M)&&t.createElement(h,{className:"form-field__message-item form-field__message-item_type_message",size:w}," ")),i)}function U(e){const{inputName:r}=e,{change:o}=m();return i((()=>()=>{o(r,void 0)}),[]),t.createElement(K,e)}K.defaultProps={tag:"div",type:"normal",errorMessageTextSize:"s",errorMessageTextColor:"errorTextSecondary"},K.propTypes={after:p.any,afterItem:p.any,autoComplete:p.string,before:p.any,beforeItem:p.any,children:p.any,className:p.string,desc:p.string,descTextSize:p.string,descTextColor:p.string,descTextWidth:p.string,dividerDirection:p.string,dividerFill:p.string,dividerSize:p.string,dividerWidth:p.string,fieldClassName:p.string,id:p.string,inputName:p.string,inputOnBlur:p.func,inputOnChange:p.func,inputOnFocus:p.func,inputValue:p.any,isRequired:p.bool,itemType:p.string,label:p.any,labelTextSize:p.string,labelTextColor:p.string,labelTextWidth:p.string,errorMessageTextSize:p.string,errorMessageTextWidth:p.string,errorMessageTextColor:p.string,message:p.string,messageSize:p.string,messageTextColor:p.string,messageTextWidth:p.string,metaActive:p.bool,metaError:p.string,metaModifiedSinceLastSubmit:p.bool,metaSubmitError:p.string,metaSubmitFailed:p.bool,metaTouched:p.bool,metaValid:p.bool,set:p.string,showErrorsOnSubmit:p.bool,type:p.string},U.propTypes={autoComplete:p.string,children:p.any,className:p.string,fieldClassName:p.string,hint:p.string,inputName:p.string,inputOnBlur:p.func,inputOnChange:p.func,inputOnFocus:p.func,inputValue:p.any,isRequired:p.bool,itemType:p.string,label:p.any,metaActive:p.bool,metaError:p.string,metaModifiedSinceLastSubmit:p.bool,metaSubmitError:p.string,metaSubmitFailed:p.bool,metaTouched:p.bool,metaValid:p.bool,showErrorsOnSubmit:p.bool};const J=t.memo((function(e){const{name:r,isRequired:i,onChange:a,fieldProps:n,inputProps:s,classNameGroupItem:l,hideMessage:m}=e;return t.createElement(c,{name:r,type:"checkbox"},(({input:e,meta:r})=>{const c=o((t=>{e.onChange(t),a&&a(t.target.checked,e.name)}),[a]);return t.createElement(U,Object.assign({className:f("form-field_type_checkbox","form__item_type_checkbox",l),fieldClassName:"form-checkbox",inputName:e.name,inputValue:e.checked,isRequired:i,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,tag:"label",hideMessage:m},n),t.createElement(b,Object.assign({autoComplete:"nope",checked:e.checked,name:e.name,type:"checkbox",onBlur:e.onBlur,onChange:c,onFocus:e.onFocus},s)))}))}));J.defaultProps={inputProps:{},fieldProps:{}},J.propTypes={fieldProps:p.object,inputProps:p.object,isRequired:p.bool,name:p.string,onChange:p.func};const Q=t.memo((function(e){const{options:i,classNameGroupItem:a,fieldProps:n,inputProps:s,isMultiple:l,isRequired:u,initialValue:d,label:p,name:b,messageType:g,hideMessage:h,placeholder:_}=e,{change:x}=m();return t.createElement(c,{name:b,initialValue:d},(({input:e,meta:m})=>{const c=r((()=>{const t={value:null,label:null};if(e.value){return i.find((t=>t.value===e.value))||t}return t}),[e.value]),d=o((e=>{x(b,e.value)}),[x]);return t.createElement(U,Object.assign({className:f("form-field_type_choice","form__item_type_choice",a),fieldClassName:"form-choice",inputName:e.name,inputValue:e.value||[],isRequired:u,label:p,messageType:g,metaActive:m.active,metaError:m.error,metaModifiedSinceLastSubmit:m.modifiedSinceLastSubmit,metaSubmitError:m.submitError,metaSubmitFailed:m.submitFailed,metaTouched:m.touched,metaValid:m.valid,hideMessage:h},n),t.createElement(T,Object.assign({className:f(m.active&&"form-choice_state_focus",m.error&&m.touched&&"form-choice_state_error"),options:i,inputName:e.name,inputValue:e.value||[],isMultiple:l,isRequired:u,placeholder:_,active:c,setActiveSegment:d},s)))}))}));Q.propTypes={options:p.array.isRequired,name:p.string.isRequired,className:p.string,inputClass:p.string,isMultiple:p.bool,isRequired:p.bool,label:p.string,placeholder:p.string};const X=t.memo((function(e){const{Component:r,isRequired:i,name:o,fieldProps:a,classNameGroupItem:n,hideMessage:s}=e;return t.createElement(c,{name:o},(({input:o,meta:l})=>t.createElement(U,Object.assign({className:f("form-field_type_custom","form__item_type_custom",n),fieldClassName:"form-custom",inputName:o.name,inputValue:o.value,isRequired:i,metaActive:l.active,metaError:l.error,metaModifiedSinceLastSubmit:l.modifiedSinceLastSubmit,metaSubmitError:l.submitError,metaSubmitFailed:l.submitFailed,metaTouched:l.touched,metaValid:l.valid,hideMessage:s},a),t.createElement(r,Object.assign({},e,{input:o,meta:l})))))}));X.defaultProps={inputProps:{},fieldProps:{}},X.propTypes={name:p.string.isRequired,isRequired:p.bool,fieldProps:p.object,inputProps:p.object};const Y=t.memo((function(e){const{isRequired:r,name:i,fieldProps:o,inputProps:a,classNameGroupItem:n,hideMessage:s}=e;return t.createElement(c,{name:i},(({input:e,meta:i})=>t.createElement(U,Object.assign({className:f("form-field_type_code","form__item_type_code",n),fieldClassName:"form-code",inputName:e.name,inputValue:e.value,isRequired:r,metaActive:i.active,metaError:i.error,metaModifiedSinceLastSubmit:i.modifiedSinceLastSubmit,metaSubmitError:i.submitError,metaSubmitFailed:i.submitFailed,metaTouched:i.touched,metaValid:i.valid,hideMessage:s},o),t.createElement(y,Object.assign({autoComplete:"nope",name:e.name,value:e.value,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},a)))))}));function Z(e){const{isRequired:r,fieldProps:i,inputProps:a,datePickerProps:n,name:s,iconSize:l,iconBorder:m,iconBorderHover:u,iconFill:d,iconFillHover:p,iconRevealableShow:b,iconRevealableHide:g,iconShape:h,hideMessage:_,onChange:x,classNameGroupItem:T}=e;return t.createElement(c,{name:s},(({input:e,meta:s})=>{const l=o((t=>{e.onChange(t),x&&x(t,e.name)}),[x]);return t.createElement(U,Object.assign({className:f("form-field_type_datepicker","form__item_type_datepicker",T),fieldClassName:"form-datepicker",inputName:e.name,inputValue:e.value||"",isRequired:r,metaActive:s.active,metaError:s.error,metaModifiedSinceLastSubmit:s.modifiedSinceLastSubmit,metaSubmitError:s.submitError,metaSubmitFailed:s.submitFailed,metaTouched:s.touched,metaValid:s.valid,hideMessage:_},i),t.createElement(v,{name:e.name,value:e.value||"",onBlur:e.onBlur,onChange:l,onFocus:e.onFocus,inputProps:a,datePickerProps:n}))}))}async function ee(e){try{const t=await S({url:`/api/${e}/`,responseType:"blob"}),r=t.data,i=t.headers["content-disposition"]?.split("filename=")[1];let o=i?.substring(1).slice(0,-1);if(!o){const e=r.type.split("/"),t=e[e.length-1];o=`${(new Date).getTime()}.${t}`}return new File([r],o,{type:r.type})}catch(e){return console.log("error: ",e),null}}function te(e,t){t=t||(()=>{});const r=new FileReader;r._readedFile=e,r.onabort=()=>t(),r.onerror=()=>t(),r.onload=e=>{e.target._readedFile.dataURL=r.result,t()},e instanceof File?r.readAsDataURL(e):t()}Y.defaultProps={inputProps:{},fieldProps:{}},Y.propTypes={name:p.string.isRequired,isRequired:p.bool,fieldProps:p.object,inputProps:p.object},Z.defaultProps={inputProps:{},fieldProps:{}},Z.propTypes={fieldProps:p.object,inputProps:p.object,isRequired:p.bool,name:p.string.isRequired,onChange:p.func};const re=t.memo((function(e){const{inputName:r,size:n,className:s,fileErrorText:l,hintTitleTextSize:c,removeThumbTextSize:u,removeThumbTextColor:d,removeThumbTextWeight:p,thumbNameTextSize:b,thumbNameTextColor:g,removeThumbTextHoverColor:x,thumbNameTextWrap:T,thumbNameTextWeight:y,hintTitleTextColor:v,hintTitleTextWrap:S,thumbColumn:F,hintTitleTextWeight:j,hintDescriptionTextSize:k,hintDescriptionTextColor:R,hintDescriptionTextWrap:B,hintDescriptionTextWeight:W,errorMessageTextSize:M,errorMessageTextWeight:w,errorMessageTextColor:L,inputValue:q,maxFiles:O,maxSize:V,removeThumbText:D,hintTitle:A,hintDescription:I,isShowFilename:$,isPreviews:H,loadingText:G,dropzoneProps:K={},onAddFiles:U,onDeleteFile:J}=e,[Q,X]=a(""),[Y,Z]=a(!1),[re,ie]=a(q?N(q):[]),{change:oe}=m(),ae=o((e=>{const t=1==K.maxFiles?e[0]:e;return oe(r,t),t}),[K,oe]),{getRootProps:ne,getInputProps:se}=E({maxSize:V||10485760,maxFiles:O||5,...K,getFilesFromEvent:async e=>{const t=(await C(e)).filter((e=>e instanceof File));return[...re,...t]},onDropAccepted:(e,t)=>{H&&e.forEach((e=>{e.error||(e.preview=URL.createObjectURL(e))})),ie(e),X("");const i=e.map((e=>new Promise((t=>te(e,t)))));Promise.all(i).then((()=>{const t=ae(e);U&&U(t,r)}))},onDropRejected:(e,t)=>{if(e.length){const t=e[0].errors[0]?.message;X(t||"Error on adding file")}else X("")}}),le=o(((e,t)=>{e.stopPropagation(),e.preventDefault();const i=[...re];i.splice(t,1),J&&J(re[t],r),ae(i)}),[re,ae,J]),me=o((async e=>{Z(!0);const t=await async function(e,t){const r=[];for await(const i of N(e)){let e=null;const o="string"==typeof i&&i.includes("/");(i.image||o)&&(e=await ee(i.image||i),e&&te(e)),i.dataURL&&(e=z(i.name||i.path,i.dataURL),e.dataURL=i.dataURL),e&&(e.id=i.id,t&&(e.preview=URL.createObjectURL(e)),r.push(e))}return r}(e,H);return Z(!1),ie(t),t}),[H]);i((()=>{me(q).then((e=>ae(e)))}),[]),i((()=>{q?me(q):ie([])}),[q]),i((()=>()=>re.forEach((e=>URL.revokeObjectURL(e?.preview)))),[]);const ce=_(e,{prefix:"fill_",propsKey:"fill"}),ue=_(e,{prefix:"fill_hover_",propsKey:"fillHover"}),de=_(e,{prefix:"border-width_",propsKey:"borderWidth"}),pe=_(e,{prefix:"border-color_",propsKey:"borderColor"}),fe=_(e,{prefix:"border-color_hover_",propsKey:"borderColorHover"}),be=_(e,{prefix:"border_type_",propsKey:"borderType"}),ge=_(e,{prefix:"form-dropzone_shape_",propsKey:"shape"}),he=_(e,{prefix:"border-width_",propsKey:"thumbBorderWidth"}),_e=_(e,{prefix:"form-dropzone__thumb_direction_",propsKey:"thumbDirection"}),xe=_(e,{prefix:"border-color_",propsKey:"thumbBorderColor"}),Te=_(e,{prefix:"border-color_hover_",propsKey:"thumbBorderColorHover"}),ye=_(e,{prefix:"border_type_",propsKey:"thumbBorderType"});return t.createElement(t.Fragment,null,t.createElement("div",ne({className:`form-dropzone__dropzone dropzone ${s} thumbColumn form-dropzone__dropzone_size_${n} ${ge}`}),t.createElement("input",Object.assign({},se(),{name:r})),t.createElement("div",{className:f("form-dropzone__dropzone-wrapper",F&&`form-dropzone__dropzone-wrapper_column_${F}`,ce,ue,de,pe,fe,be)},re.map(((e,r)=>t.createElement("aside",{className:f("form-dropzone__thumb",ce,_e,he,xe,Te,ye),key:`${e.id||`${e.name}_${r}`||"i"+r}`},H&&!e.error&&t.createElement("div",{className:"form-dropzone__thumb-image"},t.createElement("img",{className:"form-dropzone__thumb-image-inner",src:e.preview||e.image,onLoad:()=>{URL.revokeObjectURL(e.preview)}})),e.error&&t.createElement("div",null,t.createElement(h,{size:b,textColor:g,textWrap:T,textWeight:y},l||e.error)),$&&t.createElement("div",{className:"form-dropzone__thumb-name"},t.createElement(h,{size:b,textColor:g,textWrap:T,textWeight:y,className:"form-dropzone__thumb-name-inner"},e.name)),Y&&t.createElement("div",{className:"form-dropzone__thumb-loader"},t.createElement(P,{fill:"surfacePrimary",height:"fill",itemFill:"surfaceItemAccent",set:"simple",width:"fill"})),t.createElement("div",{className:"form-dropzone__thumb-remove",onClick:e=>le(e,r)},t.createElement(h,{size:u,textColor:d,textWeight:p,textColorHover:x,className:"form-dropzone__thumb-remove-text"},D||"Remove"))))),re.length?t.createElement("div",{className:"form-dropzone__hint form-dropzone__hint_type_add-more"},t.createElement(h,{size:c,textColor:v,textWrap:S,textWeight:j,className:"form-dropzone__hint-title"},A||"Select a file or drag in form"),t.createElement(h,{size:k,textColor:R,textWrap:B,textWeight:W,className:"form-dropzone__hint-text"},I)):t.createElement("div",{className:"form-dropzone__hint"},t.createElement(h,{size:c,textColor:v,textWrap:S,textWeight:j,className:"form-dropzone__hint-title"},A||"Select a file or drag in form"),t.createElement(h,{size:k,textColor:R,textWrap:B,textWeight:W,className:"form-dropzone__hint-text"},I)))),Q&&t.createElement("div",{className:"form-field__message"},t.createElement(h,{className:"form-field__message-item form-field__message-item_type_message",size:M,textWeight:w,textColor:L},Q)))}));re.propTypes={dropzoneProps:p.object,hintDescription:p.string,hintTitle:p.string,inputName:p.string,inputValue:p.any,isPreviews:p.bool,isShowFilename:p.bool,loadingText:p.string,metaError:p.string,metaTouched:p.bool,removeThumbText:p.string,onAddFiles:p.func,onDeleteFile:p.func};const ie=t.memo((function(e){const{name:r,shape:i,size:o,borderWidth:a,borderColor:n,borderColorHover:s,borderType:l,label:m,thumbBorderWidth:u,thumbBorderColor:d,thumbBorderColorHover:p,thumbBorderType:b,removeThumbTextHoverColor:g,labelTextColor:h,fill:_,fillHover:x,className:T,removeThumbText:y,thumbNameTextSize:v,thumbNameTextColor:S,thumbNameTextWrap:E,thumbNameTextWeight:C,removeThumbTextSize:N,removeThumbTextColor:z,removeThumbTextWeight:P,hintTitle:F,errorMessageTextSize:j,errorMessageTextWeight:k,errorMessageTextColor:R,fieldProps:B,hintTitleTextSize:W,hintTitleTextColor:M,hintTitleTextWrap:w,hintTitleTextWeight:L,hintDescriptionTextSize:q,hintDescriptionTextColor:O,hintDescriptionTextWrap:V,hintDescriptionTextWeight:D,hideMessage:A,thumbDirection:I,hintDescription:$,isShowFilename:H,fileErrorText:G,dropzoneProps:K,maxFiles:J,maxSize:Q,thumbColumn:X,isRequired:Y,isPreviews:Z,onAddFiles:ee,onDeleteFile:te,classNameGroupItem:ie}=e;return t.createElement(c,{name:r},(({input:e,meta:r})=>t.createElement(U,Object.assign({className:f("form-field_type_dropzone","form__item_type_dropzone",ie),fieldClassName:"form-dropzone",inputName:e.name,inputValue:e.value,isRequired:Y,label:m,labelTextColor:h,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:A},B),t.createElement(re,{dropzoneProps:K,hintDescription:$,hintTitle:F,borderWidth:a,borderColor:n,borderColorHover:s,borderType:l,thumbBorderWidth:u,thumbBorderColor:d,thumbBorderColorHover:p,thumbBorderType:b,fileErrorText:G,fill:_,size:o,maxFiles:J,maxSize:Q,removeThumbTextHoverColor:g,fillHover:x,className:T,thumbColumn:X,thumbDirection:I,inputName:e.name,inputValue:e.value,thumbNameTextSize:v,thumbNameTextColor:S,thumbNameTextWrap:E,thumbNameTextWeight:C,hintTitleTextSize:W,hintTitleTextColor:M,hintTitleTextWrap:w,hintTitleTextWeight:L,removeThumbTextSize:N,removeThumbTextColor:z,removeThumbTextWeight:P,hintDescriptionTextSize:q,hintDescriptionTextColor:O,hintDescriptionTextWrap:V,hintDescriptionTextWeight:D,errorMessageTextSize:j,errorMessageWeight:k,errorMessageTextColor:R,isPreviews:Z,shape:i,isShowFilename:H,metaError:r.error,metaTouched:r.touched,removeThumbText:y,onAddFiles:ee,onDeleteFile:te}))))}));ie.defaultProps={errorMessageTextSize:"s",errorMessageTextColor:"errorTextPrimary",thumbColumn:1,thumbDirection:"vertical"},ie.propTypes={name:p.string.isRequired,className:p.string,classNameGroupItem:p.string,classNameInput:p.string,classNameInputWrapper:p.string,dropzoneProps:p.object,hintDescription:p.string,hintTitle:p.string,inputClass:p.string,isPreviews:p.bool,isRequired:p.bool,isShowFilename:p.bool,label:p.any,removeThumbText:p.string,onAddFiles:p.func,onDeleteFile:p.func};const oe=t.memo((function(e){const{after:i,before:o,className:a,label:n,labelTextColor:s,labelTextSize:l,labelTextWeight:m,message:u,errorMessageTextSize:d,errorMessageTextWeight:p,errorMessageTextColor:b,messageTextSize:g,messageTextWeight:_,messageTextColor:x,children:T,dataTour:y,hideMessage:v,name:S,showErrorsOnSubmit:E}=e;return t.createElement(c,{name:S},(({input:e,meta:c})=>{const C=c.error||!c.modifiedSinceLastSubmit&&c.submitError||!1,N=r((()=>E?c.submitFailed&&c.touched&&C:c.touched&&C),[E,c.submitFailed,c.touched,C]);return t.createElement("div",{className:f("form__group",a),"data-tour":y},t.createElement("div",{className:"form__group-wrapper"},o,t.createElement("div",{className:"form__group-label"},t.createElement(F,{textColor:s,size:l,textWeight:m},n)),t.createElement("div",{className:"form__group-items"},T),i),!v&&t.createElement(t.Fragment,null,Boolean(N)&&t.createElement(h,{className:"form__group-message form__group-message_type-error",size:d,textWeight:p,textColor:b,id:`${S}-error`},C),Boolean(u)&&!N&&t.createElement(h,{className:"form__group-message",size:g,textWeight:_,textColor:x},u),Boolean(!N)&&Boolean(!u)&&t.createElement(h,{className:"form__group-message",size:g}," ")))}))}));oe.defaultProps={inputProps:{},fieldProps:{},type:"normal",errorMessageTextSize:"s",errorMessageTextColor:"errorTextPrimary",messageTextSize:"s",messageTextColor:"surfaceTextTertiary"},oe.propTypes={name:p.string.isRequired,isRequired:p.bool,fieldProps:p.object,inputProps:p.object};const ae=t.memo((function(e){const{isPassword:i,isRequired:n,fieldProps:s,inputProps:l,isRevealable:m,name:u,parse:d,iconSize:p,iconBorder:b,iconBorderHover:g,iconFill:h,iconFillHover:_,iconRevealableShow:x,iconRevealableHide:T,iconShape:y,hideMessage:v,onChange:S,classNameGroupItem:E}=e,[C,N]=a(!1),z=r((()=>i?C?"text":"password":"text"),[C,i]),P=o((e=>{e.preventDefault(),N((e=>!e))}),[N]);return t.createElement(c,{name:u,parse:d},(({input:e,meta:r})=>{const i=o((t=>{e.onChange(t),S&&S(t.target.value,e.name)}),[S]);return t.createElement(U,Object.assign({className:f("form-field_type_input","form__item_type_input",E),fieldClassName:m?"form-password":"form-input",inputName:e.name,inputValue:e.value||"",isRequired:n,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:v},s),t.createElement(j,Object.assign({className:f(r.active&&"input_state_focus",r.error&&r.touched&&"input_state_error"),autoComplete:"nope",name:e.name,type:z,value:e.value||"",onBlur:e.onBlur,onChange:i,onFocus:e.onFocus},l)),m&&t.createElement(k,{className:"form-field__icon",iconFill:h,iconFillHover:_,SvgImage:C?T:x,imageSrc:C?T:x,shape:y,size:p,onClick:P}))}))}));function ne(e){const{input:r,option:i,onChange:a,inputProps:n}=e,s=o((e=>{e.target.checked&&a(i.value)}),[]);return t.createElement(R,Object.assign({className:"form-radio__item",checked:i.value===r.value,name:r.name,type:"radio",value:i.value,onBlur:r.onBlur,onChange:s,onFocus:r.onFocus,label:i.label},n))}function se(e){const{input:r,value:i,onChange:a}=e,n=o((e=>a(e.target.value)),[a]);return t.createElement(j,Object.assign({autoComplete:"nope",name:r.name,onBlur:r.onBlur,onChange:n,onFocus:r.onFocus,value:i},e))}function le(e){const{input:r,options:n,editableProps:s,onChange:l,inputProps:m}=e,[c,u]=a((()=>n.find((e=>e.value===r.value))?"":r.value));i((()=>{if(r.value){const e=n.find((e=>e.value===r.value&&!e.editable));u(e?"":r.value)}else u("")}),[r.value]);const d=o((e=>{r.onChange(e),l&&l(e,r.name)}),[r,l]),p=o((e=>{u(""),d(e)}),[d]),f=o((e=>{u(e),d(e)}),[d]);return t.createElement(t.Fragment,null,n.map((e=>e.editable?t.createElement(se,{key:e.label,input:r,value:c,option:e,onChange:f,editableProps:s,inputProps:m}):t.createElement(ne,{key:e.value,input:r,option:e,onChange:p,inputProps:m}))))}ae.defaultProps={inputProps:{},fieldProps:{}},ae.propTypes={fieldProps:p.object,inputProps:p.object,isPassword:p.bool,isRequired:p.bool,isRevealable:p.bool,name:p.string.isRequired,onChange:p.func},ne.propTypes={inputProps:p.object,onChange:p.func,option:p.shape({label:p.string,value:p.string}),input:p.shape({name:p.string,value:p.string,onBlur:p.func,onFocus:p.func,onChange:p.func})},se.propTypes={input:p.string,value:p.string,editableProps:p.object,onChange:p.func},le.propTypes={editableProps:p.object,input:p.object,inputProps:p.object,onChange:p.object,options:p.object};const me=t.memo((function(e){const{isRequired:r,name:i,options:o,fieldProps:a,editableProps:n,inputProps:s,onChange:l,hideMessage:m}=e;return t.createElement(c,{name:i},(({input:e,meta:i})=>t.createElement(U,Object.assign({className:"form__item_type_radio",fieldClassName:"form-radio",inputName:e.name,inputValue:e.value||"",isRequired:r,metaActive:i.active,metaError:i.error,metaModifiedSinceLastSubmit:i.modifiedSinceLastSubmit,metaSubmitError:i.submitError,metaSubmitFailed:i.submitFailed,metaTouched:i.touched,metaValid:i.valid,hideMessage:m},a),t.createElement(le,{input:e,options:o,onChange:l,editableProps:n,inputProps:s}))))}));function ce(e){const{options:i,isRequired:a,name:n,fieldProps:s,inputProps:l,hideMessage:u}=e,{change:d}=m();return t.createElement(c,{name:n},(({input:e,meta:m})=>{const c=r((()=>{const t={value:null,label:null};if(e.value){return i.find((t=>t.value===e.value))||t}return t}),[e.value]),p=o((e=>{d(n,e.value)}),[d]);return t.createElement(U,Object.assign({className:f("form-field_type_segmented","form__item_type_segmented"),fieldClassName:"form-segmented",inputName:e.name,inputValue:e.value||[],isRequired:a,metaActive:m.active,metaError:m.error,metaModifiedSinceLastSubmit:m.modifiedSinceLastSubmit,metaSubmitError:m.submitError,metaSubmitFailed:m.submitFailed,metaTouched:m.touched,metaValid:m.valid,hideMessage:u},s),t.createElement(B,Object.assign({segments:i,setActiveSegment:p,activeSegment:c},l)))}))}function ue(e,t){const r=Array.isArray(t)?t:[t];let i=[];return e.forEach((e=>{const o=r.includes(e.value),a=r.includes(e.label);let n=[];e.options&&(n=ue(e.options,t)),o||a?i.push(e):n.length&&(i=i.concat(n))})),i}me.defaultProps={fieldProps:{},editableProps:{},inputProps:{},options:[]},me.propTypes={name:p.string.isRequired,fieldProps:p.object,inputProps:p.object,editableProps:p.object,isRequired:p.bool,options:p.array,onChange:p.func},ce.propTypes={options:p.array.isRequired,name:p.string.isRequired,className:p.string,inputClass:p.string,isRequired:p.bool,label:p.string,placeholder:p.string,fieldProps:p.object,inputProps:p.object};const de=t.memo((function(e){const{isRequired:n,key:s,name:l,options:m,fieldProps:u,selectProps:d,selectRef:p,onChange:b,classNameGroupItem:g,hideMessage:h}=e;return t.createElement(c,{name:l},(({input:e,meta:l})=>{const c=o((t=>{e.onChange(t),b&&b(t,e.name)}),[b]),[_,x]=a(null),T=r((()=>{const t=ue(m,e.value);return!t.length&&e.value?.length&&t.push({value:e.value,label:e.value}),t}),[e.value]);i((()=>x(T)),[T]);const y=o(((e,t)=>{const r=Array.isArray(e)?e.map((e=>e.value)):e?.value||null;x(e),c(r)}),[c]);return t.createElement(U,Object.assign({className:f("form-field_type_select","form__item_type_select",g),fieldClassName:"form-select",inputName:e.name,inputValue:e.value,isRequired:n,metaActive:l.active,metaError:l.error,metaModifiedSinceLastSubmit:l.modifiedSinceLastSubmit,metaSubmitError:l.submitError,metaSubmitFailed:l.submitFailed,metaTouched:l.touched,metaValid:l.valid,hideMessage:h},u),t.createElement(W,Object.assign({className:"form-select-item",instanceId:`id_${e.name}`,value:_,onChange:y,options:m,ref:p,key:s},d)))}))}));de.propTypes={name:p.string.isRequired,selectProps:p.object,isRequired:p.bool,label:p.any,messageType:p.string,options:p.array,onChange:p.func};const pe=t.memo((function(e){const{name:r,isRequired:i,onChange:a,fieldProps:n,inputProps:s,classNameGroupItem:l,hideMessage:m}=e;return t.createElement(c,{name:r,type:"checkbox"},(({input:e,meta:r})=>{const c=o((t=>{e.onChange(t),a&&a(t.target.checked,e.name)}),[a]);return t.createElement(U,Object.assign({className:f("form-field_type_switch","form__item_type_switch",l),fieldClassName:"form-switch",inputName:e.name,inputValue:e.checked,isRequired:i,metaActive:r.active,metaError:r.error,metaModifiedSinceLastSubmit:r.modifiedSinceLastSubmit,metaSubmitError:r.submitError,metaSubmitFailed:r.submitFailed,metaTouched:r.touched,metaValid:r.valid,hideMessage:m,tag:"label"},n),t.createElement(M,Object.assign({autoComplete:"nope",checked:e.checked,name:e.name,type:"checkbox",onBlur:e.onBlur,onChange:c,onFocus:e.onFocus},s)))}))}));pe.defaultProps={inputProps:{},fieldProps:{}},pe.propTypes={fieldProps:p.object,inputProps:p.object,isRequired:p.bool,name:p.string,onChange:p.func};const fe=t.memo((function(e){const{isRequired:r,name:i,fieldProps:o,inputProps:a,classNameGroupItem:n,hideMessage:s}=e;return t.createElement(c,{name:i},(({input:e,meta:i})=>t.createElement(U,Object.assign({className:f("form-field_type_textarea","form__item_type_textarea",n),fieldClassName:"form-textarea",inputName:e.name,inputValue:e.value,isRequired:r,metaActive:i.active,metaError:i.error,metaModifiedSinceLastSubmit:i.modifiedSinceLastSubmit,metaSubmitError:i.submitError,metaSubmitFailed:i.submitFailed,metaTouched:i.touched,metaValid:i.valid,hideMessage:s},o),t.createElement(w,Object.assign({autoComplete:"nope",name:e.name,value:e.value,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},a)))))}));fe.defaultProps={inputProps:{},fieldProps:{}},fe.propTypes={name:p.string.isRequired,isRequired:p.bool,fieldProps:p.object,inputProps:p.object};const be=(e,t)=>{const r=Object.keys(t).map((e=>e===s?"notification__item_status_error":`react-select-id_${e}-input`)),i=e.find((e=>e.name?l(t,e.name):r.includes(e.id))),o=Object.keys(t);if(!i&&o.length){let e;try{const t=o[0];t===s?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},ge=V(null,be),he=(e,t)=>{const[r,i]=e,o=i.submitError,a=i.error;if("non_field_errors"===r)t.formState.error=a,t.formState.submitError=o;else if(r in t.fields){if(a){const e=Object.assign({},t.formState.errors,{[r]:a});t.fields[r].touched=!0,t.fields[r].error=a,t.formState.errors=e}if(o){const e=Object.assign({},t.formState.submitErrors,{[r]:o});t.fields[r].submitError=o,t.formState.submitErrors=e,t.formState.submitFailed=!0,t.formState.submitSucceeded=!1,t.formState.lastSubmittedValues=t.formState.values}}},_e=async(e,t)=>{try{return{success:!0,response:await S({url:e,method:"POST",data:t})}}catch(e){const t={};return"string"==typeof e.response?.data&&(t[s]="Something went wrong"),"object"==typeof e.response?.data&&Object.entries(e.response.data).forEach((([e,r])=>{t[e]=r[0]})),{success:!1,formErrors:t,error:e}}},xe={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 Te(e,r,i){switch(e.type){case xe.checkbox:return t.createElement(J,Object.assign({key:r.key},e,i));case xe.choice:return t.createElement(Q,Object.assign({key:r.key},e,i));case xe.code:return t.createElement(Y,Object.assign({key:r.key},e,i));case xe.switch:return t.createElement(pe,Object.assign({key:r.key},e,i));case xe.segmented:return t.createElement(ce,Object.assign({key:r.key},e,i));case xe.datePicker:return t.createElement(Z,Object.assign({key:r.key},e,i));case xe.fileInput:return t.createElement(ie,Object.assign({key:r.key},e,i));case xe.radioGroup:return t.createElement(me,Object.assign({key:r.key},e,i));case xe.select:return t.createElement(de,Object.assign({key:r.key},e,i));case xe.text:return t.createElement(ae,Object.assign({key:r.key},e,i));case xe.textarea:return t.createElement(fe,Object.assign({key:r.key},e,i));case xe.custom:return t.createElement(X,Object.assign({key:r.key},e,i));case xe.group:return t.createElement(oe,Object.assign({key:r.key},e,i),Object.entries(e.group).map((([t,r])=>Te({...r,hideMessage:e.hideMessage,classNameGroupItem:r.classNameGroupItem||"form__group-item"},{key:t+"_form_group"},i))))}}const ye=t.forwardRef((function(e,r){const{additionalProps:i,after:a,before:n,buttonDirection:s,buttonGap:l,buttonPadding:m,groupGap:c,className:p,config:b,description:g,descriptionSize:T,descriptionTextColor:y,descriptionTextWeight:v,disableFieldsAutoComplete:S,fieldsGap:E,formName:C,initialValues:N,initialValuesEqual:z,isLoading:j,loader:k,loaderSet:R,loaderFill:B,loaderItemFill:W,loaderText:M,language:w,mutators:V,onChangeFormValues:D,onClickSecondaryButton:A,onClickTertiaryButton:I,onSubmit:$,primaryButton:H,primaryButtonLabel:K,secondaryButton:U,secondaryButtonLabel:J,primaryButtonFill:Q,primaryButtonFillHover:X,secondaryButtonFill:Y,secondaryButtonFillHover:Z,primaryButtonSize:ee,primaryButtonLabelTextColor:te,primaryButtonLabelSize:re,primaryButtonLabelTextWeight:ie,secondaryButtonSize:oe,secondaryButtonLabelTextColor:ae,secondaryButtonLabelSize:ne,secondaryButtonLabelTextWeight:se,tertiaryButton:le,tertiaryButtonFill:me,tertiaryButtonFillHover:ce,tertiaryButtonSize:ue,tertiaryButtonLabelTextColor:de,tertiaryButtonLabelSize:pe,tertiaryButtonLabelTextWeight:fe,tertiaryButtonLabel:be,set:he,type:_e,buttonJustifyContent:xe,title:ye,notificationType:ve,buttonFill:Se,titleTextSize:Ee,titleTextColor:Ce,titleTextWeight:Ne,validationSchema:ze,dataTour:Pe,dataTourButtons:Fe,dataTourPrimaryButton:je,dataTourSecondaryButton:ke,dataTourTertiaryButton:Re}=e,Be=G(ze,w),We=o((e=>{r&&(r.current=e)}),[r]),Me=_(e,{prefix:"fill_",propsKey:"fill"}),we=_(e,{prefix:"direction_",propsKey:"direction"}),Le=_(e,{prefix:"shape_",propsKey:"shape"}),qe=_(e,{prefix:"elevation_",propsKey:"elevation"}),{styles:Oe}=x(e);return t.createElement(u,{decorators:[ge],initialValues:N,initialValuesEqual:z,mutators:V,render:({handleSubmit:e,submitError:r,modifiedSinceLastSubmit:o,form:u})=>t.createElement("form",{style:Oe,className:f(p,"form",he&&`form_set_${he}`,_e&&`form_type_${_e}`,we,Me,Le,qe),name:C,"data-tour":Pe,ref:()=>We(u),onSubmit:e,autoComplete:S?"off":void 0,autoCorrect:S?"off":void 0,autoCapitalize:S?"off":void 0,spellCheck:S?"false":void 0},n,ye&&t.createElement(F,{className:"form__title",size:Ee,textColor:Ce,textWeight:Ne},ye),g&&t.createElement(h,{className:"form__description",size:T,textColor:y,textWeight:v},g),r&&!o&&t.createElement("div",{className:f("notification","form-notification",ve?`form-notification_type_${ve}`:"form-notification_type_global")},t.createElement(O,{className:"form-notification__item",titleTextSize:"h6",title:u.getState().submitError,set:"form",status:"error"})),D&&t.createElement(d,{subscription:{values:!0},onChange:D}),Boolean(Object.keys(b).length)&&t.createElement(q,{direction:"vertical",gap:E||c,className:"form__wrapper"},Object.keys(b).map((e=>Te(b[e],{key:e},i[b[e].name]))),j&&(k||t.createElement(P,{className:"form__loader",set:R,fill:B,itemFill:W,text:M}))),(K||H||J||U||le||be)&&t.createElement(q,{fill:Se,justifyContent:xe,direction:s,padding:m,gap:l,className:"form__button",dataTour:Fe},K?t.createElement(L,{width:"fill",className:"form__button-item",fill:Q,fillHover:X,size:ee,labelTextColor:te,labelSize:re,labelTextWeight:ie,label:K,dataTour:je}):H,J?t.createElement(L,{width:"fill",className:"form__button-item",fill:Y,fillHover:Z,size:oe,labelTextColor:ae,labelSize:ne,labelTextWeight:se,label:J,onClick:A,dataTour:ke}):U,be?t.createElement(L,{width:"fill",className:"form__button-item",fill:me,fillHover:ce,size:ue,labelTextColor:de,labelSize:pe,labelTextWeight:fe,label:be,onClick:I,dataTour:Re}):le),a),subscription:{submitting:!0,pristine:!0,modifiedSinceLastSubmit:!0,submitError:!0},validate:Be,onSubmit:$})}));ye.propTypes={additionalProps:p.object,after:p.any,before:p.any,buttonGap:p.string,className:p.string,config:p.object,description:p.string,descriptionSize:p.string,descriptionTextColor:p.string,descriptionTextWeight:p.string,disableFieldsAutoComplete:p.string,fieldsGap:p.string,formName:p.string,initialValues:p.any,initialValuesEqual:p.any,language:p.string,isLoading:p.bool,loaderText:p.string,mutators:p.any,onChangeFormValues:p.func,onClickSecondaryButton:p.func,onSubmit:p.func,primaryButton:p.string,primaryButtonFill:p.string,primaryButtonLabel:p.string,secondaryButton:p.string,secondaryButtonFill:p.string,secondaryButtonLabel:p.string,set:p.string,title:p.string,titleSize:p.string,titleTextColor:p.string,titleTextWeight:p.string,validationSchema:p.object},ye.defaultProps={additionalProps:{},isLoading:!1,loaderSet:"simple",loaderFill:"surfacePrimary",loaderItemFill:"surfaceItemAccent",language:"en",titleSize:"h1",buttonDirection:"vertical",direction:"vertical",disableFieldsAutoComplete:!1};export{J as Checkbox,Q as ChoiceField,Y as CodeField,X as CustomField,Z as DatePickerField,U as FieldWrapper,K as FieldWrapperBase,ie as FileInput,ye as FinalForm,oe as Group,ae as InputField,me as RadioGroup,ce as SegmentedField,de as SelectField,pe as Switch,fe as Textarea,I as addRequiredFieldsParamToSchema,A as emailValidation,be as focusOnError,ge as focusOnErrorDecorator,xe as formTypes,Te as generateField,D as phoneValidation,_e as sendFormDataToServer,he as setErrorsMutator,G as useYupValidationSchema};