@itcase/forms 1.1.62 → 1.1.63

package/dist/itcase-forms.cjs.js

@@ -1,3767 +1,3 @@
-'use strict';
-
-var libphonenumberJs = require('libphonenumber-js');
-var React = require('react');
-var finalForm = require('final-form');
-var reactFinalForm = require('react-final-form');
-var clsx = require('clsx');
-var Checkbox = require('@itcase/ui-web/components/Checkbox');
-var camelCase = require('lodash/camelCase');
-var snakeCase = require('lodash/snakeCase');
-var Divider = require('@itcase/ui-web/components/Divider');
-var Text = require('@itcase/ui-web/components/Text');
-var hooks = require('@itcase/ui-core/hooks');
-var axios = require('axios');
-var createDecorator = require('final-form-focus');
-var Chips = require('@itcase/ui-web/components/Chips');
-var Choice = require('@itcase/ui-web/components/Choice');
-var Code = require('@itcase/ui-web/components/Code');
-var Icon = require('@itcase/ui-web/components/Icon');
-var Dadata = require('@itcase/ui-web/components/Dadata');
-var DatePicker = require('@itcase/ui-web/components/DatePicker');
-var fileSelector = require('file-selector');
-var castArray = require('lodash/castArray');
-var reactDropzone = require('react-dropzone');
-var common = require('@itcase/common');
-var Button = require('@itcase/ui-web/components/Button');
-var Loader = require('@itcase/ui-web/components/Loader');
-var Title = require('@itcase/ui-web/components/Title');
-var Input = require('@itcase/ui-web/components/Input');
-var InputNumber = require('@itcase/ui-web/components/InputNumber');
-var reactImask = require('react-imask');
-var InputPassword = require('@itcase/ui-web/components/InputPassword');
-var Radio = require('@itcase/ui-web/components/Radio');
-var Segmented = require('@itcase/ui-web/components/Segmented');
-var Select = require('@itcase/ui-web/components/Select');
-var Switch = require('@itcase/ui-web/components/Switch');
-var Textarea = require('@itcase/ui-web/components/Textarea');
-var Group = require('@itcase/ui-web/components/Group');
-var Notification = require('@itcase/ui-web/components/Notification');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
-var snakeCase__default = /*#__PURE__*/_interopDefault(snakeCase);
-var axios__default = /*#__PURE__*/_interopDefault(axios);
-var createDecorator__default = /*#__PURE__*/_interopDefault(createDecorator);
-var castArray__default = /*#__PURE__*/_interopDefault(castArray);
-
-var phoneValidation = function phoneValidation(value) {
-  if (!value) {
-    return true;
-  }
-  return libphonenumberJs.isPossiblePhoneNumber(value, 'RU');
-};
-var emailValidation = function emailValidation(value) {
-  // from https://emailregex.com/
-  if (!value) {
-    return true;
-  }
-
-  // from https://www.regular-expressions.info/email.html
-  var regexp = /^[a-za-яёЁ0-9_-]+(?:\.[a-za-яёЁ0-9_-]+)*@(?:[a-za-яёЁ0-9](?:[a-za-яёЁ0-9-]*[a-za-яёЁ0-9])?\.)+[a-za-яёЁ0-9]+$/;
-  return regexp.test(String(value).toLowerCase());
-};
-var dateValidation = function dateValidation(value) {
-  var valueDate = value instanceof Date ? value : new Date(value);
-  var isDateValid = !isNaN(valueDate.getTime());
-  return isDateValid;
-};
-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 _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-  try {
-    var i = n[a](c),
-      u = i.value;
-  } catch (n) {
-    return void e(n);
-  }
-  i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-  return function () {
-    var t = this,
-      e = arguments;
-    return new Promise(function (r, o) {
-      var a = n.apply(t, e);
-      function _next(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-      }
-      function _throw(n) {
-        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-      }
-      _next(void 0);
-    });
-  };
-}
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
-    t && (r = t);
-    var o = 0;
-    return function () {
-      return o >= r.length ? {
-        done: true
-      } : {
-        done: false,
-        value: r[o++]
-      };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _regenerator() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
-  var e,
-    t,
-    r = "function" == typeof Symbol ? Symbol : {},
-    n = r.iterator || "@@iterator",
-    o = r.toStringTag || "@@toStringTag";
-  function i(r, n, o, i) {
-    var c = n && n.prototype instanceof Generator ? n : Generator,
-      u = Object.create(c.prototype);
-    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
-      var i,
-        c,
-        u,
-        f = 0,
-        p = o || [],
-        y = false,
-        G = {
-          p: 0,
-          n: 0,
-          v: e,
-          a: d,
-          f: d.bind(e, 4),
-          d: function (t, r) {
-            return i = t, c = 0, u = e, G.n = r, a;
-          }
-        };
-      function d(r, n) {
-        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
-          var o,
-            i = p[t],
-            d = G.p,
-            l = i[2];
-          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
-        }
-        if (o || r > 1) return a;
-        throw y = true, n;
-      }
-      return function (o, p, l) {
-        if (f > 1) throw TypeError("Generator is already running");
-        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
-          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
-          try {
-            if (f = 2, i) {
-              if (c || (o = "next"), t = i[o]) {
-                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
-                if (!t.done) return t;
-                u = t.value, c < 2 && (c = 0);
-              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
-              i = e;
-            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
-          } catch (t) {
-            i = e, c = 1, u = t;
-          } finally {
-            f = 1;
-          }
-        }
-        return {
-          value: t,
-          done: y
-        };
-      };
-    }(r, o, i), true), u;
-  }
-  var a = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  t = Object.getPrototypeOf;
-  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
-      return this;
-    }), t),
-    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
-  function f(e) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
-    return this;
-  }), _regeneratorDefine(u, "toString", function () {
-    return "[object Generator]";
-  }), (_regenerator = function () {
-    return {
-      w: i,
-      m: f
-    };
-  })();
-}
-function _regeneratorDefine(e, r, n, t) {
-  var i = Object.defineProperty;
-  try {
-    i({}, "", {});
-  } catch (e) {
-    i = 0;
-  }
-  _regeneratorDefine = function (e, r, n, t) {
-    function o(r, n) {
-      _regeneratorDefine(e, r, function (e) {
-        return this._invoke(r, n, e);
-      });
-    }
-    r ? i ? i(e, r, {
-      value: n,
-      enumerable: !t,
-      configurable: !t,
-      writable: !t
-    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
-  }, _regeneratorDefine(e, r, n, t);
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
-/**
- * Sets the `innerError.message` in an `errors` object at the key
- * defined by `innerError.path`.
- * @param {Object} errors The object to set the error in.
- * @param {{ path: string, message: string }} innerError A `yup` field error.
- * @returns {Object} The result of setting the new error message onto `errors`.
- */
-var setInError = function setInError(errors, innerError) {
-  return finalForm.setIn(errors, innerError.path, innerError.message);
-};
-
-/**
- * Empty object map with no prototype. Used as default
- * value for reducing the `err.inner` array of errors
- * from a `yup~ValidationError`.
- */
-var emptyObj = Object.create(null);
-
-/**
- * Takes a `yup` validation schema and returns a function that expects
- * a map of values to validate. If the validation passes, the function resolves to `undefined`
- * (signalling that the values are valid). If the validation doesn't pass, it resolves
- * to a map of invalid field names to errors.
- * @param {import('yup').ObjectSchema} schema `yup` schema definition.
- * @returns {(values: Object) => Promise<?Object>} An async function that expects some `values`
- *  and resolves to either `undefined` or a map of field names to error messages.
- */
-
-var makeValidate = function makeValidate(schema) {
-  return /*#__PURE__*/function () {
-    var _validate = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(values) {
-      var _t;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.p = _context.n) {
-          case 0:
-            _context.p = 0;
-            _context.n = 1;
-            return schema.validate(values, {
-              abortEarly: false
-            });
-          case 1:
-            _context.n = 4;
-            break;
-          case 2:
-            _context.p = 2;
-            _t = _context.v;
-            if (!_t.inner) {
-              _context.n = 3;
-              break;
-            }
-            return _context.a(2, _t.inner.reduce(setInError, emptyObj));
-          case 3:
-            console.warn('itcase-forms schema.validate error: An error not related to the form occurred during validation. Validation ignored.');
-          case 4:
-            return _context.a(2);
-        }
-      }, _callee, null, [[0, 2]]);
-    }));
-    function validate(_x) {
-      return _validate.apply(this, arguments);
-    }
-    return validate;
-  }();
-};
-function useYupValidationSchema(schema, language) {
-  var validate = React.useMemo(function () {
-    return schema && makeValidate(schema);
-  }, [schema, language]);
-  return validate;
-}
-
-var defaultCheckboxProps = {
-  appearance: 'defaultPrimary sizeL outlined rounded',
-  width: 'fill',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeL solid',
-  // Required
-  requiredAppearance: 'requirePrimary sizeL solid'
-};
-
-// Whether to display an error message based on "fieldProps" and meta-objects
-function useFieldValidationState(props) {
-  var _meta$error;
-  var _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$input = props.input,
-    input = _props$input === void 0 ? {} : _props$input,
-    _props$meta = props.meta,
-    meta = _props$meta === void 0 ? {} : _props$meta;
-  // Determines if there's a submission error that hasn't been rectified since the last submission.
-  var submitError = !meta.modifiedSinceLastSubmit && meta.submitError;
-
-  // Determines a key for the error, defaulting to 'error' if no specific key is found.
-  var errorKey = ((_meta$error = meta.error) == null ? void 0 : _meta$error.key) || 'error';
-  var successKey = 'success';
-
-  // Determines if the field is in an error state based on various conditions.
-  var isErrorState = React.useMemo(function () {
-    if (fieldProps.showErrorsOnSubmit) {
-      return Boolean(meta.submitFailed && meta.touched && (meta.error || submitError));
-    } else {
-      return Boolean(meta.touched && (meta.error || submitError));
-    }
-  }, [fieldProps.showErrorsOnSubmit, meta.submitFailed, meta.touched, meta.error, submitError]);
-
-  // Determines if the field's input state is valid
-  var isValidState = React.useMemo(function () {
-    var hasValue = Array.isArray(input == null ? void 0 : input.value) ? input == null ? void 0 : input.value.length : input == null ? void 0 : input.value;
-    var isModifiedAfterSubmit = meta.modifiedSinceLastSubmit && !meta.error && submitError;
-    return Boolean(hasValue && (meta.valid || isModifiedAfterSubmit));
-  }, [input == null ? void 0 : input.value, meta.valid, meta.error, submitError, meta.modifiedSinceLastSubmit]);
-  var errorMessage = React.useMemo(function () {
-    // If final-form field has error in "meta" render-property.
-    // If field not modified after last form submit - use submit error
-    var error = meta.error || submitError || false;
-    if (error) {
-      // And error in "meta" is string
-      if (typeof error === 'string') {
-        // Return error as message
-        return error;
-      }
-      // Or if error in "meta" has "message" property(is object of error)
-      if (error.message) {
-        // Return message from error
-        return error.message;
-      }
-    }
-
-    // Field doesn't have error message
-    return '';
-  }, [meta.error, submitError]);
-  return {
-    errorKey: errorKey,
-    errorMessage: errorMessage,
-    isErrorState: isErrorState,
-    successKey: successKey,
-    isValidState: isValidState
-  };
-}
-
-// This hook changes the props of the child component depending on the type of error,
-// looks at what props were in initialProps, if they are there then changes
-function useValidationAppearanceInputProps(props) {
-  var inputProps = props.inputProps,
-    validationStateKey = props.validationStateKey;
-
-  // TODO: need to add props that can change during errors in this field
-  var validationAppearanceInputProps = React.useMemo(function () {
-    // const resultAppearanceProps = {
-    //   messageTextColor: props.errorMessageTextColor,
-    //   messageTextSize: props.errorMessageTextSize,
-    //   messageTextWeight: props.errorMessageTextWeight,
-    //   // Override appearance(styled) props for child input
-    //   inputProps: {},
-    // }
-    var updatedInputProps = {};
-    if (validationStateKey) {
-      Object.entries(inputProps || {}).forEach(function (_ref) {
-        var propKey = _ref[0],
-          propValue = _ref[1];
-        // Convert the input property key to "snake_case" format.
-        // e.g. "requiredBorderColor" -> "required_border_color".
-        var propKeySnake = snakeCase__default.default(propKey);
-        // Check if this property is for appearance.
-        // Key maybe starts with: "error", "required", "success", etc from validation config.
-        var isPropForValidationState = propKeySnake.startsWith(validationStateKey + "_");
-
-        // If property is for appearance
-        if (isPropForValidationState) {
-          // Remove validation state part from begin of property key, to make clean appearance property.
-          // e.g. "required_border_color" -> "border_color".
-          var stateTargetKeySnake = propKeySnake.replace(validationStateKey + "_", '');
-          // Convert clean appearance property key to "camelCase" format.
-          // e.g. "border_color" -> "borderColor"
-          var stateTargetKey = camelCase__default.default(stateTargetKeySnake);
-          // And save the value with a new clean property key
-          updatedInputProps[stateTargetKey] = propValue;
-          // Else if not already added earlier
-        } else if (!updatedInputProps[propKey]) {
-          // Just save original property
-          updatedInputProps[propKey] = propValue;
-        }
-      });
-      return updatedInputProps;
-    } else {
-      return inputProps;
-    }
-  }, [validationStateKey, inputProps]);
-  return validationAppearanceInputProps;
-}
-
-var defaultFieldProps = {
-  width: 'fill',
-  direction: 'vertical',
-  labelTextColor: 'surfaceTextPrimary',
-  messageTextColor: 'surfaceTextSecondary',
-  dividerFill: 'errorPrimary',
-  errorMessageTextColor: 'errorTextSecondary',
-  helpTextColor: 'surfaceTextQuaternary',
-  requiredMessageTextColor: 'warningTextSecondary',
-  showMessage: true
-};
-var defaultFieldSizeS = Object.assign({
-  size: 's',
-  labelTextSize: 's',
-  messageTextSize: 's',
-  errorMessageTextSize: 's',
-  helpTextSize: 's',
-  requiredMessageTextSize: 's'
-}, defaultFieldProps);
-var defaultFieldSizeM = Object.assign({
-  size: 'm',
-  labelTextSize: 's',
-  messageTextSize: 's',
-  errorMessageTextSize: 's',
-  helpTextSize: 's',
-  requiredMessageTextSize: 's'
-}, defaultFieldProps);
-var defaultFieldSizeL = Object.assign({
-  size: 'l',
-  labelTextSize: 's',
-  messageTextSize: 's',
-  errorMessageTextSize: 's',
-  helpTextSize: 's',
-  requiredMessageTextSize: 's'
-}, defaultFieldProps);
-var defaultFieldSizeXL = Object.assign({
-  size: 'xl',
-  labelTextSize: 's',
-  messageTextSize: 's',
-  errorMessageTextSize: 's',
-  helpTextSize: 's',
-  requiredMessageTextSize: 's'
-}, defaultFieldProps);
-
-function FieldWrapperBase(props) {
-  var id = props.id,
-    className = props.className,
-    dataTestId = props.dataTestId,
-    dataTour = props.dataTour,
-    type = props.type,
-    label = props.label,
-    labelHidden = props.labelHidden,
-    labelTextColor = props.labelTextColor,
-    labelTextSize = props.labelTextSize,
-    labelTextSizeMobile = props.labelTextSizeMobile,
-    labelTextSizeTablet = props.labelTextSizeTablet,
-    labelTextWeight = props.labelTextWeight,
-    messageTextSize = props.messageTextSize,
-    desc = props.desc,
-    descTextColor = props.descTextColor,
-    descTextSize = props.descTextSize,
-    descTextWeight = props.descTextWeight,
-    afterItem = props.afterItem,
-    beforeItem = props.beforeItem,
-    dividerDirection = props.dividerDirection,
-    dividerFill = props.dividerFill,
-    dividerSize = props.dividerSize,
-    dividerWidth = props.dividerWidth,
-    errorKey = props.errorKey,
-    errorMessage = props.errorMessage,
-    fieldClassName = props.fieldClassName,
-    helpText = props.helpText,
-    helpTextColor = props.helpTextColor,
-    helpTextColorSuccess = props.helpTextColorSuccess,
-    helpTextSize = props.helpTextSize,
-    helpTextSizeMobile = props.helpTextSizeMobile,
-    helpTextWeight = props.helpTextWeight,
-    inputName = props.inputName,
-    inputValue = props.inputValue,
-    metaActive = props.metaActive,
-    metaError = props.metaError,
-    showDivider = props.showDivider,
-    showMessage = props.showMessage,
-    _props$tag = props.tag,
-    Tag = _props$tag === void 0 ? 'div' : _props$tag,
-    before = props.before,
-    after = props.after,
-    isDisabled = props.isDisabled,
-    isErrorState = props.isErrorState,
-    isHidden = props.isHidden,
-    isRequired = props.isRequired,
-    isValidState = props.isValidState,
-    children = props.children;
-  var formFieldClass = React.useMemo(function () {
-    return clsx__default.default(className, isValidState && 'form__item_state_success', isRequired && 'form__item_state_required', isDisabled && 'form__item_state_disabled', metaActive && 'form__item_state_focus', inputValue && 'form__item_state_filled', isErrorState && "form__item_state_" + errorKey);
-  }, [className, isErrorState, isValidState, isRequired, metaActive, inputValue, isDisabled, metaError]);
-  var fieldClass = React.useMemo(function () {
-    return clsx__default.default(fieldClassName, isValidState && fieldClassName + "_state_success", metaActive && fieldClassName + "_state_focus", inputValue && fieldClassName + "_state_filled", isDisabled && fieldClassName + "_state_disabled", isErrorState && fieldClassName + "_state_" + errorKey);
-  }, [fieldClassName, isErrorState, isValidState, metaActive, inputValue, isDisabled, metaError]);
-  var sizeClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'form-field_size_',
-    propsKey: 'size'
-  });
-  var fillClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var inputFillClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'inputFill'
-  });
-  var shapeClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'form-field_shape_',
-    propsKey: 'shape'
-  });
-  var inputShapeClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'form-field__item-value_shape_',
-    propsKey: 'inputShape'
-  });
-  var directionClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'direction_',
-    propsKey: 'direction'
-  });
-  var widthClass = hooks.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  var _useStyles = hooks.useStyles(props),
-    formFieldStyles = _useStyles.styles;
-  var errorTextSize = props[errorKey + "MessageTextSize"];
-  var errorTextColor = props[errorKey + "MessageTextColor"];
-  var errorTextWeight = props[errorKey + "MessageTextWeight"];
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(formFieldClass, 'form__item', 'form-field', type && "form-field_type_" + type, sizeClass, fillClass, shapeClass, isDisabled && "form-field_state_disabled", isHidden && "form-field_state_hidden", directionClass, widthClass),
-    "data-testid": dataTestId,
-    "data-tour": dataTour,
-    style: formFieldStyles
-  }, before, (label || labelHidden) && /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-field__label'),
-    "data-testid": dataTestId + "Label",
-    htmlFor: id
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: labelTextSize,
-    textColor: labelTextColor,
-    textWeight: labelTextWeight,
-    sizeMobile: labelTextSizeMobile,
-    sizeTablet: labelTextSizeTablet
-  }, label, labelHidden && "\xA0")), desc && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-field__desc",
-    "data-testid": dataTestId + "Desc"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    size: descTextSize,
-    textColor: descTextColor,
-    textWeight: descTextWeight
-  }, desc)), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-field__content', inputFillClass, inputShapeClass)
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-field__content-inner', fieldClass)
-  }, beforeItem, children, afterItem), showDivider && /*#__PURE__*/React__default.default.createElement(Divider.Divider, {
-    className: "form-field__item-divider",
-    width: dividerWidth,
-    direction: dividerDirection,
-    size: dividerSize,
-    fill: dividerFill
-  })), showMessage && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-field__message",
-    "data-testid": inputName + "-field-message"
-  }, isErrorState && errorMessage && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    id: inputName + "-error",
-    className: "form-field__message-item form-field__message-item_type-error",
-    dataTestId: dataTestId + "MessageError",
-    size: errorTextSize,
-    textColor: errorTextColor,
-    textWeight: errorTextWeight
-  }, errorMessage), Boolean(helpText) && (!isErrorState || !errorMessage) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_help-text",
-    dataTestId: dataTestId + "MessageHelpText",
-    size: helpTextSize,
-    textColor: isValidState ? helpTextColorSuccess : helpTextColor,
-    textWeight: helpTextWeight,
-    sizeMobile: helpTextSizeMobile
-  }, helpText), (!isErrorState && !helpText || isErrorState && !helpText && !errorMessage) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_help-text",
-    dataTestId: dataTestId + "MessageHelpText",
-    size: messageTextSize
-  }, "\xA0")), after);
-}
-function FieldWrapper(props) {
-  var inputName = props.inputName;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change; // , mutators
-
-  React.useEffect(function () {
-    return function () {
-      change(inputName, undefined);
-    };
-  }, []);
-  return /*#__PURE__*/React__default.default.createElement(FieldWrapperBase, props);
-}
-
-var focusOnError = function focusOnError(formElementsList, errors) {
-  var selectsIds = Object.keys(errors).map(function (fieldName) {
-    if (fieldName === finalForm.FORM_ERROR) {
-      // TODO: get from somewhere
-      return 'notification__item_status_error';
-    }
-    return "react-select-id_" + fieldName + "-input";
-  });
-  var errorFieldElement = formElementsList.find(function (element) {
-    if (element.name) {
-      return finalForm.getIn(errors, element.name);
-    } else {
-      return selectsIds.includes(element.id);
-    }
-  });
-  var errorsList = Object.keys(errors);
-  if (!errorFieldElement && errorsList.length) {
-    var errorElement;
-    try {
-      var fieldName = errorsList[0];
-      if (fieldName === finalForm.FORM_ERROR) {
-        errorElement = document.querySelector('notification__item_status_error');
-      } else {
-        errorElement = document.querySelector("#" + fieldName + "-error");
-        if (!errorElement) {
-          errorElement = document.querySelector("#id_" + fieldName);
-        }
-      }
-    } catch (err) {
-      console.warn(err);
-    }
-    if (errorElement) {
-      errorElement.scrollIntoView({
-        block: 'center'
-      }); // , behavior: 'smooth'
-    }
-  }
-
-  // The field is covered by the header because header is "sticky",
-  // that's we scroll manually so that the field falls into the center of the visible area
-  if (errorFieldElement) {
-    errorFieldElement.scrollIntoView({
-      block: 'center'
-    });
-  }
-  return null;
-};
-var focusOnErrorDecorator = createDecorator__default.default(null, focusOnError);
-var setErrorsMutator = function setErrorsMutator(args, state) {
-  var fieldName = args[0],
-    data = args[1];
-  var submitError = data.submitError;
-  var fieldError = data.error;
-  if (fieldName === 'non_field_errors' || fieldName === finalForm.FORM_ERROR) {
-    // state.formState.invalid = true
-    // state.formState.valid = false
-    state.formState.error = fieldError;
-    state.formState.submitError = submitError;
-  } else if (fieldName in state.fields) {
-    state.fields[fieldName].touched = true;
-
-    // TODO: make clear error not by empty string check
-    if (fieldError || fieldError === '') {
-      var _Object$assign;
-      var errorsState = Object.assign({}, state.formState.errors, (_Object$assign = {}, _Object$assign[fieldName] = fieldError, _Object$assign));
-      state.fields[fieldName].error = fieldError;
-      state.formState.errors = errorsState;
-    }
-
-    // TODO: make clear error not by empty string check
-    if (submitError || 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__*/_regenerator().m(function _callee(url, data) {
-    var response, _error$response, _error$response2, formErrors, _t;
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.p = _context.n) {
-        case 0:
-          _context.p = 0;
-          _context.n = 1;
-          return axios__default.default({
-            url: url,
-            method: 'POST',
-            data: data
-          });
-        case 1:
-          response = _context.v;
-          return _context.a(2, {
-            response: response,
-            success: true
-          });
-        case 2:
-          _context.p = 2;
-          _t = _context.v;
-          formErrors = {};
-          if (typeof ((_error$response = _t.response) == null ? void 0 : _error$response.data) === 'string') {
-            formErrors[finalForm.FORM_ERROR] = 'Something went wrong';
-          }
-          if (typeof ((_error$response2 = _t.response) == null ? void 0 : _error$response2.data) === 'object') {
-            Object.entries(_t.response.data).forEach(function (_ref2) {
-              var fieldName = _ref2[0],
-                errorsList = _ref2[1];
-              formErrors[fieldName] = errorsList[0];
-            });
-          }
-          return _context.a(2, {
-            error: _t,
-            formErrors: formErrors,
-            success: false
-          });
-      }
-    }, _callee, null, [[0, 2]]);
-  }));
-  return function sendFormDataToServer(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var createDataTestIdField = function createDataTestIdField(fieldname, dataTestId) {
-  var dataTestIdField = dataTestId + fieldname[0].toUpperCase() + fieldname.slice(1) + 'Field';
-  return dataTestIdField;
-};
-
-var FormFieldCheckbox = /*#__PURE__*/React__default.default.memo(function FormFieldCheckbox(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    type: "checkbox",
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.checked, input.name);
-      }
-    }, [onChange, input.onChange]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field-checkbox', 'form__item_checkbox', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-checkbox",
-      inputName: input.name,
-      inputValue: input.checked,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      tag: "label",
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Checkbox.Checkbox, Object.assign({
-      type: "checkbox",
-      name: input.name,
-      autoComplete: "nope",
-      checked: input.checked,
-      isActive: input.checked,
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, updatedInputProps)));
-  });
-});
-
-var defaultChipsProps = {
-  appearance: 'surfacePrimary sizeM rounded',
-  width: 'fill',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'warningPrimary sizeM solid rounded'
-  // Success
-  // successAppearance: 'successPrimary sizeM solid rounded',
-};
-
-function FormFieldChips(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    emptyMessage = props.emptyMessage,
-    emptyMessageTextColor = props.emptyMessageTextColor,
-    emptyMessageTextSize = props.emptyMessageTextSize,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    options = props.options,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-
-  // Callback for value changes
-  var onChangeSomeInput = React.useCallback(function (inputValue, newOptionValue) {
-    var updatedValues = inputValue.includes(newOptionValue) ? inputValue.filter(function (selectedValue) {
-      return selectedValue !== newOptionValue;
-    }) : [].concat(inputValue, [newOptionValue]);
-    change(name, updatedValues);
-    onChange && onChange(updatedValues);
-  }, [change, name, onChange]);
-  React.useEffect(function () {
-    initialValue && change(name, initialValue);
-    // update the form value only when the initialValue changes, so use disable eslint to ignore the warning
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [initialValue]);
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var activeOptionsList = React.useMemo(function () {
-      var emptyOptionsList = [{
-        label: null,
-        value: null
-      }];
-      if (input != null && input.value) {
-        var currentOptions = options.filter(function (option) {
-          var _input$value;
-          return (_input$value = input.value) == null ? void 0 : _input$value.includes(option.value);
-        });
-        return currentOptions || emptyOptionsList;
-      }
-      return emptyOptionsList;
-    }, [input.value]);
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_chips', 'form__item_chips', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-chips",
-      inputName: input.name,
-      inputValue: input.value,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), options.length ? /*#__PURE__*/React__default.default.createElement(Chips.ChipsGroup, {
-      direction: "horizontal",
-      gap: "1m",
-      wrap: "wrap"
-    }, options.map(function (option) {
-      return /*#__PURE__*/React__default.default.createElement(Chips.Chips, Object.assign({
-        className: clsx__default.default(meta.active && 'form-chips_state_focus', meta.error && meta.touched && "form-chips_state_" + errorKey),
-        key: option.value,
-        label: option.label,
-        value: option.value,
-        isActive: activeOptionsList.some(function (activeOption) {
-          return activeOption.value === option.value;
-        }),
-        isDisabled: option.isDisabled,
-        onClick: function onClick() {
-          return onChangeSomeInput(input.value, option.value);
-        }
-      }, updatedInputProps));
-    })) : /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      size: emptyMessageTextSize,
-      textColor: emptyMessageTextColor
-    }, emptyMessage));
-  });
-}
-
-var defaultChoiceProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  width: 'fill',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-var FormFieldChoice = /*#__PURE__*/React__default.default.memo(function FormFieldChoice(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    label = props.label,
-    messageType = props.messageType,
-    classNameGroupItem = props.classNameGroupItem,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    options = props.options,
-    placeholder = props.placeholder,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isCheckbox = props.isCheckbox,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-  var setActiveSegment = React.useCallback(function (option, isChecked) {
-    change(name, isChecked && option.value);
-    if (onChange) {
-      onChange(option.value, name, isChecked);
-    }
-  }, [change, onChange]);
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-    var activeOption = React.useMemo(function () {
-      var emptyOption = {
-        label: null,
-        value: null
-      };
-      if (input.value) {
-        var currentOption = options.find(function (option) {
-          return option.value === input.value;
-        });
-        return currentOption || emptyOption;
-      }
-      return emptyOption;
-    }, [input.value]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_choice', 'form__item_choice', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      label: label,
-      messageType: messageType,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-choice",
-      inputName: input.name,
-      inputValue: input.value || [],
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Choice.Choice, Object.assign({
-      className: clsx__default.default(meta.active && 'form-choice_state_focus', meta.error && meta.touched && "form-choice_state_" + errorKey),
-      name: input.name,
-      active: activeOption,
-      inputValue: input.value || [],
-      options: options,
-      placeholder: placeholder,
-      isDisabled: isDisabled,
-      isCheckbox: isCheckbox,
-      isRequired: isRequired,
-      setActiveSegment: setActiveSegment
-    }, updatedInputProps)));
-  });
-});
-
-var defaultCodeProps = {
-  appearance: 'defaultPrimary sizeL solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-var FormFieldCode = /*#__PURE__*/React__default.default.memo(function FormFieldCode(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    label = props.label,
-    messageType = props.messageType,
-    classNameGroupItem = props.classNameGroupItem,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field-code', 'form__item_code', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      label: label,
-      messageType: messageType,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: 'form-code',
-      inputName: input.name,
-      inputValue: input.value,
-      metaActive: meta.active,
-      showMessage: showMessage,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Code.Code, Object.assign({
-      name: input.name,
-      initialValue: input.value,
-      autoComplete: "nope",
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: input.onChange,
-      onFocus: input.onFocus
-    }, updatedInputProps)));
-  });
-});
-
-var FormFieldCustom = /*#__PURE__*/React__default.default.memo(function FormFieldCustom(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    clearIcon = props.clearIcon,
-    clearIconFill = props.clearIconFill,
-    clearIconFillHover = props.clearIconFillHover,
-    clearIconShape = props.clearIconShape,
-    clearIconSize = props.clearIconSize,
-    Component = props.Component,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onClickClearIcon = props.onClickClearIcon;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      // For "Custom" field we pass all props. Can contain some special props, we don't known.
-      inputProps: props,
-      validationStateKey: isErrorState ? errorKey : 'success'
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_custom', 'form__item_custom', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: 'form-custom',
-      inputName: input.name,
-      inputValue: input.value,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Component, Object.assign({}, updatedInputProps, {
-      input: input,
-      meta: meta,
-      isDisabled: isDisabled
-    })), clearIcon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
-      className: "form-field__icon",
-      size: clearIconSize,
-      iconFill: clearIconFill,
-      iconFillHover: clearIconFillHover,
-      imageSrc: clearIcon,
-      shape: clearIconShape,
-      SvgImage: clearIcon,
-      onClick: onClickClearIcon
-    }));
-  });
-});
-
-var defaultDadataInputProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-var FormFieldDadataInput = /*#__PURE__*/React__default.default.memo(function FormFieldDadataInput(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    parse = props.parse,
-    showMessage = props.showMessage,
-    token = props.token,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onDadataAutocomplete = props.onDadataAutocomplete;
-  if (process.env.NODE_ENV === 'development') {
-    var hint = "Check your form config at field \"" + name + "\".";
-    if (!token) {
-      var message = "FormFieldDadataInput: 'token' prop is missing, instead got " + token + ".";
-      throw new Error(message + '\n' + hint);
-    }
-    if (!onDadataAutocomplete) {
-      var _message = "FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got " + onDadataAutocomplete + ".";
-      throw new Error(_message + '\n' + hint);
-    }
-  }
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_input-dadata', 'form__item_input-dadata', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-dadata",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Dadata.Dadata
-    // dataTestId={`${input.name}FieldInputDadata`}
-    // className={clsx(
-    //   meta.active && 'input-dadata_state_focus',
-    //   meta.error && meta.touched && `input-dadata_state_${errorKey}`,
-    // )}
-    , {
-      input: input,
-      inputProps: updatedInputProps,
-      meta: meta,
-      token: token,
-      setValue: onDadataAutocomplete
-    }));
-  });
-});
-
-var defaultDatepickerProps = {
-  appearance: 'surfacePrimary sizeS',
-  dateFormat: 'dd/MM/yyyy - HH:mm',
-  readOnly: false,
-  selectsRange: false,
-  showTimeSelect: true,
-  timeCaption: 'Время',
-  timeFormat: 'p',
-  timeIntervals: 60,
-  isClearable: true,
-  isStartDefaultNull: true
-};
-
-function FormFieldDatePicker(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    classNameGroupItem = props.classNameGroupItem,
-    datePickerProps = props.datePickerProps,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var onChangeField = React.useCallback(function (startDate, endDate) {
-      if (!datePickerProps.selectsRange) {
-        // When we need to save single date, value is date
-        // TODO: make object with one date? need to check all forms with FormFieldDatePicker
-        input.onChange(startDate);
-      } else {
-        // When we need to save range, value is object with two date
-        input.onChange({
-          endDate: endDate,
-          startDate: startDate
-        });
-      }
-      if (onChange) {
-        onChange(startDate, endDate);
-      }
-    }, [input.onChange, onChange]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_datepicker', 'form__item_datepicker', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-datepicker",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(DatePicker.DatePickerInput, {
-      name: input.name,
-      datePickerProps: datePickerProps,
-      endValue: datePickerProps.selectsRange ? input.value.endDate : null,
-      inputProps: updatedInputProps,
-      value: datePickerProps.selectsRange ? input.value.startDate : input.value,
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }));
-  });
-}
-
-var defaultDropzoneProps = {
-  fill: 'surfaceSecondary',
-  fillHover: 'surfaceTertiary',
-  // borderColor: 'surfaceBorderTertiary',
-  // borderColorHover: 'surfaceBorderQuaternary',
-  hintTitle: 'Перетащите изображение или выберите файл с компьютера',
-  hintTitleTextColor: 'surfaceTextPrimary',
-  hintTitleTextSize: 'm',
-  removeThumbText: 'удалить',
-  removeThumbTextColor: 'errorTextPrimary',
-  removeThumbTextHoverColor: 'errorTextPrimaryHover',
-  removeThumbTextSize: 's',
-  shape: 'rounded',
-  showFilename: true,
-  thumbBorderColor: 'surfaceBorderTertiary',
-  thumbBorderColorHover: 'surfaceBorderQuaternary',
-  thumbBorderWidth: 1,
-  thumbNameTextColor: 'surfaceTextPrimary',
-  thumbNameTextSize: 's',
-  isPreviews: true
-};
-
-var FileInputDropzone = /*#__PURE__*/React__default.default.memo(function FileInputDropzone(props) {
-  var maxFiles = props.maxFiles,
-    maxSize = props.maxSize,
-    fileErrorText = props.fileErrorText,
-    _props$dropzoneProps = props.dropzoneProps,
-    dropzoneProps = _props$dropzoneProps === void 0 ? {} : _props$dropzoneProps,
-    hintDescription = props.hintDescription,
-    hintTitle = props.hintTitle,
-    inputName = props.inputName,
-    inputValue = props.inputValue,
-    showFilename = props.showFilename,
-    thumbColumn = props.thumbColumn,
-    isPreviews = props.isPreviews,
-    onAddFiles = props.onAddFiles,
-    onClickPreview = props.onClickPreview,
-    onDeleteFile = props.onDeleteFile;
-
-  // TODO: delete react-final-form things out of here?
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-  var _useState = React.useState(''),
-    fileError = _useState[0],
-    setFileError = _useState[1];
-  var _useState2 = React.useState(false),
-    fileIsLoading = _useState2[0],
-    setFileIsLoading = _useState2[1];
-  var prevFilesListRef = React.useRef(null);
-  var filesList = React.useMemo(function () {
-    var newFilesList = inputValue ? castArray__default.default(inputValue) : [];
-    if (prevFilesListRef.current === null) {
-      prevFilesListRef.current = newFilesList;
-      return newFilesList;
-    }
-    // keep track of previous state and revoke unused object urls
-    prevFilesListRef.current.forEach(function (prevFile) {
-      if (!prevFile.preview) {
-        return;
-      }
-      var isFileDeleted = !newFilesList.some(function (newFile) {
-        return newFile.preview === prevFile.preview;
-      });
-      if (isFileDeleted) {
-        URL.revokeObjectURL(prevFile.preview);
-      }
-    });
-    prevFilesListRef.current = newFilesList;
-    return newFilesList;
-  }, [inputValue]);
-  var changeFormState = React.useCallback(function (newFiles) {
-    // If max files in dropzone is 1 - return file as it self, else as array of files
-    // ps: for old projects compatibility
-    var toSave = dropzoneProps.maxFiles == 1 ? newFiles[0] : newFiles;
-    change(inputName, toSave);
-    return toSave;
-  },
-  // If "inputName" will be changes, then it should be a different field
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [dropzoneProps, change]);
-
-  //
-  var convertFiledValueAndSaveAsFiles = React.useCallback(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(currentFilesList) {
-      var newFiles, _iterator, _step, fileItem, newFile;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            setFileIsLoading(true);
-            newFiles = [];
-            _iterator = _createForOfIteratorHelperLoose(currentFilesList);
-          case 1:
-            if ((_step = _iterator()).done) {
-              _context.n = 5;
-              break;
-            }
-            fileItem = _step.value;
-            if (!(typeof fileItem === 'string')) {
-              _context.n = 3;
-              break;
-            }
-            _context.n = 2;
-            return convertToFile(fileItem, isPreviews);
-          case 2:
-            newFile = _context.v;
-            if (newFile) {
-              newFiles.push(newFile);
-            }
-            _context.n = 4;
-            break;
-          case 3:
-            newFiles.push(fileItem);
-          case 4:
-            _context.n = 1;
-            break;
-          case 5:
-            changeFormState(newFiles);
-            setFileIsLoading(false);
-          case 6:
-            return _context.a(2);
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [isPreviews, changeFormState]);
-
-  // Delete file from dropzone
-  var removeFile = React.useCallback(function (event, index) {
-    event.stopPropagation();
-    event.preventDefault();
-    var newFiles = [].concat(filesList);
-    newFiles.splice(index, 1);
-    if (onDeleteFile) {
-      onDeleteFile(filesList[index], inputName);
-    }
-    changeFormState(newFiles);
-  },
-  // If "inputName" will be changes, then it should be a different field
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [filesList, changeFormState, onDeleteFile]);
-
-  // Create dropzone options
-  var _useDropzone = reactDropzone.useDropzone(Object.assign({
-      maxFiles: maxFiles || 5,
-      maxSize: maxSize || 10485760
-    }, dropzoneProps, {
-      getFilesFromEvent: function () {
-        var _getFilesFromEvent = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(event) {
-          var result, newFiles;
-          return _regenerator().w(function (_context2) {
-            while (1) switch (_context2.n) {
-              case 0:
-                _context2.n = 1;
-                return fileSelector.fromEvent(event);
-              case 1:
-                result = _context2.v;
-                newFiles = result.filter(function (item) {
-                  return item instanceof File;
-                }); // Add exists and new files to accepted(or rejected)
-                return _context2.a(2, [].concat(filesList, newFiles));
-            }
-          }, _callee2);
-        }));
-        function getFilesFromEvent(_x2) {
-          return _getFilesFromEvent.apply(this, arguments);
-        }
-        return getFilesFromEvent;
-      }(),
-      onDropAccepted: function onDropAccepted(acceptedFiles) {
-        // 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) {
-              file.preview = URL.createObjectURL(file);
-            }
-          });
-        }
-        // Save to form data (including empty when files are not valid)
-        var filesToSave = changeFormState(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 () {
-          if (onAddFiles) {
-            onAddFiles(filesToSave, inputName);
-          }
-        });
-      },
-      onDropRejected: function onDropRejected(rejectedFiles) {
-        // If dropped files has rejected
-        if (rejectedFiles.length) {
-          var fileErrorMessage = 'Ошибка при добавлении файла';
-          var firstFileErrorItem = rejectedFiles[0].errors[0];
-          if (firstFileErrorItem) {
-            if (firstFileErrorItem.code === reactDropzone.ErrorCode.TooManyFiles) {
-              fileErrorMessage = "\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0444\u0430\u0439\u043B\u043E\u0432: " + maxFiles;
-            } else {
-              fileErrorMessage = firstFileErrorItem.message;
-            }
-          }
-          // Show error
-          setFileError(fileErrorMessage);
-        } else {
-          // Else clean error
-          setFileError('');
-        }
-      }
-    })),
-    getInputProps = _useDropzone.getInputProps,
-    getRootProps = _useDropzone.getRootProps;
-  React.useEffect(function () {
-    var currentFilesList = castArray__default.default(inputValue);
-    var isNeedToConvert = currentFilesList.some(function (fileItem) {
-      return typeof fileItem === 'string';
-    });
-    if (isNeedToConvert) {
-      // First time convert value to Files and save to local and form state
-      convertFiledValueAndSaveAsFiles(currentFilesList);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [inputValue]);
-  React.useEffect(function () {
-    // Make sure to revoke the data uris to avoid memory leaks, will run on unmount
-    return function () {
-      prevFilesListRef.current.forEach(function (file) {
-        if (file.preview) {
-          URL.revokeObjectURL(file.preview);
-        }
-      });
-    };
-  }, []);
-  var propsGenerator = hooks.useDevicePropsGenerator(props);
-  var fillClass = propsGenerator.fillClass,
-    fillHoverClass = propsGenerator.fillHoverClass,
-    borderColorClass = propsGenerator.borderColorClass,
-    borderColorHoverClass = propsGenerator.borderColorHoverClass,
-    borderTypeClass = propsGenerator.borderTypeClass,
-    borderWidthClass = propsGenerator.borderWidthClass,
-    errorMessageTextColor = propsGenerator.errorMessageTextColor,
-    errorMessageTextSize = propsGenerator.errorMessageTextSize,
-    errorMessageTextWeight = propsGenerator.errorMessageTextWeight,
-    hintDescriptionTextColor = propsGenerator.hintDescriptionTextColor,
-    hintDescriptionTextSize = propsGenerator.hintDescriptionTextSize,
-    hintDescriptionTextWeight = propsGenerator.hintDescriptionTextWeight,
-    hintDescriptionTextWrap = propsGenerator.hintDescriptionTextWrap,
-    hintTitleTextColor = propsGenerator.hintTitleTextColor,
-    hintTitleTextSize = propsGenerator.hintTitleTextSize,
-    hintTitleTextWeight = propsGenerator.hintTitleTextWeight,
-    hintTitleTextWrap = propsGenerator.hintTitleTextWrap,
-    removeThumbAppearance = propsGenerator.removeThumbAppearance,
-    removeThumbShape = propsGenerator.removeThumbShape,
-    removeThumbText = propsGenerator.removeThumbText,
-    removeThumbTextWeight = propsGenerator.removeThumbTextWeight,
-    shapeClass = propsGenerator.shapeClass,
-    thumbBorderColorClass = propsGenerator.thumbBorderColorClass,
-    thumbBorderColorHoverClass = propsGenerator.thumbBorderColorHoverClass,
-    thumbBorderTypeClass = propsGenerator.thumbBorderTypeClass,
-    thumbBorderWidthClass = propsGenerator.thumbBorderWidthClass,
-    thumbDirectionClass = propsGenerator.thumbDirectionClass,
-    thumbNameTextColor = propsGenerator.thumbNameTextColor,
-    thumbNameTextSize = propsGenerator.thumbNameTextSize,
-    thumbNameTextWeight = propsGenerator.thumbNameTextWeight,
-    thumbNameTextWrap = propsGenerator.thumbNameTextWrap;
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("div", getRootProps({
-    // className: `form-dropzone__dropzone dropzone  ${className} form-dropzone__dropzone_size_${size} ${shapeClass}`,
-    className: "form-dropzone__dropzone dropzone"
-  }), /*#__PURE__*/React__default.default.createElement("input", Object.assign({}, getInputProps(), {
-    name: inputName
-  })), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-dropzone__dropzone-wrapper', thumbColumn && "form-dropzone__dropzone-wrapper_column_" + thumbColumn, fillClass && "fill_" + fillClass, fillHoverClass && "fill_hover_" + fillHoverClass, borderWidthClass && "border-width_" + borderWidthClass, borderColorClass && "border-color_" + borderColorClass, borderColorHoverClass && "border-color_hover_" + borderColorHoverClass, borderTypeClass && "border_type_" + borderTypeClass, shapeClass && "shape_" + shapeClass)
-  }, filesList.map(function (file, index) {
-    return /*#__PURE__*/React__default.default.createElement("aside", {
-      className: clsx__default.default('form-dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass),
-      key: file.id || file.name + "_" + index
-    }, isPreviews && !file.error && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-image"
-    }, /*#__PURE__*/React__default.default.createElement("img", {
-      className: "form-dropzone__thumb-image-inner",
-      src: file.preview || file.image,
-      onClick: function onClick(event) {
-        onClickPreview && onClickPreview(file, event);
-      }
-    })), file.error && /*#__PURE__*/React__default.default.createElement("div", null, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWeight: thumbNameTextWeight,
-      textWrap: thumbNameTextWrap
-    }, fileErrorText || file.error)), showFilename && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-name"
-    }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      className: "form-dropzone__thumb-name-inner",
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWeight: thumbNameTextWeight,
-      textWrap: thumbNameTextWrap
-    }, file.name)), fileIsLoading && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form-dropzone__thumb-loader"
-    }, /*#__PURE__*/React__default.default.createElement(Loader.Loader, {
-      width: "fill",
-      height: "fill"
-    })), /*#__PURE__*/React__default.default.createElement("div", {
-      className: clsx__default.default('form-dropzone__thumb-remove')
-    }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
-      className: "form-dropzone__thumb-remove-text",
-      appearance: removeThumbAppearance,
-      label: removeThumbText || 'Удалить',
-      labelTextWeight: removeThumbTextWeight,
-      shape: removeThumbShape,
-      onClick: function onClick(event) {
-        return removeFile(event, index);
-      }
-    })));
-  }), !filesList.length ? /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-dropzone__hint"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-dropzone__hint-title",
-    size: hintTitleTextSize,
-    textColor: hintTitleTextColor,
-    textWeight: hintTitleTextWeight,
-    textWrap: hintTitleTextWrap
-  }, hintTitle || 'Select a file or drag in form'), hintDescription && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-dropzone__hint-text",
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWeight: hintDescriptionTextWeight,
-    textWrap: hintDescriptionTextWrap
-  }, hintDescription)) : /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-dropzone__hint form-dropzone__hint_type_add-more"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-dropzone__hint-title",
-    size: hintTitleTextSize,
-    textColor: hintTitleTextColor,
-    textWeight: hintTitleTextWeight,
-    textWrap: hintTitleTextWrap
-  }, hintTitle || 'Select a file or drag in form'), hintDescription && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-dropzone__hint-text",
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWeight: hintDescriptionTextWeight,
-    textWrap: hintDescriptionTextWrap
-  }, hintDescription)))), fileError && /*#__PURE__*/React__default.default.createElement("div", {
-    className: "form-field__message"
-  }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
-    size: errorMessageTextSize,
-    textColor: errorMessageTextColor,
-    textWeight: errorMessageTextWeight
-  }, fileError)));
-});
-function getFileByURL(_x3) {
-  return _getFileByURL.apply(this, arguments);
-}
-function _getFileByURL() {
-  _getFileByURL = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(url) {
-    var _response$headers$con, response, blobObject, dirtyFilename, filename, _t;
-    return _regenerator().w(function (_context3) {
-      while (1) switch (_context3.p = _context3.n) {
-        case 0:
-          _context3.p = 0;
-          _context3.n = 1;
-          return axios__default.default({
-            url: url,
-            responseType: 'blob'
-          });
-        case 1:
-          response = _context3.v;
-          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) {
-            filename = url.split('/').at(-1);
-            // const typeParts = blobObject.type.split('/')
-            // const fileType = typeParts[typeParts.length - 1]
-            // filename = `${new Date().getTime()}.${fileType}`
-          }
-          return _context3.a(2, new File([blobObject], filename, {
-            type: blobObject.type
-          }));
-        case 2:
-          _context3.p = 2;
-          _t = _context3.v;
-          console.log('error: ', _t);
-          return _context3.a(2, null);
-      }
-    }, _callee3, null, [[0, 2]]);
-  }));
-  return _getFileByURL.apply(this, arguments);
-}
-function convertToFile(_x4, _x5) {
-  return _convertToFile.apply(this, arguments);
-}
-function _convertToFile() {
-  _convertToFile = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(inputValue, isPreviews) {
-    var newFile, isURL;
-    return _regenerator().w(function (_context4) {
-      while (1) switch (_context4.n) {
-        case 0:
-          newFile = null; // Download image by url and save as File instance
-          isURL = typeof inputValue === 'string' && inputValue.includes('/');
-          if (!(inputValue.image || isURL)) {
-            _context4.n = 2;
-            break;
-          }
-          _context4.n = 1;
-          return getFileByURL(inputValue.image || inputValue);
-        case 1:
-          newFile = _context4.v;
-          if (newFile) {
-            setFileDataURL(newFile);
-          }
-        case 2:
-          // Convert dataURL to File instance
-          if (inputValue.dataURL) {
-            newFile = common.createFileFromDataURL(inputValue.name || inputValue.path, inputValue.dataURL);
-            newFile.dataURL = inputValue.dataURL;
-          }
-
-          // Save new File to state
-          if (newFile) {
-            newFile.id = inputValue.id;
-            if (isPreviews) {
-              newFile.preview = URL.createObjectURL(newFile);
-            }
-          }
-          return _context4.a(2, newFile);
-      }
-    }, _callee4);
-  }));
-  return _convertToFile.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 FormFieldFileInput = /*#__PURE__*/React__default.default.memo(function FormFieldFileInput(props) {
-  var className = props.className,
-    dataTestId = props.dataTestId,
-    name = props.name,
-    width = props.width,
-    maxFiles = props.maxFiles,
-    maxSize = props.maxSize,
-    label = props.label,
-    classNameGroupItem = props.classNameGroupItem,
-    dropzoneProps = props.dropzoneProps,
-    fieldProps = props.fieldProps,
-    fileErrorText = props.fileErrorText,
-    hintDescription = props.hintDescription,
-    hintTitle = props.hintTitle,
-    showFilename = props.showFilename,
-    showMessage = props.showMessage,
-    isPreviews = props.isPreviews,
-    isRequired = props.isRequired,
-    onClickPreview = props.onClickPreview,
-    onAddFiles = props.onAddFiles,
-    onDeleteFile = props.onDeleteFile;
-  var propsGenerator = hooks.useDevicePropsGenerator(props);
-  var size = propsGenerator.size,
-    fill = propsGenerator.fill,
-    fillHover = propsGenerator.fillHover,
-    labelTextColor = propsGenerator.labelTextColor,
-    borderColorHover = propsGenerator.borderColorHover,
-    borderType = propsGenerator.borderType,
-    borderWidth = propsGenerator.borderWidth,
-    errorMessageTextColor = propsGenerator.errorMessageTextColor,
-    errorMessageTextSize = propsGenerator.errorMessageTextSize,
-    errorMessageTextWeight = propsGenerator.errorMessageTextWeight,
-    hintDescriptionTextColor = propsGenerator.hintDescriptionTextColor,
-    hintDescriptionTextSize = propsGenerator.hintDescriptionTextSize,
-    hintDescriptionTextWeight = propsGenerator.hintDescriptionTextWeight,
-    hintDescriptionTextWrap = propsGenerator.hintDescriptionTextWrap,
-    hintTitleTextColor = propsGenerator.hintTitleTextColor,
-    hintTitleTextSize = propsGenerator.hintTitleTextSize,
-    hintTitleTextWeight = propsGenerator.hintTitleTextWeight,
-    hintTitleTextWrap = propsGenerator.hintTitleTextWrap,
-    removeThumbAppearance = propsGenerator.removeThumbAppearance,
-    removeThumbShape = propsGenerator.removeThumbShape,
-    removeThumbText = propsGenerator.removeThumbText,
-    removeThumbTextWeight = propsGenerator.removeThumbTextWeight,
-    shape = propsGenerator.shape,
-    thumbBorderColor = propsGenerator.thumbBorderColor,
-    thumbBorderColorHover = propsGenerator.thumbBorderColorHover,
-    thumbBorderType = propsGenerator.thumbBorderType,
-    thumbBorderWidth = propsGenerator.thumbBorderWidth,
-    _propsGenerator$thumb = propsGenerator.thumbColumn,
-    thumbColumn = _propsGenerator$thumb === void 0 ? 1 : _propsGenerator$thumb,
-    _propsGenerator$thumb2 = propsGenerator.thumbDirection,
-    thumbDirection = _propsGenerator$thumb2 === void 0 ? 'vertical' : _propsGenerator$thumb2,
-    thumbNameTextColor = propsGenerator.thumbNameTextColor,
-    thumbNameTextSize = propsGenerator.thumbNameTextSize,
-    thumbNameTextWeight = propsGenerator.thumbNameTextWeight,
-    thumbNameTextWrap = propsGenerator.thumbNameTextWrap;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: props,
-      validationStateKey: isErrorState ? errorKey : 'success'
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-
-    /** TODO:
-     * REFACTOR PROPERTIES
-     */
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_type_dropzone', 'form__item_type_dropzone', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      width: width,
-      label: label,
-      labelTextColor: labelTextColor,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-dropzone",
-      inputName: input.name,
-      inputValue: input.value,
-      metaActive: meta.active,
-      metaError: meta.error,
-      metaTouched: meta.touched,
-      showMessage: showMessage,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(FileInputDropzone, {
-      className: className,
-      maxFiles: maxFiles,
-      maxSize: maxSize,
-      size: size,
-      fill: fill,
-      fillHover: fillHover,
-      borderColor: updatedInputProps.borderColor,
-      borderColorHover: borderColorHover,
-      borderType: borderType,
-      borderWidth: borderWidth,
-      dropzoneProps: dropzoneProps,
-      errorMessageTextColor: errorMessageTextColor,
-      errorMessageTextSize: errorMessageTextSize,
-      errorMessageWeight: errorMessageTextWeight,
-      fileErrorText: fileErrorText,
-      hintDescription: hintDescription,
-      hintDescriptionTextColor: hintDescriptionTextColor,
-      hintDescriptionTextSize: hintDescriptionTextSize,
-      hintDescriptionTextWeight: hintDescriptionTextWeight,
-      hintDescriptionTextWrap: hintDescriptionTextWrap,
-      hintTitle: hintTitle,
-      hintTitleTextColor: hintTitleTextColor,
-      hintTitleTextSize: hintTitleTextSize,
-      hintTitleTextWeight: hintTitleTextWeight,
-      hintTitleTextWrap: hintTitleTextWrap,
-      inputName: input.name,
-      inputValue: input.value,
-      metaError: meta.error,
-      metaTouched: meta.touched,
-      removeThumbAppearance: removeThumbAppearance,
-      removeThumbShape: removeThumbShape,
-      removeThumbText: removeThumbText,
-      removeThumbTextWeight: removeThumbTextWeight,
-      shape: shape,
-      showFilename: showFilename,
-      thumbBorderColor: thumbBorderColor,
-      thumbBorderColorHover: thumbBorderColorHover,
-      thumbBorderType: thumbBorderType,
-      thumbBorderWidth: thumbBorderWidth,
-      thumbColumn: thumbColumn,
-      thumbDirection: thumbDirection,
-      thumbNameTextColor: thumbNameTextColor,
-      thumbNameTextSize: thumbNameTextSize,
-      thumbNameTextWeight: thumbNameTextWeight,
-      thumbNameTextWrap: thumbNameTextWrap,
-      isPreviews: isPreviews,
-      onClickPreview: onClickPreview,
-      onAddFiles: onAddFiles,
-      onDeleteFile: onDeleteFile
-    }));
-  });
-});
-
-var defaultGroupProps = {
-  width: 'fill',
-  labelTextSize: 's',
-  messageTextColor: 'surfaceTextPrimary',
-  messageTextSize: 's',
-  errorMessageTextSize: 's',
-  errorMessageTextColor: 'errorTextSecondary',
-  helpTextSize: 's',
-  requiredMessageTextColor: 'warningTextSecondary',
-  requiredMessageTextSize: 's'
-};
-
-var FormGroup = /*#__PURE__*/React__default.default.memo(function Group(props) {
-  var className = props.className,
-    dataTestId = props.dataTestId,
-    dataTour = props.dataTour,
-    name = props.name,
-    title = props.title,
-    titleTextColor = props.titleTextColor,
-    titleTextSize = props.titleTextSize,
-    titleTextWeight = props.titleTextWeight,
-    label = props.label,
-    labelTextColor = props.labelTextColor,
-    labelTextSize = props.labelTextSize,
-    labelTextWeight = props.labelTextWeight,
-    message = props.message,
-    messageTextColor = props.messageTextColor,
-    messageTextSize = props.messageTextSize,
-    messageTextWeight = props.messageTextWeight,
-    column = props.column,
-    showGroupMessage = props.showGroupMessage,
-    before = props.before,
-    after = props.after,
-    isHidden = props.isHidden,
-    children = props.children;
-
-  // @ts-expect-error
-  var _useStyles = hooks.useStyles(props),
-    styles = _useStyles.styles;
-  var dataTestIdField = createDataTestIdField(name, dataTestId);
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: props,
-        // or fieldProps?
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      isErrorState = _useFieldValidationSt.isErrorState;
-    var updatedProps = useValidationAppearanceInputProps({
-      inputProps: props,
-      validationStateKey: isErrorState ? errorKey : 'success'
-    });
-    return /*#__PURE__*/React__default.default.createElement("div", {
-      className: clsx__default.default('form__group', className, isHidden && 'form__group_hidden', column && "form__group_column_" + column),
-      "data-test-id": dataTestIdField,
-      "data-tour": dataTour,
-      style: styles
-    }, /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-wrapper"
-    }, before, title && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-title"
-    }, /*#__PURE__*/React__default.default.createElement(Title.Title, {
-      dataTestId: dataTestIdField + "Title",
-      size: titleTextSize,
-      textColor: titleTextColor,
-      textWeight: titleTextWeight
-    }, title)), label && /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-label"
-    }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      dataTestId: dataTestIdField + "Label",
-      size: labelTextSize,
-      textColor: labelTextColor,
-      textWeight: labelTextWeight
-    }, label)), /*#__PURE__*/React__default.default.createElement("div", {
-      className: "form__group-items"
-    }, children), after), showGroupMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, isErrorState && errorMessage && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      id: name + "-error",
-      className: "form__group-message form__group-message_type-" + errorKey,
-      dataTestId: dataTestIdField + "MessageError",
-      size: updatedProps.messageTextSize,
-      textColor: updatedProps.messageTextColor,
-      textWeight: updatedProps.messageTextWeight
-    }, errorMessage), Boolean(message) && (!isErrorState || !errorMessage) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      className: "form__group-message",
-      dataTestId: name + "GroupMessage",
-      size: messageTextSize,
-      textColor: messageTextColor,
-      textWeight: messageTextWeight
-    }, message), !isErrorState && !message && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-      className: "form__group-message",
-      size: messageTextSize
-    }, "\xA0")));
-  });
-});
-
-var defaultInputProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  width: 'fill',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded'
-};
-
-var FormFieldInput = /*#__PURE__*/React__default.default.memo(function FormFieldInput(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    clearIcon = props.clearIcon,
-    clearIconFill = props.clearIconFill,
-    clearIconFillHover = props.clearIconFillHover,
-    clearIconShape = props.clearIconShape,
-    clearIconSize = props.clearIconSize,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    parse = props.parse,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onClickClearIcon = props.onClickClearIcon,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.value, input.name);
-      }
-    }, [onChange, input.onChange]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_input', 'form__item_input', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-input",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Input.Input, Object.assign({
-      className: clsx__default.default(meta.active && 'input_state_focus', meta.error && meta.touched && "input_state_" + errorKey),
-      dataTestId: dataTestIdField + "Input",
-      type: "text",
-      name: input.name,
-      autoComplete: "nope",
-      value: input.value || '',
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, updatedInputProps)), clearIcon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
-      className: "form-field__icon",
-      dataTestId: dataTestIdField + "InputIcon",
-      size: clearIconSize,
-      iconFill: clearIconFill,
-      iconFillHover: clearIconFillHover,
-      imageSrc: typeof clearIcon === 'string' && clearIcon,
-      shape: clearIconShape,
-      SvgImage: typeof clearIcon !== 'string' && clearIcon,
-      onClick: onClickClearIcon
-    }));
-  });
-});
-
-var defaultInputNumberProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  width: 'fill',
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded'
-};
-
-var FormFieldInputNumber = /*#__PURE__*/React__default.default.memo(function FormFieldInputNumber(props) {
-  var dataTestId = props.dataTestId,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'custom' : _props$type,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    parse = props.parse,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.value);
-      }
-    }, [onChange, input.onChange]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_input-number', 'form__item_input-number', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-input-number",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(InputNumber.InputNumber, Object.assign({
-      className: clsx__default.default(meta.active && 'input_state_focus', (meta.submitFailed || meta.touched) && meta.error && "input_state_" + errorKey),
-      dataTestId: dataTestIdField + "InputNumber",
-      type: type,
-      name: input.name,
-      value: input.value || 0,
-      onChange: onChangeField
-    }, updatedInputProps)));
-  });
-});
-
-var FormFieldMaskedInput = /*#__PURE__*/React__default.default.memo(function FormFieldMaskedInput(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    clearIcon = props.clearIcon,
-    clearIconFill = props.clearIconFill,
-    clearIconFillHover = props.clearIconFillHover,
-    clearIconShape = props.clearIconShape,
-    clearIconSize = props.clearIconSize,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    optionsMask = props.optionsMask,
-    showMessage = props.showMessage,
-    unmasked = props.unmasked,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onClickClearIcon = props.onClickClearIcon;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useIMask = reactImask.useIMask(optionsMask, {
-        defaultValue: initialValue,
-        onAccept: function onAccept(_newValue, event, element) {
-          if (element) {
-            input.onChange(event._unmaskedValue);
-          }
-        }
-      }),
-      ref = _useIMask.ref,
-      unmaskedValue = _useIMask.unmaskedValue,
-      value = _useIMask.value,
-      setUnmaskedValue = _useIMask.setUnmaskedValue;
-    React.useEffect(function () {
-      if (input.value !== unmaskedValue) {
-        setUnmaskedValue(input.value.replace(unmasked, ''));
-      }
-    }, [input.value]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field-masked-input', 'form__item_masked-input', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: 'form-maskedInput',
-      inputName: input.name,
-      inputValue: input.value || unmasked,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Input.Input, Object.assign({
-      className: clsx__default.default(meta.active && 'input_state_focus', meta.error && meta.touched && "input_state_" + errorKey),
-      ref: ref,
-      value: value,
-      onBlur: input.onBlur,
-      onFocus: input.onFocus
-    }, updatedInputProps)), clearIcon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
-      className: "form-field__icon",
-      size: clearIconSize,
-      iconFill: clearIconFill,
-      iconFillHover: clearIconFillHover,
-      imageSrc: clearIcon,
-      shape: clearIconShape,
-      SvgImage: clearIcon,
-      onClick: onClickClearIcon
-    }));
-  });
-});
-
-var defaultPasswordProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded'
-};
-
-var FormFieldPassword = /*#__PURE__*/React__default.default.memo(function FormFieldPassword(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    parse = props.parse,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.value, input.name);
-      }
-    }, [onChange, input.onChange]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_input-password', 'form__item_input-password', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-password",
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(InputPassword.InputPassword, Object.assign({
-      className: clsx__default.default(meta.active && 'input-password_state_focus', meta.error && meta.touched && "input-password_state_" + errorKey),
-      dataTestId: dataTestIdField + "InputPassword",
-      name: input.name,
-      autoComplete: "nope",
-      value: input.value || '',
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, updatedInputProps)));
-  });
-});
-
-var defaultRadioProps = {
-  appearance: 'defaultPrimary sizeM solid circular',
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid circular',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid circular',
-  // Success
-  successAppearance: 'successPrimary sizeM solid circular'
-};
-
-function FormFieldRadioGroupList(props) {
-  var input = props.input,
-    inputProps = props.inputProps,
-    options = props.options,
-    onChange = props.onChange;
-
-  // Callback for value changes
-  var onChangeSomeInput = React.useCallback(function (value) {
-    // Save to form values
-    input.onChange(value);
-    if (onChange) {
-      // Pass to custom event
-      onChange(value, input.name);
-    }
-  }, [input, onChange]);
-
-  // Handle for radio inputs
-  var onChangeRadio = React.useCallback(function (event) {
-    if (event.target.checked) {
-      onChangeSomeInput(event.target.value);
-    }
-  }, [onChange]);
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, options.map(function (option) {
-    return /*#__PURE__*/React__default.default.createElement(Radio.Radio, Object.assign({
-      className: "form-radio__item",
-      key: option.value,
-      type: "radio",
-      name: input.name,
-      label: option.label,
-      checked: option.value === input.value,
-      value: option.value,
-      onBlur: input.onBlur,
-      onChange: onChangeRadio,
-      onFocus: input.onFocus
-    }, inputProps));
-  }));
-}
-
-var FormFieldRadioGroup = /*#__PURE__*/React__default.default.memo(function FormFieldRadioGroup(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    classNameGroupItem = props.classNameGroupItem,
-    _props$editableProps = props.editableProps,
-    editableProps = _props$editableProps === void 0 ? {} : _props$editableProps,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : 'success'
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_radio', 'form__item_radio', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: 'form-radio',
-      inputName: input.name,
-      inputValue: input.value || '',
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(FormFieldRadioGroupList, {
-      editableProps: editableProps,
-      input: input,
-      inputProps: updatedInputProps,
-      options: options,
-      isDisabled: isDisabled,
-      onChange: onChange
-    }));
-  });
-});
-
-var defaultSegmentedProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  width: 'fill',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'warningPrimary sizeM solid rounded'
-};
-
-function FormFieldSegmented(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    fieldProps = props.fieldProps,
-    inputProps = props.inputProps,
-    options = props.options,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired;
-  var _useForm = reactFinalForm.useForm(),
-    change = _useForm.change;
-  var setActiveSegment = React.useCallback(function (option) {
-    change(name, option.value);
-  }, [change]);
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var activeOption = React.useMemo(function () {
-      var emptyOption = {
-        label: null,
-        value: null
-      };
-      if (input.value) {
-        var currentOption = options.find(function (option) {
-          return option.value === input.value;
-        });
-        return currentOption || emptyOption;
-      }
-      return emptyOption;
-    }, [input.value]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_segmented', 'form__item_segmented'),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-segmented",
-      inputName: input.name,
-      inputValue: input.value || [],
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Segmented.Segmented, Object.assign({
-      activeSegment: activeOption,
-      segments: options,
-      isDisabled: isDisabled,
-      setActiveSegment: setActiveSegment
-    }, updatedInputProps)));
-  });
-}
-
-var defaultSelectProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-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 FormFieldSelect = /*#__PURE__*/React__default.default.memo(function FormFieldSelect(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    initialValue = props.initialValue,
-    classNameGroupItem = props.classNameGroupItem,
-    fieldProps = props.fieldProps,
-    _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    selectProps = props.selectProps,
-    selectRef = props.selectRef,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange,
-    onInputChange = props.onInputChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name,
-    initialValue: initialValue
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-    var _useState = React.useState(null),
-      selectedOptions = _useState[0],
-      setSelectedOptions = _useState[1];
-    var defaultValue = React.useMemo(function () {
-      var _input$value;
-      var optionsValues = getDefaultValue(options, input.value);
-      if (!optionsValues.length && (_input$value = input.value) != null && _input$value.length) {
-        optionsValues.push({
-          label: input.value,
-          value: input.value
-        });
-      }
-      return optionsValues;
-    }, [input.value]);
-    var onChangeField = React.useCallback(function (value) {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange, input.onChange]);
-    var onChangeValue = React.useCallback(function (option, actionMeta) {
-      var value = Array.isArray(option) ? option.map(function (o) {
-        return o.value;
-      }) : (option == null ? void 0 : option.value) || null;
-      setSelectedOptions(option);
-      onChangeField(value);
-    }, [onChangeField]);
-    React.useEffect(function () {
-      setSelectedOptions(defaultValue);
-    }, [defaultValue]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedSelectProps = useValidationAppearanceInputProps({
-      inputProps: selectProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_select', 'form__item_select', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: 'form-select',
-      inputName: input.name,
-      inputValue: input.value,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Select.Select, Object.assign({
-      className: "form-select-item",
-      ref: selectRef,
-      instanceId: "id_" + input.name,
-      options: options,
-      value: selectedOptions,
-      isDisabled: isDisabled,
-      onChange: onChangeValue,
-      onInputChange: onInputChange
-    }, updatedSelectProps)));
-  });
-});
-
-var defaultSwitchProps = {
-  appearance: 'defaultPrimary sizeL solid rounded',
-  errorAppearance: 'errorPrimary sizeL solid rounded',
-  successAppearance: 'successPrimary sizeL solid rounded',
-  requiredAppearance: 'requirePrimary sizeL solid rounded'
-};
-
-var FormFieldSwitch = /*#__PURE__*/React__default.default.memo(function FormFieldSwitch(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    classNameGroupItem = props.classNameGroupItem,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired,
-    onChange = props.onChange;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    type: "checkbox",
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var onChangeField = React.useCallback(function (event) {
-      input.onChange(event);
-      if (onChange) {
-        onChange(event.target.checked, input.name);
-      }
-    }, [onChange, input.onChange]);
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field-switch', 'form__item_switch', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: "form-switch",
-      inputName: input.name,
-      inputValue: input.checked,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      tag: "label",
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Switch.Switch, Object.assign({
-      type: "checkbox",
-      name: input.name,
-      autoComplete: "nope",
-      isActive: input.checked,
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: onChangeField,
-      onFocus: input.onFocus
-    }, updatedInputProps)));
-  });
-});
-
-var defaultTextareaProps = {
-  appearance: 'defaultPrimary sizeM solid rounded',
-  // useValidationAppearanceInputProps
-  // Error
-  errorAppearance: 'errorPrimary sizeM solid rounded',
-  // Success
-  successAppearance: 'successPrimary sizeM solid rounded',
-  // Required
-  requiredAppearance: 'requirePrimary sizeM solid rounded'
-};
-
-var FormFieldTextarea = /*#__PURE__*/React__default.default.memo(function FormFieldTextarea(props) {
-  var dataTestId = props.dataTestId,
-    name = props.name,
-    classNameGroupItem = props.classNameGroupItem,
-    _props$fieldProps = props.fieldProps,
-    fieldProps = _props$fieldProps === void 0 ? {} : _props$fieldProps,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    showMessage = props.showMessage,
-    isDisabled = props.isDisabled,
-    isRequired = props.isRequired;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    /** Note:
-     * Create "Render" function by "eslint-react-hooks/rules-of-hooks":
-     * React Hooks cannot be called inside a callback.
-     * React Hooks must be called in a React function component or a
-     * custom React Hook function.
-     */
-
-    var _useFieldValidationSt = useFieldValidationState({
-        fieldProps: fieldProps,
-        input: input,
-        meta: meta
-      }),
-      errorKey = _useFieldValidationSt.errorKey,
-      errorMessage = _useFieldValidationSt.errorMessage,
-      successKey = _useFieldValidationSt.successKey,
-      isErrorState = _useFieldValidationSt.isErrorState,
-      isValidState = _useFieldValidationSt.isValidState;
-    var updatedInputProps = useValidationAppearanceInputProps({
-      inputProps: inputProps,
-      validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
-    });
-    var dataTestIdField = createDataTestIdField(input.name, dataTestId);
-    return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
-      className: clsx__default.default('form-field_textarea', 'form__item_textarea', classNameGroupItem),
-      dataTestId: dataTestIdField,
-      errorKey: errorKey,
-      errorMessage: errorMessage,
-      fieldClassName: 'form-textarea',
-      inputName: input.name,
-      inputValue: input.value,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage,
-      isDisabled: isDisabled,
-      isErrorState: isErrorState,
-      isRequired: isRequired,
-      isValidState: isValidState
-    }, fieldProps), /*#__PURE__*/React__default.default.createElement(Textarea.Textarea, Object.assign({
-      className: clsx__default.default(meta.active && 'textarea_state_focus', meta.error && meta.touched && "textarea_state_" + errorKey),
-      dataTestId: dataTestIdField + "Textarea",
-      name: input.name,
-      autoComplete: "nope",
-      value: input.value || '',
-      isDisabled: isDisabled,
-      onBlur: input.onBlur,
-      onChange: input.onChange,
-      onFocus: input.onFocus
-    }, updatedInputProps)));
-  });
-});
-
-var formTypes = {
-  custom: 'custom',
-  password: 'password',
-  code: 'code',
-  text: 'text',
-  textarea: 'textarea',
-  checkbox: 'checkbox',
-  chips: 'chips',
-  choice: 'choice',
-  dadataInput: 'dadataInput',
-  datePicker: 'datePicker',
-  dateRangePicker: 'dateRangePicker',
-  fileInput: 'fileInput',
-  group: 'group',
-  inputNumber: 'inputNumber',
-  maskedInput: 'maskedInput',
-  radioGroup: 'radioGroup',
-  segmented: 'segmented',
-  select: 'select',
-  "switch": 'switch'
-};
-function generateField(field, config, dataTestId) {
-  switch (field.type) {
-    case formTypes.password:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldPassword, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.checkbox:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldCheckbox, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.choice:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldChoice, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.code:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldCode, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.chips:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldChips, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes["switch"]:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldSwitch, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.segmented:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldSegmented, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.datePicker:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldDatePicker, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.fileInput:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldFileInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.radioGroup:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldRadioGroup, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.select:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldSelect, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.text:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.textarea:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldTextarea, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.maskedInput:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldMaskedInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.custom:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldCustom, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.dadataInput:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldDadataInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.inputNumber:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormFieldInputNumber, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.group:
-      {
-        return /*#__PURE__*/React__default.default.createElement(FormGroup, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }), Object.entries(field.group).map(function (_ref) {
-          var key = _ref[0],
-            value = _ref[1];
-          var groupProps = Object.assign({}, value, {
-            classNameGroupItem: value.classNameGroupItem || 'form__group-item',
-            showMessage: field.showMessage
-          });
-          return generateField(groupProps, {
-            key: key + '_form_group'
-          }, dataTestId);
-        }));
-      }
-  }
-}
-
-var FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalForm(props, ref) {
-  var className = props.className,
-    dataTestId = props.dataTestId,
-    dataTour = props.dataTour,
-    type = props.type,
-    initialValues = props.initialValues,
-    initialValuesEqual = props.initialValuesEqual,
-    config = props.config,
-    validationSchema = props.validationSchema,
-    title = props.title,
-    titleFill = props.titleFill,
-    titlePosition = props.titlePosition,
-    titleTextColor = props.titleTextColor,
-    titleTextSize = props.titleTextSize,
-    titleTextWeight = props.titleTextWeight,
-    desc = props.desc,
-    descSize = props.descSize,
-    descTextColor = props.descTextColor,
-    descTextWeight = props.descTextWeight,
-    buttonGap = props.buttonGap;
-    props.additionalProps;
-    var _props$buttonDirectio = props.buttonDirection,
-    buttonDirection = _props$buttonDirectio === void 0 ? 'vertical' : _props$buttonDirectio,
-    buttonFill = props.buttonFill,
-    buttonJustifyContent = props.buttonJustifyContent,
-    buttonPadding = props.buttonPadding,
-    buttonPosition = props.buttonPosition,
-    dataTestIdButtons = props.dataTestIdButtons,
-    dataTestIdPrimaryButton = props.dataTestIdPrimaryButton,
-    dataTestIdSecondaryButton = props.dataTestIdSecondaryButton,
-    dataTestIdTertiaryButton = props.dataTestIdTertiaryButton,
-    dataTourButtons = props.dataTourButtons,
-    dataTourPrimaryButton = props.dataTourPrimaryButton,
-    dataTourSecondaryButton = props.dataTourSecondaryButton,
-    dataTourTertiaryButton = props.dataTourTertiaryButton,
-    _props$disableFieldsA = props.disableFieldsAutoComplete,
-    disableFieldsAutoComplete = _props$disableFieldsA === void 0 ? false : _props$disableFieldsA,
-    fieldsGap = props.fieldsGap,
-    groupGap = props.groupGap,
-    heightClass = props.heightClass,
-    language = props.language,
-    loader = props.loader,
-    loaderAppearance = props.loaderAppearance,
-    _props$loaderFill = props.loaderFill,
-    loaderFill = _props$loaderFill === void 0 ? 'surfacePrimary' : _props$loaderFill,
-    _props$loaderItemFill = props.loaderItemFill,
-    loaderItemFill = _props$loaderItemFill === void 0 ? 'accentItemSecondary' : _props$loaderItemFill,
-    loaderShape = props.loaderShape,
-    _props$loaderSize = props.loaderSize,
-    loaderSize = _props$loaderSize === void 0 ? 'l' : _props$loaderSize,
-    loaderText = props.loaderText,
-    _props$loaderType = props.loaderType,
-    loaderType = _props$loaderType === void 0 ? 'dot' : _props$loaderType,
-    mutators = props.mutators,
-    notificationCloseButton = props.notificationCloseButton,
-    notificationType = props.notificationType,
-    primaryButton = props.primaryButton,
-    primaryButtonAppearance = props.primaryButtonAppearance,
-    primaryButtonFill = props.primaryButtonFill,
-    primaryButtonFillHover = props.primaryButtonFillHover,
-    primaryButtonHtmlType = props.primaryButtonHtmlType,
-    primaryButtonIsDisabled = props.primaryButtonIsDisabled,
-    primaryButtonIsLoading = props.primaryButtonIsLoading,
-    primaryButtonLabel = props.primaryButtonLabel,
-    primaryButtonLabelSize = props.primaryButtonLabelSize,
-    primaryButtonLabelTextColor = props.primaryButtonLabelTextColor,
-    primaryButtonLabelTextWeight = props.primaryButtonLabelTextWeight,
-    primaryButtonSize = props.primaryButtonSize,
-    primarySecondaryHtmlType = props.primarySecondaryHtmlType,
-    _props$renderFieldsWr = props.renderFieldsWrapper,
-    renderFieldsWrapper = _props$renderFieldsWr === void 0 ? function (wrapperChildren) {
-      return wrapperChildren;
-    } : _props$renderFieldsWr,
-    secondaryButton = props.secondaryButton,
-    secondaryButtonAppearance = props.secondaryButtonAppearance,
-    secondaryButtonFill = props.secondaryButtonFill,
-    secondaryButtonFillHover = props.secondaryButtonFillHover,
-    secondaryButtonIsDisabled = props.secondaryButtonIsDisabled,
-    secondaryButtonIsLoading = props.secondaryButtonIsLoading,
-    secondaryButtonLabel = props.secondaryButtonLabel,
-    secondaryButtonLabelSize = props.secondaryButtonLabelSize,
-    secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor,
-    secondaryButtonLabelTextWeight = props.secondaryButtonLabelTextWeight,
-    secondaryButtonSize = props.secondaryButtonSize,
-    shapeStrengthClass = props.shapeStrengthClass,
-    tertiaryButton = props.tertiaryButton,
-    tertiaryButtonAppearance = props.tertiaryButtonAppearance,
-    tertiaryButtonFill = props.tertiaryButtonFill,
-    tertiaryButtonFillHover = props.tertiaryButtonFillHover,
-    tertiaryButtonLabel = props.tertiaryButtonLabel,
-    tertiaryButtonLabelSize = props.tertiaryButtonLabelSize,
-    tertiaryButtonLabelTextColor = props.tertiaryButtonLabelTextColor,
-    tertiaryButtonLabelTextWeight = props.tertiaryButtonLabelTextWeight,
-    tertiaryButtonSize = props.tertiaryButtonSize,
-    widthClass = props.widthClass,
-    before = props.before,
-    after = props.after,
-    isLoading = props.isLoading,
-    onClickSecondaryButton = props.onClickSecondaryButton,
-    onClickTertiaryButton = props.onClickTertiaryButton,
-    onChangeFormValues = props.onChangeFormValues,
-    onSubmit = props.onSubmit;
-  var validate = useYupValidationSchema(validationSchema, language);
-  var onRefFormInstance = React.useCallback(function (formInstance) {
-    if (ref) {
-      ref.current = formInstance;
-    }
-  }, [ref]);
-  var propsGenerator = hooks.useDevicePropsGenerator(props);
-  var directionClass = propsGenerator.directionClass,
-    fillClass = propsGenerator.fillClass,
-    elevationClass = propsGenerator.elevationClass,
-    shapeClass = propsGenerator.shapeClass;
-  var _useStyles = hooks.useStyles(props),
-    formStyles = _useStyles.styles,
-    wrapperStyles = _useStyles.wrapper;
-  return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Form, {
-    initialValues: initialValues,
-    initialValuesEqual: initialValuesEqual,
-    render: function render(_ref) {
-      var form = _ref.form,
-        handleSubmit = _ref.handleSubmit,
-        modifiedSinceLastSubmit = _ref.modifiedSinceLastSubmit,
-        submitError = _ref.submitError;
-      return /*#__PURE__*/React__default.default.createElement("form", {
-        className: clsx__default.default(className, 'form', type && "form_type_" + type, widthClass && "width_" + widthClass, heightClass && "height_" + heightClass, titlePosition && "form_title-position_" + titlePosition, buttonPosition && "form_button-position_" + buttonPosition, directionClass && "direction_" + directionClass, fillClass && "fill_" + fillClass, shapeClass && "shape_" + shapeClass, shapeStrengthClass && "shape-strength_" + shapeStrengthClass, elevationClass && "elevation_" + elevationClass)
-        // We no need set reference to html element, we need reference to "final-form" instance
-        ,
-        ref: function ref() {
-          return onRefFormInstance(form);
-        },
-        autoCapitalize: disableFieldsAutoComplete ? 'off' : undefined,
-        autoComplete: disableFieldsAutoComplete ? 'off' : undefined,
-        autoCorrect: disableFieldsAutoComplete ? 'off' : undefined,
-        "data-testid": dataTestId || 'Form',
-        "data-tour": dataTour,
-        spellCheck: disableFieldsAutoComplete ? 'false' : undefined,
-        style: formStyles,
-        onSubmit: handleSubmit
-      }, before, title && /*#__PURE__*/React__default.default.createElement(Title.Title, {
-        className: "form__title",
-        size: titleTextSize,
-        fill: titleFill,
-        textColor: titleTextColor,
-        textWeight: titleTextWeight,
-        "data-testid": dataTestId ? dataTestId + "Title" : 'FormTitle'
-      }, title), desc && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-        className: "form__desc",
-        size: descSize,
-        textColor: descTextColor,
-        textWeight: descTextWeight,
-        "data-testid": dataTestId ? dataTestId + "Desc" : 'FormDesc'
-      }, desc), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React__default.default.createElement("div", {
-        className: clsx__default.default('notification', 'form-notification', notificationType ? "form-notification_" + notificationType : 'form-notification_global')
-      }, /*#__PURE__*/React__default.default.createElement(Notification.Notification, {
-        appearance: "errorPrimary sizeM solid rounded",
-        type: "global",
-        title: form.getState().submitError,
-        status: "error",
-        closeButton: notificationCloseButton
-      })), onChangeFormValues && /*#__PURE__*/React__default.default.createElement(reactFinalForm.FormSpy, {
-        subscription: {
-          values: true
-        },
-        onChange: onChangeFormValues
-      }), Boolean(config && Object.keys(config).length) && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, renderFieldsWrapper(/*#__PURE__*/React__default.default.createElement(Group.Group, {
-        className: "form__wrapper",
-        direction: "vertical",
-        gap: fieldsGap || groupGap,
-        style: wrapperStyles
-      }, Object.keys(config).map(function (key) {
-        return generateField(config[key], {
-          key: key
-        }, dataTestId);
-      }), isLoading && (loader || /*#__PURE__*/React__default.default.createElement(Loader.Loader, {
-        appearance: loaderAppearance,
-        className: "form__loader",
-        type: loaderType,
-        size: loaderSize,
-        fill: loaderFill,
-        text: loaderText,
-        "data-testid": dataTestId + "Loader",
-        itemFill: loaderItemFill,
-        shape: loaderShape
-      }))))), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || tertiaryButton || tertiaryButtonLabel) && /*#__PURE__*/React__default.default.createElement(Group.Group, {
-        className: "form__button",
-        dataTestId: dataTestIdButtons || dataTestId + "Buttons",
-        dataTour: dataTourButtons,
-        direction: buttonDirection,
-        justifyContent: buttonJustifyContent,
-        fill: buttonFill,
-        padding: buttonPadding,
-        gap: buttonGap
-      }, primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
-        appearance: primaryButtonAppearance,
-        className: "form__button-item",
-        dataTestId: dataTestIdPrimaryButton || dataTestId && dataTestId + "PrimaryButton" || 'FormPrimaryButton',
-        dataTour: dataTourPrimaryButton,
-        width: "fill",
-        size: primaryButtonSize,
-        fill: primaryButtonFill,
-        fillHover: primaryButtonFillHover,
-        label: primaryButtonLabel,
-        labelTextColor: primaryButtonLabelTextColor,
-        labelTextSize: primaryButtonLabelSize,
-        labelTextWeight: primaryButtonLabelTextWeight,
-        htmlType: primaryButtonHtmlType || 'submit',
-        loading: primaryButtonIsLoading,
-        isDisabled: primaryButtonIsDisabled
-      }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
-        appearance: secondaryButtonAppearance,
-        className: "form__button-item",
-        dataTestId: dataTestIdSecondaryButton || dataTestId && dataTestId + "SecondaryButton" || 'FormSecondaryButton',
-        dataTour: dataTourSecondaryButton,
-        width: "fill",
-        size: secondaryButtonSize,
-        fill: secondaryButtonFill,
-        fillHover: secondaryButtonFillHover,
-        label: secondaryButtonLabel,
-        labelTextColor: secondaryButtonLabelTextColor,
-        labelTextSize: secondaryButtonLabelSize,
-        labelTextWeight: secondaryButtonLabelTextWeight,
-        htmlType: primarySecondaryHtmlType,
-        loading: secondaryButtonIsLoading,
-        isDisabled: secondaryButtonIsDisabled,
-        onClick: onClickSecondaryButton
-      }) : secondaryButton, tertiaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
-        appearance: tertiaryButtonAppearance,
-        className: "form__button-item",
-        dataTestId: dataTestIdTertiaryButton || dataTestId && dataTestId + "TertiaryButton" || 'FormTertiaryButton',
-        dataTour: dataTourTertiaryButton,
-        width: "fill",
-        size: tertiaryButtonSize,
-        fill: tertiaryButtonFill,
-        fillHover: tertiaryButtonFillHover,
-        label: tertiaryButtonLabel,
-        labelTextColor: tertiaryButtonLabelTextColor,
-        labelTextSize: tertiaryButtonLabelSize,
-        labelTextWeight: tertiaryButtonLabelTextWeight,
-        onClick: onClickTertiaryButton
-      }) : tertiaryButton), after);
-    },
-    decorators: [focusOnErrorDecorator],
-    mutators: mutators,
-    subscription: {
-      modifiedSinceLastSubmit: true,
-      pristine: true,
-      submitError: true,
-      submitting: true
-    },
-    validate: validate,
-    onSubmit: onSubmit
-  });
-});
-FinalForm.defaultProps = {
-  direction: 'vertical'
-};
-
-var DEFAULT_MESSAGES_REQUIRED = {
-  required: {
-    key: 'required',
-    message: 'Обязательное поле'
-  }
-};
-var DEFAULT_MESSAGES_ERROR = {
-  invalid_value: {
-    key: 'error',
-    message: 'Некорректное значение'
-  }
-};
-var DEFAULT_MESSAGES_URL = {
-  url: {
-    key: 'error',
-    message: 'Введите корректный URL-адрес'
-  }
-};
-var DEFAULT_MESSAGES_PASSWORD = {
-  password_required: {
-    key: 'required',
-    message: 'Введите пароль'
-  }
-};
-var DEFAULT_MESSAGES_NUMBER = {
-  matches: {
-    key: 'error',
-    message: 'Допускается ввод только цифр от 0 до 9'
-  },
-  numeric_value: {
-    key: 'error',
-    message: 'Только числовое значение'
-  }
-};
-var DEFAULT_MESSAGES_MIN_MAX = {
-  min: {
-    key: 'error',
-    message: function message(_ref) {
-      var min = _ref.min;
-      return "\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043D\u0435 \u043C\u0435\u043D\u0435\u0435 " + min + " \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432";
-    }
-  },
-  max: {
-    key: 'error',
-    message: function message(_ref2) {
-      var max = _ref2.max;
-      return "\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043D\u0435 \u043C\u0435\u043D\u0435\u0435 " + max + " \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432";
-    }
-  }
-};
-var DEFAULT_MESSAGES_PHONE = {
-  phone_error: {
-    key: 'error',
-    message: 'Введите корректный номер телефона'
-  },
-  phone_or_email_required: {
-    key: 'required',
-    message: 'Введите телефон или адрес эл. почты'
-  },
-  phone_required: {
-    key: 'required',
-    message: 'Укажите номер телефона'
-  }
-};
-var DEFAULT_MESSAGES_EMAIL = {
-  email_error: {
-    key: 'error',
-    message: 'Введите корректный адрес электронной почты'
-  },
-  email_required: {
-    key: 'required',
-    message: 'Укажите адрес электронной почты'
-  }
-};
-
-/*
-
-  !!! It also works without props simply based on the class and key as before `input_state_${meta.error.key}`
-
-  The KEY is needed for example for border color
-
-  The name of the key is anything you want, the main thing is that there is a props with the same KEY and color in FieldProps
-  ...example
-
-        required - KEY for yellow color
-        error - KEY for red color
-        custom or blue - KEY blue or other color
-
-        requiredBorderColor: 'warningBorderPrimary',
-        errorBorderColor: 'errorBorderPrimary',
-        customBorderColor: 'customBorderPrimary',
-        blueBorderColor: 'blueBorderPrimary',
-
-        const defaultFieldProps = {
-
-          messageTextSize: 's',
-          messageTextColor: 'surfaceTextSecondary',
-
-          requiredMessageTextSize: 's',
-          requiredMessageTextColor: 'warningTextPrimary',
-
-          errorMessageTextSize: 's',
-          errorMessageTextColor: 'errorTextPrimary',
-        }
-
-         // INPUT
-        const defaultInputProps = {
-        ... other
-
-        stateBorderColor: 'surfaceBorderTertiary',
-        requiredStateBorderColor: 'warningBorderPrimary',
-        errorStateBorderColor: 'errorBorderPrimary',
-        }
-
-        // RADIO
-        const defaultRadioProps = {
-        ... other
-
-        stateBorderColor: 'surfaceBorderTertiary',
-        requiredStateBorderColor: 'warningBorderPrimary',
-        errorStateBorderColor: 'errorBorderPrimary',
-        }
-
-        // SELECT
-        const defaultSelectProps = {
-        ... other
-
-        borderColor: 'surfaceBorderTertiary',
-        requiredBorderColor: 'warningBorderPrimary',
-        errorBorderColor: 'errorBorderPrimary',
-
-        inputBorderColor: 'surfaceBorderTertiary',
-        requiredInputBorderColor: 'warningBorderPrimary',
-        errorInputBorderColor: 'errorBorderPrimary',
-        }
-
-        ... etc
-  */
-
-var DEFAULT_MESSAGES_FIELDS = Object.assign({}, DEFAULT_MESSAGES_EMAIL, DEFAULT_MESSAGES_ERROR, DEFAULT_MESSAGES_MIN_MAX, DEFAULT_MESSAGES_NUMBER, DEFAULT_MESSAGES_PASSWORD, DEFAULT_MESSAGES_PHONE, DEFAULT_MESSAGES_REQUIRED, DEFAULT_MESSAGES_URL);
-
-var parseNumericField = function parseNumericField(value) {
-  var numberValue = value.slice(0, 10).replace(/,/g, '.').replace(/[^\d.]/g, '');
-  var parsedValue = parseFloat(numberValue);
-  if (parsedValue || parsedValue === 0) {
-    if (numberValue.endsWith('.')) {
-      if ((numberValue.match(/\./g) || []).length > 1) {
-        return numberValue.slice(0, -1);
-      }
-      return numberValue;
-    }
-    return numberValue;
-  }
-  return '';
-};
-
-// const getErrorsForFinalForm = (errorData) => {
-//   /*
-//    * errorData - its an "axios" error
-//    */
-
-//   const formErrors = {}
-
-//   const responseErrorMessage = errorData.toJSON ? errorData.toJSON().message : errorData.message
-
-//   // const status = (errorData.response && errorData.response.status) || null
-//   const problemError = getProblemFromError(errorData)
-//   // const problemStatus = getProblemFromStatus(status)
-
-//   if (problemError === NETWORK_ERROR || problemError === CONNECTION_ERROR) {
-//     // Say to "react-final-form" that we have general error
-//     formErrors[FORM_ERROR] = 'Проблемы с подключением к сервису'
-//   } else if (errorData.response?.data) {
-//     // Collect errors for some fields, which in the response from server
-//     const serverErrors = errorData.response.data
-//     if (typeof serverErrors === 'string') {
-//       if (errorData.response.status === 500) {
-//         formErrors[FORM_ERROR] =
-//           'Во время обработки запроса произошла ошибка, попробуйте повторить запрос'
-//       }
-//       // formErrors[FORM_ERROR] = responseErrorMessage
-//     } else {
-//       if (errorData.response.status === 500) {
-//         formErrors[FORM_ERROR] =
-//           'Во время обработки запроса произошла ошибка, попробуйте повторить запрос'
-//       }
-//       for (const key in serverErrors) {
-//         // TODO: what is forms has "detail" field? show as form error is well?
-//         const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
-//         // Say to "react-final-form" that we have some fields errors
-//         formErrors[errorFieldKey] = castArray(serverErrors[key])[0]
-//       }
-//     }
-//   } else if (typeof errorData === 'object' && Object.keys(errorData).length) {
-//     for (const key in errorData) {
-//       const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
-//       // Say to "react-final-form" that we have some fields errors
-//       formErrors[errorFieldKey] = castArray(errorData[key])[0]
-//     }
-//   } else {
-//     // Say to "react-final-form" that we have general error
-//     formErrors[FORM_ERROR] = responseErrorMessage || 'Произошла ошибка'
-//   }
-
-//   return formErrors
-// }
-
-var getErrorsForFinalForm = function getErrorsForFinalForm(error) {
-  var _error$response;
-  /*
-   * error - its an "axios" error in many cases
-   */
-
-  var formErrors = {};
-  var serverErrors = ((_error$response = error.response) == null ? void 0 : _error$response.data) || error;
-  if (serverErrors) {
-    // Collect errors for some fields, which in the response from server
-    if (typeof serverErrors === 'string') {
-      // Server may send an html page as error data
-      formErrors[finalForm.FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
-    } else {
-      for (var key in serverErrors) {
-        // "non_field_errors" and "detail" is special keys in django to mark errors not for fields
-        var errorFieldKey = key === 'non_field_errors' || key === 'detail' ? finalForm.FORM_ERROR : key;
-
-        // Say to "react-final-form" that we have some fields errors
-        formErrors[errorFieldKey] = castArray__default.default(serverErrors[key])[0];
-      }
-    }
-  } else {
-    // const responseErrorMessage = error.toJSON
-    //   ? error.toJSON().message
-    //   : error.message
-
-    // Say to "react-final-form" that we have general error
-    formErrors[finalForm.FORM_ERROR] = error.message || 'Произошла ошибка';
-  }
-  return formErrors;
-};
-
-Object.defineProperty(exports, "Field", {
-  enumerable: true,
-  get: function () { return reactFinalForm.Field; }
-});
-Object.defineProperty(exports, "useForm", {
-  enumerable: true,
-  get: function () { return reactFinalForm.useForm; }
-});
-Object.defineProperty(exports, "useFormState", {
-  enumerable: true,
-  get: function () { return reactFinalForm.useFormState; }
-});
-exports.DEFAULT_MESSAGES_FIELDS = DEFAULT_MESSAGES_FIELDS;
-exports.FieldWrapper = FieldWrapper;
-exports.FieldWrapperBase = FieldWrapperBase;
-exports.FinalForm = FinalForm;
-exports.FormFieldCheckbox = FormFieldCheckbox;
-exports.FormFieldChips = FormFieldChips;
-exports.FormFieldChoice = FormFieldChoice;
-exports.FormFieldCode = FormFieldCode;
-exports.FormFieldCustom = FormFieldCustom;
-exports.FormFieldDadataInput = FormFieldDadataInput;
-exports.FormFieldDatePicker = FormFieldDatePicker;
-exports.FormFieldFileInput = FormFieldFileInput;
-exports.FormFieldInput = FormFieldInput;
-exports.FormFieldInputNumber = FormFieldInputNumber;
-exports.FormFieldMaskedInput = FormFieldMaskedInput;
-exports.FormFieldPassword = FormFieldPassword;
-exports.FormFieldRadioGroup = FormFieldRadioGroup;
-exports.FormFieldSegmented = FormFieldSegmented;
-exports.FormFieldSelect = FormFieldSelect;
-exports.FormFieldSwitch = FormFieldSwitch;
-exports.FormFieldTextarea = FormFieldTextarea;
-exports.FormGroup = FormGroup;
-exports.addRequiredFieldsParamToSchema = addRequiredFieldsParamToSchema;
-exports.createDataTestIdField = createDataTestIdField;
-exports.dateValidation = dateValidation;
-exports.defaultCheckboxProps = defaultCheckboxProps;
-exports.defaultChipsProps = defaultChipsProps;
-exports.defaultChoiceProps = defaultChoiceProps;
-exports.defaultCodeProps = defaultCodeProps;
-exports.defaultDadataInputProps = defaultDadataInputProps;
-exports.defaultDatepickerProps = defaultDatepickerProps;
-exports.defaultDropzoneProps = defaultDropzoneProps;
-exports.defaultFieldProps = defaultFieldProps;
-exports.defaultFieldSizeL = defaultFieldSizeL;
-exports.defaultFieldSizeM = defaultFieldSizeM;
-exports.defaultFieldSizeS = defaultFieldSizeS;
-exports.defaultFieldSizeXL = defaultFieldSizeXL;
-exports.defaultGroupProps = defaultGroupProps;
-exports.defaultInputNumberProps = defaultInputNumberProps;
-exports.defaultInputProps = defaultInputProps;
-exports.defaultPasswordProps = defaultPasswordProps;
-exports.defaultRadioProps = defaultRadioProps;
-exports.defaultSegmentedProps = defaultSegmentedProps;
-exports.defaultSelectProps = defaultSelectProps;
-exports.defaultSwitchProps = defaultSwitchProps;
-exports.defaultTextareaProps = defaultTextareaProps;
-exports.emailValidation = emailValidation;
-exports.focusOnError = focusOnError;
-exports.focusOnErrorDecorator = focusOnErrorDecorator;
-exports.formTypes = formTypes;
-exports.generateField = generateField;
-exports.getErrorsForFinalForm = getErrorsForFinalForm;
-exports.parseNumericField = parseNumericField;
-exports.phoneValidation = phoneValidation;
-exports.sendFormDataToServer = sendFormDataToServer;
-exports.setErrorsMutator = setErrorsMutator;
-exports.useYupValidationSchema = useYupValidationSchema;
+"use strict";var e=require("react-final-form"),t=require("react/jsx-runtime"),r=require("react"),a=require("clsx"),i=require("@itcase/ui-web/components/Checkbox"),s=require("@itcase/ui-core/hooks"),o=require("@itcase/ui-web/components/Divider"),n=require("@itcase/ui-web/components/Text"),l=require("axios"),u=require("final-form"),d=require("final-form-focus"),c=require("lodash/camelCase"),m=require("lodash/snakeCase"),p=require("@itcase/ui-web/components/Chips"),f=require("@itcase/ui-web/components/Choice"),h=require("@itcase/ui-web/components/Code"),x=require("@itcase/ui-web/components/Icon"),g=require("@itcase/ui-web/components/Dadata"),y=require("@itcase/ui-web/components/DatePicker"),T=require("file-selector"),b=require("lodash/castArray"),_=require("react-dropzone"),v=require("@itcase/common"),S=require("@itcase/ui-web/components/Button"),C=require("@itcase/ui-web/components/Loader"),I=require("@itcase/ui-web/components/Title"),P=require("@itcase/ui-web/components/Input"),z=require("@itcase/ui-web/components/InputNumber"),F=require("react-imask"),w=require("@itcase/ui-web/components/InputPassword"),j=require("@itcase/ui-web/components/Radio"),M=require("@itcase/ui-web/components/Segmented"),N=require("@itcase/ui-web/components/Select"),k=require("@itcase/ui-web/components/Switch"),B=require("@itcase/ui-web/components/Textarea"),D=require("@itcase/ui-web/components/Group"),q=require("@itcase/ui-web/components/Notification"),E=require("libphonenumber-js");function V(e){return e&&e.__esModule?e:{default:e}}var R=V(r),A=V(a),K=V(l),W=V(d),$=V(c),L=V(m),O=V(b);const G={email_error:{key:"error",message:"Введите корректный адрес электронной почты"},email_required:{key:"required",message:"Укажите адрес электронной почты"},invalid_value:{key:"error",message:"Некорректное значение"},min:{key:"error",message:({min:e})=>`Значение должно быть не менее ${e} символов`},max:{key:"error",message:({max:e})=>`Значение должно быть не менее ${e} символов`},matches:{key:"error",message:"Допускается ввод только цифр от 0 до 9"},numeric_value:{key:"error",message:"Только числовое значение"},password_required:{key:"required",message:"Введите пароль"},phone_error:{key:"error",message:"Введите корректный номер телефона"},phone_or_email_required:{key:"required",message:"Введите телефон или адрес эл. почты"},phone_required:{key:"required",message:"Укажите номер телефона"},required:{key:"required",message:"Обязательное поле"},url:{key:"error",message:"Введите корректный URL-адрес"}},H={width:"fill",direction:"vertical",labelTextColor:"surfaceTextPrimary",messageTextColor:"surfaceTextSecondary",dividerFill:"errorPrimary",errorMessageTextColor:"errorTextSecondary",helpTextColor:"surfaceTextQuaternary",requiredMessageTextColor:"warningTextSecondary",showMessage:!0},U={size:"s",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...H},Q={size:"m",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...H},J={size:"l",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...H},X={size:"xl",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...H};function Y(e){const{className:a,dataTestId:i,dataTour:l,type:u,label:d,labelHidden:c,labelTextColor:m,labelTextSize:p,labelTextWeight:f,messageTextSize:h,desc:x,descTextColor:g,descTextSize:y,descTextWeight:T,afterItem:b,beforeItem:_,dividerDirection:v,dividerFill:S,dividerSize:C,dividerWidth:I,errorKey:P,errorMessage:z,fieldClassName:F,helpText:w,helpTextColor:j,helpTextColorSuccess:M,helpTextSize:N,helpTextWeight:k,inputName:B,inputValue:D,metaActive:q,metaError:E,showDivider:V,showMessage:R,tag:K="div",before:W,after:$,isDisabled:L,isErrorState:O,isHidden:G,isRequired:H,isValidState:U,children:Q}=e,J=r.useMemo(()=>A.default(a,U&&"form__item_state_success",H&&"form__item_state_required",L&&"form__item_state_disabled",q&&"form__item_state_focus",D&&"form__item_state_filled",O&&`form__item_state_${P}`),[a,O,U,H,q,D,L,E]),X=r.useMemo(()=>A.default(F,U&&`${F}_state_success`,q&&`${F}_state_focus`,D&&`${F}_state_filled`,L&&`${F}_state_disabled`,O&&`${F}_state_${P}`),[F,O,U,q,D,L,E]),Y=s.useDeviceTargetClass(e,{prefix:"form-field_size_",propsKey:"size"}),Z=s.useDeviceTargetClass(e,{prefix:"fill_",propsKey:"fill"}),ee=s.useDeviceTargetClass(e,{prefix:"fill_",propsKey:"inputFill"}),te=s.useDeviceTargetClass(e,{prefix:"form-field_shape_",propsKey:"shape"}),re=s.useDeviceTargetClass(e,{prefix:"form-field__item-value_shape_",propsKey:"inputShape"}),ae=s.useDeviceTargetClass(e,{prefix:"direction_",propsKey:"direction"}),ie=s.useDeviceTargetClass(e,{prefix:"width_",propsKey:"width"}),{styles:se}=s.useStyles(e),oe=e[`${P}MessageTextSize`],ne=e[`${P}MessageTextColor`],le=e[`${P}MessageTextWeight`],ue=`${i||`${B}Field`}Message`;return t.jsxs(K,{className:A.default(J,"form__item","form-field",u&&`form-field_type_${u}`,Y,Z,te,L&&"form-field_state_disabled",G&&"form-field_state_hidden",ae,ie),"data-testid":i,"data-tour":l,style:se,children:[W,(d||c)&&t.jsx("div",{className:A.default("form-field__label"),"data-testid":`${i}Label`,children:t.jsxs(n.Text,{size:p,textColor:m,textWeight:f,children:[d,c&&" "]})}),x&&t.jsx("div",{className:"form-field__desc","data-testid":`${i}Desc`,children:t.jsx(n.Text,{size:y,textColor:g,textWeight:T,children:x})}),t.jsxs("div",{className:A.default("form-field__content",ee,re),children:[t.jsxs("div",{className:A.default("form-field__content-inner",X),children:[_,Q,b]}),V&&t.jsx(o.Divider,{className:"form-field__item-divider",width:I,direction:v,size:C,fill:S})]}),R&&t.jsxs("div",{className:"form-field__message","data-testid":ue,children:[O&&z&&t.jsx(n.Text,{className:"form-field__message-item form-field__message-item_type-error",dataTestId:`${i}MessageError`,size:oe,textColor:ne,textWeight:le,children:z}),Boolean(w)&&(!O||!z)&&t.jsx(n.Text,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${i}MessageHelpText`,size:N,textColor:U?M:j,textWeight:k,children:w}),(!O&&!w||O&&!w&&!z)&&t.jsx(n.Text,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${i}MessageHelpText`,size:h,children:" "})]}),$]})}function Z(a){const{inputName:i}=a,{change:s}=e.useForm();return r.useEffect(()=>()=>{s(i,void 0)},[]),t.jsx(Y,{...a})}const ee=(e,t)=>{const r=e,a=Object.keys(t).map(e=>e===u.FORM_ERROR?"notification__item_status_error":`react-select-id_${e}-input`),i=r.find(e=>e.name?u.getIn(t,e.name):a.includes(e.id)),s=Object.keys(t);if(!i&&s.length){let e;try{const t=s[0];t===u.FORM_ERROR?e=document.querySelector("notification__item_status_error"):(e=document.querySelector(`#${t}-error`),e||(e=document.querySelector(`#id_${t}`)))}catch(e){console.warn(e)}e&&e.scrollIntoView({block:"center"})}i&&i.scrollIntoView({block:"center"})},te=W.default(void 0,ee),re=(e,t)=>{const r=(e=>e.replace(/(^|[_-])([a-zA-Z0-9])/g,(e,t,r)=>r.toUpperCase()))(e);return t&&t.endsWith("Field")?t:t?t+r+"Field":r+"Field"},ae=(e,t)=>u.setIn(e,t.path,t.message),ie=Object.create(null);function se(e,t){const a=r.useMemo(()=>e&&(e=>async function(t){try{await(e?.validate(t,{abortEarly:!1}))}catch(e){const t=e;if(t.message)return t.inner.reduce(ae,ie);console.warn("itcase-forms schema.validate error: An error not related to the form occurred during validation. Validation ignored.")}})(e),[e,t]);return a}function oe(e){const{fieldProps:t={},input:a={},meta:i={}}=e,s=!i.modifiedSinceLastSubmit&&i.submitError,o=i.error?.key||"error",n=r.useMemo(()=>t.showErrorsOnSubmit?Boolean(i.submitFailed&&i.touched&&(i.error||s)):Boolean(i.touched&&(i.error||s)),[t.showErrorsOnSubmit,i.submitFailed,i.touched,i.error,s]),l=r.useMemo(()=>{const e=Array.isArray(a?.value)?a?.value.length:a?.value,t=i.modifiedSinceLastSubmit&&!i.error&&s;return Boolean(e&&(i.valid||t))},[a?.value,i.valid,i.error,s,i.modifiedSinceLastSubmit]);return{errorKey:o,errorMessage:r.useMemo(()=>{const e=i.error||s||!1;if(e){if("string"==typeof e)return e;if(e.message)return e.message}return""},[i.error,s]),successKey:"success",isErrorState:n,isValidState:l}}function ne(e){const{inputProps:t,validationStateKey:a}=e;return r.useMemo(()=>{const e={};return a?(Object.entries(t||{}).forEach(([t,r])=>{const i=L.default(t);if(i.startsWith(`${a}_`)){const t=i.replace(`${a}_`,""),s=$.default(t);e[s]=r}else e[t]||(e[t]=r)}),e):t},[a,t])}const le=R.default.memo(function(a){const{dataTestId:s,name:o,initialValue:n,classNameGroupItem:l,fieldProps:u={},inputProps:d={},showMessage:c,isDisabled:m,isRequired:p,onChange:f}=a;return t.jsx(e.Field,{type:"checkbox",name:o,initialValue:n,children:function({input:e,meta:a}){const o=r.useCallback(t=>{t&&(e.onChange(t),f&&f(t.target.checked,e.name))},[f,e.onChange]),{errorKey:n,errorMessage:h,successKey:x,isErrorState:g,isValidState:y}=oe({fieldProps:u,input:e,meta:a}),T=ne({inputProps:d,validationStateKey:g?n:y?x:null}),b=re(e.name,s);return t.jsx(Z,{className:A.default("form-field-checkbox","form__item_checkbox",l),dataTestId:b,errorKey:n,errorMessage:h,fieldClassName:"form-checkbox",inputName:e.name,inputValue:e.checked,metaActive:a.active,metaError:a.error,showMessage:c,tag:"label",isDisabled:m,isErrorState:g,isRequired:p,isValidState:y,...u,children:t.jsx(i.Checkbox,{checked:e.checked,isActive:e.checked,isDisabled:m,onBlur:e.onBlur,onChange:o,onFocus:e.onFocus,...T})})}})});function ue(a){const{dataTestId:i,name:s,initialValue:o,classNameGroupItem:l,emptyMessage:u,emptyMessageTextColor:d,emptyMessageTextSize:c,fieldProps:m,inputProps:f,options:h,showMessage:x,isDisabled:g,isRequired:y,onChange:T}=a,{change:b}=e.useForm(),_=r.useCallback((e,t)=>{const r=e.includes(t)?e.filter(e=>e!==t):[...e,t];b(s,r),T&&T(r)},[b,s,T]);return r.useEffect(()=>{o&&b(s,o)},[o]),t.jsx(e.Field,{name:s,initialValue:o,children:function({input:e,meta:a}){const{errorKey:s,errorMessage:o,successKey:T,isErrorState:b,isValidState:v}=oe({fieldProps:m,input:e,meta:a}),S=ne({inputProps:f,validationStateKey:b?s:v?T:null}),C=r.useMemo(()=>{const t=[{label:null,value:null}];if(e?.value){return h.filter(t=>e.value?.includes(t.value))||t}return t},[e.value]),I=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_chips","form__item_chips",l),dataTestId:I,errorKey:s,errorMessage:o,fieldClassName:"form-chips",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:x,isDisabled:g,isErrorState:b,isRequired:y,isValidState:v,...m,children:h?.length?t.jsx(p.ChipsGroup,{direction:"horizontal",gap:"1m",wrap:"wrap",children:h.map(r=>t.jsx(p.Chips,{className:A.default(a.active&&"form-chips_state_focus",a.error&&a.touched&&`form-chips_state_${s}`),label:r.label,isActive:C.some(e=>e.value===r.value),isDisabled:r.isDisabled,onClick:()=>_(e.value,r.value),...S},r.value))}):t.jsx(n.Text,{size:c,textColor:d,children:u})})}})}const de=R.default.memo(function(a){const{dataTestId:i,name:s,initialValue:o,label:n,classNameGroupItem:l,fieldProps:u,inputProps:d,options:c,showMessage:m,isDisabled:p,isCheckbox:h,isRequired:x,onChange:g}=a,{change:y}=e.useForm(),T=r.useCallback((e,t)=>{y(s,t&&e.value),g&&g(e.value,s,t)},[y,g]);return t.jsx(e.Field,{name:s,initialValue:o,children:function({input:e,meta:a}){const s=r.useMemo(()=>{const t={label:null,value:null};if(e.value){return c.find(t=>t.value===e.value)||t}return t},[e.value]),{errorKey:o,errorMessage:g,successKey:y,isErrorState:b,isValidState:_}=oe({fieldProps:u,input:e,meta:a}),v=ne({inputProps:d,validationStateKey:b?o:_?y:null}),S=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_choice","form__item_choice",l),dataTestId:S,label:n,errorKey:o,errorMessage:g,fieldClassName:"form-choice",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:m,isDisabled:p,isErrorState:b,isRequired:x,isValidState:_,...u,children:t.jsx(f.Choice,{className:A.default(a.active&&"form-choice_state_focus",a.error&&a.touched&&`form-choice_state_${o}`),name:e.name,active:s,options:c,isDisabled:p,isCheckbox:h,setActiveSegment:T,...v})})}})}),ce=R.default.memo(function(r){const{dataTestId:a,name:i,initialValue:s,label:o,classNameGroupItem:n,fieldProps:l={},inputProps:u={},showMessage:d,isDisabled:c,isRequired:m}=r;return t.jsx(e.Field,{name:i,initialValue:s,children:function({input:e,meta:r}){const{errorKey:i,errorMessage:s,successKey:p,isErrorState:f,isValidState:x}=oe({fieldProps:l,input:e,meta:r}),g=ne({inputProps:u,validationStateKey:f?i:x?p:null}),y=re(e.name,a);return t.jsx(Z,{className:A.default("form-field-code","form__item_code",n),dataTestId:y,label:o,errorKey:i,errorMessage:s,fieldClassName:"form-code",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,showMessage:d,isErrorState:f,isRequired:m,isValidState:x,...l,children:t.jsx(h.Code,{initialValue:e.value,isDisabled:c,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus,...g})})}})}),me=R.default.memo(function(r){const{dataTestId:a,name:i,initialValue:s,classNameGroupItem:o,clearIcon:n,clearIconFill:l,clearIconFillHover:u,clearIconShape:d,clearIconSize:c,Component:m,fieldProps:p={},showMessage:f,isDisabled:h,isRequired:g,onClickClearIcon:y}=r;return t.jsx(e.Field,{name:i,initialValue:s,children:function({input:e,meta:i}){const{errorKey:s,errorMessage:T,isErrorState:b,isValidState:_}=oe({fieldProps:p,input:e,meta:i}),v=ne({inputProps:r,validationStateKey:b?s:"success"}),S=re(e.name,a);return t.jsxs(Z,{className:A.default("form-field_custom","form__item_custom",o),dataTestId:S,errorKey:s,errorMessage:T,fieldClassName:"form-custom",inputName:e.name,inputValue:String(e.value??""),metaActive:i.active,metaError:i.error,showMessage:f,isDisabled:h,isErrorState:b,isRequired:g,isValidState:_,...p,children:[t.jsx(m,{...v,input:e,meta:i,isDisabled:h}),n&&t.jsx(x.Icon,{className:"form-field__icon",size:c,iconFill:l,iconFillHover:u,imageSrc:n,shape:d,SvgImage:n,onClick:y})]})}})}),pe=R.default.memo(function(r){const{dataTestId:a,name:i,initialValue:s,classNameGroupItem:o,fieldProps:n,inputProps:l,parse:u,showMessage:d,token:c,isDisabled:m,isRequired:p,onDadataAutocomplete:f}=r;if("development"===process.env.NODE_ENV){const e=`Check your form config at field "${i}".`;if(!c){throw new Error(`FormFieldDadataInput: 'token' prop is missing, instead got ${c}.`+"\n"+e)}if(!f){throw new Error(`FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${f}.`+"\n"+e)}}return t.jsx(e.Field,{name:i,initialValue:s,parse:u,children:function({input:e,meta:r}){const{errorKey:i,errorMessage:s,successKey:u,isErrorState:h,isValidState:x}=oe({fieldProps:n,input:e,meta:r}),y=ne({inputProps:l,validationStateKey:h?i:x?u:null}),T=re(e.name,a);return t.jsx(Z,{className:A.default("form-field_input-dadata","form__item_input-dadata",o),dataTestId:T,errorKey:i,errorMessage:s,fieldClassName:"form-dadata",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:d,isDisabled:m,isErrorState:h,isRequired:p,isValidState:x,...n,children:t.jsx(g.Dadata,{input:e,inputProps:y,meta:r,token:c,setValue:f})})}})});function fe(a){const{dataTestId:i,name:s,classNameGroupItem:o,datePickerProps:n,fieldProps:l={},inputProps:u={},showMessage:d,isDisabled:c,isRequired:m,onChange:p}=a;return t.jsx(e.Field,{name:s,children:function({input:e,meta:a}){const s=r.useCallback((t,r)=>{n?.selectsRange?e.onChange({endDate:r,startDate:t}):e.onChange(t),p&&p(t,r)},[e.onChange,p]),{errorKey:f,errorMessage:h,successKey:x,isErrorState:g,isValidState:T}=oe({fieldProps:l,input:e,meta:a}),b=ne({inputProps:u,validationStateKey:g?f:T?x:null}),_=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_datepicker","form__item_datepicker",o),dataTestId:_,errorKey:f,errorMessage:h,fieldClassName:"form-datepicker",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:d,isDisabled:c,isErrorState:g,isRequired:m,isValidState:T,...l,children:t.jsx(y.DatePickerInput,{name:e.name,datePickerProps:n,endValue:n?.selectsRange?e.value.endDate:null,inputProps:b,value:n?.selectsRange?e.value.startDate:e.value,onBlur:e.onBlur,onChange:s,onFocus:e.onFocus})})}})}function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}function xe(e,t,r,a,i,s,o){try{var n=e[s](o),l=n.value}catch(e){return void r(e)}n.done?t(l):Promise.resolve(l).then(a,i)}function ge(e){return function(){var t=this,r=arguments;return new Promise(function(a,i){var s=e.apply(t,r);function o(e){xe(s,a,i,o,n,"next",e)}function n(e){xe(s,a,i,o,n,"throw",e)}o(void 0)})}}function ye(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return he(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?he(e,t):void 0}}(e))||t){r&&(e=r);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Te(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+var e,t,r="function"==typeof Symbol?Symbol:{},a=r.iterator||"@@iterator",i=r.toStringTag||"@@toStringTag";function s(r,a,i,s){var l=a&&a.prototype instanceof n?a:n,u=Object.create(l.prototype);return be(u,"_invoke",function(r,a,i){var s,n,l,u=0,d=i||[],c=!1,m={p:0,n:0,v:e,a:p,f:p.bind(e,4),d:function(t,r){return s=t,n=0,l=e,m.n=r,o}};function p(r,a){for(n=r,l=a,t=0;!c&&u&&!i&&t<d.length;t++){var i,s=d[t],p=m.p,f=s[2];r>3?(i=f===a)&&(l=s[(n=s[4])?5:(n=3,3)],s[4]=s[5]=e):s[0]<=p&&((i=r<2&&p<s[1])?(n=0,m.v=a,m.n=s[1]):p<f&&(i=r<3||s[0]>a||a>f)&&(s[4]=r,s[5]=a,m.n=f,n=0))}if(i||r>1)return o;throw c=!0,a}return function(i,d,f){if(u>1)throw TypeError("Generator is already running");for(c&&1===d&&p(d,f),n=d,l=f;(t=n<2?e:l)||!c;){s||(n?n<3?(n>1&&(m.n=-1),p(n,l)):m.n=l:m.v=l);try{if(u=2,s){if(n||(i="next"),t=s[i]){if(!(t=t.call(s,l)))throw TypeError("iterator result is not an object");if(!t.done)return t;l=t.value,n<2&&(n=0)}else 1===n&&(t=s.return)&&t.call(s),n<2&&(l=TypeError("The iterator does not provide a '"+i+"' method"),n=1);s=e}else if((t=(c=m.n<0)?l:r.call(a,m))!==o)break}catch(t){s=e,n=1,l=t}finally{u=1}}return{value:t,done:c}}}(r,i,s),!0),u}var o={};function n(){}function l(){}function u(){}t=Object.getPrototypeOf;var d=[][a]?t(t([][a]())):(be(t={},a,function(){return this}),t),c=u.prototype=n.prototype=Object.create(d);function m(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,be(e,i,"GeneratorFunction")),e.prototype=Object.create(c),e}return l.prototype=u,be(c,"constructor",u),be(u,"constructor",l),l.displayName="GeneratorFunction",be(u,i,"GeneratorFunction"),be(c),be(c,i,"Generator"),be(c,a,function(){return this}),be(c,"toString",function(){return"[object Generator]"}),(Te=function(){return{w:s,m:m}})()}function be(e,t,r,a){var i=Object.defineProperty;try{i({},"",{})}catch(e){i=0}be=function(e,t,r,a){function s(t,r){be(e,t,function(e){return this._invoke(t,r,e)})}t?i?i(e,t,{value:r,enumerable:!a,configurable:!a,writable:!a}):e[t]=r:(s("next",0),s("throw",1),s("return",2))},be(e,t,r,a)}var _e=R.default.memo(function(a){var i,o=a.maxFiles,l=a.maxSize,u=a.dropzoneProps,d=void 0===u?{}:u,c=a.fileErrorText,m=a.hintDescription,p=a.hintTitle,f=a.inputName,h=a.inputValue,x=a.showFilename,g=a.thumbColumn,y=a.isPreviews,b=a.onClickPreview,v=a.onAddFiles,I=a.onDeleteFile,P=e.useForm().change,z=r.useState(""),F=z[0],w=z[1],j=r.useState(!1),M=j[0],N=j[1],k=r.useRef(null),B=r.useMemo(function(){var e=h?O.default(h):[];return null===k.current?(k.current=e,e):(k.current.forEach(function(t){t.preview&&(!e.some(function(e){return e.preview===t.preview})&&URL.revokeObjectURL(t.preview))}),k.current=e,e)},[h]),D=r.useCallback(function(e){var t=1==d.maxFiles?e[0]:e;return P(f,t),t},[d,P]),q=r.useCallback(function(){var e=ge(Te().m(function e(t){var r,a,i,s,o;return Te().w(function(e){for(;;)switch(e.n){case 0:N(!0),r=[],a=ye(t);case 1:if((i=a()).done){e.n=5;break}if("string"!=typeof(s=i.value)){e.n=3;break}return e.n=2,Ce(s,y);case 2:(o=e.v)&&r.push(o),e.n=4;break;case 3:r.push(s);case 4:e.n=1;break;case 5:D(r),N(!1);case 6:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}(),[y,D]),E=r.useCallback(function(e,t){e.stopPropagation(),e.preventDefault();var r=[].concat(B);r.splice(t,1),I&&I(B[t],f),D(r)},[B,D,I]),V=_.useDropzone(Object.assign({maxFiles:o||5,maxSize:l||10485760},d,{getFilesFromEvent:(i=ge(Te().m(function e(t){var r,a;return Te().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,T.fromEvent(t);case 1:return r=e.v,a=r.filter(function(e){return e instanceof File}),e.a(2,[].concat(B,a))}},e)})),function(e){return i.apply(this,arguments)}),onDropAccepted:function(e){y&&e.forEach(function(e){e.error||e.preview||(e.preview=URL.createObjectURL(e))});var t=D(e);w("");var r=e.map(function(e){return new Promise(function(t){return Pe(e,t)})});Promise.all(r).then(function(){v&&v(t,f)})},onDropRejected:function(e){if(e.length){var t="Ошибка при добавлении файла",r=e[0].errors[0];r&&(t=r.code===_.ErrorCode.TooManyFiles?"Максимальное количество файлов: "+o:r.message),w(t)}else w("")}})),K=V.getInputProps,W=V.getRootProps;r.useEffect(function(){var e=O.default(h);e.some(function(e){return"string"==typeof e})&&q(e)},[h]),r.useEffect(function(){return function(){k.current.forEach(function(e){e.preview&&URL.revokeObjectURL(e.preview)})}},[]);var $=s.useDevicePropsGenerator(a),L=$.fillClass,G=$.fillHoverClass,H=$.borderColorClass,U=$.borderColorHoverClass,Q=$.borderTypeClass,J=$.borderWidthClass,X=$.errorMessageTextColor,Y=$.errorMessageTextSize,Z=$.errorMessageTextWeight,ee=$.hintDescriptionTextColor,te=$.hintDescriptionTextSize,re=$.hintDescriptionTextWeight,ae=$.hintDescriptionTextWrap,ie=$.hintTitleTextColor,se=$.hintTitleTextSize,oe=$.hintTitleTextWeight,ne=$.hintTitleTextWrap,le=$.removeThumbAppearance,ue=$.removeThumbShape,de=$.removeThumbText,ce=$.removeThumbTextWeight,me=$.shapeClass,pe=$.thumbBorderColorClass,fe=$.thumbBorderColorHoverClass,he=$.thumbBorderTypeClass,xe=$.thumbBorderWidthClass,be=$.thumbDirectionClass,_e=$.thumbNameTextColor,ve=$.thumbNameTextSize,Se=$.thumbNameTextWeight,Ie=$.thumbNameTextWrap;return t.jsxs(R.default.Fragment,{children:[t.jsxs("div",Object.assign({},W({className:"form-dropzone__dropzone dropzone"}),{children:[t.jsx("input",Object.assign({},K(),{name:f})),t.jsxs("div",{className:A.default("form-dropzone__dropzone-wrapper",g&&"form-dropzone__dropzone-wrapper_column_"+g,L&&"fill_"+L,G&&"fill_hover_"+G,J&&"border-width_"+J,H&&"border-color_"+H,U&&"border-color_hover_"+U,Q&&"border_type_"+Q,me&&"shape_"+me),children:[B.map(function(e,r){return t.jsxs("aside",{className:A.default("form-dropzone__thumb",L,be,xe,pe,fe,he),children:[y&&!e.error&&t.jsx("div",{className:"form-dropzone__thumb-image",children:t.jsx("img",{className:"form-dropzone__thumb-image-inner",src:e.preview||e.image,onClick:function(t){b&&b(e,t)}})}),e.error&&t.jsx("div",{children:t.jsx(n.Text,{size:ve,textColor:_e,textWeight:Se,textWrap:Ie,children:c||e.error})}),x&&t.jsx("div",{className:"form-dropzone__thumb-name",children:t.jsx(n.Text,{className:"form-dropzone__thumb-name-inner",size:ve,textColor:_e,textWeight:Se,textWrap:Ie,children:e.name})}),M&&t.jsx("div",{className:"form-dropzone__thumb-loader",children:t.jsx(C.Loader,{width:"fill",height:"fill"})}),t.jsx("div",{className:A.default("form-dropzone__thumb-remove"),children:t.jsx(S.Button,{appearance:le,className:"form-dropzone__thumb-remove-text",label:de||"Удалить",labelTextWeight:ce,shape:ue,onClick:function(e){return E(e,r)}})})]},e.id||e.name+"_"+r)}),B.length?t.jsxs("div",{className:"form-dropzone__hint form-dropzone__hint_type_add-more",children:[t.jsx(n.Text,{className:"form-dropzone__hint-title",size:se,textColor:ie,textWeight:oe,textWrap:ne,children:p||"Select a file or drag in form"}),m&&t.jsx(n.Text,{className:"form-dropzone__hint-text",size:te,textColor:ee,textWeight:re,textWrap:ae,children:m})]}):t.jsxs("div",{className:"form-dropzone__hint",children:[t.jsx(n.Text,{className:"form-dropzone__hint-title",size:se,textColor:ie,textWeight:oe,textWrap:ne,children:p||"Select a file or drag in form"}),m&&t.jsx(n.Text,{className:"form-dropzone__hint-text",size:te,textColor:ee,textWeight:re,textWrap:ae,children:m})]})]})]})),F&&t.jsx("div",{className:"form-field__message",children:t.jsx(n.Text,{className:"form-field__message-item form-field__message-item_type_message",size:Y,textColor:X,textWeight:Z,children:F})})]})});function ve(e){return Se.apply(this,arguments)}function Se(){return(Se=ge(Te().m(function e(t){var r,a,i,s,o,n;return Te().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,K.default({url:t,responseType:"blob"});case 1:return a=e.v,i=a.data,s=null==(r=a.headers["content-disposition"])?void 0:r.split("filename=")[1],(o=null==s?void 0:s.substring(1).slice(0,-1))||(o=t.split("/").at(-1)),e.a(2,new File([i],o,{type:i.type}));case 2:return e.p=2,n=e.v,console.log("error: ",n),e.a(2,null)}},e,null,[[0,2]])}))).apply(this,arguments)}function Ce(e,t){return Ie.apply(this,arguments)}function Ie(){return(Ie=ge(Te().m(function e(t,r){var a,i;return Te().w(function(e){for(;;)switch(e.n){case 0:if(a=null,i="string"==typeof t&&t.includes("/"),!t.image&&!i){e.n=2;break}return e.n=1,ve(t.image||t);case 1:(a=e.v)&&Pe(a);case 2:return t.dataURL&&((a=v.createFileFromDataURL(t.name||t.path,t.dataURL)).dataURL=t.dataURL),a&&(a.id=t.id,r&&(a.preview=URL.createObjectURL(a))),e.a(2,a)}},e)}))).apply(this,arguments)}function Pe(e,t){t=t||function(){};var r=new FileReader;r._readedFile=e,r.onabort=function(){return t()},r.onerror=function(){return t()},r.onload=function(e){e.target._readedFile.dataURL=r.result,t()},e instanceof File?r.readAsDataURL(e):t()}var ze=R.default.memo(function(r){var a=r.className,i=r.dataTestId,o=r.name,n=r.width,l=r.maxFiles,u=r.maxSize,d=r.label,c=r.classNameGroupItem,m=r.dropzoneProps,p=r.fieldProps,f=r.fileErrorText,h=r.hintDescription,x=r.hintTitle,g=r.showFilename,y=r.showMessage,T=r.isPreviews,b=r.isRequired,_=r.onClickPreview,v=r.onAddFiles,S=r.onDeleteFile,C=s.useDevicePropsGenerator(r),I=C.size,P=C.fill,z=C.fillHover,F=C.labelTextColor,w=C.borderColorHover,j=C.borderType,M=C.borderWidth,N=C.errorMessageTextColor,k=C.errorMessageTextSize,B=C.errorMessageTextWeight,D=C.hintDescriptionTextColor,q=C.hintDescriptionTextSize,E=C.hintDescriptionTextWeight,V=C.hintDescriptionTextWrap,R=C.hintTitleTextColor,K=C.hintTitleTextSize,W=C.hintTitleTextWeight,$=C.hintTitleTextWrap,L=C.removeThumbAppearance,O=C.removeThumbShape,G=C.removeThumbText,H=C.removeThumbTextWeight,U=C.shape,Q=C.thumbBorderColor,J=C.thumbBorderColorHover,X=C.thumbBorderType,Y=C.thumbBorderWidth,ee=C.thumbColumn,te=void 0===ee?1:ee,ae=C.thumbDirection,ie=void 0===ae?"vertical":ae,se=C.thumbNameTextColor,le=C.thumbNameTextSize,ue=C.thumbNameTextWeight,de=C.thumbNameTextWrap;return t.jsx(e.Field,{name:o,children:function(e){var s,o,C=e.input,ee=e.meta,ae=oe({fieldProps:p,input:C,meta:ee}),ce=ae.errorKey,me=ae.errorMessage,pe=ae.isErrorState,fe=ae.isValidState,he=ne({inputProps:r,validationStateKey:pe?ce:"success"}),xe=re(C.name,i);return t.jsx(Z,Object.assign({className:A.default("form-field_type_dropzone","form__item_type_dropzone",c),dataTestId:xe,width:n,label:d,labelTextColor:F,errorKey:ce,errorMessage:me,fieldClassName:"form-dropzone",inputName:C.name,inputValue:String(null!=(s=C.value)?s:""),metaActive:ee.active,metaError:ee.error,metaTouched:ee.touched,showMessage:y,isErrorState:pe,isRequired:b,isValidState:fe},p,{children:t.jsx(_e,{className:a,maxFiles:l,maxSize:u,size:I,fill:P,fillHover:z,borderColor:he.borderColor,borderColorHover:w,borderType:j,borderWidth:M,dropzoneProps:m,errorMessageTextColor:N,errorMessageTextSize:k,errorMessageWeight:B,fileErrorText:f,hintDescription:h,hintDescriptionTextColor:D,hintDescriptionTextSize:q,hintDescriptionTextWeight:E,hintDescriptionTextWrap:V,hintTitle:x,hintTitleTextColor:R,hintTitleTextSize:K,hintTitleTextWeight:W,hintTitleTextWrap:$,inputName:C.name,inputValue:String(null!=(o=C.value)?o:""),metaError:ee.error,metaTouched:ee.touched,removeThumbAppearance:L,removeThumbShape:O,removeThumbText:G,removeThumbTextWeight:H,shape:U,showFilename:g,thumbBorderColor:Q,thumbBorderColorHover:J,thumbBorderType:X,thumbBorderWidth:Y,thumbColumn:te,thumbDirection:ie,thumbNameTextColor:se,thumbNameTextSize:le,thumbNameTextWeight:ue,thumbNameTextWrap:de,isPreviews:T,onClickPreview:_,onAddFiles:v,onDeleteFile:S})}))}})});const Fe=R.default.memo(function(r){const{className:a,dataTestId:i,dataTour:o,name:l,title:u,titleTextColor:d,titleTextSize:c,titleTextWeight:m,label:p,labelTextColor:f,labelTextSize:h,labelTextWeight:x,message:g,messageTextColor:y,messageTextSize:T,messageTextWeight:b,column:_,showGroupMessage:v,before:S,after:C,isHidden:P,children:z}=r,{styles:F}=s.useStyles(r),w=re(l,i);return t.jsx(e.Field,{name:l,children:function({input:e,meta:i}){const{errorKey:s,errorMessage:j,isErrorState:M}=oe({fieldProps:r,input:e,meta:i}),N=ne({inputProps:r,validationStateKey:M?s:"success"});return t.jsxs("div",{className:A.default("form__group",a,P&&"form__group_hidden",_&&`form__group_column_${_}`),"data-test-id":w,"data-tour":o,style:F,children:[t.jsxs("div",{className:"form__group-wrapper",children:[S,u&&t.jsx("div",{className:"form__group-title",children:t.jsx(I.Title,{dataTestId:`${w}Title`,size:c,textColor:d,textWeight:m,children:u})}),p&&t.jsx("div",{className:"form__group-label",children:t.jsx(n.Text,{dataTestId:`${w}Label`,size:h,textColor:f,textWeight:x,children:p})}),t.jsx("div",{className:"form__group-items",children:z}),C]}),v&&t.jsxs(R.default.Fragment,{children:[M&&j&&t.jsx(n.Text,{className:`form__group-message form__group-message_type-${s}`,dataTestId:`${w}MessageError`,size:N.messageTextSize,textColor:N.messageTextColor,textWeight:N.messageTextWeight,children:j}),Boolean(g)&&(!M||!j)&&t.jsx(n.Text,{className:"form__group-message",dataTestId:`${l}GroupMessage`,size:T,textColor:y,textWeight:b,children:g}),!M&&!g&&t.jsx(n.Text,{className:"form__group-message",size:T,children:" "})]})]})}})}),we=R.default.memo(function(a){const{dataTestId:i,name:s,initialValue:o,classNameGroupItem:n,clearIcon:l,clearIconFill:u,clearIconFillHover:d,clearIconShape:c,clearIconSize:m,fieldProps:p={},inputProps:f={},parse:h,showMessage:g,isDisabled:y,isRequired:T,onClickClearIcon:b,onChange:_}=a;return t.jsx(e.Field,{name:s,initialValue:o,parse:h,children:function({input:e,meta:a}){const s=r.useCallback(t=>{e.onChange(t),_&&_(t.target.value,e.name)},[_,e]),{errorKey:o,errorMessage:h,successKey:v,isErrorState:S,isValidState:C}=oe({fieldProps:p,input:e,meta:a}),I=ne({inputProps:f,validationStateKey:S?o:C?v:null}),z=re(e.name,i);return t.jsxs(Z,{className:A.default("form-field_input","form__item_input",n),dataTestId:z,errorKey:o,errorMessage:h,fieldClassName:"form-input",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:g,isDisabled:y,isErrorState:S,isRequired:T,isValidState:C,...p,children:[t.jsx(P.Input,{className:A.default(a.active&&"input_state_focus",a.error&&a.touched&&`input_state_${o}`),dataTestId:`${z}Input`,type:"text",name:e.name,autoComplete:"nope",value:String(e.value??""),isDisabled:y,onBlur:e.onBlur,onChange:s,onFocus:e.onFocus,...I}),l&&t.jsx(x.Icon,{className:"form-field__icon",dataTestId:`${z}InputIcon`,size:m,iconFill:u,iconFillHover:d,imageSrc:"string"==typeof l&&l,shape:c,SvgImage:"string"!=typeof l&&l,onClick:b})]})}})}),je=R.default.memo(function(a){const{dataTestId:i,name:s,initialValue:o,classNameGroupItem:n,fieldProps:l={},inputProps:u={},inputType:d="custom",parse:c,showMessage:m,isDisabled:p,isRequired:f,onChange:h}=a;return t.jsx(e.Field,{name:s,initialValue:o,parse:c,children:function({input:e,meta:a}){const s=r.useCallback(t=>{e.onChange(t),h&&h(t.target.value)},[h,e.onChange]),{errorKey:o,errorMessage:c,successKey:x,isErrorState:g,isValidState:y}=oe({fieldProps:l,input:e,meta:a}),T=ne({inputProps:u,validationStateKey:g?o:y?x:null}),b=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_input-number","form__item_input-number",n),dataTestId:b,errorKey:o,errorMessage:c,fieldClassName:"form-input-number",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:m,isDisabled:p,isErrorState:g,isRequired:f,isValidState:y,...l,children:t.jsx(z.InputNumber,{className:A.default(a.active&&"input_state_focus",(a.submitFailed||a.touched)&&a.error&&`input_state_${o}`),dataTestId:`${b}InputNumber`,type:d,name:e.name,value:Number(e.value)||0,onChange:s,...T})})}})}),Me=R.default.memo(function(a){const{dataTestId:i,name:s,initialValue:o,classNameGroupItem:n,clearIcon:l,clearIconFill:u,clearIconFillHover:d,clearIconShape:c,clearIconSize:m,fieldProps:p={},inputProps:f={},optionsMask:h,showMessage:g,unmasked:y,isDisabled:T,isRequired:b,onClickClearIcon:_}=a;return t.jsx(e.Field,{name:s,initialValue:o,children:function({input:e,meta:a}){const{ref:s,unmaskedValue:v,value:S,setUnmaskedValue:C}=F.useIMask(h,{defaultValue:o,onAccept:(t,r,a)=>{a&&e.onChange(r._unmaskedValue)}});r.useEffect(()=>{e.value!==v&&C(e.value.replace(y,""))},[e.value]);const{errorKey:I,errorMessage:z,successKey:w,isErrorState:j,isValidState:M}=oe({fieldProps:p,input:e,meta:a}),N=ne({inputProps:f,validationStateKey:j?I:M?w:null}),k=re(e.name,i);return t.jsxs(Z,{className:A.default("form-field-masked-input","form__item_masked-input",n),dataTestId:k,errorKey:I,errorMessage:z,fieldClassName:"form-maskedInput",inputName:e.name,inputValue:String(e.value??y??""),metaActive:a.active,metaError:a.error,showMessage:g,isDisabled:T,isErrorState:j,isRequired:b,isValidState:M,...p,children:[t.jsx(P.Input,{className:A.default(a.active&&"input_state_focus",a.error&&a.touched&&`input_state_${I}`),ref:s,value:S,onBlur:e.onBlur,onFocus:e.onFocus,...N}),l&&t.jsx(x.Icon,{className:"form-field__icon",size:m,iconFill:u,iconFillHover:d,imageSrc:l,shape:c,SvgImage:l,onClick:_})]})}})}),Ne=R.default.memo(function(a){const{dataTestId:i,name:s,initialValue:o,classNameGroupItem:n,fieldProps:l,inputProps:u,parse:d,showMessage:c,isDisabled:m,isRequired:p,onChange:f}=a;return t.jsx(e.Field,{name:s,initialValue:o,parse:d,children:function({input:e,meta:a}){const s=r.useCallback(t=>{e.onChange(t),f&&f(t.target.value,e.name)},[f,e.onChange]),{errorKey:o,errorMessage:d,successKey:h,isErrorState:x,isValidState:g}=oe({fieldProps:l,input:e,meta:a}),y=ne({inputProps:u,validationStateKey:x?o:g?h:null}),T=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_input-password","form__item_input-password",n),dataTestId:T,errorKey:o,errorMessage:d,fieldClassName:"form-password",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:c,isDisabled:m,isErrorState:x,isRequired:p,isValidState:g,...l,children:t.jsx(w.InputPassword,{className:A.default(a.active&&"input-password_state_focus",a.error&&a.touched&&`input-password_state_${o}`),dataTestId:`${T}InputPassword`,name:e.name,autoComplete:"nope",value:String(e.value??""),isDisabled:m,onBlur:e.onBlur,onChange:s,onFocus:e.onFocus,...y})})}})});function ke(e){const{input:a,inputProps:i,options:s,onChange:o}=e,n=r.useCallback(e=>{a.onChange(e),o&&o(e,a.name)},[a,o]),l=r.useCallback(e=>{e.target.checked&&n(e.target.value)},[o]);return t.jsx(R.default.Fragment,{children:s.map(e=>t.jsx(j.Radio,{className:"form-radio__item",label:e.label,checked:e.value===a.value,value:e.value,onChange:l,...i},e.value))})}const Be=R.default.memo(function(r){const{dataTestId:a,name:i,classNameGroupItem:s,fieldProps:o={},inputProps:n={},options:l=[],showMessage:u,isDisabled:d,isRequired:c,onChange:m}=r;return t.jsx(e.Field,{name:i,children:function({input:e,meta:r}){const{errorKey:i,errorMessage:p,isErrorState:f,isValidState:h}=oe({fieldProps:o,input:e,meta:r}),x=ne({inputProps:n,validationStateKey:f?i:"success"}),g=re(e.name,a);return t.jsx(Z,{className:A.default("form-field_radio","form__item_radio",s),dataTestId:g,errorKey:i,errorMessage:p,fieldClassName:"form-radio",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:u,isDisabled:d,isErrorState:f,isRequired:c,isValidState:h,...o,children:t.jsx(ke,{input:e,inputProps:x,options:l,onChange:m})})}})});function De(a){const{dataTestId:i,name:s,fieldProps:o,inputProps:n,options:l,showMessage:u,isDisabled:d,isRequired:c}=a,{change:m}=e.useForm(),p=r.useCallback(e=>{m(s,e.value)},[m]);return t.jsx(e.Field,{name:s,children:function({input:e,meta:a}){const s=r.useMemo(()=>{const t={label:null,value:null};if(e.value){return l.find(t=>t.value===e.value)||t}return t},[e.value]),{errorKey:m,errorMessage:f,successKey:h,isErrorState:x,isValidState:g}=oe({fieldProps:o,input:e,meta:a}),y=ne({inputProps:n,validationStateKey:x?m:g?h:null}),T=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_segmented","form__item_segmented"),dataTestId:T,errorKey:m,errorMessage:f,fieldClassName:"form-segmented",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:u,isDisabled:d,isErrorState:x,isRequired:c,isValidState:g,...o,children:t.jsx(M.Segmented,{activeSegment:s,segments:l,isDisabled:d,setActiveSegment:p,...y})})}})}function qe(e){const{options:t,selectValue:r}=e,a=Array.isArray(r)?r:[r];let i=[];return t.forEach(e=>{const t=a.includes(e.value),s=a.includes(e.label);let o=[];e.options&&(o=qe({options:e.options,selectValue:r})),t||s?i.push(e):o.length&&(i=i.concat(o))}),i}const Ee=R.default.memo(function(a){const{dataTestId:i,name:s,initialValue:o,classNameGroupItem:n,fieldProps:l,options:u=[],selectProps:d,selectRef:c,showMessage:m,isDisabled:p,isRequired:f,onChange:h,onInputChange:x}=a;return t.jsx(e.Field,{name:s,initialValue:o,children:function({input:e,meta:a}){const[s,o]=r.useState(null),g=r.useMemo(()=>{const t=qe({options:u,selectValue:e.value});return!t.length&&e.value?.length&&t.push({label:e.label,value:e.value}),t},[e.label,e.value]),y=r.useCallback(t=>{e.onChange(t),h&&h(t,{name:e.name})},[h,e.onChange]),T=r.useCallback(e=>{const t=Array.isArray(e)?e.map(e=>e.value):e?.value||null;o(e),y(t)},[y]);r.useEffect(()=>{o(g)},[g]);const{errorKey:b,errorMessage:_,successKey:v,isErrorState:S,isValidState:C}=oe({fieldProps:l,input:e,meta:a}),I=ne({inputProps:d,validationStateKey:S?b:C?v:null}),P=re(e.name,i);return t.jsx(Z,{className:A.default("form-field_select","form__item_select",n),dataTestId:P,errorKey:b,errorMessage:_,fieldClassName:"form-select",inputName:e.name,inputValue:String(e.value??""),metaActive:a.active,metaError:a.error,showMessage:m,isDisabled:p,isErrorState:S,isRequired:f,isValidState:C,...l,children:t.jsx(N.Select,{className:"form-select-item",ref:c,instanceId:`id_${e.name}`,options:u,value:s,isDisabled:p,onChange:T,onInputChange:x,...I})})}})}),Ve=R.default.memo(function(a){const{dataTestId:i,name:s,classNameGroupItem:o,fieldProps:n={},inputProps:l={},showMessage:u,isDisabled:d,isRequired:c,onChange:m}=a;return t.jsx(e.Field,{type:"checkbox",name:s,children:function({input:e,meta:a}){const s=r.useCallback(t=>{e.onChange(t),m&&m(t.target.checked,e.name)},[m,e.onChange]),{errorKey:p,errorMessage:f,successKey:h,isErrorState:x,isValidState:g}=oe({fieldProps:n,input:e,meta:a}),y=ne({inputProps:l,validationStateKey:x?p:g?h:null}),T=re(e.name,i);return t.jsx(Z,{className:A.default("form-field-switch","form__item_switch",o),dataTestId:T,errorKey:p,errorMessage:f,fieldClassName:"form-switch",inputName:e.name,inputValue:e.checked,metaActive:a.active,metaError:a.error,showMessage:u,tag:"label",isDisabled:d,isErrorState:x,isRequired:c,isValidState:g,...n,children:t.jsx(k.Switch,{isActive:e.checked,isDisabled:d,onChange:s,...y})})}})}),Re=R.default.memo(function(r){const{dataTestId:a,name:i,classNameGroupItem:s,fieldProps:o={},inputProps:n={},showMessage:l,isDisabled:u,isRequired:d}=r;return t.jsx(e.Field,{name:i,children:function({input:e,meta:r}){const{errorKey:i,errorMessage:c,successKey:m,isErrorState:p,isValidState:f}=oe({fieldProps:o,input:e,meta:r}),h=ne({inputProps:n,validationStateKey:p?i:f?m:null}),x=re(e.name,a);return t.jsx(Z,{className:A.default("form-field_textarea","form__item_textarea",s),dataTestId:x,errorKey:i,errorMessage:c,fieldClassName:"form-textarea",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:l,isDisabled:u,isErrorState:p,isRequired:d,isValidState:f,...o,children:t.jsx(B.Textarea,{className:A.default(r.active&&"textarea_state_focus",r.error&&r.touched&&`textarea_state_${i}`),dataTestId:`${x}Textarea`,name:e.name,value:String(e.value??""),isDisabled:u,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus,...h})})}})});function Ae(e,a){switch(e.type){case Ke.password:return t.jsx(Ne,{...e,dataTestId:a.dataTestId},a.key);case Ke.primaryButton:return r.createElement(S.Button,{...e,className:"form__button-item",dataTestId:e.dataTestId||"FormPrimaryButton",key:a.key,width:"fill",htmlType:a.primaryButtonHtmlType||"submit",isDisabled:a.primaryButtonIsDisabled,isLoading:a.primaryButtonIsLoading});case Ke.secondaryButton:return r.createElement(S.Button,{...e,className:"form__button-item",dataTestId:e.dataTestId||"FormSecondaryButton",key:a.key,width:"fill",htmlType:a.secondaryButtonHtmlType,isDisabled:a.secondaryButtonIsDisabled,isLoading:a.secondaryButtonIsLoading,onClick:a.onClickSecondaryButton});case Ke.tertiaryButton:return r.createElement(S.Button,{...e,className:"form__button-item",dataTestId:e.dataTestId||"FormTertiaryButton",key:a.key,width:"fill",htmlType:a.tertiaryButtonHtmlType,isDisabled:a.tertiaryButtonIsDisabled,isLoading:a.tertiaryButtonIsLoading,onClick:a.onClickTertiaryButton});case Ke.checkbox:return t.jsx(le,{...e,dataTestId:a.dataTestId},a.key);case Ke.choice:return t.jsx(de,{...e,dataTestId:a.dataTestId},a.key);case Ke.code:return t.jsx(ce,{...e,dataTestId:a.dataTestId},a.key);case Ke.chips:return t.jsx(ue,{...e,dataTestId:a.dataTestId},a.key);case Ke.switch:return t.jsx(Ve,{...e,dataTestId:a.dataTestId},a.key);case Ke.segmented:return t.jsx(De,{...e,dataTestId:a.dataTestId},a.key);case Ke.datePicker:return t.jsx(fe,{...e,dataTestId:a.dataTestId},a.key);case Ke.fileInput:return t.jsx(ze,{...e,dataTestId:a.dataTestId},a.key);case Ke.radioGroup:return t.jsx(Be,{...e,dataTestId:a.dataTestId},a.key);case Ke.select:return t.jsx(Ee,{...e,dataTestId:a.dataTestId},a.key);case Ke.text:return t.jsx(we,{...e,dataTestId:a.dataTestId},a.key);case Ke.textarea:return t.jsx(Re,{...e,dataTestId:a.dataTestId},a.key);case Ke.maskedInput:return t.jsx(Me,{...e,dataTestId:a.dataTestId},a.key);case Ke.custom:return t.jsx(me,{...e,dataTestId:a.dataTestId},a.key);case Ke.dadataInput:return t.jsx(pe,{...e,dataTestId:a.dataTestId},a.key);case Ke.inputNumber:return t.jsx(je,{...e,dataTestId:a.dataTestId},a.key);case Ke.group:return t.jsx(Fe,{...e,dataTestId:a.dataTestId,children:Object.entries(e.group).map(([t,r])=>Ae({...r,classNameGroupItem:r.classNameGroupItem||"form__group-item",showMessage:e.showMessage},{...a,key:t+"_form_group"}))},a.key)}}const Ke={secondaryButton:"secondaryButton",primaryButton:"primaryButton",tertiaryButton:"tertiaryButton",checkbox:"checkbox",chips:"chips",choice:"choice",code:"code",custom:"custom",dadataInput:"dadataInput",datePicker:"datePicker",dateRangePicker:"dateRangePicker",fileInput:"fileInput",group:"group",inputNumber:"inputNumber",maskedInput:"maskedInput",password:"password",radioGroup:"radioGroup",segmented:"segmented",select:"select",switch:"switch",text:"text",textarea:"textarea"},We=R.default.forwardRef(function(a,i){const{className:o,dataTestId:l,dataTour:u,type:d,initialValues:c,initialValuesEqual:m,config:p,validationSchema:f,title:h,desc:x,buttonGap:g,dataTestIdButtons:y,dataTestIdPrimaryButton:T,dataTestIdSecondaryButton:b,dataTestIdTertiaryButton:_,dataTourButtons:v,dataTourPrimaryButton:P,dataTourSecondaryButton:z,dataTourTertiaryButton:F,disableFieldsAutoComplete:w=!1,fieldsGap:j,groupGap:M,language:N,mutators:k,notificationCloseButton:B,notificationType:E,primaryButton:V,renderFieldsWrapper:K=e=>e,secondaryButton:W,tertiaryButton:$,before:L,after:O,isLoading:G,onClickSecondaryButton:H,onClickTertiaryButton:U,onChangeFormValues:Q,onSubmit:J}=a,X=p.fields||p,Y=se(f,N),Z=r.useCallback(e=>{i&&"object"==typeof i&&(i.current=e)},[i]),ee=s.useDevicePropsGenerator(a),{directionClass:re,fillClass:ae,titleFill:ie,titlePosition:oe,titleTextColor:ne,titleTextSize:le,titleTextWeight:ue,descSize:de,descTextColor:ce,descTextWeight:me,buttonDirection:pe="vertical",buttonFill:fe,buttonJustifyContent:he,buttonPadding:xe,buttonPosition:ge,elevationClass:ye,heightClass:Te,loader:be,loaderAppearance:_e,loaderFill:ve="surfacePrimary",loaderItemFill:Se="accentItemSecondary",loaderShape:Ce,loaderSize:Ie="l",loaderText:Pe,loaderType:ze="dot",primaryButtonAppearance:Fe,primaryButtonFill:we,primaryButtonFillHover:je,primaryButtonHtmlType:Me,primaryButtonIsDisabled:Ne,primaryButtonIsLoading:ke,primaryButtonLabel:Be,primaryButtonLabelSize:De,primaryButtonLabelTextColor:qe,primaryButtonLabelTextWeight:Ee,primaryButtonSize:Ve,secondaryButtonAppearance:Re,secondaryButtonFill:Ke,secondaryButtonFillHover:We,secondaryButtonHtmlType:$e,secondaryButtonIsDisabled:Le,secondaryButtonIsLoading:Oe,secondaryButtonLabel:Ge,secondaryButtonLabelSize:He,secondaryButtonLabelTextColor:Ue,secondaryButtonLabelTextWeight:Qe,secondaryButtonSize:Je,shapeClass:Xe,shapeStrengthClass:Ye,tertiaryButtonAppearance:Ze,tertiaryButtonFill:et,tertiaryButtonFillHover:tt,tertiaryButtonHtmlType:rt,tertiaryButtonIsDisabled:at,tertiaryButtonIsLoading:it,tertiaryButtonLabel:st,tertiaryButtonLabelSize:ot,tertiaryButtonLabelTextColor:nt,tertiaryButtonLabelTextWeight:lt,tertiaryButtonSize:ut,widthClass:dt}=ee,{styles:ct,wrapper:mt}=s.useStyles(a);return t.jsx(e.Form,{initialValues:c,initialValuesEqual:m,render:({form:r,handleSubmit:a,modifiedSinceLastSubmit:i,submitError:s})=>t.jsxs("form",{className:A.default(o,"form",d&&`form_type_${d}`,dt&&`width_${dt}`,Te&&`height_${Te}`,oe&&`form_title-position_${oe}`,ge&&`form_button-position_${ge}`,re&&`direction_${re}`,ae&&`fill_${ae}`,Xe&&`shape_${Xe}`,Ye&&`shape-strength_${Ye}`,ye&&`elevation_${ye}`),ref:()=>Z(r),autoCapitalize:w?"off":void 0,autoComplete:w?"off":void 0,autoCorrect:w?"off":void 0,"data-testid":p.form?.dataTestId||l&&`${l}Form`||"Form","data-tour":u,spellCheck:w?"false":void 0,style:ct,onSubmit:a,children:[L,h&&t.jsx(I.Title,{className:"form__title",size:le,fill:ie,textColor:ne,textWeight:ue,"data-testid":l?`${l}Title`:"FormTitle",children:h}),x&&t.jsx(n.Text,{className:"form__desc",size:de,textColor:ce,textWeight:me,"data-testid":l?`${l}Desc`:"FormDesc",children:x}),s&&!i&&t.jsx("div",{className:A.default("notification","form-notification",E?`form-notification_${E}`:"form-notification_global"),children:t.jsx(q.Notification,{appearance:"errorPrimary sizeS solid rounded",dataTestId:p.form?.dataTestId?`${p.form.dataTestId}Notification`:"FormNotification",type:"global",title:r.getState().submitError,status:"error",closeIcon:B})}),Q&&t.jsx(e.FormSpy,{subscription:{values:!0},onChange:Q}),Boolean(X&&Object.keys(X).length)&&t.jsx(R.default.Fragment,{children:K(t.jsxs(D.Group,{className:"form__wrapper",direction:"vertical",gap:j||M,style:mt,children:[Object.keys(X).map(e=>Ae(X[e],{dataTestId:l||p.form?.dataTestId,key:e})),G&&(be||t.jsx(C.Loader,{appearance:_e,className:"form__loader",dataTestId:p.form?.dataTestId?`${p.form.dataTestId}Loader`:"FormLoader",type:ze,size:Ie,fill:ve,text:Pe,itemFill:Se,shape:Ce}))]}))}),p.buttons?t.jsx(D.Group,{className:"form__button",dataTestId:y||`${l}Buttons`,dataTour:v,direction:pe,justifyContent:he,fill:fe,padding:xe,gap:g,children:Object.keys(p.buttons).map(e=>Ae(p.buttons[e],{dataTestId:l,key:e,primaryButtonHtmlType:Me,primaryButtonIsDisabled:Ne,primaryButtonIsLoading:ke,secondaryButtonHtmlType:$e,secondaryButtonIsDisabled:Le,secondaryButtonIsLoading:Oe,tertiaryButtonHtmlType:rt,tertiaryButtonIsDisabled:at,tertiaryButtonIsLoading:it,onClickSecondaryButton:H,onClickTertiaryButton:U}))}):(Be||V||Ge||W||$||st)&&t.jsxs(D.Group,{className:"form__button",dataTestId:y||`${l}Buttons`,dataTour:v,direction:pe,justifyContent:he,fill:fe,padding:xe,gap:g,children:[Be?t.jsx(S.Button,{appearance:Fe,className:"form__button-item",dataTestId:T||l&&`${l}PrimaryButton`||"FormPrimaryButton",dataTour:P,width:"fill",size:Ve,fill:we,fillHover:je,label:Be,labelTextColor:qe,labelTextSize:De,labelTextWeight:Ee,htmlType:Me||"submit",isDisabled:Ne,isLoading:ke}):V,Ge?t.jsx(S.Button,{appearance:Re,className:"form__button-item",dataTestId:b||l&&`${l}SecondaryButton`||"FormSecondaryButton",dataTour:z,width:"fill",size:Je,fill:Ke,fillHover:We,label:Ge,labelTextColor:Ue,labelTextSize:He,labelTextWeight:Qe,htmlType:$e,isDisabled:Le,isLoading:Oe,onClick:H}):W,st?t.jsx(S.Button,{appearance:Ze,className:"form__button-item",dataTestId:_||l&&`${l}TertiaryButton`||"FormTertiaryButton",dataTour:F,width:"fill",size:ut,fill:et,fillHover:tt,label:st,labelTextColor:nt,labelTextSize:ot,labelTextWeight:lt,htmlType:rt,isDisabled:at,isLoading:it,onClick:U}):$]}),O]}),decorators:[te],mutators:k,subscription:{modifiedSinceLastSubmit:!0,pristine:!0,submitError:!0,submitting:!0},validate:Y,onSubmit:J})});We.defaultProps={direction:"vertical"};Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return e.Field}}),Object.defineProperty(exports,"useForm",{enumerable:!0,get:function(){return e.useForm}}),Object.defineProperty(exports,"useFormState",{enumerable:!0,get:function(){return e.useFormState}}),exports.DEFAULT_MESSAGES_FIELDS=G,exports.FieldWrapper=Z,exports.FieldWrapperBase=Y,exports.FinalForm=We,exports.FormFieldCheckbox=le,exports.FormFieldChips=ue,exports.FormFieldChoice=de,exports.FormFieldCode=ce,exports.FormFieldCustom=me,exports.FormFieldDadataInput=pe,exports.FormFieldDatePicker=fe,exports.FormFieldFileInput=ze,exports.FormFieldInput=we,exports.FormFieldInputNumber=je,exports.FormFieldMaskedInput=Me,exports.FormFieldPassword=Ne,exports.FormFieldRadioGroup=Be,exports.FormFieldSegmented=De,exports.FormFieldSelect=Ee,exports.FormFieldSwitch=Ve,exports.FormFieldTextarea=Re,exports.FormGroup=Fe,exports.addRequiredFieldsParamToSchema=e=>{const t=Object.entries(e.fields);return e.requiredFields=t.reduce((e,[t,r])=>(r.exclusiveTests?.required&&e.push(t),e),[]),e},exports.createDataTestIdField=re,exports.dateValidation=e=>{const t=e instanceof Date?e:new Date(e);return!isNaN(t.getTime())},exports.defaultCheckboxProps={appearance:"defaultPrimary sizeL outlined rounded",width:"fill",errorAppearance:"errorPrimary sizeL solid",requiredAppearance:"requirePrimary sizeL solid"},exports.defaultChipsProps={appearance:"surfacePrimary sizeM rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"warningPrimary sizeM solid rounded"},exports.defaultChoiceProps={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded"},exports.defaultCodeProps={appearance:"defaultPrimary sizeL solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded"},exports.defaultDadataInputProps={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},exports.defaultDatepickerProps={appearance:"surfacePrimary sizeS",dateFormat:"dd/MM/yyyy - HH:mm",readOnly:!1,selectsRange:!1,showTimeSelect:!0,timeCaption:"Время",timeFormat:"p",timeIntervals:60,isClearable:!0,isStartDefaultNull:!0},exports.defaultDropzoneProps={fill:"surfaceSecondary",fillHover:"surfaceTertiary",hintTitle:"Перетащите изображение или выберите файл с компьютера",hintTitleTextColor:"surfaceTextPrimary",hintTitleTextSize:"m",removeThumbText:"удалить",removeThumbTextColor:"errorTextPrimary",removeThumbTextHoverColor:"errorTextPrimaryHover",removeThumbTextSize:"s",shape:"rounded",showFilename:!0,thumbBorderColor:"surfaceBorderTertiary",thumbBorderColorHover:"surfaceBorderQuaternary",thumbBorderWidth:1,thumbNameTextColor:"surfaceTextPrimary",thumbNameTextSize:"s",isPreviews:!0},exports.defaultFieldProps=H,exports.defaultFieldSizeL=J,exports.defaultFieldSizeM=Q,exports.defaultFieldSizeS=U,exports.defaultFieldSizeXL=X,exports.defaultGroupProps={width:"fill",labelTextSize:"s",messageTextColor:"surfaceTextPrimary",messageTextSize:"s",errorMessageTextColor:"errorTextSecondary",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextColor:"warningTextSecondary",requiredMessageTextSize:"s"},exports.defaultInputNumberProps={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},exports.defaultInputProps={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},exports.defaultPasswordProps={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},exports.defaultRadioProps={appearance:"defaultPrimary sizeM solid circular",errorAppearance:"errorPrimary sizeM solid circular",requiredAppearance:"requirePrimary sizeM solid circular",successAppearance:"successPrimary sizeM solid circular"},exports.defaultSegmentedProps={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"warningPrimary sizeM solid rounded"},exports.defaultSelectProps={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},exports.defaultSwitchProps={appearance:"defaultPrimary sizeL solid rounded",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"},exports.defaultTextareaProps={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},exports.emailValidation=e=>{if(!e)return!0;return/^[a-za-яёЁ0-9_-]+(?:\.[a-za-яёЁ0-9_-]+)*@(?:[a-za-яёЁ0-9](?:[a-za-яёЁ0-9-]*[a-za-яёЁ0-9])?\.)+[a-za-яёЁ0-9]+$/.test(String(e).toLowerCase())},exports.focusOnError=ee,exports.focusOnErrorDecorator=te,exports.formTypes=Ke,exports.generateField=Ae,exports.getErrorsForFinalForm=e=>{const t={},r=e.response?.data||e;if(r)if("string"==typeof r)t[u.FORM_ERROR]="Во время обработки запроса произошла ошибка, попробуйте повторить запрос";else for(const e in r){t["non_field_errors"===e||"detail"===e?u.FORM_ERROR:e]=O.default(r[e])[0]}else t[u.FORM_ERROR]=e.message||"Произошла ошибка";return t},exports.parseNumericField=e=>{const t=e.slice(0,10).replace(/,/g,".").replace(/[^\d.]/g,""),r=parseFloat(t);return r||0===r?t.endsWith(".")&&(t.match(/\./g)||[]).length>1?t.slice(0,-1):t:""},exports.phoneValidation=e=>!e||E.isPossiblePhoneNumber(e,"RU"),exports.sendFormDataToServer=async(e,t)=>{try{return{response:await K.default({url:e,method:"POST",data:t}),success:!0}}catch(e){const t=e,r={};return"string"==typeof t.response?.data&&(r[u.FORM_ERROR]="Something went wrong"),"object"==typeof t.response?.data&&Object.entries(t.response.data).forEach(([e,t])=>{r[e]=t[0]}),{error:t,formErrors:r,success:!1}}},exports.setErrorsMutator=(e,t)=>{const[r,a]=e,i=a.submitError,s=a.error;if("non_field_errors"===r||r===u.FORM_ERROR)t.formState.error=s,t.formState.submitError=i;else if(r in t.fields){if(t.fields[r].touched=!0,s||""===s){const e=Object.assign({},t.formState.errors,{[r]:s});t.fields[r].error=s,t.formState.errors=e}if(i||""===i){const e=Object.assign({},t.formState.submitErrors,{[r]:i});t.fields[r].submitFailed=!0,t.fields[r].submitSucceeded=!1,t.fields[r].submitError=i,t.formState.submitErrors=e,t.formState.submitFailed=!0,t.formState.submitSucceeded=!1,t.formState.lastSubmittedValues=t.formState.values}}},exports.useYupValidationSchema=se;