@itcase/forms 1.1.61 → 1.1.63

package/dist/itcase-forms.esm.js

@@ -1,3688 +1,3 @@
-import { isPossiblePhoneNumber } from 'libphonenumber-js';
-import React, { useMemo, useEffect, useCallback, useState, useRef } from 'react';
-import { setIn, FORM_ERROR, getIn } from 'final-form';
-import { useForm, Field, Form, FormSpy } from 'react-final-form';
-export { Field, useForm, useFormState } from 'react-final-form';
-import clsx from 'clsx';
-import { Checkbox } from '@itcase/ui-web/components/Checkbox';
-import camelCase from 'lodash/camelCase';
-import snakeCase from 'lodash/snakeCase';
-import { Divider } from '@itcase/ui-web/components/Divider';
-import { Text } from '@itcase/ui-web/components/Text';
-import { useDeviceTargetClass, useStyles, useDevicePropsGenerator } from '@itcase/ui-core/hooks';
-import axios from 'axios';
-import createDecorator from 'final-form-focus';
-import { ChipsGroup, Chips } from '@itcase/ui-web/components/Chips';
-import { Choice } from '@itcase/ui-web/components/Choice';
-import { Code } from '@itcase/ui-web/components/Code';
-import { Icon } from '@itcase/ui-web/components/Icon';
-import { Dadata } from '@itcase/ui-web/components/Dadata';
-import { DatePickerInput } from '@itcase/ui-web/components/DatePicker';
-import { fromEvent } from 'file-selector';
-import castArray from 'lodash/castArray';
-import { useDropzone, ErrorCode } from 'react-dropzone';
-import { createFileFromDataURL } from '@itcase/common';
-import { Button } from '@itcase/ui-web/components/Button';
-import { Loader } from '@itcase/ui-web/components/Loader';
-import { Title } from '@itcase/ui-web/components/Title';
-import { Input } from '@itcase/ui-web/components/Input';
-import { InputNumber } from '@itcase/ui-web/components/InputNumber';
-import { useIMask } from 'react-imask';
-import { InputPassword } from '@itcase/ui-web/components/InputPassword';
-import { Radio } from '@itcase/ui-web/components/Radio';
-import { Segmented } from '@itcase/ui-web/components/Segmented';
-import { Select } from '@itcase/ui-web/components/Select';
-import { Switch } from '@itcase/ui-web/components/Switch';
-import { Textarea } from '@itcase/ui-web/components/Textarea';
-import { Group } from '@itcase/ui-web/components/Group';
-import { Notification } from '@itcase/ui-web/components/Notification';
-
-var phoneValidation = function phoneValidation(value) {
-  if (!value) {
-    return true;
-  }
-  return 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 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 = 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 = 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 = 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 = 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 = 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(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(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 = useMemo(function () {
-    return clsx(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 = useMemo(function () {
-    return clsx(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 = useDeviceTargetClass(props, {
-    prefix: 'form-field_size_',
-    propsKey: 'size'
-  });
-  var fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  var inputFillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'inputFill'
-  });
-  var shapeClass = useDeviceTargetClass(props, {
-    prefix: 'form-field_shape_',
-    propsKey: 'shape'
-  });
-  var inputShapeClass = useDeviceTargetClass(props, {
-    prefix: 'form-field__item-value_shape_',
-    propsKey: 'inputShape'
-  });
-  var directionClass = useDeviceTargetClass(props, {
-    prefix: 'direction_',
-    propsKey: 'direction'
-  });
-  var widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  var _useStyles = useStyles(props),
-    formFieldStyles = _useStyles.styles;
-  var errorTextSize = props[errorKey + "MessageTextSize"];
-  var errorTextColor = props[errorKey + "MessageTextColor"];
-  var errorTextWeight = props[errorKey + "MessageTextWeight"];
-  return /*#__PURE__*/React.createElement(Tag, {
-    className: clsx(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.createElement("div", {
-    className: clsx('form-field__label'),
-    "data-testid": dataTestId + "Label",
-    htmlFor: id
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: labelTextSize,
-    textColor: labelTextColor,
-    textWeight: labelTextWeight,
-    sizeMobile: labelTextSizeMobile,
-    sizeTablet: labelTextSizeTablet
-  }, label, labelHidden && "\xA0")), desc && /*#__PURE__*/React.createElement("div", {
-    className: "form-field__desc",
-    "data-testid": dataTestId + "Desc"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: descTextSize,
-    textColor: descTextColor,
-    textWeight: descTextWeight
-  }, desc)), /*#__PURE__*/React.createElement("div", {
-    className: clsx('form-field__content', inputFillClass, inputShapeClass)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx('form-field__content-inner', fieldClass)
-  }, beforeItem, children, afterItem), showDivider && /*#__PURE__*/React.createElement(Divider, {
-    className: "form-field__item-divider",
-    width: dividerWidth,
-    direction: dividerDirection,
-    size: dividerSize,
-    fill: dividerFill
-  })), showMessage && /*#__PURE__*/React.createElement("div", {
-    className: "form-field__message",
-    "data-testid": inputName + "-field-message"
-  }, isErrorState && errorMessage && /*#__PURE__*/React.createElement(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.createElement(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.createElement(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 = useForm(),
-    change = _useForm.change; // , mutators
-
-  useEffect(function () {
-    return function () {
-      change(inputName, undefined);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(FieldWrapperBase, props);
-}
-
-var focusOnError = function focusOnError(formElementsList, errors) {
-  var selectsIds = Object.keys(errors).map(function (fieldName) {
-    if (fieldName === FORM_ERROR) {
-      // TODO: get from somewhere
-      return 'notification__item_status_error';
-    }
-    return "react-select-id_" + fieldName + "-input";
-  });
-  var errorFieldElement = formElementsList.find(function (element) {
-    if (element.name) {
-      return getIn(errors, element.name);
-    } else {
-      return selectsIds.includes(element.id);
-    }
-  });
-  var errorsList = Object.keys(errors);
-  if (!errorFieldElement && errorsList.length) {
-    var errorElement;
-    try {
-      var fieldName = errorsList[0];
-      if (fieldName === FORM_ERROR) {
-        errorElement = document.querySelector('notification__item_status_error');
-      } else {
-        errorElement = document.querySelector("#" + fieldName + "-error");
-        if (!errorElement) {
-          errorElement = document.querySelector("#id_" + fieldName);
-        }
-      }
-    } catch (err) {
-      console.warn(err);
-    }
-    if (errorElement) {
-      errorElement.scrollIntoView({
-        block: 'center'
-      }); // , behavior: 'smooth'
-    }
-  }
-
-  // The field is covered by the header because header is "sticky",
-  // that's we scroll manually so that the field falls into the center of the visible area
-  if (errorFieldElement) {
-    errorFieldElement.scrollIntoView({
-      block: 'center'
-    });
-  }
-  return null;
-};
-var focusOnErrorDecorator = createDecorator(null, focusOnError);
-var setErrorsMutator = function setErrorsMutator(args, state) {
-  var fieldName = args[0],
-    data = args[1];
-  var submitError = data.submitError;
-  var fieldError = data.error;
-  if (fieldName === 'non_field_errors' || fieldName === 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({
-            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[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.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.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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 = useForm(),
-    change = _useForm.change;
-
-  // Callback for value changes
-  var onChangeSomeInput = 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]);
-  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.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(ChipsGroup, {
-      direction: "horizontal",
-      gap: "1m",
-      wrap: "wrap"
-    }, options.map(function (option) {
-      return /*#__PURE__*/React.createElement(Chips, Object.assign({
-        className: clsx(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.createElement(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.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 = useForm(),
-    change = _useForm.change;
-  var setActiveSegment = useCallback(function (option, isChecked) {
-    change(name, isChecked && option.value);
-    if (onChange) {
-      onChange(option.value, name, isChecked);
-    }
-  }, [change, onChange]);
-  return /*#__PURE__*/React.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Choice, Object.assign({
-      className: clsx(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.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.createElement(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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.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.createElement(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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Component, Object.assign({}, updatedInputProps, {
-      input: input,
-      meta: meta,
-      isDisabled: isDisabled
-    })), clearIcon && /*#__PURE__*/React.createElement(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.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.createElement(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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.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 = useForm(),
-    change = _useForm.change;
-  var _useState = useState(''),
-    fileError = _useState[0],
-    setFileError = _useState[1];
-  var _useState2 = useState(false),
-    fileIsLoading = _useState2[0],
-    setFileIsLoading = _useState2[1];
-  var prevFilesListRef = useRef(null);
-  var filesList = useMemo(function () {
-    var newFilesList = inputValue ? castArray(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 = 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 = 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 = 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 = 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 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 === 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;
-  useEffect(function () {
-    var currentFilesList = castArray(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]);
-  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 = 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", getRootProps({
-    // className: `form-dropzone__dropzone dropzone  ${className} form-dropzone__dropzone_size_${size} ${shapeClass}`,
-    className: "form-dropzone__dropzone dropzone"
-  }), /*#__PURE__*/React.createElement("input", Object.assign({}, getInputProps(), {
-    name: inputName
-  })), /*#__PURE__*/React.createElement("div", {
-    className: clsx('form-dropzone__dropzone-wrapper', thumbColumn && "form-dropzone__dropzone-wrapper_column_" + thumbColumn, fillClass && "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.createElement("aside", {
-      className: clsx('form-dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass),
-      key: file.id || file.name + "_" + index
-    }, isPreviews && !file.error && /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-image"
-    }, /*#__PURE__*/React.createElement("img", {
-      className: "form-dropzone__thumb-image-inner",
-      src: file.preview || file.image,
-      onClick: function onClick(event) {
-        onClickPreview && onClickPreview(file, event);
-      }
-    })), file.error && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWeight: thumbNameTextWeight,
-      textWrap: thumbNameTextWrap
-    }, fileErrorText || file.error)), showFilename && /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-name"
-    }, /*#__PURE__*/React.createElement(Text, {
-      className: "form-dropzone__thumb-name-inner",
-      size: thumbNameTextSize,
-      textColor: thumbNameTextColor,
-      textWeight: thumbNameTextWeight,
-      textWrap: thumbNameTextWrap
-    }, file.name)), fileIsLoading && /*#__PURE__*/React.createElement("div", {
-      className: "form-dropzone__thumb-loader"
-    }, /*#__PURE__*/React.createElement(Loader, {
-      width: "fill",
-      height: "fill"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: clsx('form-dropzone__thumb-remove')
-    }, /*#__PURE__*/React.createElement(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.createElement("div", {
-    className: "form-dropzone__hint"
-  }, /*#__PURE__*/React.createElement(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.createElement(Text, {
-    className: "form-dropzone__hint-text",
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWeight: hintDescriptionTextWeight,
-    textWrap: hintDescriptionTextWrap
-  }, hintDescription)) : /*#__PURE__*/React.createElement("div", {
-    className: "form-dropzone__hint form-dropzone__hint_type_add-more"
-  }, /*#__PURE__*/React.createElement(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.createElement(Text, {
-    className: "form-dropzone__hint-text",
-    size: hintDescriptionTextSize,
-    textColor: hintDescriptionTextColor,
-    textWeight: hintDescriptionTextWeight,
-    textWrap: hintDescriptionTextWrap
-  }, hintDescription)))), fileError && /*#__PURE__*/React.createElement("div", {
-    className: "form-field__message"
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
-    size: errorMessageTextSize,
-    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({
-            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 = 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.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 = 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.createElement(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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.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.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 = useStyles(props),
-    styles = _useStyles.styles;
-  var dataTestIdField = createDataTestIdField(name, dataTestId);
-  return /*#__PURE__*/React.createElement(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.createElement("div", {
-      className: clsx('form__group', className, isHidden && 'form__group_hidden', column && "form__group_column_" + column),
-      "data-test-id": dataTestIdField,
-      "data-tour": dataTour,
-      style: styles
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "form__group-wrapper"
-    }, before, title && /*#__PURE__*/React.createElement("div", {
-      className: "form__group-title"
-    }, /*#__PURE__*/React.createElement(Title, {
-      dataTestId: dataTestIdField + "Title",
-      size: titleTextSize,
-      textColor: titleTextColor,
-      textWeight: titleTextWeight
-    }, title)), label && /*#__PURE__*/React.createElement("div", {
-      className: "form__group-label"
-    }, /*#__PURE__*/React.createElement(Text, {
-      dataTestId: dataTestIdField + "Label",
-      size: labelTextSize,
-      textColor: labelTextColor,
-      textWeight: labelTextWeight
-    }, label)), /*#__PURE__*/React.createElement("div", {
-      className: "form__group-items"
-    }, children), after), showGroupMessage && /*#__PURE__*/React.createElement(React.Fragment, null, isErrorState && errorMessage && /*#__PURE__*/React.createElement(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.createElement(Text, {
-      className: "form__group-message",
-      dataTestId: name + "GroupMessage",
-      size: messageTextSize,
-      textColor: messageTextColor,
-      textWeight: messageTextWeight
-    }, message), !isErrorState && !message && /*#__PURE__*/React.createElement(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.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.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Input, Object.assign({
-      className: clsx(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.createElement(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.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.createElement(Field, {
-    name: name,
-    initialValue: initialValue,
-    parse: parse
-  }, function Render(_ref) {
-    var input = _ref.input,
-      meta = _ref.meta;
-    var onChangeField = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(InputNumber, Object.assign({
-      className: clsx(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.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.createElement(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 = 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;
-    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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Input, Object.assign({
-      className: clsx(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.createElement(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.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.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(InputPassword, Object.assign({
-      className: clsx(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 = useCallback(function (value) {
-    // Save to form values
-    input.onChange(value);
-    if (onChange) {
-      // Pass to custom event
-      onChange(value, input.name);
-    }
-  }, [input, onChange]);
-
-  // Handle for radio inputs
-  var onChangeRadio = useCallback(function (event) {
-    if (event.target.checked) {
-      onChangeSomeInput(event.target.value);
-    }
-  }, [onChange]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option) {
-    return /*#__PURE__*/React.createElement(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.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.createElement(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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.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 = useForm(),
-    change = _useForm.change;
-  var setActiveSegment = useCallback(function (option) {
-    change(name, option.value);
-  }, [change]);
-  return /*#__PURE__*/React.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.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.createElement(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 = useState(null),
-      selectedOptions = _useState[0],
-      setSelectedOptions = _useState[1];
-    var defaultValue = useMemo(function () {
-      var _input$value;
-      var optionsValues = getDefaultValue(options, input.value);
-      if (!optionsValues.length && (_input$value = input.value) != null && _input$value.length) {
-        optionsValues.push({
-          label: input.value,
-          value: input.value
-        });
-      }
-      return optionsValues;
-    }, [input.value]);
-    var onChangeField = useCallback(function (value) {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange, input.onChange]);
-    var onChangeValue = useCallback(function (option, actionMeta) {
-      var value = Array.isArray(option) ? option.map(function (o) {
-        return o.value;
-      }) : (option == null ? void 0 : option.value) || null;
-      setSelectedOptions(option);
-      onChangeField(value);
-    }, [onChangeField]);
-    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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.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.createElement(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 = 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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(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.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.createElement(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.createElement(FieldWrapper, Object.assign({
-      className: clsx('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.createElement(Textarea, Object.assign({
-      className: clsx(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.createElement(FormFieldPassword, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.checkbox:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldCheckbox, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.choice:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldChoice, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.code:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldCode, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.chips:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldChips, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes["switch"]:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldSwitch, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.segmented:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldSegmented, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.datePicker:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldDatePicker, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.fileInput:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldFileInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.radioGroup:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldRadioGroup, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.select:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldSelect, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.text:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.textarea:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldTextarea, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.maskedInput:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldMaskedInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.custom:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldCustom, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.dadataInput:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldDadataInput, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.inputNumber:
-      {
-        return /*#__PURE__*/React.createElement(FormFieldInputNumber, Object.assign({
-          key: config.key
-        }, field, {
-          dataTestId: dataTestId
-        }));
-      }
-    case formTypes.group:
-      {
-        return /*#__PURE__*/React.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.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 = useCallback(function (formInstance) {
-    if (ref) {
-      ref.current = formInstance;
-    }
-  }, [ref]);
-  var propsGenerator = useDevicePropsGenerator(props);
-  var directionClass = propsGenerator.directionClass,
-    fillClass = propsGenerator.fillClass,
-    elevationClass = propsGenerator.elevationClass,
-    shapeClass = propsGenerator.shapeClass;
-  var _useStyles = useStyles(props),
-    formStyles = _useStyles.styles,
-    wrapperStyles = _useStyles.wrapper;
-  return /*#__PURE__*/React.createElement(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.createElement("form", {
-        className: clsx(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.createElement(Title, {
-        className: "form__title",
-        size: titleTextSize,
-        fill: titleFill,
-        textColor: titleTextColor,
-        textWeight: titleTextWeight,
-        "data-testid": dataTestId ? dataTestId + "Title" : 'FormTitle'
-      }, title), desc && /*#__PURE__*/React.createElement(Text, {
-        className: "form__desc",
-        size: descSize,
-        textColor: descTextColor,
-        textWeight: descTextWeight,
-        "data-testid": dataTestId ? dataTestId + "Desc" : 'FormDesc'
-      }, desc), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React.createElement("div", {
-        className: clsx('notification', 'form-notification', notificationType ? "form-notification_" + notificationType : 'form-notification_global')
-      }, /*#__PURE__*/React.createElement(Notification, {
-        appearance: "errorPrimary sizeM solid rounded",
-        type: "global",
-        title: form.getState().submitError,
-        status: "error",
-        closeButton: notificationCloseButton
-      })), onChangeFormValues && /*#__PURE__*/React.createElement(FormSpy, {
-        subscription: {
-          values: true
-        },
-        onChange: onChangeFormValues
-      }), Boolean(config && Object.keys(config).length) && /*#__PURE__*/React.createElement(React.Fragment, null, renderFieldsWrapper(/*#__PURE__*/React.createElement(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.createElement(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.createElement(Group, {
-        className: "form__button",
-        dataTestId: dataTestIdButtons || dataTestId + "Buttons",
-        dataTour: dataTourButtons,
-        direction: buttonDirection,
-        justifyContent: buttonJustifyContent,
-        fill: buttonFill,
-        padding: buttonPadding,
-        gap: buttonGap
-      }, primaryButtonLabel ? /*#__PURE__*/React.createElement(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.createElement(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.createElement(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[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' ? FORM_ERROR : key;
-
-        // Say to "react-final-form" that we have some fields errors
-        formErrors[errorFieldKey] = castArray(serverErrors[key])[0];
-      }
-    }
-  } else {
-    // const responseErrorMessage = error.toJSON
-    //   ? error.toJSON().message
-    //   : error.message
-
-    // Say to "react-final-form" that we have general error
-    formErrors[FORM_ERROR] = error.message || 'Произошла ошибка';
-  }
-  return formErrors;
-};
-
-export { DEFAULT_MESSAGES_FIELDS, FieldWrapper, FieldWrapperBase, FinalForm, FormFieldCheckbox, FormFieldChips, FormFieldChoice, FormFieldCode, FormFieldCustom, FormFieldDadataInput, FormFieldDatePicker, FormFieldFileInput, FormFieldInput, FormFieldInputNumber, FormFieldMaskedInput, FormFieldPassword, FormFieldRadioGroup, FormFieldSegmented, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, addRequiredFieldsParamToSchema, createDataTestIdField, dateValidation, defaultCheckboxProps, defaultChipsProps, defaultChoiceProps, defaultCodeProps, defaultDadataInputProps, defaultDatepickerProps, defaultDropzoneProps, defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, defaultGroupProps, defaultInputNumberProps, defaultInputProps, defaultPasswordProps, defaultRadioProps, defaultSegmentedProps, defaultSelectProps, defaultSwitchProps, defaultTextareaProps, emailValidation, focusOnError, focusOnErrorDecorator, formTypes, generateField, getErrorsForFinalForm, parseNumericField, phoneValidation, sendFormDataToServer, setErrorsMutator, useYupValidationSchema };
+import{useForm as e,Field as r,Form as t,FormSpy as a}from"react-final-form";export{Field,useForm,useFormState}from"react-final-form";import{jsx as i,jsxs as o}from"react/jsx-runtime";import s,{useEffect as n,useMemo as l,useCallback as d,useState as u,useRef as c,createElement as m}from"react";import p from"clsx";import{Checkbox as f}from"@itcase/ui-web/components/Checkbox";import{useDeviceTargetClass as h,useStyles as g,useDevicePropsGenerator as y}from"@itcase/ui-core/hooks";import{Divider as T}from"@itcase/ui-web/components/Divider";import{Text as b}from"@itcase/ui-web/components/Text";import _ from"axios";import{FORM_ERROR as v,getIn as S,setIn as x}from"final-form";import C from"final-form-focus";import I from"lodash/camelCase";import z from"lodash/snakeCase";import{ChipsGroup as w,Chips as P}from"@itcase/ui-web/components/Chips";import{Choice as N}from"@itcase/ui-web/components/Choice";import{Code as M}from"@itcase/ui-web/components/Code";import{Icon as k}from"@itcase/ui-web/components/Icon";import{Dadata as B}from"@itcase/ui-web/components/Dadata";import{DatePickerInput as F}from"@itcase/ui-web/components/DatePicker";import{fromEvent as D}from"file-selector";import V from"lodash/castArray";import{useDropzone as E,ErrorCode as A}from"react-dropzone";import{createFileFromDataURL as q}from"@itcase/common";import{Button as K}from"@itcase/ui-web/components/Button";import{Loader as W}from"@itcase/ui-web/components/Loader";import{Title as $}from"@itcase/ui-web/components/Title";import{Input as R}from"@itcase/ui-web/components/Input";import{InputNumber as L}from"@itcase/ui-web/components/InputNumber";import{useIMask as H}from"react-imask";import{InputPassword as j}from"@itcase/ui-web/components/InputPassword";import{Radio as O}from"@itcase/ui-web/components/Radio";import{Segmented as G}from"@itcase/ui-web/components/Segmented";import{Select as U}from"@itcase/ui-web/components/Select";import{Switch as Q}from"@itcase/ui-web/components/Switch";import{Textarea as J}from"@itcase/ui-web/components/Textarea";import{Group as Z}from"@itcase/ui-web/components/Group";import{Notification as X}from"@itcase/ui-web/components/Notification";import{isPossiblePhoneNumber as Y}from"libphonenumber-js";const ee={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-адрес"}},re={appearance:"defaultPrimary sizeL outlined rounded",width:"fill",errorAppearance:"errorPrimary sizeL solid",requiredAppearance:"requirePrimary sizeL solid"},te={width:"fill",direction:"vertical",labelTextColor:"surfaceTextPrimary",messageTextColor:"surfaceTextSecondary",dividerFill:"errorPrimary",errorMessageTextColor:"errorTextSecondary",helpTextColor:"surfaceTextQuaternary",requiredMessageTextColor:"warningTextSecondary",showMessage:!0},ae={size:"s",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...te},ie={size:"m",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...te},oe={size:"l",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...te},se={size:"xl",labelTextSize:"s",messageTextSize:"s",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextSize:"s",...te};function ne(e){const{className:r,dataTestId:t,dataTour:a,type:s,label:n,labelHidden:d,labelTextColor:u,labelTextSize:c,labelTextWeight:m,messageTextSize:f,desc:y,descTextColor:_,descTextSize:v,descTextWeight:S,afterItem:x,beforeItem:C,dividerDirection:I,dividerFill:z,dividerSize:w,dividerWidth:P,errorKey:N,errorMessage:M,fieldClassName:k,helpText:B,helpTextColor:F,helpTextColorSuccess:D,helpTextSize:V,helpTextWeight:E,inputName:A,inputValue:q,metaActive:K,metaError:W,showDivider:$,showMessage:R,tag:L="div",before:H,after:j,isDisabled:O,isErrorState:G,isHidden:U,isRequired:Q,isValidState:J,children:Z}=e,X=l(()=>p(r,J&&"form__item_state_success",Q&&"form__item_state_required",O&&"form__item_state_disabled",K&&"form__item_state_focus",q&&"form__item_state_filled",G&&`form__item_state_${N}`),[r,G,J,Q,K,q,O,W]),Y=l(()=>p(k,J&&`${k}_state_success`,K&&`${k}_state_focus`,q&&`${k}_state_filled`,O&&`${k}_state_disabled`,G&&`${k}_state_${N}`),[k,G,J,K,q,O,W]),ee=h(e,{prefix:"form-field_size_",propsKey:"size"}),re=h(e,{prefix:"fill_",propsKey:"fill"}),te=h(e,{prefix:"fill_",propsKey:"inputFill"}),ae=h(e,{prefix:"form-field_shape_",propsKey:"shape"}),ie=h(e,{prefix:"form-field__item-value_shape_",propsKey:"inputShape"}),oe=h(e,{prefix:"direction_",propsKey:"direction"}),se=h(e,{prefix:"width_",propsKey:"width"}),{styles:ne}=g(e),le=e[`${N}MessageTextSize`],de=e[`${N}MessageTextColor`],ue=e[`${N}MessageTextWeight`],ce=`${t||`${A}Field`}Message`;return o(L,{className:p(X,"form__item","form-field",s&&`form-field_type_${s}`,ee,re,ae,O&&"form-field_state_disabled",U&&"form-field_state_hidden",oe,se),"data-testid":t,"data-tour":a,style:ne,children:[H,(n||d)&&i("div",{className:p("form-field__label"),"data-testid":`${t}Label`,children:o(b,{size:c,textColor:u,textWeight:m,children:[n,d&&" "]})}),y&&i("div",{className:"form-field__desc","data-testid":`${t}Desc`,children:i(b,{size:v,textColor:_,textWeight:S,children:y})}),o("div",{className:p("form-field__content",te,ie),children:[o("div",{className:p("form-field__content-inner",Y),children:[C,Z,x]}),$&&i(T,{className:"form-field__item-divider",width:P,direction:I,size:w,fill:z})]}),R&&o("div",{className:"form-field__message","data-testid":ce,children:[G&&M&&i(b,{className:"form-field__message-item form-field__message-item_type-error",dataTestId:`${t}MessageError`,size:le,textColor:de,textWeight:ue,children:M}),Boolean(B)&&(!G||!M)&&i(b,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${t}MessageHelpText`,size:V,textColor:J?D:F,textWeight:E,children:B}),(!G&&!B||G&&!B&&!M)&&i(b,{className:"form-field__message-item form-field__message-item_type_help-text",dataTestId:`${t}MessageHelpText`,size:f,children:" "})]}),j]})}function le(r){const{inputName:t}=r,{change:a}=e();return n(()=>()=>{a(t,void 0)},[]),i(ne,{...r})}const de=(e,r)=>{const t=e,a=Object.keys(r).map(e=>e===v?"notification__item_status_error":`react-select-id_${e}-input`),i=t.find(e=>e.name?S(r,e.name):a.includes(e.id)),o=Object.keys(r);if(!i&&o.length){let e;try{const r=o[0];r===v?e=document.querySelector("notification__item_status_error"):(e=document.querySelector(`#${r}-error`),e||(e=document.querySelector(`#id_${r}`)))}catch(e){console.warn(e)}e&&e.scrollIntoView({block:"center"})}i&&i.scrollIntoView({block:"center"})},ue=C(void 0,de),ce=(e,r)=>{const[t,a]=e,i=a.submitError,o=a.error;if("non_field_errors"===t||t===v)r.formState.error=o,r.formState.submitError=i;else if(t in r.fields){if(r.fields[t].touched=!0,o||""===o){const e=Object.assign({},r.formState.errors,{[t]:o});r.fields[t].error=o,r.formState.errors=e}if(i||""===i){const e=Object.assign({},r.formState.submitErrors,{[t]:i});r.fields[t].submitFailed=!0,r.fields[t].submitSucceeded=!1,r.fields[t].submitError=i,r.formState.submitErrors=e,r.formState.submitFailed=!0,r.formState.submitSucceeded=!1,r.formState.lastSubmittedValues=r.formState.values}}},me=async(e,r)=>{try{return{response:await _({url:e,method:"POST",data:r}),success:!0}}catch(e){const r=e,t={};return"string"==typeof r.response?.data&&(t[v]="Something went wrong"),"object"==typeof r.response?.data&&Object.entries(r.response.data).forEach(([e,r])=>{t[e]=r[0]}),{error:r,formErrors:t,success:!1}}},pe=(e,r)=>{const t=(e=>e.replace(/(^|[_-])([a-zA-Z0-9])/g,(e,r,t)=>t.toUpperCase()))(e);return r&&r.endsWith("Field")?r:r?r+t+"Field":t+"Field"},fe=(e,r)=>x(e,r.path,r.message),he=Object.create(null);function ge(e,r){const t=l(()=>e&&(e=>async function(r){try{await(e?.validate(r,{abortEarly:!1}))}catch(e){const r=e;if(r.message)return r.inner.reduce(fe,he);console.warn("itcase-forms schema.validate error: An error not related to the form occurred during validation. Validation ignored.")}})(e),[e,r]);return t}function ye(e){const{fieldProps:r={},input:t={},meta:a={}}=e,i=!a.modifiedSinceLastSubmit&&a.submitError,o=a.error?.key||"error",s=l(()=>r.showErrorsOnSubmit?Boolean(a.submitFailed&&a.touched&&(a.error||i)):Boolean(a.touched&&(a.error||i)),[r.showErrorsOnSubmit,a.submitFailed,a.touched,a.error,i]),n=l(()=>{const e=Array.isArray(t?.value)?t?.value.length:t?.value,r=a.modifiedSinceLastSubmit&&!a.error&&i;return Boolean(e&&(a.valid||r))},[t?.value,a.valid,a.error,i,a.modifiedSinceLastSubmit]);return{errorKey:o,errorMessage:l(()=>{const e=a.error||i||!1;if(e){if("string"==typeof e)return e;if(e.message)return e.message}return""},[a.error,i]),successKey:"success",isErrorState:s,isValidState:n}}function Te(e){const{inputProps:r,validationStateKey:t}=e;return l(()=>{const e={};return t?(Object.entries(r||{}).forEach(([r,a])=>{const i=z(r);if(i.startsWith(`${t}_`)){const r=i.replace(`${t}_`,""),o=I(r);e[o]=a}else e[r]||(e[r]=a)}),e):r},[t,r])}const be=s.memo(function(e){const{dataTestId:t,name:a,initialValue:o,classNameGroupItem:s,fieldProps:n={},inputProps:l={},showMessage:u,isDisabled:c,isRequired:m,onChange:h}=e;return i(r,{type:"checkbox",name:a,initialValue:o,children:function({input:e,meta:r}){const a=d(r=>{r&&(e.onChange(r),h&&h(r.target.checked,e.name))},[h,e.onChange]),{errorKey:o,errorMessage:g,successKey:y,isErrorState:T,isValidState:b}=ye({fieldProps:n,input:e,meta:r}),_=Te({inputProps:l,validationStateKey:T?o:b?y:null}),v=pe(e.name,t);return i(le,{className:p("form-field-checkbox","form__item_checkbox",s),dataTestId:v,errorKey:o,errorMessage:g,fieldClassName:"form-checkbox",inputName:e.name,inputValue:e.checked,metaActive:r.active,metaError:r.error,showMessage:u,tag:"label",isDisabled:c,isErrorState:T,isRequired:m,isValidState:b,...n,children:i(f,{checked:e.checked,isActive:e.checked,isDisabled:c,onBlur:e.onBlur,onChange:a,onFocus:e.onFocus,..._})})}})}),_e={appearance:"surfacePrimary sizeM rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"warningPrimary sizeM solid rounded"};function ve(t){const{dataTestId:a,name:o,initialValue:s,classNameGroupItem:u,emptyMessage:c,emptyMessageTextColor:m,emptyMessageTextSize:f,fieldProps:h,inputProps:g,options:y,showMessage:T,isDisabled:_,isRequired:v,onChange:S}=t,{change:x}=e(),C=d((e,r)=>{const t=e.includes(r)?e.filter(e=>e!==r):[...e,r];x(o,t),S&&S(t)},[x,o,S]);return n(()=>{s&&x(o,s)},[s]),i(r,{name:o,initialValue:s,children:function({input:e,meta:r}){const{errorKey:t,errorMessage:o,successKey:s,isErrorState:n,isValidState:d}=ye({fieldProps:h,input:e,meta:r}),S=Te({inputProps:g,validationStateKey:n?t:d?s:null}),x=l(()=>{const r=[{label:null,value:null}];if(e?.value){return y.filter(r=>e.value?.includes(r.value))||r}return r},[e.value]),I=pe(e.name,a);return i(le,{className:p("form-field_chips","form__item_chips",u),dataTestId:I,errorKey:t,errorMessage:o,fieldClassName:"form-chips",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:T,isDisabled:_,isErrorState:n,isRequired:v,isValidState:d,...h,children:y?.length?i(w,{direction:"horizontal",gap:"1m",wrap:"wrap",children:y.map(a=>i(P,{className:p(r.active&&"form-chips_state_focus",r.error&&r.touched&&`form-chips_state_${t}`),label:a.label,isActive:x.some(e=>e.value===a.value),isDisabled:a.isDisabled,onClick:()=>C(e.value,a.value),...S},a.value))}):i(b,{size:f,textColor:m,children:c})})}})}const Se={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded"},xe=s.memo(function(t){const{dataTestId:a,name:o,initialValue:s,label:n,classNameGroupItem:u,fieldProps:c,inputProps:m,options:f,showMessage:h,isDisabled:g,isCheckbox:y,isRequired:T,onChange:b}=t,{change:_}=e(),v=d((e,r)=>{_(o,r&&e.value),b&&b(e.value,o,r)},[_,b]);return i(r,{name:o,initialValue:s,children:function({input:e,meta:r}){const t=l(()=>{const r={label:null,value:null};if(e.value){return f.find(r=>r.value===e.value)||r}return r},[e.value]),{errorKey:o,errorMessage:s,successKey:d,isErrorState:b,isValidState:_}=ye({fieldProps:c,input:e,meta:r}),S=Te({inputProps:m,validationStateKey:b?o:_?d:null}),x=pe(e.name,a);return i(le,{className:p("form-field_choice","form__item_choice",u),dataTestId:x,label:n,errorKey:o,errorMessage:s,fieldClassName:"form-choice",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:h,isDisabled:g,isErrorState:b,isRequired:T,isValidState:_,...c,children:i(N,{className:p(r.active&&"form-choice_state_focus",r.error&&r.touched&&`form-choice_state_${o}`),name:e.name,active:t,options:f,isDisabled:g,isCheckbox:y,setActiveSegment:v,...S})})}})}),Ce={appearance:"defaultPrimary sizeL solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded"},Ie=s.memo(function(e){const{dataTestId:t,name:a,initialValue:o,label:s,classNameGroupItem:n,fieldProps:l={},inputProps:d={},showMessage:u,isDisabled:c,isRequired:m}=e;return i(r,{name:a,initialValue:o,children:function({input:e,meta:r}){const{errorKey:a,errorMessage:o,successKey:f,isErrorState:h,isValidState:g}=ye({fieldProps:l,input:e,meta:r}),y=Te({inputProps:d,validationStateKey:h?a:g?f:null}),T=pe(e.name,t);return i(le,{className:p("form-field-code","form__item_code",n),dataTestId:T,label:s,errorKey:a,errorMessage:o,fieldClassName:"form-code",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,showMessage:u,isErrorState:h,isRequired:m,isValidState:g,...l,children:i(M,{initialValue:e.value,isDisabled:c,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus,...y})})}})}),ze=s.memo(function(e){const{dataTestId:t,name:a,initialValue:s,classNameGroupItem:n,clearIcon:l,clearIconFill:d,clearIconFillHover:u,clearIconShape:c,clearIconSize:m,Component:f,fieldProps:h={},showMessage:g,isDisabled:y,isRequired:T,onClickClearIcon:b}=e;return i(r,{name:a,initialValue:s,children:function({input:r,meta:a}){const{errorKey:s,errorMessage:_,isErrorState:v,isValidState:S}=ye({fieldProps:h,input:r,meta:a}),x=Te({inputProps:e,validationStateKey:v?s:"success"}),C=pe(r.name,t);return o(le,{className:p("form-field_custom","form__item_custom",n),dataTestId:C,errorKey:s,errorMessage:_,fieldClassName:"form-custom",inputName:r.name,inputValue:String(r.value??""),metaActive:a.active,metaError:a.error,showMessage:g,isDisabled:y,isErrorState:v,isRequired:T,isValidState:S,...h,children:[i(f,{...x,input:r,meta:a,isDisabled:y}),l&&i(k,{className:"form-field__icon",size:m,iconFill:d,iconFillHover:u,imageSrc:l,shape:c,SvgImage:l,onClick:b})]})}})}),we={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},Pe=s.memo(function(e){const{dataTestId:t,name:a,initialValue:o,classNameGroupItem:s,fieldProps:n,inputProps:l,parse:d,showMessage:u,token:c,isDisabled:m,isRequired:f,onDadataAutocomplete:h}=e;if("development"===process.env.NODE_ENV){const e=`Check your form config at field "${a}".`;if(!c){throw new Error(`FormFieldDadataInput: 'token' prop is missing, instead got ${c}.`+"\n"+e)}if(!h){throw new Error(`FormFieldDadataInput: 'onDadataAutocomplete' prop is missing, instead got ${h}.`+"\n"+e)}}return i(r,{name:a,initialValue:o,parse:d,children:function({input:e,meta:r}){const{errorKey:a,errorMessage:o,successKey:d,isErrorState:g,isValidState:y}=ye({fieldProps:n,input:e,meta:r}),T=Te({inputProps:l,validationStateKey:g?a:y?d:null}),b=pe(e.name,t);return i(le,{className:p("form-field_input-dadata","form__item_input-dadata",s),dataTestId:b,errorKey:a,errorMessage:o,fieldClassName:"form-dadata",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:u,isDisabled:m,isErrorState:g,isRequired:f,isValidState:y,...n,children:i(B,{input:e,inputProps:T,meta:r,token:c,setValue:h})})}})});var Ne={appearance:"surfacePrimary sizeS",dateFormat:"dd/MM/yyyy - HH:mm",readOnly:!1,selectsRange:!1,showTimeSelect:!0,timeCaption:"Время",timeFormat:"p",timeIntervals:60,isClearable:!0,isStartDefaultNull:!0};function Me(e){const{dataTestId:t,name:a,classNameGroupItem:o,datePickerProps:s,fieldProps:n={},inputProps:l={},showMessage:u,isDisabled:c,isRequired:m,onChange:f}=e;return i(r,{name:a,children:function({input:e,meta:r}){const a=d((r,t)=>{s?.selectsRange?e.onChange({endDate:t,startDate:r}):e.onChange(r),f&&f(r,t)},[e.onChange,f]),{errorKey:h,errorMessage:g,successKey:y,isErrorState:T,isValidState:b}=ye({fieldProps:n,input:e,meta:r}),_=Te({inputProps:l,validationStateKey:T?h:b?y:null}),v=pe(e.name,t);return i(le,{className:p("form-field_datepicker","form__item_datepicker",o),dataTestId:v,errorKey:h,errorMessage:g,fieldClassName:"form-datepicker",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:u,isDisabled:c,isErrorState:T,isRequired:m,isValidState:b,...n,children:i(F,{name:e.name,datePickerProps:s,endValue:s?.selectsRange?e.value.endDate:null,inputProps:_,value:s?.selectsRange?e.value.startDate:e.value,onBlur:e.onBlur,onChange:a,onFocus:e.onFocus})})}})}var ke={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};function Be(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,a=Array(r);t<r;t++)a[t]=e[t];return a}function Fe(e,r,t,a,i,o,s){try{var n=e[o](s),l=n.value}catch(e){return void t(e)}n.done?r(l):Promise.resolve(l).then(a,i)}function De(e){return function(){var r=this,t=arguments;return new Promise(function(a,i){var o=e.apply(r,t);function s(e){Fe(o,a,i,s,n,"next",e)}function n(e){Fe(o,a,i,s,n,"throw",e)}s(void 0)})}}function Ve(e,r){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(t)return(t=t.call(e)).next.bind(t);if(Array.isArray(e)||(t=function(e,r){if(e){if("string"==typeof e)return Be(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Be(e,r):void 0}}(e))||r){t&&(e=t);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 Ee(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+var e,r,t="function"==typeof Symbol?Symbol:{},a=t.iterator||"@@iterator",i=t.toStringTag||"@@toStringTag";function o(t,a,i,o){var l=a&&a.prototype instanceof n?a:n,d=Object.create(l.prototype);return Ae(d,"_invoke",function(t,a,i){var o,n,l,d=0,u=i||[],c=!1,m={p:0,n:0,v:e,a:p,f:p.bind(e,4),d:function(r,t){return o=r,n=0,l=e,m.n=t,s}};function p(t,a){for(n=t,l=a,r=0;!c&&d&&!i&&r<u.length;r++){var i,o=u[r],p=m.p,f=o[2];t>3?(i=f===a)&&(l=o[(n=o[4])?5:(n=3,3)],o[4]=o[5]=e):o[0]<=p&&((i=t<2&&p<o[1])?(n=0,m.v=a,m.n=o[1]):p<f&&(i=t<3||o[0]>a||a>f)&&(o[4]=t,o[5]=a,m.n=f,n=0))}if(i||t>1)return s;throw c=!0,a}return function(i,u,f){if(d>1)throw TypeError("Generator is already running");for(c&&1===u&&p(u,f),n=u,l=f;(r=n<2?e:l)||!c;){o||(n?n<3?(n>1&&(m.n=-1),p(n,l)):m.n=l:m.v=l);try{if(d=2,o){if(n||(i="next"),r=o[i]){if(!(r=r.call(o,l)))throw TypeError("iterator result is not an object");if(!r.done)return r;l=r.value,n<2&&(n=0)}else 1===n&&(r=o.return)&&r.call(o),n<2&&(l=TypeError("The iterator does not provide a '"+i+"' method"),n=1);o=e}else if((r=(c=m.n<0)?l:t.call(a,m))!==s)break}catch(r){o=e,n=1,l=r}finally{d=1}}return{value:r,done:c}}}(t,i,o),!0),d}var s={};function n(){}function l(){}function d(){}r=Object.getPrototypeOf;var u=[][a]?r(r([][a]())):(Ae(r={},a,function(){return this}),r),c=d.prototype=n.prototype=Object.create(u);function m(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,d):(e.__proto__=d,Ae(e,i,"GeneratorFunction")),e.prototype=Object.create(c),e}return l.prototype=d,Ae(c,"constructor",d),Ae(d,"constructor",l),l.displayName="GeneratorFunction",Ae(d,i,"GeneratorFunction"),Ae(c),Ae(c,i,"Generator"),Ae(c,a,function(){return this}),Ae(c,"toString",function(){return"[object Generator]"}),(Ee=function(){return{w:o,m:m}})()}function Ae(e,r,t,a){var i=Object.defineProperty;try{i({},"",{})}catch(e){i=0}Ae=function(e,r,t,a){function o(r,t){Ae(e,r,function(e){return this._invoke(r,t,e)})}r?i?i(e,r,{value:t,enumerable:!a,configurable:!a,writable:!a}):e[r]=t:(o("next",0),o("throw",1),o("return",2))},Ae(e,r,t,a)}var qe=s.memo(function(r){var t,a=r.maxFiles,m=r.maxSize,f=r.dropzoneProps,h=void 0===f?{}:f,g=r.fileErrorText,T=r.hintDescription,_=r.hintTitle,v=r.inputName,S=r.inputValue,x=r.showFilename,C=r.thumbColumn,I=r.isPreviews,z=r.onClickPreview,w=r.onAddFiles,P=r.onDeleteFile,N=e().change,M=u(""),k=M[0],B=M[1],F=u(!1),q=F[0],$=F[1],R=c(null),L=l(function(){var e=S?V(S):[];return null===R.current?(R.current=e,e):(R.current.forEach(function(r){r.preview&&(!e.some(function(e){return e.preview===r.preview})&&URL.revokeObjectURL(r.preview))}),R.current=e,e)},[S]),H=d(function(e){var r=1==h.maxFiles?e[0]:e;return N(v,r),r},[h,N]),j=d(function(){var e=De(Ee().m(function e(r){var t,a,i,o,s;return Ee().w(function(e){for(;;)switch(e.n){case 0:$(!0),t=[],a=Ve(r);case 1:if((i=a()).done){e.n=5;break}if("string"!=typeof(o=i.value)){e.n=3;break}return e.n=2,$e(o,I);case 2:(s=e.v)&&t.push(s),e.n=4;break;case 3:t.push(o);case 4:e.n=1;break;case 5:H(t),$(!1);case 6:return e.a(2)}},e)}));return function(r){return e.apply(this,arguments)}}(),[I,H]),O=d(function(e,r){e.stopPropagation(),e.preventDefault();var t=[].concat(L);t.splice(r,1),P&&P(L[r],v),H(t)},[L,H,P]),G=E(Object.assign({maxFiles:a||5,maxSize:m||10485760},h,{getFilesFromEvent:(t=De(Ee().m(function e(r){var t,a;return Ee().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,D(r);case 1:return t=e.v,a=t.filter(function(e){return e instanceof File}),e.a(2,[].concat(L,a))}},e)})),function(e){return t.apply(this,arguments)}),onDropAccepted:function(e){I&&e.forEach(function(e){e.error||e.preview||(e.preview=URL.createObjectURL(e))});var r=H(e);B("");var t=e.map(function(e){return new Promise(function(r){return Le(e,r)})});Promise.all(t).then(function(){w&&w(r,v)})},onDropRejected:function(e){if(e.length){var r="Ошибка при добавлении файла",t=e[0].errors[0];t&&(r=t.code===A.TooManyFiles?"Максимальное количество файлов: "+a:t.message),B(r)}else B("")}})),U=G.getInputProps,Q=G.getRootProps;n(function(){var e=V(S);e.some(function(e){return"string"==typeof e})&&j(e)},[S]),n(function(){return function(){R.current.forEach(function(e){e.preview&&URL.revokeObjectURL(e.preview)})}},[]);var J=y(r),Z=J.fillClass,X=J.fillHoverClass,Y=J.borderColorClass,ee=J.borderColorHoverClass,re=J.borderTypeClass,te=J.borderWidthClass,ae=J.errorMessageTextColor,ie=J.errorMessageTextSize,oe=J.errorMessageTextWeight,se=J.hintDescriptionTextColor,ne=J.hintDescriptionTextSize,le=J.hintDescriptionTextWeight,de=J.hintDescriptionTextWrap,ue=J.hintTitleTextColor,ce=J.hintTitleTextSize,me=J.hintTitleTextWeight,pe=J.hintTitleTextWrap,fe=J.removeThumbAppearance,he=J.removeThumbShape,ge=J.removeThumbText,ye=J.removeThumbTextWeight,Te=J.shapeClass,be=J.thumbBorderColorClass,_e=J.thumbBorderColorHoverClass,ve=J.thumbBorderTypeClass,Se=J.thumbBorderWidthClass,xe=J.thumbDirectionClass,Ce=J.thumbNameTextColor,Ie=J.thumbNameTextSize,ze=J.thumbNameTextWeight,we=J.thumbNameTextWrap;return o(s.Fragment,{children:[o("div",Object.assign({},Q({className:"form-dropzone__dropzone dropzone"}),{children:[i("input",Object.assign({},U(),{name:v})),o("div",{className:p("form-dropzone__dropzone-wrapper",C&&"form-dropzone__dropzone-wrapper_column_"+C,Z&&"fill_"+Z,X&&"fill_hover_"+X,te&&"border-width_"+te,Y&&"border-color_"+Y,ee&&"border-color_hover_"+ee,re&&"border_type_"+re,Te&&"shape_"+Te),children:[L.map(function(e,r){return o("aside",{className:p("form-dropzone__thumb",Z,xe,Se,be,_e,ve),children:[I&&!e.error&&i("div",{className:"form-dropzone__thumb-image",children:i("img",{className:"form-dropzone__thumb-image-inner",src:e.preview||e.image,onClick:function(r){z&&z(e,r)}})}),e.error&&i("div",{children:i(b,{size:Ie,textColor:Ce,textWeight:ze,textWrap:we,children:g||e.error})}),x&&i("div",{className:"form-dropzone__thumb-name",children:i(b,{className:"form-dropzone__thumb-name-inner",size:Ie,textColor:Ce,textWeight:ze,textWrap:we,children:e.name})}),q&&i("div",{className:"form-dropzone__thumb-loader",children:i(W,{width:"fill",height:"fill"})}),i("div",{className:p("form-dropzone__thumb-remove"),children:i(K,{appearance:fe,className:"form-dropzone__thumb-remove-text",label:ge||"Удалить",labelTextWeight:ye,shape:he,onClick:function(e){return O(e,r)}})})]},e.id||e.name+"_"+r)}),L.length?o("div",{className:"form-dropzone__hint form-dropzone__hint_type_add-more",children:[i(b,{className:"form-dropzone__hint-title",size:ce,textColor:ue,textWeight:me,textWrap:pe,children:_||"Select a file or drag in form"}),T&&i(b,{className:"form-dropzone__hint-text",size:ne,textColor:se,textWeight:le,textWrap:de,children:T})]}):o("div",{className:"form-dropzone__hint",children:[i(b,{className:"form-dropzone__hint-title",size:ce,textColor:ue,textWeight:me,textWrap:pe,children:_||"Select a file or drag in form"}),T&&i(b,{className:"form-dropzone__hint-text",size:ne,textColor:se,textWeight:le,textWrap:de,children:T})]})]})]})),k&&i("div",{className:"form-field__message",children:i(b,{className:"form-field__message-item form-field__message-item_type_message",size:ie,textColor:ae,textWeight:oe,children:k})})]})});function Ke(e){return We.apply(this,arguments)}function We(){return(We=De(Ee().m(function e(r){var t,a,i,o,s,n;return Ee().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,_({url:r,responseType:"blob"});case 1:return a=e.v,i=a.data,o=null==(t=a.headers["content-disposition"])?void 0:t.split("filename=")[1],(s=null==o?void 0:o.substring(1).slice(0,-1))||(s=r.split("/").at(-1)),e.a(2,new File([i],s,{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 $e(e,r){return Re.apply(this,arguments)}function Re(){return(Re=De(Ee().m(function e(r,t){var a,i;return Ee().w(function(e){for(;;)switch(e.n){case 0:if(a=null,i="string"==typeof r&&r.includes("/"),!r.image&&!i){e.n=2;break}return e.n=1,Ke(r.image||r);case 1:(a=e.v)&&Le(a);case 2:return r.dataURL&&((a=q(r.name||r.path,r.dataURL)).dataURL=r.dataURL),a&&(a.id=r.id,t&&(a.preview=URL.createObjectURL(a))),e.a(2,a)}},e)}))).apply(this,arguments)}function Le(e,r){r=r||function(){};var t=new FileReader;t._readedFile=e,t.onabort=function(){return r()},t.onerror=function(){return r()},t.onload=function(e){e.target._readedFile.dataURL=t.result,r()},e instanceof File?t.readAsDataURL(e):r()}var He=s.memo(function(e){var t=e.className,a=e.dataTestId,o=e.name,s=e.width,n=e.maxFiles,l=e.maxSize,d=e.label,u=e.classNameGroupItem,c=e.dropzoneProps,m=e.fieldProps,f=e.fileErrorText,h=e.hintDescription,g=e.hintTitle,T=e.showFilename,b=e.showMessage,_=e.isPreviews,v=e.isRequired,S=e.onClickPreview,x=e.onAddFiles,C=e.onDeleteFile,I=y(e),z=I.size,w=I.fill,P=I.fillHover,N=I.labelTextColor,M=I.borderColorHover,k=I.borderType,B=I.borderWidth,F=I.errorMessageTextColor,D=I.errorMessageTextSize,V=I.errorMessageTextWeight,E=I.hintDescriptionTextColor,A=I.hintDescriptionTextSize,q=I.hintDescriptionTextWeight,K=I.hintDescriptionTextWrap,W=I.hintTitleTextColor,$=I.hintTitleTextSize,R=I.hintTitleTextWeight,L=I.hintTitleTextWrap,H=I.removeThumbAppearance,j=I.removeThumbShape,O=I.removeThumbText,G=I.removeThumbTextWeight,U=I.shape,Q=I.thumbBorderColor,J=I.thumbBorderColorHover,Z=I.thumbBorderType,X=I.thumbBorderWidth,Y=I.thumbColumn,ee=void 0===Y?1:Y,re=I.thumbDirection,te=void 0===re?"vertical":re,ae=I.thumbNameTextColor,ie=I.thumbNameTextSize,oe=I.thumbNameTextWeight,se=I.thumbNameTextWrap;return i(r,{name:o,children:function(r){var o,y,I=r.input,Y=r.meta,re=ye({fieldProps:m,input:I,meta:Y}),ne=re.errorKey,de=re.errorMessage,ue=re.isErrorState,ce=re.isValidState,me=Te({inputProps:e,validationStateKey:ue?ne:"success"}),fe=pe(I.name,a);return i(le,Object.assign({className:p("form-field_type_dropzone","form__item_type_dropzone",u),dataTestId:fe,width:s,label:d,labelTextColor:N,errorKey:ne,errorMessage:de,fieldClassName:"form-dropzone",inputName:I.name,inputValue:String(null!=(o=I.value)?o:""),metaActive:Y.active,metaError:Y.error,metaTouched:Y.touched,showMessage:b,isErrorState:ue,isRequired:v,isValidState:ce},m,{children:i(qe,{className:t,maxFiles:n,maxSize:l,size:z,fill:w,fillHover:P,borderColor:me.borderColor,borderColorHover:M,borderType:k,borderWidth:B,dropzoneProps:c,errorMessageTextColor:F,errorMessageTextSize:D,errorMessageWeight:V,fileErrorText:f,hintDescription:h,hintDescriptionTextColor:E,hintDescriptionTextSize:A,hintDescriptionTextWeight:q,hintDescriptionTextWrap:K,hintTitle:g,hintTitleTextColor:W,hintTitleTextSize:$,hintTitleTextWeight:R,hintTitleTextWrap:L,inputName:I.name,inputValue:String(null!=(y=I.value)?y:""),metaError:Y.error,metaTouched:Y.touched,removeThumbAppearance:H,removeThumbShape:j,removeThumbText:O,removeThumbTextWeight:G,shape:U,showFilename:T,thumbBorderColor:Q,thumbBorderColorHover:J,thumbBorderType:Z,thumbBorderWidth:X,thumbColumn:ee,thumbDirection:te,thumbNameTextColor:ae,thumbNameTextSize:ie,thumbNameTextWeight:oe,thumbNameTextWrap:se,isPreviews:_,onClickPreview:S,onAddFiles:x,onDeleteFile:C})}))}})});const je={width:"fill",labelTextSize:"s",messageTextColor:"surfaceTextPrimary",messageTextSize:"s",errorMessageTextColor:"errorTextSecondary",errorMessageTextSize:"s",helpTextSize:"s",requiredMessageTextColor:"warningTextSecondary",requiredMessageTextSize:"s"},Oe=s.memo(function(e){const{className:t,dataTestId:a,dataTour:n,name:l,title:d,titleTextColor:u,titleTextSize:c,titleTextWeight:m,label:f,labelTextColor:h,labelTextSize:y,labelTextWeight:T,message:_,messageTextColor:v,messageTextSize:S,messageTextWeight:x,column:C,showGroupMessage:I,before:z,after:w,isHidden:P,children:N}=e,{styles:M}=g(e),k=pe(l,a);return i(r,{name:l,children:function({input:r,meta:a}){const{errorKey:g,errorMessage:B,isErrorState:F}=ye({fieldProps:e,input:r,meta:a}),D=Te({inputProps:e,validationStateKey:F?g:"success"});return o("div",{className:p("form__group",t,P&&"form__group_hidden",C&&`form__group_column_${C}`),"data-test-id":k,"data-tour":n,style:M,children:[o("div",{className:"form__group-wrapper",children:[z,d&&i("div",{className:"form__group-title",children:i($,{dataTestId:`${k}Title`,size:c,textColor:u,textWeight:m,children:d})}),f&&i("div",{className:"form__group-label",children:i(b,{dataTestId:`${k}Label`,size:y,textColor:h,textWeight:T,children:f})}),i("div",{className:"form__group-items",children:N}),w]}),I&&o(s.Fragment,{children:[F&&B&&i(b,{className:`form__group-message form__group-message_type-${g}`,dataTestId:`${k}MessageError`,size:D.messageTextSize,textColor:D.messageTextColor,textWeight:D.messageTextWeight,children:B}),Boolean(_)&&(!F||!B)&&i(b,{className:"form__group-message",dataTestId:`${l}GroupMessage`,size:S,textColor:v,textWeight:x,children:_}),!F&&!_&&i(b,{className:"form__group-message",size:S,children:" "})]})]})}})}),Ge={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},Ue=s.memo(function(e){const{dataTestId:t,name:a,initialValue:s,classNameGroupItem:n,clearIcon:l,clearIconFill:u,clearIconFillHover:c,clearIconShape:m,clearIconSize:f,fieldProps:h={},inputProps:g={},parse:y,showMessage:T,isDisabled:b,isRequired:_,onClickClearIcon:v,onChange:S}=e;return i(r,{name:a,initialValue:s,parse:y,children:function({input:e,meta:r}){const a=d(r=>{e.onChange(r),S&&S(r.target.value,e.name)},[S,e]),{errorKey:s,errorMessage:y,successKey:x,isErrorState:C,isValidState:I}=ye({fieldProps:h,input:e,meta:r}),z=Te({inputProps:g,validationStateKey:C?s:I?x:null}),w=pe(e.name,t);return o(le,{className:p("form-field_input","form__item_input",n),dataTestId:w,errorKey:s,errorMessage:y,fieldClassName:"form-input",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:T,isDisabled:b,isErrorState:C,isRequired:_,isValidState:I,...h,children:[i(R,{className:p(r.active&&"input_state_focus",r.error&&r.touched&&`input_state_${s}`),dataTestId:`${w}Input`,type:"text",name:e.name,autoComplete:"nope",value:String(e.value??""),isDisabled:b,onBlur:e.onBlur,onChange:a,onFocus:e.onFocus,...z}),l&&i(k,{className:"form-field__icon",dataTestId:`${w}InputIcon`,size:f,iconFill:u,iconFillHover:c,imageSrc:"string"==typeof l&&l,shape:m,SvgImage:"string"!=typeof l&&l,onClick:v})]})}})}),Qe={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},Je=s.memo(function(e){const{dataTestId:t,name:a,initialValue:o,classNameGroupItem:s,fieldProps:n={},inputProps:l={},inputType:u="custom",parse:c,showMessage:m,isDisabled:f,isRequired:h,onChange:g}=e;return i(r,{name:a,initialValue:o,parse:c,children:function({input:e,meta:r}){const a=d(r=>{e.onChange(r),g&&g(r.target.value)},[g,e.onChange]),{errorKey:o,errorMessage:c,successKey:y,isErrorState:T,isValidState:b}=ye({fieldProps:n,input:e,meta:r}),_=Te({inputProps:l,validationStateKey:T?o:b?y:null}),v=pe(e.name,t);return i(le,{className:p("form-field_input-number","form__item_input-number",s),dataTestId:v,errorKey:o,errorMessage:c,fieldClassName:"form-input-number",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:m,isDisabled:f,isErrorState:T,isRequired:h,isValidState:b,...n,children:i(L,{className:p(r.active&&"input_state_focus",(r.submitFailed||r.touched)&&r.error&&`input_state_${o}`),dataTestId:`${v}InputNumber`,type:u,name:e.name,value:Number(e.value)||0,onChange:a,..._})})}})}),Ze=s.memo(function(e){const{dataTestId:t,name:a,initialValue:s,classNameGroupItem:l,clearIcon:d,clearIconFill:u,clearIconFillHover:c,clearIconShape:m,clearIconSize:f,fieldProps:h={},inputProps:g={},optionsMask:y,showMessage:T,unmasked:b,isDisabled:_,isRequired:v,onClickClearIcon:S}=e;return i(r,{name:a,initialValue:s,children:function({input:e,meta:r}){const{ref:a,unmaskedValue:x,value:C,setUnmaskedValue:I}=H(y,{defaultValue:s,onAccept:(r,t,a)=>{a&&e.onChange(t._unmaskedValue)}});n(()=>{e.value!==x&&I(e.value.replace(b,""))},[e.value]);const{errorKey:z,errorMessage:w,successKey:P,isErrorState:N,isValidState:M}=ye({fieldProps:h,input:e,meta:r}),B=Te({inputProps:g,validationStateKey:N?z:M?P:null}),F=pe(e.name,t);return o(le,{className:p("form-field-masked-input","form__item_masked-input",l),dataTestId:F,errorKey:z,errorMessage:w,fieldClassName:"form-maskedInput",inputName:e.name,inputValue:String(e.value??b??""),metaActive:r.active,metaError:r.error,showMessage:T,isDisabled:_,isErrorState:N,isRequired:v,isValidState:M,...h,children:[i(R,{className:p(r.active&&"input_state_focus",r.error&&r.touched&&`input_state_${z}`),ref:a,value:C,onBlur:e.onBlur,onFocus:e.onFocus,...B}),d&&i(k,{className:"form-field__icon",size:f,iconFill:u,iconFillHover:c,imageSrc:d,shape:m,SvgImage:d,onClick:S})]})}})}),Xe={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},Ye=s.memo(function(e){const{dataTestId:t,name:a,initialValue:o,classNameGroupItem:s,fieldProps:n,inputProps:l,parse:u,showMessage:c,isDisabled:m,isRequired:f,onChange:h}=e;return i(r,{name:a,initialValue:o,parse:u,children:function({input:e,meta:r}){const a=d(r=>{e.onChange(r),h&&h(r.target.value,e.name)},[h,e.onChange]),{errorKey:o,errorMessage:u,successKey:g,isErrorState:y,isValidState:T}=ye({fieldProps:n,input:e,meta:r}),b=Te({inputProps:l,validationStateKey:y?o:T?g:null}),_=pe(e.name,t);return i(le,{className:p("form-field_input-password","form__item_input-password",s),dataTestId:_,errorKey:o,errorMessage:u,fieldClassName:"form-password",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:c,isDisabled:m,isErrorState:y,isRequired:f,isValidState:T,...n,children:i(j,{className:p(r.active&&"input-password_state_focus",r.error&&r.touched&&`input-password_state_${o}`),dataTestId:`${_}InputPassword`,name:e.name,autoComplete:"nope",value:String(e.value??""),isDisabled:m,onBlur:e.onBlur,onChange:a,onFocus:e.onFocus,...b})})}})}),er={appearance:"defaultPrimary sizeM solid circular",errorAppearance:"errorPrimary sizeM solid circular",requiredAppearance:"requirePrimary sizeM solid circular",successAppearance:"successPrimary sizeM solid circular"};function rr(e){const{input:r,inputProps:t,options:a,onChange:o}=e,n=d(e=>{r.onChange(e),o&&o(e,r.name)},[r,o]),l=d(e=>{e.target.checked&&n(e.target.value)},[o]);return i(s.Fragment,{children:a.map(e=>i(O,{className:"form-radio__item",label:e.label,checked:e.value===r.value,value:e.value,onChange:l,...t},e.value))})}const tr=s.memo(function(e){const{dataTestId:t,name:a,classNameGroupItem:o,fieldProps:s={},inputProps:n={},options:l=[],showMessage:d,isDisabled:u,isRequired:c,onChange:m}=e;return i(r,{name:a,children:function({input:e,meta:r}){const{errorKey:a,errorMessage:f,isErrorState:h,isValidState:g}=ye({fieldProps:s,input:e,meta:r}),y=Te({inputProps:n,validationStateKey:h?a:"success"}),T=pe(e.name,t);return i(le,{className:p("form-field_radio","form__item_radio",o),dataTestId:T,errorKey:a,errorMessage:f,fieldClassName:"form-radio",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:d,isDisabled:u,isErrorState:h,isRequired:c,isValidState:g,...s,children:i(rr,{input:e,inputProps:y,options:l,onChange:m})})}})}),ar={appearance:"defaultPrimary sizeM solid rounded",width:"fill",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"warningPrimary sizeM solid rounded"};function ir(t){const{dataTestId:a,name:o,fieldProps:s,inputProps:n,options:u,showMessage:c,isDisabled:m,isRequired:f}=t,{change:h}=e(),g=d(e=>{h(o,e.value)},[h]);return i(r,{name:o,children:function({input:e,meta:r}){const t=l(()=>{const r={label:null,value:null};if(e.value){return u.find(r=>r.value===e.value)||r}return r},[e.value]),{errorKey:o,errorMessage:d,successKey:h,isErrorState:y,isValidState:T}=ye({fieldProps:s,input:e,meta:r}),b=Te({inputProps:n,validationStateKey:y?o:T?h:null}),_=pe(e.name,a);return i(le,{className:p("form-field_segmented","form__item_segmented"),dataTestId:_,errorKey:o,errorMessage:d,fieldClassName:"form-segmented",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:c,isDisabled:m,isErrorState:y,isRequired:f,isValidState:T,...s,children:i(G,{activeSegment:t,segments:u,isDisabled:m,setActiveSegment:g,...b})})}})}const or={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"};function sr(e){const{options:r,selectValue:t}=e,a=Array.isArray(t)?t:[t];let i=[];return r.forEach(e=>{const r=a.includes(e.value),o=a.includes(e.label);let s=[];e.options&&(s=sr({options:e.options,selectValue:t})),r||o?i.push(e):s.length&&(i=i.concat(s))}),i}const nr=s.memo(function(e){const{dataTestId:t,name:a,initialValue:o,classNameGroupItem:s,fieldProps:c,options:m=[],selectProps:f,selectRef:h,showMessage:g,isDisabled:y,isRequired:T,onChange:b,onInputChange:_}=e;return i(r,{name:a,initialValue:o,children:function({input:e,meta:r}){const[a,o]=u(null),v=l(()=>{const r=sr({options:m,selectValue:e.value});return!r.length&&e.value?.length&&r.push({label:e.label,value:e.value}),r},[e.label,e.value]),S=d(r=>{e.onChange(r),b&&b(r,{name:e.name})},[b,e.onChange]),x=d(e=>{const r=Array.isArray(e)?e.map(e=>e.value):e?.value||null;o(e),S(r)},[S]);n(()=>{o(v)},[v]);const{errorKey:C,errorMessage:I,successKey:z,isErrorState:w,isValidState:P}=ye({fieldProps:c,input:e,meta:r}),N=Te({inputProps:f,validationStateKey:w?C:P?z:null}),M=pe(e.name,t);return i(le,{className:p("form-field_select","form__item_select",s),dataTestId:M,errorKey:C,errorMessage:I,fieldClassName:"form-select",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:g,isDisabled:y,isErrorState:w,isRequired:T,isValidState:P,...c,children:i(U,{className:"form-select-item",ref:h,instanceId:`id_${e.name}`,options:m,value:a,isDisabled:y,onChange:x,onInputChange:_,...N})})}})}),lr={appearance:"defaultPrimary sizeL solid rounded",errorAppearance:"errorPrimary sizeL solid rounded",requiredAppearance:"requirePrimary sizeL solid rounded",successAppearance:"successPrimary sizeL solid rounded"},dr=s.memo(function(e){const{dataTestId:t,name:a,classNameGroupItem:o,fieldProps:s={},inputProps:n={},showMessage:l,isDisabled:u,isRequired:c,onChange:m}=e;return i(r,{type:"checkbox",name:a,children:function({input:e,meta:r}){const a=d(r=>{e.onChange(r),m&&m(r.target.checked,e.name)},[m,e.onChange]),{errorKey:f,errorMessage:h,successKey:g,isErrorState:y,isValidState:T}=ye({fieldProps:s,input:e,meta:r}),b=Te({inputProps:n,validationStateKey:y?f:T?g:null}),_=pe(e.name,t);return i(le,{className:p("form-field-switch","form__item_switch",o),dataTestId:_,errorKey:f,errorMessage:h,fieldClassName:"form-switch",inputName:e.name,inputValue:e.checked,metaActive:r.active,metaError:r.error,showMessage:l,tag:"label",isDisabled:u,isErrorState:y,isRequired:c,isValidState:T,...s,children:i(Q,{isActive:e.checked,isDisabled:u,onChange:a,...b})})}})}),ur={appearance:"defaultPrimary sizeM solid rounded",errorAppearance:"errorPrimary sizeM solid rounded",requiredAppearance:"requirePrimary sizeM solid rounded",successAppearance:"successPrimary sizeM solid rounded"},cr=s.memo(function(e){const{dataTestId:t,name:a,classNameGroupItem:o,fieldProps:s={},inputProps:n={},showMessage:l,isDisabled:d,isRequired:u}=e;return i(r,{name:a,children:function({input:e,meta:r}){const{errorKey:a,errorMessage:c,successKey:m,isErrorState:f,isValidState:h}=ye({fieldProps:s,input:e,meta:r}),g=Te({inputProps:n,validationStateKey:f?a:h?m:null}),y=pe(e.name,t);return i(le,{className:p("form-field_textarea","form__item_textarea",o),dataTestId:y,errorKey:a,errorMessage:c,fieldClassName:"form-textarea",inputName:e.name,inputValue:String(e.value??""),metaActive:r.active,metaError:r.error,showMessage:l,isDisabled:d,isErrorState:f,isRequired:u,isValidState:h,...s,children:i(J,{className:p(r.active&&"textarea_state_focus",r.error&&r.touched&&`textarea_state_${a}`),dataTestId:`${y}Textarea`,name:e.name,value:String(e.value??""),isDisabled:d,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus,...g})})}})});function mr(e,r){switch(e.type){case pr.password:return i(Ye,{...e,dataTestId:r.dataTestId},r.key);case pr.primaryButton:return m(K,{...e,className:"form__button-item",dataTestId:e.dataTestId||"FormPrimaryButton",key:r.key,width:"fill",htmlType:r.primaryButtonHtmlType||"submit",isDisabled:r.primaryButtonIsDisabled,isLoading:r.primaryButtonIsLoading});case pr.secondaryButton:return m(K,{...e,className:"form__button-item",dataTestId:e.dataTestId||"FormSecondaryButton",key:r.key,width:"fill",htmlType:r.secondaryButtonHtmlType,isDisabled:r.secondaryButtonIsDisabled,isLoading:r.secondaryButtonIsLoading,onClick:r.onClickSecondaryButton});case pr.tertiaryButton:return m(K,{...e,className:"form__button-item",dataTestId:e.dataTestId||"FormTertiaryButton",key:r.key,width:"fill",htmlType:r.tertiaryButtonHtmlType,isDisabled:r.tertiaryButtonIsDisabled,isLoading:r.tertiaryButtonIsLoading,onClick:r.onClickTertiaryButton});case pr.checkbox:return i(be,{...e,dataTestId:r.dataTestId},r.key);case pr.choice:return i(xe,{...e,dataTestId:r.dataTestId},r.key);case pr.code:return i(Ie,{...e,dataTestId:r.dataTestId},r.key);case pr.chips:return i(ve,{...e,dataTestId:r.dataTestId},r.key);case pr.switch:return i(dr,{...e,dataTestId:r.dataTestId},r.key);case pr.segmented:return i(ir,{...e,dataTestId:r.dataTestId},r.key);case pr.datePicker:return i(Me,{...e,dataTestId:r.dataTestId},r.key);case pr.fileInput:return i(He,{...e,dataTestId:r.dataTestId},r.key);case pr.radioGroup:return i(tr,{...e,dataTestId:r.dataTestId},r.key);case pr.select:return i(nr,{...e,dataTestId:r.dataTestId},r.key);case pr.text:return i(Ue,{...e,dataTestId:r.dataTestId},r.key);case pr.textarea:return i(cr,{...e,dataTestId:r.dataTestId},r.key);case pr.maskedInput:return i(Ze,{...e,dataTestId:r.dataTestId},r.key);case pr.custom:return i(ze,{...e,dataTestId:r.dataTestId},r.key);case pr.dadataInput:return i(Pe,{...e,dataTestId:r.dataTestId},r.key);case pr.inputNumber:return i(Je,{...e,dataTestId:r.dataTestId},r.key);case pr.group:return i(Oe,{...e,dataTestId:r.dataTestId,children:Object.entries(e.group).map(([t,a])=>mr({...a,classNameGroupItem:a.classNameGroupItem||"form__group-item",showMessage:e.showMessage},{...r,key:t+"_form_group"}))},r.key)}}const pr={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"},fr=s.forwardRef(function(e,r){const{className:n,dataTestId:l,dataTour:u,type:c,initialValues:m,initialValuesEqual:f,config:h,validationSchema:T,title:_,desc:v,buttonGap:S,dataTestIdButtons:x,dataTestIdPrimaryButton:C,dataTestIdSecondaryButton:I,dataTestIdTertiaryButton:z,dataTourButtons:w,dataTourPrimaryButton:P,dataTourSecondaryButton:N,dataTourTertiaryButton:M,disableFieldsAutoComplete:k=!1,fieldsGap:B,groupGap:F,language:D,mutators:V,notificationCloseButton:E,notificationType:A,primaryButton:q,renderFieldsWrapper:R=e=>e,secondaryButton:L,tertiaryButton:H,before:j,after:O,isLoading:G,onClickSecondaryButton:U,onClickTertiaryButton:Q,onChangeFormValues:J,onSubmit:Y}=e,ee=h.fields||h,re=ge(T,D),te=d(e=>{r&&"object"==typeof r&&(r.current=e)},[r]),ae=y(e),{directionClass:ie,fillClass:oe,titleFill:se,titlePosition:ne,titleTextColor:le,titleTextSize:de,titleTextWeight:ce,descSize:me,descTextColor:pe,descTextWeight:fe,buttonDirection:he="vertical",buttonFill:ye,buttonJustifyContent:Te,buttonPadding:be,buttonPosition:_e,elevationClass:ve,heightClass:Se,loader:xe,loaderAppearance:Ce,loaderFill:Ie="surfacePrimary",loaderItemFill:ze="accentItemSecondary",loaderShape:we,loaderSize:Pe="l",loaderText:Ne,loaderType:Me="dot",primaryButtonAppearance:ke,primaryButtonFill:Be,primaryButtonFillHover:Fe,primaryButtonHtmlType:De,primaryButtonIsDisabled:Ve,primaryButtonIsLoading:Ee,primaryButtonLabel:Ae,primaryButtonLabelSize:qe,primaryButtonLabelTextColor:Ke,primaryButtonLabelTextWeight:We,primaryButtonSize:$e,secondaryButtonAppearance:Re,secondaryButtonFill:Le,secondaryButtonFillHover:He,secondaryButtonHtmlType:je,secondaryButtonIsDisabled:Oe,secondaryButtonIsLoading:Ge,secondaryButtonLabel:Ue,secondaryButtonLabelSize:Qe,secondaryButtonLabelTextColor:Je,secondaryButtonLabelTextWeight:Ze,secondaryButtonSize:Xe,shapeClass:Ye,shapeStrengthClass:er,tertiaryButtonAppearance:rr,tertiaryButtonFill:tr,tertiaryButtonFillHover:ar,tertiaryButtonHtmlType:ir,tertiaryButtonIsDisabled:or,tertiaryButtonIsLoading:sr,tertiaryButtonLabel:nr,tertiaryButtonLabelSize:lr,tertiaryButtonLabelTextColor:dr,tertiaryButtonLabelTextWeight:ur,tertiaryButtonSize:cr,widthClass:pr}=ae,{styles:fr,wrapper:hr}=g(e);return i(t,{initialValues:m,initialValuesEqual:f,render:({form:e,handleSubmit:r,modifiedSinceLastSubmit:t,submitError:d})=>o("form",{className:p(n,"form",c&&`form_type_${c}`,pr&&`width_${pr}`,Se&&`height_${Se}`,ne&&`form_title-position_${ne}`,_e&&`form_button-position_${_e}`,ie&&`direction_${ie}`,oe&&`fill_${oe}`,Ye&&`shape_${Ye}`,er&&`shape-strength_${er}`,ve&&`elevation_${ve}`),ref:()=>te(e),autoCapitalize:k?"off":void 0,autoComplete:k?"off":void 0,autoCorrect:k?"off":void 0,"data-testid":h.form?.dataTestId||l&&`${l}Form`||"Form","data-tour":u,spellCheck:k?"false":void 0,style:fr,onSubmit:r,children:[j,_&&i($,{className:"form__title",size:de,fill:se,textColor:le,textWeight:ce,"data-testid":l?`${l}Title`:"FormTitle",children:_}),v&&i(b,{className:"form__desc",size:me,textColor:pe,textWeight:fe,"data-testid":l?`${l}Desc`:"FormDesc",children:v}),d&&!t&&i("div",{className:p("notification","form-notification",A?`form-notification_${A}`:"form-notification_global"),children:i(X,{appearance:"errorPrimary sizeS solid rounded",dataTestId:h.form?.dataTestId?`${h.form.dataTestId}Notification`:"FormNotification",type:"global",title:e.getState().submitError,status:"error",closeIcon:E})}),J&&i(a,{subscription:{values:!0},onChange:J}),Boolean(ee&&Object.keys(ee).length)&&i(s.Fragment,{children:R(o(Z,{className:"form__wrapper",direction:"vertical",gap:B||F,style:hr,children:[Object.keys(ee).map(e=>mr(ee[e],{dataTestId:l||h.form?.dataTestId,key:e})),G&&(xe||i(W,{appearance:Ce,className:"form__loader",dataTestId:h.form?.dataTestId?`${h.form.dataTestId}Loader`:"FormLoader",type:Me,size:Pe,fill:Ie,text:Ne,itemFill:ze,shape:we}))]}))}),h.buttons?i(Z,{className:"form__button",dataTestId:x||`${l}Buttons`,dataTour:w,direction:he,justifyContent:Te,fill:ye,padding:be,gap:S,children:Object.keys(h.buttons).map(e=>mr(h.buttons[e],{dataTestId:l,key:e,primaryButtonHtmlType:De,primaryButtonIsDisabled:Ve,primaryButtonIsLoading:Ee,secondaryButtonHtmlType:je,secondaryButtonIsDisabled:Oe,secondaryButtonIsLoading:Ge,tertiaryButtonHtmlType:ir,tertiaryButtonIsDisabled:or,tertiaryButtonIsLoading:sr,onClickSecondaryButton:U,onClickTertiaryButton:Q}))}):(Ae||q||Ue||L||H||nr)&&o(Z,{className:"form__button",dataTestId:x||`${l}Buttons`,dataTour:w,direction:he,justifyContent:Te,fill:ye,padding:be,gap:S,children:[Ae?i(K,{appearance:ke,className:"form__button-item",dataTestId:C||l&&`${l}PrimaryButton`||"FormPrimaryButton",dataTour:P,width:"fill",size:$e,fill:Be,fillHover:Fe,label:Ae,labelTextColor:Ke,labelTextSize:qe,labelTextWeight:We,htmlType:De||"submit",isDisabled:Ve,isLoading:Ee}):q,Ue?i(K,{appearance:Re,className:"form__button-item",dataTestId:I||l&&`${l}SecondaryButton`||"FormSecondaryButton",dataTour:N,width:"fill",size:Xe,fill:Le,fillHover:He,label:Ue,labelTextColor:Je,labelTextSize:Qe,labelTextWeight:Ze,htmlType:je,isDisabled:Oe,isLoading:Ge,onClick:U}):L,nr?i(K,{appearance:rr,className:"form__button-item",dataTestId:z||l&&`${l}TertiaryButton`||"FormTertiaryButton",dataTour:M,width:"fill",size:cr,fill:tr,fillHover:ar,label:nr,labelTextColor:dr,labelTextSize:lr,labelTextWeight:ur,htmlType:ir,isDisabled:or,isLoading:sr,onClick:Q}):H]}),O]}),decorators:[ue],mutators:V,subscription:{modifiedSinceLastSubmit:!0,pristine:!0,submitError:!0,submitting:!0},validate:re,onSubmit:Y})});fr.defaultProps={direction:"vertical"};const hr=e=>{const r=e.slice(0,10).replace(/,/g,".").replace(/[^\d.]/g,""),t=parseFloat(r);return t||0===t?r.endsWith(".")&&(r.match(/\./g)||[]).length>1?r.slice(0,-1):r:""},gr=e=>{const r={},t=e.response?.data||e;if(t)if("string"==typeof t)r[v]="Во время обработки запроса произошла ошибка, попробуйте повторить запрос";else for(const e in t){r["non_field_errors"===e||"detail"===e?v:e]=V(t[e])[0]}else r[v]=e.message||"Произошла ошибка";return r},yr=e=>!e||Y(e,"RU"),Tr=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())},br=e=>{const r=e instanceof Date?e:new Date(e);return!isNaN(r.getTime())},_r=e=>{const r=Object.entries(e.fields);return e.requiredFields=r.reduce((e,[r,t])=>(t.exclusiveTests?.required&&e.push(r),e),[]),e};export{ee as DEFAULT_MESSAGES_FIELDS,le as FieldWrapper,ne as FieldWrapperBase,fr as FinalForm,be as FormFieldCheckbox,ve as FormFieldChips,xe as FormFieldChoice,Ie as FormFieldCode,ze as FormFieldCustom,Pe as FormFieldDadataInput,Me as FormFieldDatePicker,He as FormFieldFileInput,Ue as FormFieldInput,Je as FormFieldInputNumber,Ze as FormFieldMaskedInput,Ye as FormFieldPassword,tr as FormFieldRadioGroup,ir as FormFieldSegmented,nr as FormFieldSelect,dr as FormFieldSwitch,cr as FormFieldTextarea,Oe as FormGroup,_r as addRequiredFieldsParamToSchema,pe as createDataTestIdField,br as dateValidation,re as defaultCheckboxProps,_e as defaultChipsProps,Se as defaultChoiceProps,Ce as defaultCodeProps,we as defaultDadataInputProps,Ne as defaultDatepickerProps,ke as defaultDropzoneProps,te as defaultFieldProps,oe as defaultFieldSizeL,ie as defaultFieldSizeM,ae as defaultFieldSizeS,se as defaultFieldSizeXL,je as defaultGroupProps,Qe as defaultInputNumberProps,Ge as defaultInputProps,Xe as defaultPasswordProps,er as defaultRadioProps,ar as defaultSegmentedProps,or as defaultSelectProps,lr as defaultSwitchProps,ur as defaultTextareaProps,Tr as emailValidation,de as focusOnError,ue as focusOnErrorDecorator,pr as formTypes,mr as generateField,gr as getErrorsForFinalForm,hr as parseNumericField,yr as phoneValidation,me as sendFormDataToServer,ce as setErrorsMutator,ge as useYupValidationSchema};