kui-crm 0.0.41 → 0.0.43

package/cjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var React = require('react');
 var mobxReact = require('mobx-react');
 var reactHookForm = require('react-hook-form');
 var kuiComplex = require('kui-complex');
@@ -14,7 +14,7 @@ var axios = require('axios');
 var kuiBasic = require('kui-basic');
 var _ = require('lodash');
 var styled = require('@emotion/styled');
-var react$1 = require('@emotion/react');
+var react = require('@emotion/react');
 var reactRouterDom = require('react-router-dom');
 var yup$1 = require('@hookform/resolvers/yup');
 var yup = require('yup');
@@ -44,6 +44,7 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var to__default = /*#__PURE__*/_interopDefaultLegacy(to);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
@@ -330,14 +331,14 @@ var CitiesStore = /** @class */ (function () {
 }());
 
 var useAutocomplete = function (filter, paginator, fetchAll, defaultFilter, withoutRequest) {
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (defaultFilter)
             filter.updateFilterQuery(defaultFilter);
         filter.updateSearchQuery("");
         paginator.clearOffset();
         paginator.startFetching();
     }, []);
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (paginator.isFetching && !paginator.isFinishPage && !withoutRequest) {
             fetchAll();
         }
@@ -367,9 +368,9 @@ var useAutocomplete = function (filter, paginator, fetchAll, defaultFilter, with
 
 function CityAutocomplete(props) {
     var form = props.form, name = props.name, label = props.label, onSelect = props.onSelect, regionName = props.regionName, otherProps = __rest(props, ["form", "name", "label", "onSelect", "regionName"]);
-    var citiesStoreRef = react.useRef(new CitiesStore());
-    var _a = react.useState(false), isMounted = _a[0], setIsMounted = _a[1];
-    var inputRef = react.useRef(null);
+    var citiesStoreRef = React.useRef(new CitiesStore());
+    var _a = React.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+    var inputRef = React.useRef(null);
     var _b = citiesStoreRef.current, cities = _b.cities, fetchCities = _b.fetchCities, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
     var isLoading = loader.isLoading;
     var region = reactHookForm.useWatch({
@@ -383,7 +384,7 @@ function CityAutocomplete(props) {
         if (onSelect)
             onSelect(item);
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (isMounted && inputRef.current) {
             form.setValue("".concat(name, ".id"), null);
             form.setValue("".concat(name, ".name"), null);
@@ -437,7 +438,7 @@ var CountriesStore = /** @class */ (function () {
 
 function CountryAutocomplete(props) {
     var form = props.form, name = props.name, label = props.label, defaultFilter = props.defaultFilter, onSelect = props.onSelect, otherProps = __rest(props, ["form", "name", "label", "defaultFilter", "onSelect"]);
-    var countriesStoreRef = react.useRef(new CountriesStore());
+    var countriesStoreRef = React.useRef(new CountriesStore());
     var _a = countriesStoreRef.current, countries = _a.countries, fetchCountries = _a.fetchCountries, paginator = _a.paginator, filter = _a.filter, loader = _a.loader;
     var isLoading = loader.isLoading;
     var _b = useAutocomplete(filter, paginator, fetchCountries, defaultFilter), onSearchItem = _b.onSearchItem, onScrollEnd = _b.onScrollEnd;
@@ -457,7 +458,7 @@ var CountryAutocomplete$1 = mobxReact.observer(CountryAutocomplete);
 
 function InputFileWithVisibility(props) {
     var form = props.form, name = props.name, defaultVisibility = props.defaultVisibility, disabled = props.disabled, inputProps = __rest(props, ["form", "name", "defaultVisibility", "disabled"]);
-    var _a = react.useState(false), mounted = _a[0], setMounted = _a[1];
+    var _a = React.useState(false), mounted = _a[0], setMounted = _a[1];
     var file = reactHookForm.useWatch({ control: form.control, name: "".concat(name, ".file") });
     var tenant = reactHookForm.useWatch({
         control: form.control,
@@ -476,13 +477,13 @@ function InputFileWithVisibility(props) {
         form.setValue("".concat(name, ".landlord"), visibilitySettings.landlord);
         form.setValue("".concat(name, ".tenant"), visibilitySettings.tenant);
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (typeof landlord === "boolean" && typeof tenant === "boolean") {
             var visibility = kuiComplex.getVisibility({ landlord: landlord, tenant: tenant });
             form.setValue("".concat(name, ".visibility"), visibility);
         }
     }, [landlord, tenant]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         var defaultValue = form.getValues(name);
         if (defaultValue && "filesStore" in defaultValue) {
             form.setValue("".concat(name, ".file"), __assign(__assign({}, defaultValue), { filesStore: null }));
@@ -557,9 +558,9 @@ var RegionsStore = /** @class */ (function () {
 
 function RegionAutocomplete(props) {
     var form = props.form, name = props.name, label = props.label, onSelect = props.onSelect, countryName = props.countryName, otherProps = __rest(props, ["form", "name", "label", "onSelect", "countryName"]);
-    var regionsStoreRef = react.useRef(new RegionsStore());
-    var _a = react.useState(false), isMounted = _a[0], setIsMounted = _a[1];
-    var inputRef = react.useRef(null);
+    var regionsStoreRef = React.useRef(new RegionsStore());
+    var _a = React.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+    var inputRef = React.useRef(null);
     var _b = regionsStoreRef.current, regions = _b.regions, fetchRegions = _b.fetchRegions, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
     var isLoading = loader.isLoading;
     var country = reactHookForm.useWatch({
@@ -573,7 +574,7 @@ function RegionAutocomplete(props) {
         if (onSelect)
             onSelect(item);
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (isMounted && inputRef.current) {
             form.setValue("".concat(name, ".id"), null);
             form.setValue("".concat(name, ".name"), null);
@@ -596,8 +597,8 @@ RegionAutocomplete.defaultProps = {
 var RegionAutocomplete$1 = mobxReact.observer(RegionAutocomplete);
 
 var usePortalPosition = function (portalParentRef) {
-    var _a = react.useState(null), coords = _a[0], setCoords = _a[1];
-    react.useEffect(function () {
+    var _a = React.useState(null), coords = _a[0], setCoords = _a[1];
+    React.useEffect(function () {
         if (!portalParentRef.current) {
             return;
         }
@@ -616,7 +617,7 @@ var usePortalPosition = function (portalParentRef) {
 };
 
 var useFetchPage = function (paginator, fetchAll, deps) {
-    react.useEffect(function () {
+    React.useEffect(function () {
         if ((paginator === null || paginator === void 0 ? void 0 : paginator.isFetching) && !(paginator === null || paginator === void 0 ? void 0 : paginator.isFinishPage) && fetchAll) {
             fetchAll();
         }
@@ -624,7 +625,7 @@ var useFetchPage = function (paginator, fetchAll, deps) {
             paginator === null || paginator === void 0 ? void 0 : paginator.stopFetching();
         }
     }, [paginator, paginator === null || paginator === void 0 ? void 0 : paginator.isFetching]);
-    react.useEffect(function () { return function () {
+    React.useEffect(function () { return function () {
         paginator === null || paginator === void 0 ? void 0 : paginator.clearOffset();
         paginator === null || paginator === void 0 ? void 0 : paginator.startFetching();
     }; }, deps || []);
@@ -639,7 +640,7 @@ var useScrollWithBottomSpacing = function (spacingToBottom, delay, callback, ele
             callback();
         }
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         var throttle = ___default["default"].throttle(handleScroll, delay);
         var target = (element === null || element === void 0 ? void 0 : element.current) || document;
         target.addEventListener("scroll", throttle);
@@ -675,8 +676,8 @@ function SquarePreviewImage(_a) {
     return (jsxRuntime.jsx(StyledWrapper$8, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsxRuntime.jsx(StyledImage$1, { src: imageSrc, alt: "preview image" })) : (jsxRuntime.jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
 }
 var previewSizesStyles = {
-    lg: react$1.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "], ["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "]))),
-    sm: react$1.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n  "], ["\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n  "]))),
+    lg: react.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "], ["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "]))),
+    sm: react.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n  "], ["\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n  "]))),
 };
 var StyledImage$1 = styled__default["default"].img(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n"], ["\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n"])));
 var StyledWrapper$8 = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  overflow: hidden;\n  ", ";\n"], ["\n  overflow: hidden;\n  ", ";\n"])), function (_a) {
@@ -848,8 +849,8 @@ var createParentNode$1 = function () {
 };
 function ErrorPopup(_a) {
     var label = _a.label, onClose = _a.onClose;
-    var isHoverRef = react.useRef(false);
-    var _b = react.useState(true), open = _b[0], setOpen = _b[1];
+    var isHoverRef = React.useRef(false);
+    var _b = React.useState(true), open = _b[0], setOpen = _b[1];
     var startHover = function () {
         isHoverRef.current = true;
     };
@@ -867,7 +868,7 @@ function ErrorPopup(_a) {
         isHoverRef.current = false;
         handleClose();
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         var timeoutId;
         if (open) {
             timeoutId = setTimeout(checkIsHoverAndClose, timeout);
@@ -881,9 +882,9 @@ function ErrorPopup(_a) {
         return null;
     }
     var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react$1.Global, { styles: containerCSS$1 }), reactDom.createPortal(jsxRuntime.jsx(StyledWrapper$6, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), reactDom.createPortal(jsxRuntime.jsx(StyledWrapper$6, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
 }
-var containerCSS$1 = react$1.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  body {\n    position: relative;\n  }\n  .KUI-ErrorPopup_container {\n    display: flex;\n    position: fixed;\n    top: 120px;\n    justify-content: center;\n    flex-direction: column;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"], ["\n  body {\n    position: relative;\n  }\n  .KUI-ErrorPopup_container {\n    display: flex;\n    position: fixed;\n    top: 120px;\n    justify-content: center;\n    flex-direction: column;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"])));
+var containerCSS$1 = react.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  body {\n    position: relative;\n  }\n  .KUI-ErrorPopup_container {\n    display: flex;\n    position: fixed;\n    top: 120px;\n    justify-content: center;\n    flex-direction: column;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"], ["\n  body {\n    position: relative;\n  }\n  .KUI-ErrorPopup_container {\n    display: flex;\n    position: fixed;\n    top: 120px;\n    justify-content: center;\n    flex-direction: column;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"])));
 var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  height: 46px;\n  border-radius: 12px;\n  background: rgba(25, 25, 25, 0.8);\n  box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n  padding: 0 24px;\n  margin-bottom: 16px;\n  width: max-content;\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  height: 46px;\n  border-radius: 12px;\n  background: rgba(25, 25, 25, 0.8);\n  box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n  padding: 0 24px;\n  margin-bottom: 16px;\n  width: max-content;\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
 var StyledContent = styled__default["default"].pre(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n"], ["\n  margin: 0;\n  padding: 0;\n"])));
 var templateObject_1$h, templateObject_2$9, templateObject_3$8;
@@ -897,7 +898,7 @@ var createParentNode = function () {
 };
 function LoaderPopup(_a) {
     var label = _a.label, onClose = _a.onClose;
-    var _b = react.useState(true), isOpen = _b[0], setIsOpen = _b[1];
+    var _b = React.useState(true), isOpen = _b[0], setIsOpen = _b[1];
     if (!isOpen) {
         return null;
     }
@@ -908,9 +909,9 @@ function LoaderPopup(_a) {
         }
     };
     var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react$1.Global, { styles: containerCSS }), reactDom.createPortal(jsxRuntime.jsxs(StyledWrapper$5, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$1, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), reactDom.createPortal(jsxRuntime.jsxs(StyledWrapper$5, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$1, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
 }
-var containerCSS = react$1.css(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  body {\n    position: relative;\n  }\n  .KUI-LoadingPopup_container {\n    display: flex;\n    flex-direction: column-reverse;\n    position: fixed;\n    bottom: 56px;\n    justify-content: center;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"], ["\n  body {\n    position: relative;\n  }\n  .KUI-LoadingPopup_container {\n    display: flex;\n    flex-direction: column-reverse;\n    position: fixed;\n    bottom: 56px;\n    justify-content: center;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"])));
+var containerCSS = react.css(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  body {\n    position: relative;\n  }\n  .KUI-LoadingPopup_container {\n    display: flex;\n    flex-direction: column-reverse;\n    position: fixed;\n    bottom: 56px;\n    justify-content: center;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"], ["\n  body {\n    position: relative;\n  }\n  .KUI-LoadingPopup_container {\n    display: flex;\n    flex-direction: column-reverse;\n    position: fixed;\n    bottom: 56px;\n    justify-content: center;\n    width: 100%;\n    align-items: center;\n    z-index: 10000;\n  }\n"])));
 var StyledWrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  height: 48px;\n  border-radius: 66px;\n  box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n  background: rgba(25, 25, 25, 0.8);\n  padding: 4px 12px 4px 8px;\n  margin-top: 16px;\n  width: max-content;\n  min-width: 247px;\n  &:last-child {\n    margin-top: 0;\n  }\n"], ["\n  height: 48px;\n  border-radius: 66px;\n  box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n  background: rgba(25, 25, 25, 0.8);\n  padding: 4px 12px 4px 8px;\n  margin-top: 16px;\n  width: max-content;\n  min-width: 247px;\n  &:last-child {\n    margin-top: 0;\n  }\n"])));
 var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  padding: 0 14px;\n"], ["\n  padding: 0 14px;\n"])));
 var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  color: #f1f1f1;\n  width: 28px !important;\n  height: 28px !important;\n"], ["\n  color: #f1f1f1;\n  width: 28px !important;\n  height: 28px !important;\n"])));
@@ -919,7 +920,7 @@ var templateObject_1$g, templateObject_2$8, templateObject_3$7, templateObject_4
 
 function LoaderState(_a) {
     var loader = _a.loader, onlyError = _a.onlyError;
-    react.useEffect(function () { return function () {
+    React.useEffect(function () { return function () {
         loader === null || loader === void 0 ? void 0 : loader.cleanError();
         if (!onlyError)
             loader === null || loader === void 0 ? void 0 : loader.endLoading();
@@ -931,10 +932,10 @@ var LoaderState$1 = mobxReact.observer(LoaderState);
 var name = "inn";
 var CompanyInnAutocomplete = function (props) {
     var form = props.form, otherProps = __rest(props, ["form"]);
-    var loaderRef = react.useRef(new kuiUtils.Loader());
+    var loaderRef = React.useRef(new kuiUtils.Loader());
     var loader = loaderRef.current;
-    var _a = react.useState(""), searchQuery = _a[0], setSearchQuery = _a[1];
-    var _b = react.useState([]), companies = _b[0], setCompanies = _b[1];
+    var _a = React.useState(""), searchQuery = _a[0], setSearchQuery = _a[1];
+    var _b = React.useState([]), companies = _b[0], setCompanies = _b[1];
     var updateFormFields = function (company) {
         if (company) {
             form.setValue("inn", company.inn);
@@ -988,9 +989,9 @@ var CompanyInnAutocomplete$1 = mobxReact.observer(CompanyInnAutocomplete);
 
 function MapComponent(props) {
     var center = props.center, zoom = props.zoom, withMarker = props.withMarker, setMapProp = props.setMap;
-    var _a = react.useState(null), map = _a[0], setMap = _a[1];
-    var ref = react.useRef(null);
-    react.useEffect(function () {
+    var _a = React.useState(null), map = _a[0], setMap = _a[1];
+    var ref = React.useRef(null);
+    React.useEffect(function () {
         if (ref.current) {
             var createdMap = new window.google.maps.Map(ref.current, {
                 center: center,
@@ -1003,7 +1004,7 @@ function MapComponent(props) {
                 setMapProp(createdMap);
         }
     }, [center, zoom]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (withMarker && map) {
             // eslint-disable-next-line no-new
             new window.google.maps.Marker({
@@ -1012,7 +1013,7 @@ function MapComponent(props) {
                 map: map,
             });
         }
-    }, [withMarker, map]);
+    }, [withMarker, center, map]);
     return jsxRuntime$1.jsx("div", { ref: ref, id: "map", css: { height: "100%" } });
 }
 MapComponent.defaultProps = {
@@ -1025,8 +1026,8 @@ var MapComponent$1 = mobxReact.observer(MapComponent);
 function ModalWithMap(props) {
     var _this = this;
     var place = props.place, onSave = props.onSave, handleClose = props.handleClose, open = props.open, disabled = props.disabled;
-    var _a = react.useState(null), map = _a[0], setMap = _a[1];
-    var markerRef = react.useRef(null);
+    var _a = React.useState(null), map = _a[0], setMap = _a[1];
+    var markerRef = React.useRef(null);
     var form = reactHookForm.useForm();
     var addNewMarker = function (position) {
         if (!map) {
@@ -1071,7 +1072,7 @@ function ModalWithMap(props) {
         onSave(addressAutoComplete);
         handleClose();
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         var _a;
         if (map) {
             form.setValue("mapAddress.address", place === null || place === void 0 ? void 0 : place.formatted_address);
@@ -1080,7 +1081,7 @@ function ModalWithMap(props) {
             }
         }
     }, [place, map]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (map && !disabled)
             map.addListener("click", addPlace);
         return function () { return map === null || map === void 0 ? void 0 : map.unbindAll(); };
@@ -1113,8 +1114,8 @@ function InputWithMap(_a) {
 var buttonOffset = 12;
 function PreviewImageCard(props) {
     var url = props.url, onDelete = props.onDelete, onClick = props.onClick, index = props.index, disabled = props.disabled, otherProps = __rest(props, ["url", "onDelete", "onClick", "index", "disabled"]);
-    var _a = react.useState(0), closeButtonOpacity = _a[0], setCloseButtonOpacity = _a[1];
-    var cardRef = react.useRef(null);
+    var _a = React.useState(0), closeButtonOpacity = _a[0], setCloseButtonOpacity = _a[1];
+    var cardRef = React.useRef(null);
     var coords = usePortalPosition(cardRef);
     var closeButtonStyles = {
         right: coords ? coords.right - buttonOffset : 0,
@@ -1162,7 +1163,7 @@ function FileUploaderWithPreview(props) {
     var filePreviewURL = field.value
         ? getFilePreviewURL(field.value)
         : null;
-    var _c = react.useState(filePreviewURL), filePreview = _c[0], setFilePreview = _c[1];
+    var _c = React.useState(filePreviewURL), filePreview = _c[0], setFilePreview = _c[1];
     var formRegister = form.register(name);
     var handleChange = function (e) {
         var _a;
@@ -1476,7 +1477,7 @@ var CompaniesStore = /** @class */ (function () {
 function CompanyAutocomplete(props) {
     var _this = this;
     var form = props.form, name = props.name, label = props.label, handleSelect = props.handleSelect, forApartment = props.forApartment, otherProps = __rest(props, ["form", "name", "label", "handleSelect", "forApartment"]);
-    var companiesStore = react.useRef(new CompaniesStore());
+    var companiesStore = React.useRef(new CompaniesStore());
     var _a = companiesStore.current, companies = _a.companies, paginator = _a.paginator, fetchAll = _a.fetchAll, loader = _a.loader, filter = _a.filter;
     var logo = reactHookForm.useWatch({
         control: form.control,
@@ -1514,7 +1515,7 @@ function CompanyAutocomplete(props) {
             }
         });
     }); };
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (forApartment) {
             filter.updateFilterQuery("&for_apartment=".concat(forApartment));
         }
@@ -1641,17 +1642,17 @@ var FillingTagsStore = /** @class */ (function () {
 function FillingTagsAutocomplete(_a) {
     var _this = this;
     var form = _a.form, name = _a.name, label = _a.label, type = _a.type; _a.defaultValue; var otherProps = __rest(_a, ["form", "name", "label", "type", "defaultValue"]);
-    var tagsStoreRef = react.useRef(new FillingTagsStore());
+    var tagsStoreRef = React.useRef(new FillingTagsStore());
     var tagsStore = tagsStoreRef.current;
     var filteredTags = tagsStore.filteredTags, fetchTags = tagsStore.fetchTags, loader = tagsStore.loader, filter = tagsStore.filter;
-    react.useEffect(function () {
+    React.useEffect(function () {
         filter.updateSearchQuery("");
     }, []);
     var onSelectItem = function (item) {
         form.setValue("".concat(name, ".id"), item === null || item === void 0 ? void 0 : item.id);
         form.setValue("".concat(name, ".name"), item === null || item === void 0 ? void 0 : item.name, { shouldValidate: true });
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         fetchTags(type);
     }, [type]);
     var onSearchItem = function (value) {
@@ -1761,7 +1762,7 @@ var getPartialPayerFields = function (mainPayer, refundFromRef, variant, utility
     },
 ]; };
 
-var InputSelect = react.forwardRef(function (_a, ref) {
+var InputSelect = React.forwardRef(function (_a, ref) {
     var form = _a.form, inputProps = __rest(_a, ["form"]);
     return form ? (jsxRuntime.jsx(kuiComplex.InputSelectWithController, __assign({ ref: ref, form: form }, inputProps))) : (jsxRuntime.jsx(kuiComplex.InputSelect, __assign({ ref: ref, form: form }, inputProps)));
 });
@@ -1776,8 +1777,8 @@ var PartialPayer = function (props) {
             "".concat(name, ".refundFrom"),
         ],
     }), payerType = _a[0], mainPayer = _a[1], refundFrom = _a[2];
-    var refundFromRef = react.useRef(null);
-    react.useEffect(function () {
+    var refundFromRef = React.useRef(null);
+    React.useEffect(function () {
         if (payerType && payerType !== "partial") {
             form.setValue("".concat(name, ".refundFrom"), payerType);
             form.setValue("".concat(name, ".mainPayer"), null);
@@ -1785,16 +1786,16 @@ var PartialPayer = function (props) {
             form.setValue("".concat(name, ".partType"), null);
         }
     }, [payerType]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (mainPayer === refundFrom && refundFromRef.current) {
             form.setValue("".concat(name, ".refundFrom"), null);
             refundFromRef.current.value = "";
         }
     }, [mainPayer]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         return form.setValue("".concat(name, ".utilityType"), utilityType);
     }, [utilityType]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (!form.formState.isDirty) {
             var main = form.getValues("".concat(name, ".mainPayer"));
             var rest = form.getValues("".concat(name, ".refundFrom"));
@@ -1970,9 +1971,9 @@ var DistrictsStore = /** @class */ (function () {
 
 function DistrictAutocomplete(props) {
     var form = props.form, name = props.name, label = props.label, onSelect = props.onSelect, cityName = props.cityName, otherProps = __rest(props, ["form", "name", "label", "onSelect", "cityName"]);
-    var districtsStoreRef = react.useRef(new DistrictsStore());
-    var _a = react.useState(false), isMounted = _a[0], setIsMounted = _a[1];
-    var inputRef = react.useRef(null);
+    var districtsStoreRef = React.useRef(new DistrictsStore());
+    var _a = React.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+    var inputRef = React.useRef(null);
     var _b = districtsStoreRef.current, districts = _b.districts, fetchDistricts = _b.fetchDistricts, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
     var isLoading = loader.isLoading;
     var city = reactHookForm.useWatch({
@@ -1986,7 +1987,7 @@ function DistrictAutocomplete(props) {
         if (onSelect)
             onSelect(item);
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (isMounted && inputRef.current) {
             form.setValue("".concat(name, ".id"), null);
             form.setValue("".concat(name, ".name"), null);
@@ -2050,7 +2051,7 @@ function TariffReplacementFields(_a) {
     var addTariff = function () {
         append({ name: "" });
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (fields.length > 0)
             setReplaceable(true);
         else
@@ -2209,8 +2210,8 @@ var renderFieldsByResource = function (resource, isReplaceable, handleSubmit, cr
 function TariffCreationForm(props) {
     var _this = this;
     var handleClose = props.handleClose, creationForm = props.creationForm, createTariff = props.createTariff, defaultResource = props.defaultResource;
-    var _a = react.useState(defaultResource), resource = _a[0], setResource = _a[1];
-    var _b = react.useState(false), isReplaceable = _b[0], setReplaceable = _b[1];
+    var _a = React.useState(defaultResource), resource = _a[0], setResource = _a[1];
+    var _b = React.useState(false), isReplaceable = _b[0], setReplaceable = _b[1];
     var handleSubmit = function (data) { return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -2243,10 +2244,10 @@ function TariffCreationModal(props) {
 function TariffGroupAutocomplete(props) {
     var _this = this;
     var form = props.form, name = props.name, label = props.label, resource = props.resource, filterQuery = props.filter, filterRequired = props.filterRequired, otherProps = __rest(props, ["form", "name", "label", "resource", "filter", "filterRequired"]);
-    var tariffsStoreRef = react.useRef(new TariffsLiteStore());
+    var tariffsStoreRef = React.useRef(new TariffsLiteStore());
     var tariffsStore = tariffsStoreRef.current;
     var tariffs = tariffsStore.tariffs, paginator = tariffsStore.paginator, fetchAll = tariffsStore.fetchAll, loader = tariffsStore.loader, filter = tariffsStore.filter;
-    var fetchAllByResource = react.useCallback(function () {
+    var fetchAllByResource = React.useCallback(function () {
         if (filterRequired ? filter.filterQuery : true) {
             fetchAll(resource);
         }
@@ -2270,7 +2271,7 @@ function TariffGroupAutocomplete(props) {
             }
         });
     }); };
-    react.useEffect(function () {
+    React.useEffect(function () {
         filter.updateFilterQuery(filterQuery);
     }, [filterQuery]);
     return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, options: tariffs, isLoading: loader.isLoading, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, creatingLabel: "Add new tariff group", renderCreatingModal: function (modalProps) { return (jsxRuntime.jsx(TariffCreationModal, __assign({ creationForm: tariffsStore.creationForm, createTariff: onCreate, defaultResource: resource }, modalProps))); } }, otherProps)));
@@ -2390,7 +2391,7 @@ function ReplaceableCountersBlock(_a) {
         else
             setIsReplaceable(false);
     };
-    react.useEffect(function () { return function () { return setIsReplaceable(false); }; });
+    React.useEffect(function () { return function () { return setIsReplaceable(false); }; });
     return (jsxRuntime$1.jsx(kuiComplex.RadioGroupWithLabel, { isSquare: true, fullWidth: true, title: "Replacement meter", direction: "vertical", form: form, name: "replaceableCounter", options: options, defaultValue: "none", "data-testid": "replaceable_counters", onChange: handleChange }));
 }
 var ReplaceableCountersBlock$1 = mobxReact.observer(ReplaceableCountersBlock);
@@ -2400,7 +2401,7 @@ function MeterFeaturesFields(props) {
     var handleSubmit = props.handleSubmit, renderMeterType = props.renderMeterType, withLastValue = props.withLastValue, setIsReplaceable = props.setIsReplaceable;
     var operatingAccount = props.operatingAccount, administrativeCompany = props.administrativeCompany, apartmentId = props.apartmentId, withPassport = props.withPassport;
     var formBottomProps = props.formBottomProps, defaultValues = props.defaultValues, withNextCheck = props.withNextCheck;
-    var _a = react.useState(false), disableOperatingAccount = _a[0], setDisableOperatingAccount = _a[1];
+    var _a = React.useState(false), disableOperatingAccount = _a[0], setDisableOperatingAccount = _a[1];
     var withMeterType = resource === "water" || resource === "electricity";
     var tariffFilter = "".concat(apartmentId ? "&for_apartment=".concat(apartmentId) : "").concat(withMeterType && meterType ? "&type=".concat(meterType) : "");
     var handleCompanyChange = function (company) {
@@ -2428,14 +2429,14 @@ function MeterFeaturesFields(props) {
         .filter(function (field) { return field.type === "number"; })
         .map(function (field) { return field.name; });
     var meterFeaturesFieldsSchema = getMeterFeaturesFieldsSchema(valueFieldsName, !!maxMeters && Number(replacements === null || replacements === void 0 ? void 0 : replacements.length) >= Number(maxMeters));
-    var form = react.useMemo(function () {
+    var form = React.useMemo(function () {
         return reactHookForm.useForm({
             resolver: yup$1.yupResolver(meterFeaturesFieldsSchema),
             defaultValues: __assign({ operationalAccountNumber: operatingAccount }, defaultValues),
             values: defaultValues,
         });
     }, [meterFeaturesFieldsSchema]);
-    react.useEffect(function () {
+    React.useEffect(function () {
         if (!replacements || (replacements === null || replacements === void 0 ? void 0 : replacements.length) === 0) {
             form.setValue("replaceableCounter", "");
         }
@@ -2453,12 +2454,12 @@ function MeterTypeRadioGroup(props) {
 
 function MeterFeaturesForm(props) {
     var formStore = props.formStore, handleSubmit = props.handleSubmit, resource = props.resource, maxMeters = props.maxMeters, handleMeterTypeChange = props.handleMeterTypeChange, defaultValues = props.defaultValues, other = __rest(props, ["formStore", "handleSubmit", "resource", "maxMeters", "handleMeterTypeChange", "defaultValues"]);
-    var _a = react.useState(false), isReplaceable = _a[0], setIsReplaceable = _a[1];
+    var _a = React.useState(false), isReplaceable = _a[0], setIsReplaceable = _a[1];
     var withMeterType = (resource === "water" && maxMeters !== 1) || resource === "electricity";
     var defaultType = resource === "water" ? "cold" : "T1";
     var defaultMeterType = withMeterType ? defaultType : null;
-    var _b = react.useState((defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) || defaultMeterType), meterType = _b[0], setMeterType = _b[1];
-    react.useEffect(function () {
+    var _b = React.useState((defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) || defaultMeterType), meterType = _b[0], setMeterType = _b[1];
+    React.useEffect(function () {
         if (handleMeterTypeChange) {
             handleMeterTypeChange(meterType);
         }
@@ -2498,7 +2499,7 @@ var SignInPage = function (props) {
     var handleSubmit = props.handleSubmit, isLoading = props.isLoading, err = props.err;
     return (jsxRuntime.jsxs(StyledWrapper$1, { children: [jsxRuntime.jsx(StyledBackground, { src: img }), jsxRuntime.jsx(StyledContainer, { children: jsxRuntime.jsx(StyledCardWrapper, __assign({ container: true, alignItems: "center" }, { children: jsxRuntime.jsxs(StyledCard, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mb: 4 }, { children: jsxRuntime.jsx(kuiIcon.MaroomIcon, { width: 143, height: 32 }) })), jsxRuntime.jsx(kuiBasic.Box, __assign({ mb: 1 }, { children: jsxRuntime.jsx(kuiBasic.Heading, { children: "Welcome" }) })), isLoading ? (jsxRuntime.jsx(kuiComplex.Loading, { height: "65%" })) : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ErrorBlock, __assign({ mb: 1 }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 600 }, { children: err && "Вы ввели неверные данные" })) })), jsxRuntime.jsx(SignInForm, { onSubmit: handleSubmit })] }))] }) })) })] }));
 };
-var index = mobxReact.observer(SignInPage);
+var index$1 = mobxReact.observer(SignInPage);
 var StyledWrapper$1 = styled__default["default"].div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  height: 100vh;\n  width: 100vw;\n  position: relative;\n"], ["\n  height: 100vh;\n  width: 100vw;\n  position: relative;\n"])));
 var StyledBackground = styled__default["default"].img(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  object-position: bottom center;\n  object-fit: cover;\n"], ["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  object-position: bottom center;\n  object-fit: cover;\n"])));
 var StyledCard = styled__default["default"].div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 16px;\n  box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.1),\n    0px 26px 26px rgba(10, 31, 68, 0.12);\n  width: 496px;\n  height: 512px;\n  padding: 64px 48px;\n  box-sizing: border-box;\n  z-index: 1;\n  @media (max-width: 960px) {\n    width: 100%;\n    padding: 32px 24px;\n    height: 455px;\n  }\n"], ["\n  background: ", ";\n  border-radius: 16px;\n  box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.1),\n    0px 26px 26px rgba(10, 31, 68, 0.12);\n  width: 496px;\n  height: 512px;\n  padding: 64px 48px;\n  box-sizing: border-box;\n  z-index: 1;\n  @media (max-width: 960px) {\n    width: 100%;\n    padding: 32px 24px;\n    height: 455px;\n  }\n"])), kuiBasic.theme.palette.grey.zero);
@@ -2519,12 +2520,12 @@ var templateObject_1$1;
 
 function CopyButton(_a) {
     var text = _a.text, otherProps = __rest(_a, ["text"]);
-    var _b = react.useState(false), isCopied = _b[0], setIsCopied = _b[1];
+    var _b = React.useState(false), isCopied = _b[0], setIsCopied = _b[1];
     var handleClick = function () {
         kuiUtils.copyInfo(text);
         setIsCopied(true);
     };
-    react.useEffect(function () {
+    React.useEffect(function () {
         var intervalId;
         if (isCopied) {
             var timeout = setTimeout(function () {
@@ -2545,6 +2546,13 @@ var CardWrapper = styled__default["default"].div(templateObject_3 || (templateOb
 var Wrapper = styled__default["default"](kuiBasic.Grid)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: auto;\n  position: relative;\n"], ["\n  width: auto;\n  position: relative;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
+function MultistepForm(props) {
+    var form = props.form, children = props.children, stepShift = props.stepShift;
+    var childrenList = React__default["default"].Children.toArray(children);
+    return jsxRuntime.jsx("div", { children: childrenList[form.step - (1 + (stepShift || 0))] });
+}
+var index = mobxReact.observer(MultistepForm);
+
 var getFillingInfoFields = function (withType, type, setType) { return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], kuiUtils.addToArrayByCondition(withType, {
     label: "Filling type",
     name: "type",
@@ -2868,6 +2876,7 @@ exports.MeterFeaturesForm = MeterFeaturesForm;
 exports.MeterTypeRadioGroup = MeterTypeRadioGroup;
 exports.Modal = Modal;
 exports.ModalWithMap = ModalWithMap$1;
+exports.MultistepForm = index;
 exports.OpenMapButton = OpenMapButton;
 exports.ParkingTypesValues = ParkingTypesValues;
 exports.PartialPayer = PartialPayer;
@@ -2881,7 +2890,7 @@ exports.ReplaceableCountersBlock = ReplaceableCountersBlock$1;
 exports.ResourceValues = ResourceValues;
 exports.RoomTypeValues = RoomTypeValues;
 exports.RoomTypesValues = RoomTypesValues;
-exports.SignInPage = index;
+exports.SignInPage = index$1;
 exports.SquarePreviewImage = SquarePreviewImage;
 exports.TVTypesValues = TVTypesValues;
 exports.TableBottomLoading = TableBottomLoading;