kui-crm 0.0.77 → 0.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.js CHANGED
@@ -701,8 +701,8 @@ function TwoOptionForAutocomplete(_a) {
701
701
  var option = _a.option;
702
702
  return (jsxRuntime.jsxs(StyledWrapper$a, __assign({ container: true, justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: option.name })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: option.right })) }))] })));
703
703
  }
704
- var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
705
- var templateObject_1$s;
704
+ var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
705
+ var templateObject_1$t;
706
706
 
707
707
  function SquarePreviewImage(_a) {
708
708
  var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
@@ -710,8 +710,8 @@ function SquarePreviewImage(_a) {
710
710
  return (jsxRuntime.jsx(StyledWrapper$9, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsxRuntime.jsx(StyledImage$4, { src: imageSrc, alt: "preview image" })) : (jsxRuntime.jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
711
711
  }
712
712
  var previewSizesStyles = {
713
- lg: react.css(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
714
- sm: react.css(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
713
+ lg: react.css(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
714
+ sm: react.css(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
715
715
  };
716
716
  var StyledImage$4 = styled__default["default"].img(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"])));
717
717
  var StyledWrapper$9 = styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
@@ -719,14 +719,14 @@ var StyledWrapper$9 = styled__default["default"].div(templateObject_4$6 || (temp
719
719
  return previewSizesStyles[size];
720
720
  });
721
721
  var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), kuiBasic.theme.palette.brand.light);
722
- var templateObject_1$r, templateObject_2$g, templateObject_3$f, templateObject_4$6, templateObject_5$3;
722
+ var templateObject_1$s, templateObject_2$h, templateObject_3$f, templateObject_4$6, templateObject_5$3;
723
723
 
724
724
  function Modal(_a) {
725
725
  var open = _a.open, other = __rest(_a, ["open"]);
726
726
  return jsxRuntime.jsx(StyledModal$2, __assign({ isOpen: open }, other));
727
727
  }
728
- var StyledModal$2 = styled__default["default"](kuiBasic.Modal)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"], ["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"])));
729
- var templateObject_1$q;
728
+ var StyledModal$2 = styled__default["default"](kuiBasic.Modal)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"], ["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"])));
729
+ var templateObject_1$r;
730
730
 
731
731
  const isValidWithMaskExp = /^[^_]+$/;
732
732
 
@@ -870,8 +870,8 @@ function AutocompleteOption(_a) {
870
870
  var label = _a.label;
871
871
  return (jsxRuntime.jsx(StyledWrapper$8, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
872
872
  }
873
- var StyledWrapper$8 = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
874
- var templateObject_1$p;
873
+ var StyledWrapper$8 = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
874
+ var templateObject_1$q;
875
875
 
876
876
  var parentClassName$1 = "KUI-ErrorPopup_container";
877
877
  var timeout = 3000;
@@ -918,10 +918,10 @@ function ErrorPopup(_a) {
918
918
  var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
919
919
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), reactDom.createPortal(jsxRuntime.jsx(StyledWrapper$7, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
920
920
  }
921
- var containerCSS$1 = react.css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
922
- var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n &:last-child {\n margin-bottom: 0;\n }\n"])));
921
+ var containerCSS$1 = react.css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
922
+ var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n &:last-child {\n margin-bottom: 0;\n }\n"])));
923
923
  var StyledContent = styled__default["default"].pre(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
924
- var templateObject_1$o, templateObject_2$f, templateObject_3$e;
924
+ var templateObject_1$p, templateObject_2$g, templateObject_3$e;
925
925
 
926
926
  var parentClassName = "KUI-LoadingPopup_container";
927
927
  var createParentNode = function () {
@@ -945,12 +945,12 @@ function LoaderPopup(_a) {
945
945
  var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
946
946
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), reactDom.createPortal(jsxRuntime.jsxs(StyledWrapper$6, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$1, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
947
947
  }
948
- var containerCSS = react.css(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
949
- var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"], ["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"])));
948
+ var containerCSS = react.css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
949
+ var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"], ["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"])));
950
950
  var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
951
951
  var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"], ["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"])));
952
952
  var CloseIconWrapper = styled__default["default"].div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
953
- var templateObject_1$n, templateObject_2$e, templateObject_3$d, templateObject_4$5, templateObject_5$2;
953
+ var templateObject_1$o, templateObject_2$f, templateObject_3$d, templateObject_4$5, templateObject_5$2;
954
954
 
955
955
  function LoaderState(_a) {
956
956
  var loader = _a.loader, onlyError = _a.onlyError;
@@ -1125,17 +1125,17 @@ function ModalWithMap(props) {
1125
1125
  return (jsxRuntime.jsxs(StyledModal$1, __assign({ handleClose: handleClose, open: open }, { children: [jsxRuntime.jsx(kuiComplex.MapWrapper, { children: jsxRuntime.jsx(MapComponent$1, { setMap: setMap }) }), !disabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledInput$3, { name: "mapAddress", label: "Address", form: form, handlePlaceSelect: handlePlaceSelect }), jsxRuntime.jsx(StyledButton$2, __assign({ size: "s", onClick: form.handleSubmit(handleSave), endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, { children: "Save" }))] }))] })));
1126
1126
  }
1127
1127
  var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
1128
- var StyledModal$1 = styled__default["default"](Modal)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.seventy);
1129
- var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"], ["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"])));
1128
+ var StyledModal$1 = styled__default["default"](Modal)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.seventy);
1129
+ var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"], ["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"])));
1130
1130
  var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
1131
- var templateObject_1$m, templateObject_2$d, templateObject_3$c;
1131
+ var templateObject_1$n, templateObject_2$e, templateObject_3$c;
1132
1132
 
1133
1133
  function OpenMapButton(props) {
1134
1134
  var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
1135
1135
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledMapIcon, { onClick: handleModalOpen }), isModalOpen && (jsxRuntime.jsx(ModalWithMap$1, __assign({ open: isModalOpen, handleClose: handleModalClose }, props)))] }));
1136
1136
  }
1137
- var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
1138
- var templateObject_1$l;
1137
+ var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
1138
+ var templateObject_1$m;
1139
1139
 
1140
1140
  function InputWithMap(_a) {
1141
1141
  var form = _a.form, name = _a.name, disabled = _a.disabled, onPlaceSelect = _a.handlePlaceSelect, inputProps = __rest(_a, ["form", "name", "disabled", "handlePlaceSelect"]);
@@ -1176,11 +1176,11 @@ function PreviewImageCard(props) {
1176
1176
  var handleBlur = function () { return setCloseButtonOpacity(0); };
1177
1177
  return (jsxRuntime.jsxs(Wrapper$5, __assign({ onMouseEnter: handleHover, onMouseLeave: handleBlur, onClick: handleClick, ref: cardRef }, otherProps, { children: [jsxRuntime.jsx(StyledImage$3, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop$1, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) }), reactDom.createPortal(jsxRuntime.jsx(StyledRemoveButton, __assign({ isCircle: true, variant: "white", onClick: handleDelete, style: closeButtonStyles, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 16, height: 16 }) })), document.body)] })));
1178
1178
  }
1179
- var Wrapper$5 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
1180
- var StyledImage$3 = styled__default["default"].img(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"])));
1179
+ var Wrapper$5 = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
1180
+ var StyledImage$3 = styled__default["default"].img(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"])));
1181
1181
  var Backdrop$1 = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
1182
1182
  var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"], ["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"])));
1183
- var templateObject_1$k, templateObject_2$c, templateObject_3$b, templateObject_4$4;
1183
+ var templateObject_1$l, templateObject_2$d, templateObject_3$b, templateObject_4$4;
1184
1184
 
1185
1185
  var getURLFromFile = function (fileList) {
1186
1186
  return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
@@ -1220,12 +1220,12 @@ function FileUploaderWithPreview(props) {
1220
1220
  };
1221
1221
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$5, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$2, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel, __assign({ htmlFor: "file_input" }, { children: jsxRuntime.jsx(StyledCircleButton, __assign({ isCircle: true, size: "l", variant: "grayLight" }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) })) })))] }), error && (jsxRuntime.jsx(StyledErrorMessage, __assign({ size: "xs", colorGroup: "red", color: "seventy" }, { children: error })))] }));
1222
1222
  }
1223
- var StyledWrapper$5 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
1224
- var StyledLabel = styled__default["default"].label(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
1223
+ var StyledWrapper$5 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
1224
+ var StyledLabel = styled__default["default"].label(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
1225
1225
  var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"], ["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"])), kuiBasic.theme.palette.background.light2);
1226
1226
  var StyledInput$2 = styled__default["default"].input(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
1227
1227
  var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
1228
- var templateObject_1$j, templateObject_2$b, templateObject_3$a, templateObject_4$3, templateObject_5$1;
1228
+ var templateObject_1$k, templateObject_2$c, templateObject_3$a, templateObject_4$3, templateObject_5$1;
1229
1229
 
1230
1230
  var companyFields = [
1231
1231
  {
@@ -1269,12 +1269,12 @@ FormBottom.defaultProps = {
1269
1269
  variant: "create",
1270
1270
  label: "Create",
1271
1271
  };
1272
- var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"], ["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
1272
+ var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"], ["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
1273
1273
  function Footer(_a) {
1274
1274
  _a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
1275
1275
  return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
1276
1276
  }
1277
- var StyledFooter = styled__default["default"](Footer)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"])), kuiBasic.theme.palette.grey.zero, function (_a) {
1277
+ var StyledFooter = styled__default["default"](Footer)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"])), kuiBasic.theme.palette.grey.zero, function (_a) {
1278
1278
  var isFixed = _a.isFixed;
1279
1279
  return (isFixed ? 1000 : 1);
1280
1280
  }, function (_a) {
@@ -1288,7 +1288,7 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$a || (tem
1288
1288
  return (isFixed ? 0 : "auto");
1289
1289
  });
1290
1290
  var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
1291
- var templateObject_1$i, templateObject_2$a, templateObject_3$9;
1291
+ var templateObject_1$j, templateObject_2$b, templateObject_3$9;
1292
1292
 
1293
1293
  function CompanyCreationForm(_a) {
1294
1294
  var handleSubmit = _a.handleSubmit;
@@ -1731,8 +1731,8 @@ HeadingWithButton.defaultProps = {
1731
1731
  variant: "white",
1732
1732
  showButton: true,
1733
1733
  };
1734
- var StyledWrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
1735
- var templateObject_1$h;
1734
+ var StyledWrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
1735
+ var templateObject_1$i;
1736
1736
 
1737
1737
  var meterFeaturesFieldsSchema = {
1738
1738
  tariff: yup__namespace.object({
@@ -1856,10 +1856,10 @@ var PartialPayer = function (props) {
1856
1856
  PartialPayer.defaultProps = {
1857
1857
  variant: "radio",
1858
1858
  };
1859
- var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"], ["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"])), kuiBasic.theme.palette.background.light1);
1860
- var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
1859
+ var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"], ["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"])), kuiBasic.theme.palette.background.light1);
1860
+ var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
1861
1861
  var StyledWrapper$3 = styled__default["default"](kuiBasic.Grid)(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
1862
- var templateObject_1$g, templateObject_2$9, templateObject_3$8;
1862
+ var templateObject_1$h, templateObject_2$a, templateObject_3$8;
1863
1863
 
1864
1864
  var TariffsLiteStore = /** @class */ (function () {
1865
1865
  function TariffsLiteStore() {
@@ -2074,9 +2074,9 @@ function TariffReplacementField(props) {
2074
2074
  };
2075
2075
  return (jsxRuntime.jsx(StyledInputWrapper, { children: jsxRuntime.jsx(TariffGroupAutocomplete$1, __assign({ label: !value && "Tariff group", endIcon: value && jsxRuntime.jsx(StyledCrossIcon, { onClick: handleDelete }), form: form, name: name }, inputProps)) }));
2076
2076
  }
2077
- var StyledInputWrapper = styled__default["default"].div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"], ["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"])));
2078
- var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"], ["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
2079
- var templateObject_1$f, templateObject_2$8;
2077
+ var StyledInputWrapper = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"], ["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"])));
2078
+ var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"], ["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
2079
+ var templateObject_1$g, templateObject_2$9;
2080
2080
 
2081
2081
  function TariffReplacementFields(_a) {
2082
2082
  var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
@@ -2095,8 +2095,8 @@ function TariffReplacementFields(_a) {
2095
2095
  }, [fields]);
2096
2096
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton, { title: "REPLACEABLE TARIFF GROUPS", onClick: addTariff, isEditing: true }), jsxRuntime.jsx("div", { children: fields.map(function (item, key) { return (jsxRuntime.jsx(TariffReplacementField, { name: "replaceableTariffsGroups.".concat(key), form: form, resource: resource, index: key, remove: remove }, fields[key].id)); }) })] }));
2097
2097
  }
2098
- var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"], ["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"])));
2099
- var templateObject_1$e;
2098
+ var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"], ["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"])));
2099
+ var templateObject_1$f;
2100
2100
 
2101
2101
  function CommonTariffFields(props) {
2102
2102
  var resource = props.resource, setResource = props.setResource, setReplaceable = props.setReplaceable, creationForm = props.creationForm;
@@ -2120,8 +2120,8 @@ function CommonTariffFields(props) {
2120
2120
  }), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(TariffReplacementFields, { setReplaceable: setReplaceable, resource: resource, form: form }) }))] })) })), jsxRuntime.jsx(FormBottom, { label: "Next", endIcon: jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}), type: "button", handleClick: form.handleSubmit(handleSubmit) })] }));
2121
2121
  }
2122
2122
  var CommonTariffFields$1 = mobxReact.observer(CommonTariffFields);
2123
- var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
2124
- var templateObject_1$d;
2123
+ var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
2124
+ var templateObject_1$e;
2125
2125
 
2126
2126
  var ChangeReasonTariffFieldsSchema = yup__namespace.object().shape({
2127
2127
  reason: yup__namespace.object({
@@ -2171,8 +2171,8 @@ function ElectricityTariffCreationFields(props) {
2171
2171
  };
2172
2172
  return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$1, { form: form, name: "T1", label: "One-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$1, { form: form, name: "T2", label: "Two-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$1, { form: form, name: "T3", label: "Three-part", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
2173
2173
  }
2174
- var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
2175
- var templateObject_1$c;
2174
+ var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
2175
+ var templateObject_1$d;
2176
2176
 
2177
2177
  var WaterTariffFieldsSchema = yup__namespace.object().shape({
2178
2178
  cold: yup__namespace
@@ -2204,8 +2204,8 @@ function WaterTariffCreationFields(props) {
2204
2204
  };
2205
2205
  return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput, { form: form, name: "cold", label: "Cold", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput, { form: form, name: "hot", label: "Hot", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput, { form: form, name: "sewerage", label: "Sewer", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
2206
2206
  }
2207
- var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
2208
- var templateObject_1$b;
2207
+ var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
2208
+ var templateObject_1$c;
2209
2209
 
2210
2210
  var SingleTariffFieldsSchema = yup__namespace.object().shape({
2211
2211
  value: yup__namespace
@@ -2317,6 +2317,19 @@ TariffGroupAutocomplete.defaultProps = {
2317
2317
  };
2318
2318
  var TariffGroupAutocomplete$1 = mobxReact.observer(TariffGroupAutocomplete);
2319
2319
 
2320
+ var LabelWithHint = function (props) {
2321
+ var label = props.label, hintMessage = props.hintMessage;
2322
+ return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 500, size: "s" }, { children: label })), jsxRuntime.jsx(StyledTooltip, __assign({ content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon, {}) }))] })));
2323
+ };
2324
+ var StyledIcon = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
2325
+ var StyledTooltip = styled__default["default"](kuiComplex.Tooltip)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n width: fit-content;\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n width: fit-content;\n .Tooltip_content {\n z-index: auto;\n }\n"])));
2326
+ var templateObject_1$b, templateObject_2$8;
2327
+
2328
+ var CheckboxWithHint = function (props) {
2329
+ var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
2330
+ return (jsxRuntime.jsx(kuiComplex.CheckboxWithController, __assign({ labelProps: { size: "s" }, label: jsxRuntime.jsx(LabelWithHint, { label: label, hintMessage: hintMessage }) }, other)));
2331
+ };
2332
+
2320
2333
  var inputStep = 0.00001;
2321
2334
  var fieldsToColumns = function (firstRow, secondRow) {
2322
2335
  var res = [];
@@ -2326,93 +2339,42 @@ var fieldsToColumns = function (firstRow, secondRow) {
2326
2339
  });
2327
2340
  return res;
2328
2341
  };
2329
- var getValuesFields = function (resource, variant, meterType) {
2342
+ var getValuesFields = function (resource, variant, meterType, inputsSettings) {
2330
2343
  var label = "".concat(___default["default"].capitalize(variant), " value");
2331
2344
  var name = "".concat(variant, "Value");
2332
2345
  if (resource === "electricity") {
2333
2346
  return __spreadArray(__spreadArray([
2334
- {
2335
- label: "".concat(label, " T1"),
2336
- name: "".concat(name, "T1"),
2337
- type: "number",
2338
- step: inputStep,
2339
- }
2340
- ], kuiUtils.addToArrayByCondition(meterType !== "T1", {
2341
- label: "".concat(label, " T2"),
2342
- name: "".concat(name, "T2"),
2343
- type: "number",
2344
- step: inputStep,
2345
- }), true), kuiUtils.addToArrayByCondition(meterType === "T3", {
2346
- label: "".concat(label, " T3"),
2347
- name: "".concat(name, "T3"),
2348
- type: "number",
2349
- step: inputStep,
2350
- }), true);
2347
+ __assign({ label: "".concat(label, " T1"), name: "".concat(name, "T1"), type: "number", step: inputStep }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings["".concat(name, "T1")])
2348
+ ], kuiUtils.addToArrayByCondition(meterType !== "T1", __assign({ label: "".concat(label, " T2"), name: "".concat(name, "T2"), type: "number", step: inputStep }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings["".concat(name, "T2")])), true), kuiUtils.addToArrayByCondition(meterType === "T3", __assign({ label: "".concat(label, " T3"), name: "".concat(name, "T3"), type: "number", step: inputStep }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings["".concat(name, "T3")])), true);
2351
2349
  }
2352
- return [{ label: label, name: name, type: "number", step: inputStep }];
2350
+ return [
2351
+ __assign({ label: label, name: name, type: "number", step: inputStep }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings[name]),
2352
+ ];
2353
2353
  };
2354
- var commonMeterFields = function (_a) {
2354
+ var commonMeterFields = function (_a, inputsSettings) {
2355
2355
  var withPassport = _a.withPassport, isNewResource = _a.isNewResource, withLastValue = _a.withLastValue, resource = _a.resource, tariffFilter = _a.tariffFilter, disableOperatingAccount = _a.disableOperatingAccount, handleCompanyChange = _a.handleCompanyChange, withNextCheck = _a.withNextCheck, apartmentId = _a.apartmentId;
2356
2356
  return __spreadArray(__spreadArray(__spreadArray(__spreadArray([
2357
- {
2358
- label: "Activation date",
2359
- name: "startDate",
2360
- variant: "date",
2361
- max: luxon.DateTime.now(),
2362
- }
2363
- ], kuiUtils.addToArrayByCondition(withPassport, {
2364
- label: "Passport",
2365
- name: "passportFile",
2366
- variant: "custom",
2367
- CustomInput: kuiComplex.InputFile,
2368
- }), true), kuiUtils.addToArrayByCondition(withNextCheck, {
2369
- label: "Next check",
2370
- name: "nextCheck",
2371
- variant: "date",
2372
- }), true), kuiUtils.addToArrayByCondition(isNewResource, {
2373
- title: "Payer",
2374
- name: "meterPayer",
2375
- variant: "custom",
2376
- size: 12,
2377
- CustomInput: PartialPayer,
2378
- utilityType: resource,
2379
- }), true), [
2380
- {
2381
- label: "Tariff group",
2382
- name: "tariff",
2383
- resource: resource,
2384
- filter: tariffFilter,
2385
- filterRequired: true,
2386
- variant: "custom",
2387
- CustomInput: TariffGroupAutocomplete$1,
2388
- size: withLastValue && !withPassport ? 6 : 12,
2389
- },
2390
- {
2391
- name: "company",
2392
- variant: "custom",
2393
- CustomInput: CompanyAutocomplete$1,
2394
- size: 12,
2395
- handleSelect: handleCompanyChange,
2396
- forApartment: apartmentId,
2397
- },
2398
- {
2399
- label: "Operational account number",
2400
- name: "operationalAccountNumber",
2401
- disabled: disableOperatingAccount,
2402
- size: 12,
2403
- },
2357
+ __assign({ label: "Activation date", name: "startDate", variant: "date", max: luxon.DateTime.now() }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.startDate)
2358
+ ], kuiUtils.addToArrayByCondition(withPassport, __assign({ label: "Passport", name: "passportFile", variant: "custom", CustomInput: kuiComplex.InputFile }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.passportFile)), true), kuiUtils.addToArrayByCondition(withNextCheck, __assign({ label: "Next check", name: "nextCheck", variant: "date" }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.nextCheck)), true), kuiUtils.addToArrayByCondition(isNewResource, __assign({ title: "Payer", name: "meterPayer", variant: "custom", size: 12, CustomInput: PartialPayer, utilityType: resource }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.meterPayer)), true), [
2359
+ __assign({ label: "Tariff group", name: "tariff", resource: resource, filter: tariffFilter, filterRequired: true, variant: "custom", CustomInput: TariffGroupAutocomplete$1, size: withLastValue && !withPassport ? 6 : 12 }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.tariff),
2360
+ __assign({ name: "company", variant: "custom", CustomInput: CompanyAutocomplete$1, size: 12, handleSelect: handleCompanyChange, forApartment: apartmentId }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.company),
2361
+ __assign({ label: "Operational account number", name: "operationalAccountNumber", disabled: disableOperatingAccount, size: 12 }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.operationalAccountNumber),
2404
2362
  ], false);
2405
2363
  };
2406
- var fieldsOfNewResourceMeter = function (settings) { return __spreadArray(__spreadArray([
2407
- { label: "Number", name: "number" }
2408
- ], getValuesFields(settings.resource, "initial", settings.meterType), true), commonMeterFields(settings), true); };
2409
- var fieldsOfOldResourceMeter = function (settings) { return __spreadArray(__spreadArray(__spreadArray([], fieldsToColumns(getValuesFields(settings.resource, "last", settings.meterType), getValuesFields(settings.resource, "initial", settings.meterType)), true), [
2410
- { label: "Number", name: "number" }
2411
- ], false), commonMeterFields(settings), true); };
2412
- var getMeterFields = function (settings) {
2364
+ var settingsFields = function (inputsSettings) { return [
2365
+ __assign({ label: "Auto-reading", name: "withAutoSending", variant: "custom", CustomInput: CheckboxWithHint, hintMessage: "Meter data is automatically transferred to the management company", size: 6 }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.withAutoSending),
2366
+ __assign({ label: "No tariff", name: "noTariff", variant: "custom", CustomInput: CheckboxWithHint, hintMessage: "Readings do not directly affect the cost, the expense must be entered from the receipt", size: 6 }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.noTariff),
2367
+ ]; };
2368
+ var fieldsOfNewResourceMeter = function (settings, inputsSettings) { return __spreadArray(__spreadArray(__spreadArray(__spreadArray([], settingsFields(inputsSettings), true), [
2369
+ __assign({ label: "Number", name: "number" }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.number)
2370
+ ], false), getValuesFields(settings.resource, "initial", settings.meterType, inputsSettings), true), commonMeterFields(settings, inputsSettings), true); };
2371
+ var fieldsOfOldResourceMeter = function (settings, inputsSettings) { return __spreadArray(__spreadArray(__spreadArray(__spreadArray([], settingsFields(inputsSettings), true), fieldsToColumns(getValuesFields(settings.resource, "last", settings.meterType, inputsSettings), getValuesFields(settings.resource, "initial", settings.meterType, inputsSettings)), true), [
2372
+ __assign({ label: "Number", name: "number" }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.number)
2373
+ ], false), commonMeterFields(settings, inputsSettings), true); };
2374
+ var getMeterFields = function (settings, inputsSettings) {
2413
2375
  return settings.withLastValue
2414
- ? fieldsOfOldResourceMeter(settings)
2415
- : fieldsOfNewResourceMeter(settings);
2376
+ ? fieldsOfOldResourceMeter(settings, inputsSettings)
2377
+ : fieldsOfNewResourceMeter(settings, inputsSettings);
2416
2378
  };
2417
2379
 
2418
2380
  function ReplaceableCountersBlock(_a) {
@@ -3154,6 +3116,7 @@ exports.BooleanValues = BooleanValues;
3154
3116
  exports.CatalogsAgent = CatalogsAgent;
3155
3117
  exports.ChangeReasonFields = ChangeReasonFields;
3156
3118
  exports.ChangeReasonSchema = ChangeReasonSchema;
3119
+ exports.CheckboxWithHint = CheckboxWithHint;
3157
3120
  exports.CitiesStore = CitiesStore;
3158
3121
  exports.CityAutocomplete = CityAutocomplete$1;
3159
3122
  exports.CommonTariffFieldsSchema = CommonTariffFieldsSchema;