kui-crm_actions 0.0.119 → 0.0.121

package/cjs/index.js

@@ -14,9 +14,9 @@ var react = require('react');
 var reactHookForm = require('react-hook-form');
 var kuiBasic = require('kui-basic');
 var yup$1 = require('@hookform/resolvers/yup');
-var mobxReact = require('mobx-react');
 var styled = require('@emotion/styled');
 var kuiIcon = require('kui-icon');
+var mobxReact = require('mobx-react');
 var mobx = require('mobx');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -965,12 +965,51 @@ var getInventoryMeterFields = function (settings, inputsSettings) { return __spr
     __assign({ label: "Passport", name: "passportFile", variant: "custom", CustomInput: kuiComplex.InputFile }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.passportFile),
 ], false); };
 
+var AddedMeterItem = function (props) {
+    var meter = props.meter, getMeterLabel = props.getMeterLabel;
+    var resource = meter.resource, type = meter.type, number = meter.number;
+    var initialValue = meter.initialValue, initialValueT1 = meter.initialValueT1, initialValueT2 = meter.initialValueT2, initialValueT3 = meter.initialValueT3;
+    var meterValues = [
+        initialValue,
+        initialValueT1,
+        initialValueT2,
+        initialValueT3,
+    ]
+        .filter(function (value) { return typeof value !== "undefined"; })
+        .map(function (value) { return value; })
+        .join(" / ");
+    var getDefaultMeterLabel = function () {
+        return ___default["default"].capitalize("".concat(type ? "".concat(type, " ") : "").concat(resource, " meter"));
+    };
+    var label = getMeterLabel
+        ? getMeterLabel(resource, type)
+        : getDefaultMeterLabel();
+    return (jsxRuntime.jsxs(kuiBasic.Caption, __assign({ size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxRuntime.jsxs(StyledAccent, { children: [meterValues, " ", kuiCrm.meterUnitLabel[meter.resource]] })] })));
+};
+var StyledAccent = styled__default["default"].span(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
+var templateObject_1$a;
+
+var AddedMetersBlock = function (props) {
+    var _a, _b;
+    var resource = props.resource, formStore = props.formStore, label = props.label, getMeterLabel = props.getMeterLabel;
+    var addedMeters = (_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.meters) === null || _b === void 0 ? void 0 : _b.filter(function (meter) { return meter.resource === resource; });
+    if (!(addedMeters === null || addedMeters === void 0 ? void 0 : addedMeters.length))
+        return null;
+    return (jsxRuntime.jsxs(StyledWrapper$5, { children: [jsxRuntime.jsxs(StyledHeader, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledIcon, {}), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", color: "fiftyP" }, { children: label || "In the previous steps were added:" }))] })), addedMeters.map(function (meter) { return (jsxRuntime.jsx(AddedMeterItem, { getMeterLabel: getMeterLabel, meter: meter }, meter.number)); })] }));
+};
+var StyledWrapper$5 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  border-radius: 8px;\n  border: 1px solid ", ";\n  padding: 12px 16px;\n"], ["\n  border-radius: 8px;\n  border: 1px solid ", ";\n  padding: 12px 16px;\n"])), kuiBasic.theme.palette.grey.fifteenB);
+var StyledIcon = styled__default["default"](kuiIcon.WarningIcon)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  margin-right: 8px;\n  width: 16px;\n  height: 16px;\n  path {\n    fill: ", ";\n  }\n"], ["\n  margin-right: 8px;\n  width: 16px;\n  height: 16px;\n  path {\n    fill: ", ";\n  }\n"])), kuiBasic.theme.palette.brand.main);
+var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
+var templateObject_1$9, templateObject_2$6, templateObject_3$3;
+
 function InventoryMeterInfoFields(props) {
-    var resource = props.resource, handleSubmit = props.handleSubmit, handlePrevClick = props.handlePrevClick, defaultValues = props.defaultValues;
+    var _a, _b;
+    var resource = props.resource, index = props.index, formStore = props.formStore;
+    var defaultValues = (_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.meters) === null || _b === void 0 ? void 0 : _b[index];
     var withMeterType = resource === "water" || resource === "electricity";
     var defaultType = resource === "water" ? "cold" : "T1";
     var defaultMeterType = withMeterType ? defaultType : null;
-    var _a = react.useState((defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) || defaultMeterType), meterType = _a[0], setMeterType = _a[1];
+    var _c = react.useState((defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) || defaultMeterType), meterType = _c[0], setMeterType = _c[1];
     var meterFields = getInventoryMeterFields({
         resource: resource,
         meterType: meterType,
@@ -986,7 +1025,11 @@ function InventoryMeterInfoFields(props) {
             values: defaultValues,
         });
     }, [meterFeaturesFieldsSchema]);
-    return (jsxRuntime.jsx(kuiCrm.FormWrapper, __assign({ form: form, onSubmit: handleSubmit, label: "Next", variant: "next", withPrevStep: true, handlePrevClick: handlePrevClick }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [withMeterType && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(kuiCrm.MeterTypeRadioGroup, { form: form, resource: resource, handleChange: setMeterType }) }))), meterFields.map(function (_a) {
+    var handleSubmit = function (data) {
+        formStore.replaceFieldInArray("meters", __assign(__assign({}, data), { resource: resource }), index);
+        formStore.nextStep();
+    };
+    return (jsxRuntime.jsx(kuiCrm.FormWrapper, __assign({ form: form, onSubmit: handleSubmit, label: "Next", variant: "next", withPrevStep: true, handlePrevClick: formStore.prevStep }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(AddedMetersBlock, { formStore: formStore, resource: resource }) })), withMeterType && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(kuiCrm.MeterTypeRadioGroup, { form: form, resource: resource, handleChange: setMeterType }) }))), meterFields.map(function (_a) {
                     var size = _a.size, field = __rest(_a, ["size"]);
                     return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: size || 6 }, { children: jsxRuntime.jsx(kuiCrm.InputByType, __assign({ form: form }, field)) }), field.name));
                 })] })) })));
@@ -1191,6 +1234,7 @@ var ObjectForMapOverlay = function (props) {
 var StyledWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 var templateObject_1;
 
+exports.AddedMetersBlock = AddedMetersBlock;
 exports.AdditionalInfoFieldsSchema = AdditionalInfoFieldsSchema;
 exports.AdditionalInfoStepSchema = AdditionalInfoStepSchema;
 exports.BasicApartmentInfoFieldsSchema = BasicApartmentInfoFieldsSchema;