kui-crm 0.0.21 → 0.0.23

package/index.js

@@ -2,21 +2,22 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect, useRef, useState, useCallback, useMemo } from 'react';
 import { observer } from 'mobx-react';
 import { useWatch, useForm, useController, useFieldArray } from 'react-hook-form';
-import { InputWithAutocomplete, AutocompleteOption, getVisibility, InputFile, CheckboxGroupWithTitle, getVisibilitySettings, InputWithController, InputWithMask, InputPhoneWithForm, InputSelectWithController, InputWithDatePicker, InputWithAddressAutocomplete, MapWrapper, useAddressAutocomplete, Loading, RadioGroupWithLabel, InputSelect } from 'kui-complex';
+import { InputWithAutocomplete, AutocompleteOption as AutocompleteOption$1, getVisibility, InputFile, CheckboxGroupWithTitle, getVisibilitySettings, InputWithController, InputWithMask, InputPhoneWithForm, InputSelectWithController, InputWithDatePicker, InputWithAddressAutocomplete, MapWrapper, useAddressAutocomplete, Loading, RadioGroupWithLabel, InputSelect } from 'kui-complex';
 import to from 'await-to-js';
 import { makeAutoObservable, runInAction } from 'mobx';
-import { deleteCookie, getCookie, Loader, Paginator, SortingFilter, resHandler, useDebounce, isValidWithMaskExp, useToggle, MultistepForm, addToArrayByCondition, promisesWithCallback } from 'kui-utils';
+import { deleteCookie, getCookie, Loader, Paginator, SortingFilter, resHandler, useDebounce, useToggle, getPhoneParamsFromString, MultistepForm, addToArrayByCondition, isValidWithMaskExp as isValidWithMaskExp$1, promisesWithCallback } from 'kui-utils';
 import axios from 'axios';
-import { Box, Grid, theme, Caption, Heading, Modal as Modal$1, Button, Divider, Container } from 'kui-basic';
+import { Box, Grid, theme, Caption, Heading, Modal as Modal$1, CircularProgress, Button, Divider, Container } from 'kui-basic';
 import styled from '@emotion/styled';
-import { css } from '@emotion/react';
+import { css, Global } from '@emotion/react';
 import { useNavigate } from 'react-router-dom';
 import { yupResolver } from '@hookform/resolvers/yup';
 import * as yup from 'yup';
-import { CheckIcon, MapIcon, LoupeIcon, CloseIcon, PlusIcon, PrevArrowIcon, NextArrowIcon, MaroomIcon } from 'kui-icon';
-import { jsx as jsx$1, jsxs as jsxs$1 } from '@emotion/react/jsx-runtime';
 import { createPortal } from 'react-dom';
+import { CrossWithCircleIcon, CheckIcon, MapIcon, LoupeIcon, CloseIcon, PlusIcon, PrevArrowIcon, NextArrowIcon, MaroomIcon } from 'kui-icon';
+import { jsx as jsx$1, jsxs as jsxs$1 } from '@emotion/react/jsx-runtime';
 import _ from 'lodash';
+import { DateTime } from 'luxon';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -149,6 +150,9 @@ var CompaniesAgent = {
     createLogo: function (companyId, logo) {
         return requests.put("/companies/".concat(companyId, "/logo"), logo);
     },
+    findCompanyByINN: function (body) {
+        return requests.post("/companies/info-by-new-tin", body);
+    },
 };
 
 var UploadAgent = {
@@ -341,7 +345,7 @@ function CityAutocomplete(props) {
         }
         setIsMounted(true);
     }, [region === null || region === void 0 ? void 0 : region.id]);
-    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: cities, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
+    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption$1, { label: option.name })); }, isLoading: isLoading, options: cities, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
 }
 CityAutocomplete.defaultProps = {
     label: "City",
@@ -392,7 +396,7 @@ function CountryAutocomplete(props) {
         if (onSelect)
             onSelect(item);
     };
-    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: countries, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd }, otherProps)));
+    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption$1, { label: option.name })); }, isLoading: isLoading, options: countries, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd }, otherProps)));
 }
 CountryAutocomplete.defaultProps = {
     label: "Country",
@@ -531,7 +535,7 @@ function RegionAutocomplete(props) {
         }
         setIsMounted(true);
     }, [country === null || country === void 0 ? void 0 : country.id]);
-    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: regions, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
+    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption$1, { label: option.name })); }, isLoading: isLoading, options: regions, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
 }
 RegionAutocomplete.defaultProps = {
     label: "Region",
@@ -562,49 +566,42 @@ var usePortalPosition = function (portalParentRef) {
 
 function TwoOptionForAutocomplete(_a) {
     var option = _a.option;
-    return (jsxs(StyledWrapper$5, __assign({ container: true, justify: "space-between" }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "s", weight: 500 }, { children: option.name })) })), jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: option.right })) }))] })));
+    return (jsxs(StyledWrapper$8, __assign({ container: true, justify: "space-between" }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "s", weight: 500 }, { children: option.name })) })), jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: option.right })) }))] })));
 }
-var StyledWrapper$5 = styled(Grid)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  },\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  },\n"])), theme.palette.background.light2);
-var templateObject_1$g;
+var StyledWrapper$8 = styled(Grid)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  },\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  },\n"])), theme.palette.background.light2);
+var templateObject_1$j;
 
 function SquarePreviewImage(_a) {
     var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
     var formattedName = name === null || name === void 0 ? void 0 : name.split(" ").map(function (el) { return el[0]; }).slice(0, 2).join("").toUpperCase();
-    return (jsx(StyledWrapper$4, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsx(StyledImage$1, { src: imageSrc, alt: "preview image" })) : (jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsx(Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
+    return (jsx(StyledWrapper$7, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsx(StyledImage$1, { src: imageSrc, alt: "preview image" })) : (jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsx(Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
 }
 var previewSizesStyles = {
-    lg: css(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "], ["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "]))),
-    sm: css(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n  "], ["\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n  "]))),
+    lg: css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "], ["\n    width: 88px;\n    height: 88px;\n    border-radius: 16px;\n  "]))),
+    sm: css(templateObject_2$9 || (templateObject_2$9 = __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.img(templateObject_3$6 || (templateObject_3$6 = __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$4 = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  overflow: hidden;\n  ", ";\n"], ["\n  overflow: hidden;\n  ", ";\n"])), function (_a) {
+var StyledImage$1 = styled.img(templateObject_3$8 || (templateObject_3$8 = __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$7 = styled.div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  overflow: hidden;\n  ", ";\n"], ["\n  overflow: hidden;\n  ", ";\n"])), function (_a) {
     var size = _a.size;
     return previewSizesStyles[size];
 });
-var StyledNameWrapper = styled(Grid)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  background: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  background: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), theme.palette.brand.light);
-var templateObject_1$f, templateObject_2$7, templateObject_3$6, templateObject_4$3, templateObject_5$2;
+var StyledNameWrapper = styled(Grid)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  background: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  background: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), theme.palette.brand.light);
+var templateObject_1$i, templateObject_2$9, templateObject_3$8, templateObject_4$4, templateObject_5$3;
 
 function Modal(_a) {
     var open = _a.open, other = __rest(_a, ["open"]);
     return jsx(StyledModal$1, __assign({ isOpen: open }, other));
 }
-var StyledModal$1 = styled(Modal$1)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  max-height: calc(100% - 64px);\n  .KUI-Modal_header {\n    text-align: left;\n  }\n  .KUI-Modal_title {\n    font-size: 24px;\n    line-height: 32px;\n    padding-bottom: 20px;\n  }\n"], ["\n  max-height: calc(100% - 64px);\n  .KUI-Modal_header {\n    text-align: left;\n  }\n  .KUI-Modal_title {\n    font-size: 24px;\n    line-height: 32px;\n    padding-bottom: 20px;\n  }\n"])));
-var templateObject_1$e;
+var StyledModal$1 = styled(Modal$1)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  max-height: calc(100% - 64px);\n  .KUI-Modal_header {\n    text-align: left;\n  }\n  .KUI-Modal_title {\n    font-size: 24px;\n    line-height: 32px;\n    padding-bottom: 20px;\n  }\n"], ["\n  max-height: calc(100% - 64px);\n  .KUI-Modal_header {\n    text-align: left;\n  }\n  .KUI-Modal_title {\n    font-size: 24px;\n    line-height: 32px;\n    padding-bottom: 20px;\n  }\n"])));
+var templateObject_1$h;
+
+const isValidWithMaskExp = /^[^_]+$/;
 
 var CompanyCreationSchema = yup.object().shape({
     name: yup.string().required("Enter the company name"),
+    inn: yup.string().required("Enter the company TIN"),
     office: yup.object({
-        address: yup
-            .string()
-            .required("Enter the company address")
-            .test("check-latitude-longitude", "Please select an address from the dropdown", function (value) {
-            var _a = this.parent.location, lat = _a.lat, lon = _a.lon;
-            return !!(lat && lon);
-        }),
-        location: yup.object({
-            lat: yup.number(),
-            lon: yup.number(),
-        }),
+        address: yup.string().required("Enter the company address"),
     }),
     phone: yup.object({
         phoneNumber: yup
@@ -612,14 +609,285 @@ var CompanyCreationSchema = yup.object().shape({
             .matches(isValidWithMaskExp, "Enter correct the company phone")
             .required("Enter the company phone"),
     }),
-    email: yup.string().email(),
+    email: yup.string().email().required("This field is required"),
     type: yup.string().required("Choose the provider type of company"),
-    zipCode: yup
-        .string()
-        .matches(isValidWithMaskExp, "Enter correct the company zip code")
-        .required("Enter the company zip code"),
 });
 
+var TaxTypeValues = [
+    { value: "resident", label: "Individual Resident" },
+    { value: "nonresident", label: "Individual Non-resident" },
+    { value: "self-employed", label: "Self-employed" },
+    { value: "individual-entrepreneur", label: "Individual entrepreneur" },
+    { value: "company", label: "Company" },
+];
+var BooleanValues = [
+    { value: true, label: "Yes" },
+    { value: false, label: "No" },
+];
+var ElectricityValues = [
+    { value: "T1", label: "One-part" },
+    { value: "T2", label: "Two-part" },
+    { value: "T3", label: "Three-part" },
+];
+var WaterValues = [
+    { value: "cold", label: "Cold" },
+    { value: "hot", label: "Hot" },
+];
+var getNumbersValues = function (count) {
+    return new Array(count).fill(0).map(function (value, key) { return ({
+        value: "".concat(key),
+        label: key,
+    }); });
+};
+var ParkingTypesValues = [
+    { value: "public", label: "Public" },
+    { value: "house", label: "House" },
+    { value: "underground", label: "Underground" },
+    { value: "private", label: "Private" },
+];
+var TVTypesValues = [
+    { value: "cable", label: "Cable" },
+    { value: "satellite", label: "Satellite" },
+    { value: "smart_tv", label: "Smart TV" },
+    { value: "no", label: "No" },
+];
+var TaxResidenceValues = [
+    { value: "resident", label: "Resident" },
+    { value: "not_resident", label: "Non-resident" },
+];
+var RenovationTypeValues = [
+    { value: "capital", label: "Capital" },
+    { value: "euro", label: "Euro" },
+    { value: "designer", label: "Designer" },
+    { value: "cosmetic", label: "Cosmetic" },
+    { value: "required", label: "Required" },
+];
+var RenovationStyleValues = [
+    { value: "classic", label: "Classic" },
+    { value: "scandinavian", label: "Scandinavian" },
+    { value: "loft", label: "Loft" },
+    { value: "contemporary", label: "Contemporary" },
+    { value: "minimalism", label: "Minimalism" },
+    { value: "neoclassic", label: "Neoclassic" },
+    { value: "eco", label: "Eco" },
+    { value: "provence", label: "Provence" },
+    { value: "hi_tech", label: "Hi-tech" },
+    { value: "mediterranean", label: "Mediterranean" },
+    { value: "eclectic", label: "Eclectic" },
+    { value: "ethno", label: "Ethno" },
+    { value: "gothic", label: "Gothic" },
+];
+var RoomTypeValues = [
+    { value: "connected", label: "Connected" },
+    { value: "separate", label: "Separate" },
+];
+var InspectionTypeValues = [
+    { value: "quarterly", label: "Quarterly" },
+    { value: "transfer", label: "Transfer" },
+    { value: "appraisal", label: "Appraisal" },
+    { value: "impairments", label: "Impairments" },
+    { value: "inventory", label: "Inventory" },
+    { value: "initial", label: "Initial" },
+];
+var ImpairmentsTypeValues = [
+    { value: "damages", label: "Damages" },
+    { value: "wear_tear", label: "Wear&tear" },
+];
+var FillingTypeValues = [
+    { value: "finish", label: "Finish" },
+    { value: "furniture", label: "Furniture" },
+    { value: "electronics", label: "Electronics" },
+    { value: "accessories", label: "Accessories" },
+];
+var RoomTypesValues = [
+    { value: "residential", label: "Residential" },
+    { value: "non-residential", label: "Nonresidential" },
+    { value: "commercial", label: "Commercial" },
+    { value: "garage", label: "Garage" },
+    { value: "car_space", label: "Parking" },
+];
+var CompanyTypesValues = [
+    { value: "administrative", label: "Administrative provider" },
+    { value: "service", label: "Service provider" },
+    { value: "resource", label: "Resource provider" },
+];
+var ResourceValues = [
+    { value: "electricity", label: "Electricity" },
+    { value: "water", label: "Water" },
+    { value: "gas", label: "Gas" },
+    { value: "heating", label: "Heating" },
+];
+var APIPayerValues = [
+    { value: "owner", label: "Landlord" },
+    { value: "renter", label: "Tenant" },
+    { value: "maroom", label: "Maroom" },
+];
+var UnitOfPaymentValues = [
+    { value: "percent", label: "%" },
+    { value: "value", label: "₽" },
+];
+var PartialPayerValues = [
+    { value: "owner", label: "Landlord" },
+    { value: "renter", label: "Tenant" },
+    { value: "maroom", label: "Maroom" },
+    { value: "partial", label: "Partial" },
+];
+
+function AutocompleteOption(_a) {
+    var label = _a.label;
+    return (jsx(StyledWrapper$6, { children: jsx(Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
+}
+var StyledWrapper$6 = styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  },\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  },\n"])), theme.palette.background.light2);
+var templateObject_1$g;
+
+var parentClassName$1 = "KUI-ErrorPopup_container";
+var timeout = 3000;
+var createParentNode$1 = function () {
+    var node = document.createElement("div");
+    node.classList.add(parentClassName$1);
+    document.body.append(node);
+    return node;
+};
+function ErrorPopup(_a) {
+    var label = _a.label, onClose = _a.onClose;
+    var isHoverRef = useRef(false);
+    var _b = useState(true), open = _b[0], setOpen = _b[1];
+    var startHover = function () {
+        isHoverRef.current = true;
+    };
+    var checkIsHoverAndClose = function () {
+        if (!isHoverRef.current && open)
+            handleClose();
+    };
+    var handleClose = function () {
+        setOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    var handleMouseLeave = function () {
+        isHoverRef.current = false;
+        handleClose();
+    };
+    useEffect(function () {
+        var timeoutId;
+        if (open) {
+            timeoutId = setTimeout(checkIsHoverAndClose, timeout);
+        }
+        return function () {
+            clearTimeout(timeoutId);
+            // handleClose()
+        };
+    }, [open]);
+    if (!open) {
+        return null;
+    }
+    var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
+    return (jsxs(Fragment, { children: [jsx(Global, { styles: containerCSS$1 }), createPortal(jsx(StyledWrapper$5, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsx(Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsx(StyledContent, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
+}
+var containerCSS$1 = css(templateObject_1$f || (templateObject_1$f = __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$5 = styled(Grid)(templateObject_2$8 || (templateObject_2$8 = __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.pre(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n"], ["\n  margin: 0;\n  padding: 0;\n"])));
+var templateObject_1$f, templateObject_2$8, templateObject_3$7;
+
+var parentClassName = "KUI-LoadingPopup_container";
+var createParentNode = function () {
+    var node = document.createElement("div");
+    node.classList.add(parentClassName);
+    document.body.append(node);
+    return node;
+};
+function LoaderPopup(_a) {
+    var label = _a.label, onClose = _a.onClose;
+    var _b = useState(true), isOpen = _b[0], setIsOpen = _b[1];
+    if (!isOpen) {
+        return null;
+    }
+    var handleClose = function () {
+        setIsOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
+    return (jsxs(Fragment, { children: [jsx(Global, { styles: containerCSS }), createPortal(jsxs(StyledWrapper$4, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsx(StyledLoader, {}), jsxs(StyledCaption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsx(CrossWithCircleIcon, {}) }))] })), parentNode)] }));
+}
+var containerCSS = css(templateObject_1$e || (templateObject_1$e = __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$4 = styled(Grid)(templateObject_2$7 || (templateObject_2$7 = __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 = styled(Caption)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  padding: 0 14px;\n"], ["\n  padding: 0 14px;\n"])));
+var StyledLoader = styled(CircularProgress)(templateObject_4$3 || (templateObject_4$3 = __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"])));
+var CloseIconWrapper = styled.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  cursor: pointer;\n  margin-left: auto;\n  height: 22px;\n"], ["\n  cursor: pointer;\n  margin-left: auto;\n  height: 22px;\n"])));
+var templateObject_1$e, templateObject_2$7, templateObject_3$6, templateObject_4$3, templateObject_5$2;
+
+function LoaderState(_a) {
+    var loader = _a.loader, onlyError = _a.onlyError;
+    useEffect(function () { return function () {
+        loader === null || loader === void 0 ? void 0 : loader.cleanError();
+        if (!onlyError)
+            loader === null || loader === void 0 ? void 0 : loader.endLoading();
+    }; }, []);
+    return (jsxs(Fragment, { children: [(loader === null || loader === void 0 ? void 0 : loader.hasError) && (jsx(ErrorPopup, { label: loader.errorMessage, onClose: loader === null || loader === void 0 ? void 0 : loader.cleanError })), (loader === null || loader === void 0 ? void 0 : loader.isLoading) && !onlyError && (jsx(LoaderPopup, { label: loader.loadingMessage, onClose: loader.endLoading }))] }));
+}
+var LoaderState$1 = observer(LoaderState);
+
+var name = "inn";
+var CompanyInnAutocomplete = function (props) {
+    var form = props.form, otherProps = __rest(props, ["form"]);
+    var loaderRef = useRef(new Loader());
+    var loader = loaderRef.current;
+    var _a = useState(""), searchQuery = _a[0], setSearchQuery = _a[1];
+    var _b = useState([]), companies = _b[0], setCompanies = _b[1];
+    var updateFormFields = function (company) {
+        if (company) {
+            form.setValue("inn", company.inn);
+            form.setValue("name", company.name);
+            form.setValue("office", company.office);
+            if (company.phone)
+                form.setValue("phone", company.phone);
+            form.setValue("email", company.email);
+        }
+    };
+    var findCompanyByINN = function (tin) { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, err, res;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    form.clearErrors(name);
+                    loader.startLoading();
+                    return [4 /*yield*/, to(CompaniesAgent.findCompanyByINN({ tin: tin }))];
+                case 1:
+                    _a = _b.sent(), err = _a[0], res = _a[1];
+                    if (err) {
+                        if (err.tin) {
+                            form.setError(name, {
+                                type: "manual",
+                                message: "A company with this TIN already exists",
+                            });
+                        }
+                        else {
+                            loader.setError(err);
+                        }
+                    }
+                    else if (res === null || res === void 0 ? void 0 : res.tin) {
+                        setCompanies([CompaniesStore.getCompanyFields(res)]);
+                    }
+                    else
+                        setCompanies([]);
+                    loader.endLoading();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useDebounce(searchQuery, 500, function () {
+        if (searchQuery)
+            findCompanyByINN(searchQuery);
+        else
+            setCompanies([]);
+    });
+    return (jsxs(Fragment, { children: [jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption, { label: option.name })); }, options: companies, label: "TIN", form: form, name: name, isLoading: loader.isLoading, onSearchItem: setSearchQuery, onSelectItem: updateFormFields }, otherProps)), jsx(LoaderState$1, { loader: loader, onlyError: true })] }));
+};
+var CompanyInnAutocomplete$1 = observer(CompanyInnAutocomplete);
+
 function MapComponent(props) {
     var center = props.center, zoom = props.zoom, withMarker = props.withMarker, setMapProp = props.setMap;
     var _a = useState(null), map = _a[0], setMap = _a[1];
@@ -836,35 +1104,22 @@ var StyledInput$2 = styled.input(templateObject_4$1 || (templateObject_4$1 = __m
 var StyledErrorMessage = styled(Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  margin-top: 4px;\n"], ["\n  margin-top: 4px;\n"])));
 var templateObject_1$a, templateObject_2$4, templateObject_3$3, templateObject_4$1, templateObject_5$1;
 
-var companyOfficeFields = [
+var companyFields = [
     {
-        label: "Zip code",
-        name: "zipCode",
-        variant: "mask",
-        mask: "000000",
-        size: 6,
-    },
-    {
-        name: "country",
-        label: "Country",
-        variant: "custom",
-        CustomInput: CountryAutocomplete$1,
-        size: 6,
-    },
-    {
-        name: "region",
-        label: "Region",
-        variant: "custom",
-        CustomInput: RegionAutocomplete$1,
-        size: 6,
+        label: "Provider type",
+        name: "type",
+        variant: "select",
+        options: CompanyTypesValues,
     },
     {
-        name: "city",
-        label: "City",
+        label: "INN",
+        name: "inn",
         variant: "custom",
-        CustomInput: CityAutocomplete$1,
-        size: 6,
+        CustomInput: CompanyInnAutocomplete$1,
     },
+    { label: "Name", name: "name" },
+];
+var companyOfficeFields = [
     {
         label: "Address",
         name: "office",
@@ -882,126 +1137,6 @@ var companyOfficeFields = [
     },
 ];
 
-var TaxTypeValues = [
-    { value: "resident", label: "Individual Resident" },
-    { value: "nonresident", label: "Individual Non-resident" },
-    { value: "self-employed", label: "Self-employed" },
-    { value: "individual-entrepreneur", label: "Individual entrepreneur" },
-    { value: "company", label: "Company" },
-];
-var BooleanValues = [
-    { value: true, label: "Yes" },
-    { value: false, label: "No" },
-];
-var ElectricityValues = [
-    { value: "T1", label: "One-part" },
-    { value: "T2", label: "Two-part" },
-    { value: "T3", label: "Three-part" },
-];
-var WaterValues = [
-    { value: "cold", label: "Cold" },
-    { value: "hot", label: "Hot" },
-];
-var getNumbersValues = function (count) {
-    return new Array(count).fill(0).map(function (value, key) { return ({
-        value: "".concat(key),
-        label: key,
-    }); });
-};
-var ParkingTypesValues = [
-    { value: "public", label: "Public" },
-    { value: "house", label: "House" },
-    { value: "underground", label: "Underground" },
-    { value: "private", label: "Private" },
-];
-var TVTypesValues = [
-    { value: "cable", label: "Cable" },
-    { value: "satellite", label: "Satellite" },
-    { value: "smart_tv", label: "Smart TV" },
-    { value: "no", label: "No" },
-];
-var TaxResidenceValues = [
-    { value: "resident", label: "Resident" },
-    { value: "not_resident", label: "Non-resident" },
-];
-var RenovationTypeValues = [
-    { value: "capital", label: "Capital" },
-    { value: "euro", label: "Euro" },
-    { value: "designer", label: "Designer" },
-    { value: "cosmetic", label: "Cosmetic" },
-    { value: "required", label: "Required" },
-];
-var RenovationStyleValues = [
-    { value: "classic", label: "Classic" },
-    { value: "scandinavian", label: "Scandinavian" },
-    { value: "loft", label: "Loft" },
-    { value: "contemporary", label: "Contemporary" },
-    { value: "minimalism", label: "Minimalism" },
-    { value: "neoclassic", label: "Neoclassic" },
-    { value: "eco", label: "Eco" },
-    { value: "provence", label: "Provence" },
-    { value: "hi_tech", label: "Hi-tech" },
-    { value: "mediterranean", label: "Mediterranean" },
-    { value: "eclectic", label: "Eclectic" },
-    { value: "ethno", label: "Ethno" },
-    { value: "gothic", label: "Gothic" },
-];
-var RoomTypeValues = [
-    { value: "connected", label: "Connected" },
-    { value: "separate", label: "Separate" },
-];
-var InspectionTypeValues = [
-    { value: "quarterly", label: "Quarterly" },
-    { value: "transfer", label: "Transfer" },
-    { value: "appraisal", label: "Appraisal" },
-    { value: "impairments", label: "Impairments" },
-    { value: "inventory", label: "Inventory" },
-    { value: "initial", label: "Initial" },
-];
-var ImpairmentsTypeValues = [
-    { value: "damages", label: "Damages" },
-    { value: "wear_tear", label: "Wear&tear" },
-];
-var FillingTypeValues = [
-    { value: "finish", label: "Finish" },
-    { value: "furniture", label: "Furniture" },
-    { value: "electronics", label: "Electronics" },
-    { value: "accessories", label: "Accessories" },
-];
-var RoomTypesValues = [
-    { value: "residential", label: "Residential" },
-    { value: "non-residential", label: "Nonresidential" },
-    { value: "commercial", label: "Commercial" },
-    { value: "garage", label: "Garage" },
-    { value: "car_space", label: "Parking" },
-];
-var CompanyTypesValues = [
-    { value: "administrative", label: "Administrative provider" },
-    { value: "service", label: "Service provider" },
-    { value: "resource", label: "Resource provider" },
-];
-var ResourceValues = [
-    { value: "electricity", label: "Electricity" },
-    { value: "water", label: "Water" },
-    { value: "gas", label: "Gas" },
-    { value: "heating", label: "Heating" },
-];
-var APIPayerValues = [
-    { value: "owner", label: "Landlord" },
-    { value: "renter", label: "Tenant" },
-    { value: "maroom", label: "Maroom" },
-];
-var UnitOfPaymentValues = [
-    { value: "percent", label: "%" },
-    { value: "value", label: "₽" },
-];
-var PartialPayerValues = [
-    { value: "owner", label: "Landlord" },
-    { value: "renter", label: "Tenant" },
-    { value: "maroom", label: "Maroom" },
-    { value: "partial", label: "Partial" },
-];
-
 function FormBottom(_a) {
     var label = _a.label, variant = _a.variant, handleClick = _a.handleClick, withPrevStep = _a.withPrevStep, handlePrevClick = _a.handlePrevClick, withDeleteButton = _a.withDeleteButton, handleDelete = _a.handleDelete, isFixed = _a.isFixed, isLoading = _a.isLoading, endButton = _a.endButton, otherProps = __rest(_a, ["label", "variant", "handleClick", "withPrevStep", "handlePrevClick", "withDeleteButton", "handleDelete", "isFixed", "isLoading", "endButton"]);
     return (jsxs$1(StyledFooter, __assign({ isFixed: Boolean(isFixed) }, { children: [jsx$1(Divider, {}), jsx$1("div", __assign({ css: { padding: "0 40px" } }, { children: jsxs$1(Grid, __assign({ container: true, justify: "space-between", css: { padding: "12px 0" } }, { children: [jsxs$1(Grid, __assign({ item: true }, { children: [withPrevStep && (jsx$1(Button, __assign({ isCircle: true, "data-testid": "prev_button", onClick: handlePrevClick, size: "s", variant: "transparentWithBorder" }, { children: jsx$1(PrevArrowIcon, {}) }))), withDeleteButton && (jsx$1(Button, __assign({ "data-testid": "delete_button", size: "s", onClick: handleDelete, variant: "white" }, { children: "Delete" })))] })), jsx$1(Grid, __assign({ item: true }, { children: jsxs$1(Grid, __assign({ container: true, alignItems: "center", justify: "flex-end" }, { children: [endButton && (jsx$1(StyledEndButtonWrapper, { children: endButton })), jsx$1(Button, __assign({ "data-testid": "submit_button", size: "s", onClick: handleClick, endIcon: variant === "create" ? jsx$1(CheckIcon, {}) : jsx$1(NextArrowIcon, {}), disabled: isLoading }, otherProps, { children: isLoading ? jsx$1(StyledLoading, {}) : label }))] })) }))] })) }))] })));
@@ -1037,7 +1172,7 @@ function CompanyCreationForm(_a) {
     var form = useForm({
         resolver: yupResolver(CompanyCreationSchema),
     });
-    return (jsxs("form", { children: [jsx(Box, __assign({ pr: 5, pl: 5, pb: 3 }, { children: jsxs(Grid, __assign({ container: true, spacing: 2 }, { children: [jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(InputWithController, { label: "Name", name: "name", form: form }) })), jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(InputSelectWithController, { label: "Provider type", name: "type", form: form, options: CompanyTypesValues }) })), jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(Caption, __assign({ weight: 600, size: "s" }, { children: "MAIN OFFICE" })) })), companyOfficeFields.map(function (_a) {
+    return (jsxs("form", { children: [jsx(Box, __assign({ pr: 5, pl: 5, pb: 3 }, { children: jsxs(Grid, __assign({ container: true, spacing: 2 }, { children: [companyFields.map(function (field) { return (jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(InputByType, __assign({ form: form }, field)) }), field.name)); }), jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(Caption, __assign({ weight: 600, size: "s" }, { children: "MAIN OFFICE" })) })), companyOfficeFields.map(function (_a) {
                             var size = _a.size, field = __rest(_a, ["size"]);
                             return (jsx(Grid, __assign({ item: true, xs: size || 12 }, { children: jsx(InputByType, __assign({ form: form }, field)) }), field.name));
                         })] })) })), jsx(FormBottom, { label: "Add", type: "button", handleClick: form.handleSubmit(handleSubmit) })] }));
@@ -1151,7 +1286,8 @@ var CompaniesStore = /** @class */ (function () {
                                 _this.companies = _this.paginator.getPageResponse(res, _this.companies, mapper);
                             }
                             else {
-                                _this.loader.setError("fetch companies");
+                                _this.companies = [];
+                                _this.loader.setError("fetch companies", err);
                             }
                             _this.loader.endLoading();
                         });
@@ -1182,10 +1318,10 @@ var CompaniesStore = /** @class */ (function () {
                             this.paginator.startFetching();
                         }
                         else {
-                            this.creationLoader.setError("company creation");
+                            this.creationLoader.setError("company creation", err);
                         }
                         this.creationLoader.endLoading();
-                        return [2 /*return*/, this.companies[0]];
+                        return [2 /*return*/, res ? this.companies[0] : null];
                 }
             });
         }); };
@@ -1200,7 +1336,7 @@ var CompaniesStore = /** @class */ (function () {
                     case 1:
                         _a = _b.sent(), err = _a[0], res = _a[1];
                         if (err) {
-                            this.creationLoader.setError("logo creation");
+                            this.creationLoader.setError("logo creation", err);
                         }
                         return [2 /*return*/, res === null || res === void 0 ? void 0 : res.logo];
                 }
@@ -1213,26 +1349,38 @@ var CompaniesStore = /** @class */ (function () {
         this.filter = new SortingFilter();
         makeAutoObservable(this);
     }
-    CompaniesStore.getCompanyParams = function (company) { return ({
-        id: company.id,
-        name: company.name,
-        logo: company.logo,
-    }); };
-    CompaniesStore.getCreationBody = function (data) {
-        var _a;
-        return ({
-            name: data.name,
-            provider_type: matchesCompanyTypes[data.type],
-            main_office: {
-                address: data.office.address,
-                city: (_a = data.city) === null || _a === void 0 ? void 0 : _a.id,
-                email: data.email,
-                phone: "+".concat(data.phone.phoneCode).concat(data.phone.phoneNumber),
-                zip_code: data.zipCode,
-                geolocation: {
+    CompaniesStore.getCompanyParams = function (company) { return (__assign({ id: company.id, logo: company.logo }, CompaniesStore.getCompanyFields(company))); };
+    CompaniesStore.getCreationBody = function (data) { return ({
+        name: data.name,
+        provider_type: data.type
+            ? matchesCompanyTypes[data.type]
+            : undefined,
+        tin: data.inn,
+        main_office: {
+            address: data.office.address,
+            email: data.email,
+            phone: data.phone
+                ? "+".concat(data.phone.phoneCode).concat(data.phone.phoneNumber)
+                : null,
+            geolocation: data.office.location
+                ? {
                     lat: data.office.location.lat,
                     lon: data.office.location.lon,
-                },
+                }
+                : undefined,
+        },
+    }); };
+    CompaniesStore.getCompanyFields = function (company) {
+        var _a, _b, _c;
+        return ({
+            inn: company.tin,
+            name: company.name,
+            phone: ((_a = company.main_office) === null || _a === void 0 ? void 0 : _a.phone)
+                ? getPhoneParamsFromString(company.main_office.phone)
+                : null,
+            email: ((_b = company.main_office) === null || _b === void 0 ? void 0 : _b.email) || "",
+            office: {
+                address: ((_c = company.main_office) === null || _c === void 0 ? void 0 : _c.address) || "",
             },
         });
     };
@@ -1293,6 +1441,11 @@ CompanyAutocomplete.defaultProps = {
 };
 var CompanyAutocomplete$1 = observer(CompanyAutocomplete);
 
+var ChangeReasonSchemaParams = {
+// reason: yup.mixed().required("Choose a reason file"),
+};
+var ChangeReasonSchema = yup.object().shape(ChangeReasonSchemaParams);
+
 function ChangeReasonFields(_a) {
     var form = _a.form, customReasons = _a.customReasons;
     return (jsxs(Grid, __assign({ container: true, spacing: 2 }, { children: [customReasons ? (customReasons.map(function (field) { return (jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(InputFileWithVisibility, { form: form, name: field.name || "reason", label: field.label }) }))); })) : (jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(InputFileWithVisibility, { form: form, name: "reason", label: "Reason" }) }))), jsx(Grid, __assign({ item: true, xs: 12 }, { children: jsx(InputWithController, { isTextArea: true, form: form, name: "comment", label: "Comment" }) }))] })));
@@ -1431,7 +1584,7 @@ function FillingTagsAutocomplete(_a) {
             }
         });
     }); };
-    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption, { label: option.name })); }, options: filteredTags, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), isLoading: loader.isLoading, onSelectItem: onSelectItem, onSearchItem: onSearchItem, creatingLabel: "Add new tag", renderCreatingModal: function (props) { return (jsx(FillingTagCreationModal$1, __assign({ handleSubmit: onCreate }, props))); } }, otherProps)));
+    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption$1, { label: option.name })); }, options: filteredTags, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), isLoading: loader.isLoading, onSelectItem: onSelectItem, onSearchItem: onSearchItem, creatingLabel: "Add new tag", renderCreatingModal: function (props) { return (jsx(FillingTagCreationModal$1, __assign({ handleSubmit: onCreate }, props))); } }, otherProps)));
 }
 FillingTagsAutocomplete.defaultProps = {
     label: "Tag",
@@ -1476,12 +1629,21 @@ var getMeterFeaturesFieldsSchema = function (valuesFields, isReplacementRequired
                 .number()
                 .required("The maximum number of counters has been created in this object, select the one to replace")
                 .transform(function (value) { return (Number.isNaN(value) ? undefined : value); }),
-        })), { startDate: yup.mixed().when("replaceableCounter", {
+        })), { startDate: yup
+                .mixed()
+                .when("replaceableCounter", {
                 is: function (value) { return value; },
                 then: function (rule) { return rule.required("This field is required"); },
-            }) }));
+            })
+                .when("startDate", {
+                is: function (value) { return value; },
+                then: function (rule) {
+                    return rule.test("check-start-date", "Select a date in the past", function (value) { return Number(value === null || value === void 0 ? void 0 : value.diffNow("days").days) <= 0; });
+                },
+            })
+                .nullable() }));
     });
-    return yup.object().shape(__assign(__assign({}, meterFeaturesFieldsSchema), Object.assign.apply(Object, __spreadArray([{}], valuesSchema, false))));
+    return yup.object().shape(__assign(__assign({}, meterFeaturesFieldsSchema), Object.assign.apply(Object, __spreadArray([{}], valuesSchema, false))), [["startDate", "startDate"]]);
 };
 
 var getPartialPayerFields = function (mainPayer, refundFromRef, variant, utilityType) { return [
@@ -1746,7 +1908,7 @@ function DistrictAutocomplete(props) {
         }
         setIsMounted(true);
     }, [city === null || city === void 0 ? void 0 : city.id]);
-    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: districts, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
+    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption$1, { label: option.name })); }, isLoading: isLoading, options: districts, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
 }
 DistrictAutocomplete.defaultProps = {
     label: "District",
@@ -2020,7 +2182,7 @@ function TariffGroupAutocomplete(props) {
     useEffect(function () {
         filter.updateFilterQuery(filterQuery);
     }, [filterQuery]);
-    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(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 (jsx(TariffCreationModal, __assign({ creationForm: tariffsStore.creationForm, createTariff: onCreate, defaultResource: resource }, modalProps))); } }, otherProps)));
+    return (jsx(InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsx(AutocompleteOption$1, { 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 (jsx(TariffCreationModal, __assign({ creationForm: tariffsStore.creationForm, createTariff: onCreate, defaultResource: resource }, modalProps))); } }, otherProps)));
 }
 TariffGroupAutocomplete.defaultProps = {
     name: "tariffGroup",
@@ -2064,7 +2226,12 @@ var getValuesFields = function (resource, variant, meterType) {
 var commonMeterFields = function (_a) {
     var withPassport = _a.withPassport, isNewResource = _a.isNewResource, withLastValue = _a.withLastValue, resource = _a.resource, tariffFilter = _a.tariffFilter, disableOperatingAccount = _a.disableOperatingAccount, handleCompanyChange = _a.handleCompanyChange, withNextCheck = _a.withNextCheck, apartmentId = _a.apartmentId;
     return __spreadArray(__spreadArray(__spreadArray(__spreadArray([
-        { label: "Activation date", name: "startDate", variant: "date" }
+        {
+            label: "Activation date",
+            name: "startDate",
+            variant: "date",
+            max: DateTime.now(),
+        }
     ], addToArrayByCondition(withPassport, {
         label: "Passport",
         name: "passportFile",
@@ -2080,6 +2247,7 @@ var commonMeterFields = function (_a) {
         variant: "custom",
         size: 12,
         CustomInput: PartialPayer,
+        utilityType: resource,
     }), true), [
         {
             label: "Tariff group",
@@ -2122,7 +2290,7 @@ var getMeterFields = function (settings) {
 function ReplaceableCountersBlock(_a) {
     var form = _a.form, counters = _a.counters, setIsReplaceable = _a.setIsReplaceable;
     var options = counters.map(function (counter) { return ({
-        label: counter.passport,
+        label: counter.number,
         value: counter.id,
     }); });
     var handleChange = function (e, value) {
@@ -2149,6 +2317,9 @@ function MeterFeaturesFields(props) {
             form.setValue("operationalAccountNumber", administrativeCompany === null || administrativeCompany === void 0 ? void 0 : administrativeCompany.operatingAccount);
             setDisableOperatingAccount(true);
         }
+        else {
+            setDisableOperatingAccount(false);
+        }
     };
     var meterFields = getMeterFields({
         resource: resource,
@@ -2190,12 +2361,12 @@ function MeterTypeRadioGroup(props) {
 }
 
 function MeterFeaturesForm(props) {
-    var formStore = props.formStore, handleSubmit = props.handleSubmit, resource = props.resource, maxMeters = props.maxMeters, handleMeterTypeChange = props.handleMeterTypeChange, other = __rest(props, ["formStore", "handleSubmit", "resource", "maxMeters", "handleMeterTypeChange"]);
+    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 = 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 = useState(defaultMeterType), meterType = _b[0], setMeterType = _b[1];
+    var _b = useState((defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) || defaultMeterType), meterType = _b[0], setMeterType = _b[1];
     useEffect(function () {
         if (handleMeterTypeChange) {
             handleMeterTypeChange(meterType);
@@ -2210,7 +2381,7 @@ function MeterFeaturesForm(props) {
             handleSubmit(data);
         }
     };
-    return (jsx(MeterFeaturesFields, __assign({ resource: resource, handleSubmit: handleFormSubmit, meterType: meterType, maxMeters: maxMeters, withLastValue: isReplaceable, setIsReplaceable: setIsReplaceable, renderMeterType: withMeterType
+    return (jsx(MeterFeaturesFields, __assign({ resource: resource, handleSubmit: handleFormSubmit, meterType: meterType, maxMeters: maxMeters, withLastValue: isReplaceable, setIsReplaceable: setIsReplaceable, defaultValues: defaultValues, renderMeterType: withMeterType
             ? function (form) { return (jsx(MeterTypeRadioGroup, { form: form, resource: resource, handleChange: setMeterType })); }
             : null }, other)));
 }
@@ -2298,7 +2469,7 @@ var setFileFromFileWithVisibility = function (formData, document, fileField, nam
 var phoneSchema = yup.object({
     phoneNumber: yup
         .string()
-        .matches(isValidWithMaskExp, "Enter the correct phone")
+        .matches(isValidWithMaskExp$1, "Enter the correct phone")
         .required("Enter the phone"),
 });
 var positiveNumberSchema = yup
@@ -2316,7 +2487,7 @@ var phoneWithConditionSchema = function (condition) {
             return rule.shape({
                 phoneNumber: yup
                     .string()
-                    .matches(isValidWithMaskExp, "Enter the correct phone")
+                    .matches(isValidWithMaskExp$1, "Enter the correct phone")
                     .required("Enter the phone"),
             });
         },
@@ -2332,7 +2503,7 @@ var phoneNonRequiredSchema = function (name) {
             return rule.shape({
                 phoneNumber: yup
                     .string()
-                    .matches(isValidWithMaskExp, "Enter the correct phone")
+                    .matches(isValidWithMaskExp$1, "Enter the correct phone")
                     .required("Enter the phone"),
             });
         },
@@ -2520,5 +2691,5 @@ var uploadDocument = function (loader, file) { return __awaiter(void 0, void 0,
     });
 }); };
 
-export { APIPayerValues, BooleanValues, CatalogsAgent, ChangeReasonFields, CitiesStore, CityAutocomplete$1 as CityAutocomplete, CompaniesAgent, CompaniesStore, CompanyAutocomplete$1 as CompanyAutocomplete, CompanyCreationForm, CompanyCreationModal$1 as CompanyCreationModal, CompanyTypesValues, CountriesStore, CountryAutocomplete$1 as CountryAutocomplete, DistrictAutocomplete$1 as DistrictAutocomplete, DistrictsStore, ElectricityValues, FileUploaderWithPreview, FillingTagCreationForm, FillingTagCreationModal$1 as FillingTagCreationModal, FillingTagsAgent, FillingTagsAutocomplete$1 as FillingTagsAutocomplete, FillingTagsStore, FillingTypeValues, FormBottom, FormWrapper, HeadingWithButton, ImpairmentsTypeValues, InputByType, InputFileWithVisibility, InputWithMap, InspectionTypeValues, kuiSettings as KUISettings, MapComponent$1 as MapComponent, MeterFeaturesFields, MeterFeaturesForm, MeterTypeRadioGroup, Modal, ModalWithMap$1 as ModalWithMap, OpenMapButton, ParkingTypesValues, PartialPayer, PartialPayerValues, PreviewImageCard, RegionAutocomplete$1 as RegionAutocomplete, RegionsStore, RenovationStyleValues, RenovationTypeValues, ReplaceableCountersBlock$1 as ReplaceableCountersBlock, ResourceValues, RoomTypeValues, RoomTypesValues, index as SignInPage, SquarePreviewImage, TVTypesValues, TariffCreationForm$1 as TariffCreationForm, TariffCreationModal, TariffGroupAutocomplete$1 as TariffGroupAutocomplete, TariffReplacementField, TariffReplacementFields, TariffsAgent, TariffsLiteStore, TaxResidenceValues, TaxTypeValues, TwoOptionForAutocomplete, UnitOfPaymentValues, UploadAgent, WaterValues, authFlag, csrfTokenKey, defaultRequiredMessage, genderMatches, getFillingInfoFields, getNumbersValues, matchesAPICompanyTypes, matchesAPIFillingTypes, matchesAPISubjectRoles, matchesAPIVisibilityVariants, matchesApartmentStatuses, matchesCompanyTypes, matchesFillingTypes, matchesServiceTypes, matchesSubjectRoles, matchesVisibilityVariants, phoneNonRequiredSchema, phoneSchema, phoneWithConditionSchema, positiveNumberSchema, requests, sessionIdKey, setFileFromFileWithVisibility, uploadDocument, uploadDocuments, uploadFile, uploadFiles, uploadImages, uploadNewFile };
+export { APIPayerValues, BooleanValues, CatalogsAgent, ChangeReasonFields, ChangeReasonSchema, CitiesStore, CityAutocomplete$1 as CityAutocomplete, CommonTariffFieldsSchema, CompaniesAgent, CompaniesStore, CompanyAutocomplete$1 as CompanyAutocomplete, CompanyCreationForm, CompanyCreationModal$1 as CompanyCreationModal, CompanyInnAutocomplete$1 as CompanyInnAutocomplete, CompanyTypesValues, CountriesStore, CountryAutocomplete$1 as CountryAutocomplete, DistrictAutocomplete$1 as DistrictAutocomplete, DistrictsStore, ElectricityValues, ErrorPopup, FileUploaderWithPreview, FillingTagCreationForm, FillingTagCreationModal$1 as FillingTagCreationModal, FillingTagsAgent, FillingTagsAutocomplete$1 as FillingTagsAutocomplete, FillingTagsStore, FillingTypeValues, FormBottom, FormWrapper, HeadingWithButton, ImpairmentsTypeValues, InputByType, InputFileWithVisibility, InputWithMap, InspectionTypeValues, kuiSettings as KUISettings, LoaderPopup, LoaderState$1 as LoaderState, MapComponent$1 as MapComponent, MeterFeaturesFields, MeterFeaturesForm, MeterTypeRadioGroup, Modal, ModalWithMap$1 as ModalWithMap, OpenMapButton, ParkingTypesValues, PartialPayer, PartialPayerValues, PreviewImageCard, RegionAutocomplete$1 as RegionAutocomplete, RegionsStore, RenovationStyleValues, RenovationTypeValues, ReplaceableCountersBlock$1 as ReplaceableCountersBlock, ResourceValues, RoomTypeValues, RoomTypesValues, index as SignInPage, SquarePreviewImage, TVTypesValues, TariffCreationForm$1 as TariffCreationForm, TariffCreationModal, TariffGroupAutocomplete$1 as TariffGroupAutocomplete, TariffReplacementField, TariffReplacementFields, TariffsAgent, TariffsLiteStore, TaxResidenceValues, TaxTypeValues, TwoOptionForAutocomplete, UnitOfPaymentValues, UploadAgent, WaterValues, authFlag, csrfTokenKey, defaultRequiredMessage, genderMatches, getFillingInfoFields, getMeterFeaturesFieldsSchema, getMeterFields, getNumbersValues, getPartialPayerFields, matchesAPICompanyTypes, matchesAPIFillingTypes, matchesAPISubjectRoles, matchesAPIVisibilityVariants, matchesApartmentStatuses, matchesCompanyTypes, matchesFillingTypes, matchesServiceTypes, matchesSubjectRoles, matchesVisibilityVariants, phoneNonRequiredSchema, phoneSchema, phoneWithConditionSchema, positiveNumberSchema, requests, sessionIdKey, setFileFromFileWithVisibility, uploadDocument, uploadDocuments, uploadFile, uploadFiles, uploadImages, uploadNewFile };
 //# sourceMappingURL=index.js.map