kui-crm_actions 0.0.130 → 0.0.132

package/index.d.ts

@@ -992,6 +992,40 @@ type AddedMetersBlockProps = {
 
 declare const AddedMetersBlock: (props: AddedMetersBlockProps) => JSX.Element | null;
 
+declare type InspectionsLiteStoreInterface = {
+    creationForm: MultistepForm<any>;
+    actionLoader: Loader;
+    indexDB: any;
+    canUpdateDB: boolean;
+    canLoadDB: boolean;
+    setCanLoadDB: (value: boolean) => void;
+    setCanUpdateDB: (value: boolean) => void;
+    setIndexDB: (db: any) => void;
+};
+declare type ApartmentLiteStoreInterface = {
+    metersStore: ApartmentMetersStoreInterface;
+    fillingStore: FillingListStore;
+    inspectionsStore: InspectionsLiteStoreInterface;
+    apartmentId?: number | null;
+};
+declare type InspectionIndexDBConstants = {
+    dbCreationTime: string;
+    formFieldsName: string;
+    formStateName: string;
+    inspectionCreationFormName: string;
+};
+declare type InspectionFieldsIndexDBConstants = {
+    formFieldsName: string;
+    formStateName: string;
+};
+
+declare const onInspectionModalOpen: (apartmentStore: ApartmentLiteStoreInterface, constants: InspectionFieldsIndexDBConstants, openModal?: (() => void) | undefined) => void;
+declare const onInspectionModalClose: (apartmentStore: ApartmentLiteStoreInterface, constants: InspectionFieldsIndexDBConstants, closeModal?: (() => void) | undefined) => void;
+
+declare const useInspectionData: (apartmentStore: ApartmentLiteStoreInterface) => void;
+
+declare const useInspectionIndexDB: (constants: InspectionIndexDBConstants, apartmentStore: ApartmentLiteStoreInterface, openModal?: (() => void) | undefined) => void;
+
 declare type InspectionFieldsSettings = {
     [key: string]: InputParams<any>;
 };
@@ -1070,4 +1104,4 @@ type ApartmentPointProps = {
 
 declare const ObjectForMapPoint: (props: ApartmentPointProps) => JSX.Element;
 
-export { AddedMetersBlock, AdditionalInfoFieldsSchema, AdditionalInfoStepFields, AdditionalInfoStepSchema, ApartmentInspectionModel, ApartmentInspectionParams, ApartmentLinkParams, ApartmentPaymentsFormFields, BasicApartmentInfoFieldsSchema, BasicApartmentInfoStepFields, BasicApartmentInfoStepSchema, CommonInspectionFields, CommonInspectionFormFields, DetailApartmentInfoFieldsSchema, DetailApartmentInfoStepFields, DetailApartmentInfoStepSchema, FillingCheckParams, FillingInfoFieldsSchema, FillingInfoFormFields, FillingInfoStepFields, FillingListInfoStepFields, FillingListStore, HouseInfoFieldsSchema, HouseInfoStepFields, HouseInfoStepSchema, HouseServicesInfoFieldsSchema, HouseServicesInfoStepFields, HouseServicesInfoStepSchema, InitialInspectionFieldsBody, InitialInspectionFormFields, InitialInspectionInfoFields, InitialInspectionPostBody, InitialInspectionRoomParams, InspectionAppraisalLiteModel, _default as InspectionFeedback, InspectionFieldsSettings, InspectionFillingCard, InspectionFillingCardProps, InspectionFillingItemFields, InspectionFillingListFields, InspectionFillingParams, InspectionImpairmentLiteModel, InspectionMeterCommonFields, InspectionMeterFields, InspectionMeterValueModel, InspectionMetersStepFields, InspectionPartialMetersStepFields, InspectionRoomImagesParams, InspectionRoomPhotoRequest, InspectionRoomsImagesFields, InventoryInspectionFieldsBody, InventoryInspectionFormFields, InventoryInspectionPostBody, InventoryMeterInfoFields, InventoryMeterModel, MeterInfoStepProps, MeterValueModel, MeterValuesFields, MetersInfoFieldsSchema, MetersInfoStepFields, MetersInfoStepSchema, MetroStationParams, ObjectForMapCard, ObjectForMapOverlay, ObjectForMapParams, ObjectForMapPoint, PartialMeterInfoFields, PartialMeterInfoStepProps, PartialMeterModel, PostApartmentInspectionRequest, RegularInspectionFormFields, RegularInspectionPostBody, RegularlyInspectionFieldsBody, RoomImagesParams, RoomsApartmentInfoFieldsSchema, RoomsApartmentInfoStepFields, RoomsApartmentInfoStepSchema, SecurityApartmentInfoFieldsSchema, SecurityApartmentInfoStepFields, SecurityApartmentInfoStepSchema, TelecommunicationsInfoFieldsSchema, TelecommunicationsInfoStepFields, TelecommunicationsInfoStepSchema, TenantParams, TransferInspectionFieldsBody, TransferInspectionFormFields, TransferInspectionPostBody, TransferInspectionTypes, WaterMeterFieldsSchema, apartmentFields, getAdditionalInfoStepFields, getBasicApartmentInfoFields, getDetailApartmentInfoFields, getFillingInfoFields, getHouseInfoStep, getHouseServicesInfoStep, getInventoryMeterFields, getMetersInfoStepFields, getPartialMeterInfoSchema, getRoomsApartmentInfoFields, getRoomsImagesSteps, getSecurityApartmentInfoFields, getTelecommunicationsInfoStepFields, getWaterMeterFields, inspectionsRequestBody, inspectionsRequests, renderMetersSteps, useFillingList, useMetersValues };
+export { AddedMetersBlock, AdditionalInfoFieldsSchema, AdditionalInfoStepFields, AdditionalInfoStepSchema, ApartmentInspectionModel, ApartmentInspectionParams, ApartmentLinkParams, ApartmentPaymentsFormFields, BasicApartmentInfoFieldsSchema, BasicApartmentInfoStepFields, BasicApartmentInfoStepSchema, CommonInspectionFields, CommonInspectionFormFields, DetailApartmentInfoFieldsSchema, DetailApartmentInfoStepFields, DetailApartmentInfoStepSchema, FillingCheckParams, FillingInfoFieldsSchema, FillingInfoFormFields, FillingInfoStepFields, FillingListInfoStepFields, FillingListStore, HouseInfoFieldsSchema, HouseInfoStepFields, HouseInfoStepSchema, HouseServicesInfoFieldsSchema, HouseServicesInfoStepFields, HouseServicesInfoStepSchema, InitialInspectionFieldsBody, InitialInspectionFormFields, InitialInspectionInfoFields, InitialInspectionPostBody, InitialInspectionRoomParams, InspectionAppraisalLiteModel, _default as InspectionFeedback, InspectionFieldsSettings, InspectionFillingCard, InspectionFillingCardProps, InspectionFillingItemFields, InspectionFillingListFields, InspectionFillingParams, InspectionImpairmentLiteModel, InspectionMeterCommonFields, InspectionMeterFields, InspectionMeterValueModel, InspectionMetersStepFields, InspectionPartialMetersStepFields, InspectionRoomImagesParams, InspectionRoomPhotoRequest, InspectionRoomsImagesFields, InventoryInspectionFieldsBody, InventoryInspectionFormFields, InventoryInspectionPostBody, InventoryMeterInfoFields, InventoryMeterModel, MeterInfoStepProps, MeterValueModel, MeterValuesFields, MetersInfoFieldsSchema, MetersInfoStepFields, MetersInfoStepSchema, MetroStationParams, ObjectForMapCard, ObjectForMapOverlay, ObjectForMapParams, ObjectForMapPoint, PartialMeterInfoFields, PartialMeterInfoStepProps, PartialMeterModel, PostApartmentInspectionRequest, RegularInspectionFormFields, RegularInspectionPostBody, RegularlyInspectionFieldsBody, RoomImagesParams, RoomsApartmentInfoFieldsSchema, RoomsApartmentInfoStepFields, RoomsApartmentInfoStepSchema, SecurityApartmentInfoFieldsSchema, SecurityApartmentInfoStepFields, SecurityApartmentInfoStepSchema, TelecommunicationsInfoFieldsSchema, TelecommunicationsInfoStepFields, TelecommunicationsInfoStepSchema, TenantParams, TransferInspectionFieldsBody, TransferInspectionFormFields, TransferInspectionPostBody, TransferInspectionTypes, WaterMeterFieldsSchema, apartmentFields, getAdditionalInfoStepFields, getBasicApartmentInfoFields, getDetailApartmentInfoFields, getFillingInfoFields, getHouseInfoStep, getHouseServicesInfoStep, getInventoryMeterFields, getMetersInfoStepFields, getPartialMeterInfoSchema, getRoomsApartmentInfoFields, getRoomsImagesSteps, getSecurityApartmentInfoFields, getTelecommunicationsInfoStepFields, getWaterMeterFields, inspectionsRequestBody, inspectionsRequests, onInspectionModalClose, onInspectionModalOpen, renderMetersSteps, useFillingList, useInspectionData, useInspectionIndexDB, useMetersValues };

package/index.js

@@ -1,7 +1,7 @@
 import * as yup from 'yup';
 import { NumberField, requests, uploadFiles, ImageStore, FileStore, matchesAPIFillingTypes, CountryAutocomplete, RegionAutocomplete, CityAutocomplete, HouseTypesValues, WallMaterialsValues, SlabsTypesValues, GasTypesValues, BooleanValues, positiveNumberSchema, defaultRequiredMessage, RenovationTypeValues, RenovationStyleValues, RoomTypeValues, RoomTypesValues, ParkingTypesValues, fieldWithConditionSchema, getApartmentPaymentFields, phoneWithConditionSchema, getNumbersValues, TVTypesValues, phoneNonRequiredSchema, InputFileWithVisibility, FillingTypeValues, FillingTagsAutocomplete, getMeterValuesFieldsSchema, basicFieldsOfNewResourceMeter, meterUnitLabel, FormWrapper, MeterTypeRadioGroup, InputByType, Tooltip, ApartmentsAgent, PreviewContent, Link, UserBadge, useMapCards, MapOverlay } from 'kui-crm';
 import _ from 'lodash';
-import { clearNotValidFields, getPhoneNumberFromPhoneParams, resHandler, callPromises, getPhoneParamsFromString, addToArrayByCondition, Loader } from 'kui-utils';
+import { clearNotValidFields, getPhoneNumberFromPhoneParams, resHandler, callPromises, getPhoneParamsFromString, addToArrayByCondition, Loader, clearIndexStores, addToIndexDBWithQueue, initIndexDB, readFromIndexDB, addIndexDBStore } from 'kui-utils';
 import to from 'await-to-js';
 import { DateTime } from 'luxon';
 import { InputWithAddressAutocomplete, DependentInput, CheckboxWithController, InputPhoneWithForm, InputFile } from 'kui-complex';
@@ -1215,6 +1215,145 @@ var useFillingList = function (apartmentId, formStore, fillingStore, shouldBeLoa
     }, [fillingStore.fillingList, fillingStore.loader.isLoading]);
 };
 
+var onInspectionModalOpen = function (apartmentStore, constants, openModal) {
+    var inspectionsStore = apartmentStore.inspectionsStore, apartmentId = apartmentStore.apartmentId;
+    var formStateName = constants.formStateName, formFieldsName = constants.formFieldsName;
+    var fields = inspectionsStore.creationForm.fields;
+    if (fields && fields.apartmentId !== apartmentId) {
+        clearIndexStores(inspectionsStore.indexDB, [formStateName, formFieldsName]);
+    }
+    inspectionsStore.setCanUpdateDB(true);
+    if (openModal)
+        openModal();
+};
+var onInspectionModalClose = function (apartmentStore, constants, closeModal) {
+    var inspectionsStore = apartmentStore.inspectionsStore;
+    var formStateName = constants.formStateName, formFieldsName = constants.formFieldsName;
+    inspectionsStore.setCanUpdateDB(false);
+    inspectionsStore.creationForm.resetForm();
+    clearIndexStores(inspectionsStore.indexDB, [formStateName, formFieldsName]);
+    if (closeModal)
+        closeModal();
+};
+
+var useInspectionData = function (apartmentStore) {
+    var _a;
+    var apartmentId = apartmentStore.apartmentId, inspectionsStore = apartmentStore.inspectionsStore, metersStore = apartmentStore.metersStore, fillingStore = apartmentStore.fillingStore;
+    var _b = useState(false), isMetersLoaded = _b[0], setIsMetersLoader = _b[1];
+    var _c = useState(false), isFillingLoaded = _c[0], setIsFillingLoaded = _c[1];
+    var formStore = inspectionsStore.creationForm;
+    var inspectionType = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.type;
+    var canBeLoad = inspectionType
+        ? inspectionType === "regular" || inspectionType === "transfer"
+        : undefined;
+    var fillingLoading = fillingStore.loader.isLoading;
+    var metersLoading = metersStore.loader.isLoading;
+    var handleMetersLoad = function () { return setIsMetersLoader(true); };
+    var handleFillingLoad = function () { return setIsFillingLoaded(true); };
+    useEffect(function () {
+        if (isMetersLoaded &&
+            isFillingLoaded &&
+            !fillingLoading &&
+            !metersLoading) {
+            inspectionsStore.setCanLoadDB(true);
+        }
+    }, [isMetersLoaded, isFillingLoaded, fillingLoading, metersLoading]);
+    useMetersValues(formStore, metersStore, canBeLoad, handleMetersLoad);
+    useFillingList(apartmentId || null, formStore, fillingStore, canBeLoad, handleFillingLoad);
+};
+
+var EXPIRATION_TIME = 24 * 60 * 60 * 1000; // 24 часа
+var useInspectionIndexDB = function (constants, apartmentStore, openModal) {
+    var dbCreationTime = constants.dbCreationTime, formFieldsName = constants.formFieldsName, formStateName = constants.formStateName, inspectionCreationFormName = constants.inspectionCreationFormName;
+    var inspectionsStore = apartmentStore.inspectionsStore, apartmentId = apartmentStore.apartmentId;
+    var creationForm = inspectionsStore.creationForm, actionLoader = inspectionsStore.actionLoader, indexDB = inspectionsStore.indexDB, setCanUpdateDB = inspectionsStore.setCanUpdateDB, canUpdateDB = inspectionsStore.canUpdateDB;
+    var dbName = inspectionCreationFormName;
+    var onupgradeneeded = function (db) {
+        addIndexDBStore(db, formFieldsName);
+        addIndexDBStore(db, formStateName);
+    };
+    function checkAndDeleteDB() {
+        var creationTime = localStorage.getItem(dbCreationTime);
+        var currentTime = Date.now();
+        if (creationTime && currentTime - Number(creationTime) > EXPIRATION_TIME) {
+            clearIndexStores(inspectionsStore.indexDB, [
+                formStateName,
+                formFieldsName,
+            ]);
+            localStorage.removeItem(dbCreationTime);
+        }
+    }
+    var initInspectionIndexDB = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            initIndexDB(dbName, onupgradeneeded, actionLoader, function (db) { return __awaiter(void 0, void 0, void 0, function () {
+                var formFields;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            inspectionsStore.setIndexDB(db);
+                            setCanUpdateDB(false);
+                            checkAndDeleteDB();
+                            return [4 /*yield*/, readFromIndexDB(db, formFieldsName, actionLoader)];
+                        case 1:
+                            formFields = _a.sent();
+                            if (formFields) {
+                                if ((formFields === null || formFields === void 0 ? void 0 : formFields.apartmentId) === apartmentId) {
+                                    creationForm.updateFormFields(__assign(__assign({}, formFields), { date: formFields.date ? DateTime.fromISO(formFields.date) : null }));
+                                    if (openModal)
+                                        openModal();
+                                }
+                            }
+                            else {
+                                setCanUpdateDB(true);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            return [2 /*return*/];
+        });
+    }); };
+    var initFormState = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var formState, formFields;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, readFromIndexDB(indexDB, formStateName, actionLoader)];
+                case 1:
+                    formState = _a.sent();
+                    return [4 /*yield*/, readFromIndexDB(indexDB, formFieldsName, actionLoader)];
+                case 2:
+                    formFields = _a.sent();
+                    if (formState && (formFields === null || formFields === void 0 ? void 0 : formFields.apartmentId) === apartmentId) {
+                        creationForm.setStep(Number(formState.step));
+                    }
+                    setCanUpdateDB(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (apartmentId)
+            initInspectionIndexDB();
+    }, [apartmentId]);
+    useEffect(function () {
+        if (inspectionsStore.canLoadDB && indexDB) {
+            initFormState();
+        }
+    }, [inspectionsStore.canLoadDB, indexDB]);
+    useEffect(function () {
+        if (canUpdateDB) {
+            var formState = {
+                step: creationForm.step,
+            };
+            addToIndexDBWithQueue(indexDB, formStateName, formState, actionLoader);
+            addToIndexDBWithQueue(indexDB, formFieldsName, creationForm.fields, actionLoader);
+            if (!localStorage.getItem(dbCreationTime)) {
+                localStorage.setItem(dbCreationTime, Date.now().toString());
+            }
+        }
+    }, [creationForm.step]);
+};
+
 var ObjectForMapPoint = function (props) {
     var label = props.label, onClick = props.onClick, isActive = props.isActive;
     return (jsx(Button, __assign({ size: "xs", variant: isActive ? "primary" : "white", onClick: onClick }, { children: label })));
@@ -1262,5 +1401,5 @@ var ObjectForMapOverlay = function (props) {
 var StyledWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 var templateObject_1;
 
-export { AddedMetersBlock, AdditionalInfoFieldsSchema, AdditionalInfoStepSchema, BasicApartmentInfoFieldsSchema, BasicApartmentInfoStepSchema, DetailApartmentInfoFieldsSchema, DetailApartmentInfoStepSchema, FillingInfoFieldsSchema, FillingListStore, HouseInfoFieldsSchema, HouseInfoStepSchema, HouseServicesInfoFieldsSchema, HouseServicesInfoStepSchema, index as InspectionFeedback, InspectionFillingCard, InventoryMeterInfoFields, MetersInfoFieldsSchema, MetersInfoStepSchema, ObjectForMapCard, ObjectForMapOverlay, ObjectForMapPoint, RoomsApartmentInfoFieldsSchema, RoomsApartmentInfoStepSchema, SecurityApartmentInfoFieldsSchema, SecurityApartmentInfoStepSchema, TelecommunicationsInfoFieldsSchema, TelecommunicationsInfoStepSchema, WaterMeterFieldsSchema, apartmentFields, getAdditionalInfoStepFields, getBasicApartmentInfoFields, getDetailApartmentInfoFields, getFillingInfoFields, getHouseInfoStep, getHouseServicesInfoStep, getInventoryMeterFields, getMetersInfoStepFields, getPartialMeterInfoSchema, getRoomsApartmentInfoFields, getRoomsImagesSteps, getSecurityApartmentInfoFields, getTelecommunicationsInfoStepFields, getWaterMeterFields, inspectionsRequestBody, inspectionsRequests, renderMetersSteps, useFillingList, useMetersValues };
+export { AddedMetersBlock, AdditionalInfoFieldsSchema, AdditionalInfoStepSchema, BasicApartmentInfoFieldsSchema, BasicApartmentInfoStepSchema, DetailApartmentInfoFieldsSchema, DetailApartmentInfoStepSchema, FillingInfoFieldsSchema, FillingListStore, HouseInfoFieldsSchema, HouseInfoStepSchema, HouseServicesInfoFieldsSchema, HouseServicesInfoStepSchema, index as InspectionFeedback, InspectionFillingCard, InventoryMeterInfoFields, MetersInfoFieldsSchema, MetersInfoStepSchema, ObjectForMapCard, ObjectForMapOverlay, ObjectForMapPoint, RoomsApartmentInfoFieldsSchema, RoomsApartmentInfoStepSchema, SecurityApartmentInfoFieldsSchema, SecurityApartmentInfoStepSchema, TelecommunicationsInfoFieldsSchema, TelecommunicationsInfoStepSchema, WaterMeterFieldsSchema, apartmentFields, getAdditionalInfoStepFields, getBasicApartmentInfoFields, getDetailApartmentInfoFields, getFillingInfoFields, getHouseInfoStep, getHouseServicesInfoStep, getInventoryMeterFields, getMetersInfoStepFields, getPartialMeterInfoSchema, getRoomsApartmentInfoFields, getRoomsImagesSteps, getSecurityApartmentInfoFields, getTelecommunicationsInfoStepFields, getWaterMeterFields, inspectionsRequestBody, inspectionsRequests, onInspectionModalClose, onInspectionModalOpen, renderMetersSteps, useFillingList, useInspectionData, useInspectionIndexDB, useMetersValues };
 //# sourceMappingURL=index.js.map