kui-crm_actions 0.0.47 → 0.0.49

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.
@@ -60,6 +64,18 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -106,6 +122,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) {
@@ -741,8 +762,55 @@ var useMetersValues = function (formStore, metersStore) {
     }, [metersStore.meters, metersStore.loader.isLoading]);
 };
 
+var ApartmentInspectionPoint = function (props) {
+    var date = props.date, onClick = props.onClick, isActive = props.isActive;
+    return (jsxRuntime.jsx(kuiBasic.Button, __assign({ size: "xs", variant: isActive ? "primary" : "white", onClick: onClick }, { children: (date === null || date === void 0 ? void 0 : date.toFormat("dd.MM.yyyy")) || "-" })));
+};
+
+var MetroStation = function (props) {
+    var metroStation = props.metroStation;
+    var color = metroStation.color, name = metroStation.name;
+    return (jsxRuntime.jsxs(StyledWrapper$2, __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$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$3 || (templateObject_1$3 = __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$3, 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$1, __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$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$2 || (templateObject_1$2 = __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$2, 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$1 || (templateObject_1$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$1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+
+var ApartmentInspectionOverlay = function (props) {
+    var inspection = props.inspection, map = props.map, other = __rest(props, ["inspection", "map"]);
+    var _a = kuiCrm.useMapCards(inspection.location, map), ref = _a.ref, isOpen = _a.isOpen, closeCard = _a.closeCard, toggleCard = _a.toggleCard;
+    return (jsxRuntime.jsx(kuiCrm.MapOverlay, __assign({ map: map, position: inspection.location }, { children: jsxRuntime.jsxs(StyledWrapper, __assign({ ref: ref }, { children: [jsxRuntime.jsx(ApartmentInspectionPoint, { date: inspection.date, isActive: isOpen, onClick: toggleCard }), isOpen && (jsxRuntime.jsx(ApartmentInspectionCard, __assign({ inspection: inspection, onClose: closeCard }, other)))] })) })));
+};
+var StyledWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var templateObject_1;
+
 exports.AdditionalInfoFieldsSchema = AdditionalInfoFieldsSchema;
 exports.AdditionalInfoStepSchema = AdditionalInfoStepSchema;
+exports.ApartmentInspectionOverlay = ApartmentInspectionOverlay;
 exports.BasicApartmentInfoFieldsSchema = BasicApartmentInfoFieldsSchema;
 exports.BasicApartmentInfoStepSchema = BasicApartmentInfoStepSchema;
 exports.DetailApartmentInfoFieldsSchema = DetailApartmentInfoFieldsSchema;