kui-crm_actions 0.0.46 → 0.0.48

package/index.js

@@ -1,11 +1,14 @@
 import { addToArrayByCondition, clearNotValidFields, getPhoneNumberFromPhoneParams, resHandler, callPromises } from 'kui-utils';
 import * as yup from 'yup';
-import { requests, uploadImages, uploadFiles, CountryAutocomplete, RegionAutocomplete, CityAutocomplete, RenovationTypeValues, RenovationStyleValues, RoomTypeValues, RoomTypesValues, BooleanValues, ParkingTypesValues, fieldWithConditionSchema, defaultRequiredMessage, CompanyAutocomplete, TaxTypeValues, phoneWithConditionSchema, positiveNumberSchema, getNumbersValues, TVTypesValues, phoneNonRequiredSchema, InputFileWithVisibility, FillingTypeValues, FillingTagsAutocomplete } from 'kui-crm';
+import { requests, uploadImages, uploadFiles, CountryAutocomplete, RegionAutocomplete, CityAutocomplete, RenovationTypeValues, RenovationStyleValues, RoomTypeValues, RoomTypesValues, BooleanValues, ParkingTypesValues, fieldWithConditionSchema, defaultRequiredMessage, CompanyAutocomplete, TaxTypeValues, phoneWithConditionSchema, positiveNumberSchema, getNumbersValues, TVTypesValues, phoneNonRequiredSchema, InputFileWithVisibility, FillingTypeValues, FillingTagsAutocomplete, PreviewContent, Link, UserBadge } from 'kui-crm';
 import to from 'await-to-js';
 import { DateTime } from 'luxon';
 import { InputWithAddressAutocomplete, DependentInput, CheckboxWithController, InputPhoneWithForm } from 'kui-complex';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEffect } from 'react';
+import styled from '@emotion/styled';
+import { Grid, Caption, theme, Button } from 'kui-basic';
+import { PhoneIcon, CloseIcon } from 'kui-icon';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -79,6 +82,11 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 }
 
 var getPartialMeterInfoFields = function (resource, type, name, settings) {
@@ -150,7 +158,7 @@ var inspectionsRequestBody = {
             renovation_style: (_c = inspection.renovation) === null || _c === void 0 ? void 0 : _c.style,
             rooms: inspection.rooms.map(function (room, index) { return ({
                 room_type: room.type,
-                order_number: index + 1,
+                order_number: index,
             }); }),
         };
     },
@@ -302,12 +310,14 @@ var inspectionsRequests = {
                         bedroomIndex = 0;
                         return [2 /*return*/, roomsImages.map(function (room, index) {
                                 if (room.type === "room") {
-                                    roomIndex += 1;
-                                    return __assign(__assign({}, _this.getRoomParams(room, images[index])), { room_order_number: roomIndex });
+                                    return __assign(__assign({}, _this.getRoomParams(room, images[index])), { 
+                                        // eslint-disable-next-line no-plusplus
+                                        room_order_number: roomIndex++ });
                                 }
                                 if (room.type === "bedroom") {
-                                    bedroomIndex += 1;
-                                    return __assign(__assign({}, _this.getRoomParams(room, images[index])), { room_order_number: bedroomIndex });
+                                    return __assign(__assign({}, _this.getRoomParams(room, images[index])), { 
+                                        // eslint-disable-next-line no-plusplus
+                                        room_order_number: bedroomIndex++ });
                                 }
                                 return _this.getRoomParams(room, images[index]);
                             })];
@@ -712,5 +722,38 @@ var useMetersValues = function (formStore, metersStore) {
     }, [metersStore.meters, metersStore.loader.isLoading]);
 };
 
-export { AdditionalInfoFieldsSchema, AdditionalInfoStepSchema, BasicApartmentInfoFieldsSchema, BasicApartmentInfoStepSchema, DetailApartmentInfoFieldsSchema, DetailApartmentInfoStepSchema, FillingInfoFieldsSchema, HouseServicesInfoFieldsSchema, HouseServicesInfoStepSchema, MetersInfoFieldsSchema, MetersInfoStepSchema, RoomsApartmentInfoFieldsSchema, RoomsApartmentInfoStepSchema, SecurityApartmentInfoFieldsSchema, SecurityApartmentInfoStepSchema, TelecommunicationsInfoFieldsSchema, TelecommunicationsInfoStepSchema, getAdditionalInfoStepFields, getApartmentPaymentFields, getBasicApartmentInfoFields, getDetailApartmentInfoFields, getFillingInfoFields, getHouseServicesInfoStep, getMetersInfoStepFields, getPartialMeterInfoFields, getPartialMeterInfoSchema, getRoomsApartmentInfoFields, getRoomsImagesSteps, getSecurityApartmentInfoFields, getTelecommunicationsInfoStepFields, inspectionsRequestBody, inspectionsRequests, renderMetersSteps, useMetersValues };
+var MetroStation = function (props) {
+    var metroStation = props.metroStation;
+    var color = metroStation.color, name = metroStation.name;
+    return (jsxs(StyledWrapper$1, __assign({ item: true, container: true, alignItems: "center" }, { children: [jsx(StyledPoint, { style: { background: color } }), jsx(Caption, __assign({ size: "s", color: "sixty" }, { children: name }))] })));
+};
+var StyledWrapper$1 = styled(Grid)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+var StyledPoint = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-right: 6px;\n"], ["\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-right: 6px;\n"])));
+var templateObject_1$2, templateObject_2$2;
+
+var ContactPhone = function (props) {
+    var phone = props.phone;
+    var formattedPhone = getPhoneNumberFromPhoneParams(phone, " ");
+    var phoneLink = formattedPhone.replace(/\d/g, "");
+    return (jsxs(StyledWrapper, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, { children: [jsx(StyledPhoneIcon, { width: 14, height: 14 }), jsx("a", __assign({ href: "tel:+".concat(phoneLink) }, { children: jsx(Caption, __assign({ size: "s", weight: 500, color: "sixty" }, { children: formattedPhone })) }))] })));
+};
+var StyledWrapper = styled(Grid)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+var StyledPhoneIcon = styled(PhoneIcon)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  margin-right: 6px;\n  transform: rotate(15deg);\n  path {\n    stroke: ", ";\n  }\n"], ["\n  margin-right: 6px;\n  transform: rotate(15deg);\n  path {\n    stroke: ", ";\n  }\n"])), theme.palette.grey.sixty);
+var templateObject_1$1, templateObject_2$1;
+
+var ApartmentInspectionCard = function (props) {
+    var inspection = props.inspection, onClose = props.onClose, getClientLink = props.getClientLink, getApartmentLink = props.getApartmentLink;
+    var apartment = inspection.apartment, tenant = inspection.tenant, metroStations = inspection.metroStations;
+    var clientLink = getClientLink ? getClientLink(tenant.id) : "";
+    var apartmentLink = getApartmentLink(apartment.id);
+    return (jsxs(StyledCard, { children: [jsx(Link, __assign({ href: apartmentLink }, { children: jsx(StyledPreviewContent, { imageSrc: apartment.previewImage, description: "".concat(apartment.address, ", \u043A\u0432. ").concat(apartment.apartmentNumber) }) })), jsx(Grid, __assign({ container: true, spacing: 2, alignItems: "center" }, { children: metroStations.map(function (station) { return (jsx(MetroStation, { metroStation: station }, station.name)); }) })), jsxs(StyledTenantInfo, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [clientLink ? (jsx(StyledClientLink, __assign({ href: clientLink }, { children: jsx(UserBadge, { weight: 500, user: tenant }) }))) : (jsx(UserBadge, { weight: 500, user: tenant })), !!tenant.phone && jsx(ContactPhone, { phone: tenant.phone })] })), jsx(StyledCloseButton, __assign({ isCircle: true, size: "xs", variant: "whiteWithGray", onClick: onClose }, { children: jsx(CloseIcon, { width: 6, height: 6 }) }))] }));
+};
+var StyledCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 330px;\n  background: ", ";\n  border-radius: 8px;\n  padding: 8px;\n  position: absolute;\n  bottom: 46px;\n  left: -115px;\n  z-index: 1;\n"], ["\n  width: 330px;\n  background: ", ";\n  border-radius: 8px;\n  padding: 8px;\n  position: absolute;\n  bottom: 46px;\n  left: -115px;\n  z-index: 1;\n"])), theme.palette.grey.zero);
+var StyledPreviewContent = styled(PreviewContent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 8px;\n  p {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n  }\n"], ["\n  margin-bottom: 8px;\n  p {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n  }\n"])));
+var StyledTenantInfo = styled(Grid)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-top: 8px;\n  border-top: 1px solid ", ";\n  margin-top: 8px;\n  flex-wrap: nowrap;\n"], ["\n  padding-top: 8px;\n  border-top: 1px solid ", ";\n  margin-top: 8px;\n  flex-wrap: nowrap;\n"])), theme.palette.grey.fifteenB);
+var StyledCloseButton = styled(Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  width: 24px;\n  height: 24px;\n"], ["\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  width: 24px;\n  height: 24px;\n"])));
+var StyledClientLink = styled(Link)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  max-width: calc(100% - 140px);\n"], ["\n  max-width: calc(100% - 140px);\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+
+export { AdditionalInfoFieldsSchema, AdditionalInfoStepSchema, ApartmentInspectionCard, BasicApartmentInfoFieldsSchema, BasicApartmentInfoStepSchema, DetailApartmentInfoFieldsSchema, DetailApartmentInfoStepSchema, FillingInfoFieldsSchema, HouseServicesInfoFieldsSchema, HouseServicesInfoStepSchema, MetersInfoFieldsSchema, MetersInfoStepSchema, RoomsApartmentInfoFieldsSchema, RoomsApartmentInfoStepSchema, SecurityApartmentInfoFieldsSchema, SecurityApartmentInfoStepSchema, TelecommunicationsInfoFieldsSchema, TelecommunicationsInfoStepSchema, getAdditionalInfoStepFields, getApartmentPaymentFields, getBasicApartmentInfoFields, getDetailApartmentInfoFields, getFillingInfoFields, getHouseServicesInfoStep, getMetersInfoStepFields, getPartialMeterInfoFields, getPartialMeterInfoSchema, getRoomsApartmentInfoFields, getRoomsImagesSteps, getSecurityApartmentInfoFields, getTelecommunicationsInfoStepFields, inspectionsRequestBody, inspectionsRequests, renderMetersSteps, useMetersValues };
 //# sourceMappingURL=index.js.map