kui-crm_actions 0.0.70 → 0.0.71

package/cjs/index.js

@@ -10,10 +10,11 @@ var to = require('await-to-js');
 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 mobxReact = require('mobx-react');
+var styled = require('@emotion/styled');
 var kuiIcon = require('kui-icon');
+var react = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -933,6 +934,44 @@ var getRoomsImagesSteps = function (type, settings, roomsParams) { return __spre
     __assign({ type: "additional" }, settings.additional),
 ], false); };
 
+var InspectionFeedbackBillet = function (props) {
+    var feedback = props.feedback, label = props.label;
+    return (jsxRuntime.jsx(StyledWrapper$4, __assign({ status: feedback.status }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: label })), feedback.status !== "notSigned" && (jsxRuntime.jsxs(StyledIconWrapper, { children: [feedback.status === "signed" ? (jsxRuntime.jsx(StyledCheckIcon, {})) : (jsxRuntime.jsx(StyledErrorIcon, {})), !!feedback.comment && (jsxRuntime.jsx(kuiCrm.Tooltip, __assign({ placement: "bottom", content: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: "Comment" })), jsxRuntime.jsx(StyledComment, __assign({ size: "xs" }, { children: feedback.comment }))] }) }, { children: jsxRuntime.jsx(StyledCommentIcon, {}) })))] }))] })) })));
+};
+var StyledWrapper$4 = styled__default["default"].div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 66px;\n  border: 1px solid ", ";\n  padding: 6px 16px;\n  width: fit-content;\n  @media (max-width: ", "px) {\n    width: 100%;\n    > div {\n      justify-content: center;\n    }\n  }\n"], ["\n  background: ", ";\n  border-radius: 66px;\n  border: 1px solid ", ";\n  padding: 6px 16px;\n  width: fit-content;\n  @media (max-width: ", "px) {\n    width: 100%;\n    > div {\n      justify-content: center;\n    }\n  }\n"])), function (_a) {
+    var status = _a.status;
+    return status === "notSigned"
+        ? kuiBasic.theme.palette.background.light1
+        : kuiBasic.theme.palette.grey.zero;
+}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.breakpoints.sm);
+var StyledIconWrapper = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n  > div {\n    margin-left: 8px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n  > div {\n    margin-left: 8px;\n  }\n"])));
+var StyledCheckIcon = styled__default["default"](kuiIcon.CheckIcon)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  path {\n    fill: ", ";\n  }\n"], ["\n  path {\n    fill: ", ";\n  }\n"])), kuiBasic.theme.palette.green.fiftyP);
+var StyledErrorIcon = styled__default["default"](kuiIcon.CancelIcon)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  width: 12px;\n  height: 12px;\n  path {\n    fill: ", ";\n  }\n"], ["\n  width: 12px;\n  height: 12px;\n  path {\n    fill: ", ";\n  }\n"])), kuiBasic.theme.palette.red.fiftyP);
+var StyledComment = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  margin-top: 8px;\n"], ["\n  margin-top: 8px;\n"])));
+var StyledCommentIcon = styled__default["default"](kuiIcon.CommentIcon)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 13px;\n  cursor: pointer;\n  path {\n    fill: ", ";\n    stroke: ", ";\n  }\n"], ["\n  width: 13px;\n  cursor: pointer;\n  path {\n    fill: ", ";\n    stroke: ", ";\n  }\n"])), kuiBasic.theme.palette.grey.zero, kuiBasic.theme.palette.grey.thirty);
+var templateObject_1$6, templateObject_2$3, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6;
+
+var InspectionFeedbackStatus = function (props) {
+    var feedback = props.feedback, label = props.label, resendLabel = props.resendLabel, resend = props.resend;
+    if (!feedback)
+        return null;
+    return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(InspectionFeedbackBillet, { feedback: feedback, label: label }), feedback.status === "rejected" && (jsxRuntime.jsx(StyledButton, __assign({ size: "xs", variant: "orange", onClick: resend, endIcon: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) }, { children: resendLabel })))] })) })));
+};
+var InspectionFeedbackStatus$1 = mobxReact.observer(InspectionFeedbackStatus);
+var StyledButton = styled__default["default"](kuiBasic.Button)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n  margin-left: 16px;\n  @media (max-width: ", "px) {\n    width: 100%;\n    margin-left: 0;\n    margin-top: 8px;\n  }\n"], ["\n  margin-left: 16px;\n  @media (max-width: ", "px) {\n    width: 100%;\n    margin-left: 0;\n    margin-top: 8px;\n  }\n"])), kuiBasic.theme.breakpoints.sm);
+var templateObject_1$5;
+
+var InspectionFeedback = function (props) {
+    var tenantFeedback = props.tenantFeedback, landlordFeedback = props.landlordFeedback, resignInspection = props.resignInspection, resendLabel = props.resendLabel;
+    var tenantLabel = props.tenantLabel, landlordLabel = props.landlordLabel;
+    if (!tenantFeedback && !landlordFeedback)
+        return null;
+    return (jsxRuntime.jsxs(StyledWrapper$3, __assign({ container: true, spacing: 2, alignItems: "center" }, { children: [jsxRuntime.jsx(InspectionFeedbackStatus$1, { resend: resignInspection, resendLabel: resendLabel, feedback: tenantFeedback, label: tenantLabel }), jsxRuntime.jsx(InspectionFeedbackStatus$1, { resend: resignInspection, resendLabel: resendLabel, feedback: landlordFeedback, label: landlordLabel })] })));
+};
+var index = mobxReact.observer(InspectionFeedback);
+var StyledWrapper$3 = styled__default["default"](kuiBasic.Grid)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  padding-top: 8px;\n"], ["\n  padding-top: 8px;\n"])));
+var templateObject_1$4;
+
 var useMetersValues = function (formStore, metersStore) {
     react.useEffect(function () {
         var _a, _b;
@@ -1004,6 +1043,7 @@ exports.DetailApartmentInfoStepSchema = DetailApartmentInfoStepSchema;
 exports.FillingInfoFieldsSchema = FillingInfoFieldsSchema;
 exports.HouseServicesInfoFieldsSchema = HouseServicesInfoFieldsSchema;
 exports.HouseServicesInfoStepSchema = HouseServicesInfoStepSchema;
+exports.InspectionFeedback = index;
 exports.MetersInfoFieldsSchema = MetersInfoFieldsSchema;
 exports.MetersInfoStepSchema = MetersInfoStepSchema;
 exports.RoomsApartmentInfoFieldsSchema = RoomsApartmentInfoFieldsSchema;