kui-crm_actions 0.0.46 → 0.0.48

package/cjs/index.js

@@ -10,6 +10,9 @@ var luxon = require('luxon');
 var kuiComplex = require('kui-complex');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var styled = require('@emotion/styled');
+var kuiBasic = require('kui-basic');
+var kuiIcon = require('kui-icon');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,6 +36,7 @@ function _interopNamespace(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var to__default = /*#__PURE__*/_interopDefaultLegacy(to);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -106,6 +110,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) {
@@ -177,7 +186,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,
             }); }),
         };
     },
@@ -329,12 +338,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]);
                             })];
@@ -739,8 +750,42 @@ var useMetersValues = function (formStore, metersStore) {
     }, [metersStore.meters, metersStore.loader.isLoading]);
 };
 
+var MetroStation = function (props) {
+    var metroStation = props.metroStation;
+    var color = metroStation.color, name = metroStation.name;
+    return (jsxRuntime.jsxs(StyledWrapper$1, __assign({ item: true, container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledPoint, { style: { background: color } }), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", color: "sixty" }, { children: name }))] })));
+};
+var StyledWrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+var StyledPoint = styled__default["default"].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 = kuiUtils.getPhoneNumberFromPhoneParams(phone, " ");
+    var phoneLink = formattedPhone.replace(/\d/g, "");
+    return (jsxRuntime.jsxs(StyledWrapper, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, { children: [jsxRuntime.jsx(StyledPhoneIcon, { width: 14, height: 14 }), jsxRuntime.jsx("a", __assign({ href: "tel:+".concat(phoneLink) }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "sixty" }, { children: formattedPhone })) }))] })));
+};
+var StyledWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+var StyledPhoneIcon = styled__default["default"](kuiIcon.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"])), kuiBasic.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 (jsxRuntime.jsxs(StyledCard, { children: [jsxRuntime.jsx(kuiCrm.Link, __assign({ href: apartmentLink }, { children: jsxRuntime.jsx(StyledPreviewContent, { imageSrc: apartment.previewImage, description: "".concat(apartment.address, ", \u043A\u0432. ").concat(apartment.apartmentNumber) }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true, spacing: 2, alignItems: "center" }, { children: metroStations.map(function (station) { return (jsxRuntime.jsx(MetroStation, { metroStation: station }, station.name)); }) })), jsxRuntime.jsxs(StyledTenantInfo, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [clientLink ? (jsxRuntime.jsx(StyledClientLink, __assign({ href: clientLink }, { children: jsxRuntime.jsx(kuiCrm.UserBadge, { weight: 500, user: tenant }) }))) : (jsxRuntime.jsx(kuiCrm.UserBadge, { weight: 500, user: tenant })), !!tenant.phone && jsxRuntime.jsx(ContactPhone, { phone: tenant.phone })] })), jsxRuntime.jsx(StyledCloseButton, __assign({ isCircle: true, size: "xs", variant: "whiteWithGray", onClick: onClose }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 6, height: 6 }) }))] }));
+};
+var StyledCard = styled__default["default"].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"])), kuiBasic.theme.palette.grey.zero);
+var StyledPreviewContent = styled__default["default"](kuiCrm.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__default["default"](kuiBasic.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"])), kuiBasic.theme.palette.grey.fifteenB);
+var StyledCloseButton = styled__default["default"](kuiBasic.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__default["default"](kuiCrm.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;
+
 exports.AdditionalInfoFieldsSchema = AdditionalInfoFieldsSchema;
 exports.AdditionalInfoStepSchema = AdditionalInfoStepSchema;
+exports.ApartmentInspectionCard = ApartmentInspectionCard;
 exports.BasicApartmentInfoFieldsSchema = BasicApartmentInfoFieldsSchema;
 exports.BasicApartmentInfoStepSchema = BasicApartmentInfoStepSchema;
 exports.DetailApartmentInfoFieldsSchema = DetailApartmentInfoFieldsSchema;