kui-crm 0.0.232 → 0.0.234

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.
Files changed (6) hide show
  1. package/cjs/index.js +44 -40
  2. package/cjs/index.js.map +1 -1
  3. package/index.d.ts +7 -6
  4. package/index.js +44 -40
  5. package/index.js.map +1 -1
  6. package/package.json +1 -1
package/cjs/index.js CHANGED
@@ -2325,7 +2325,7 @@ function SquarePreviewImage(_a) {
2325
2325
  }
2326
2326
  var previewSizesStyles = {
2327
2327
  lg: react.css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
2328
- sm: react.css(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
2328
+ sm: react.css(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
2329
2329
  };
2330
2330
  var StyledImage$7 = styled__default["default"].img(templateObject_3$n || (templateObject_3$n = __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"])));
2331
2331
  var StyledWrapper$e = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
@@ -2333,7 +2333,7 @@ var StyledWrapper$e = styled__default["default"].div(templateObject_4$9 || (temp
2333
2333
  return previewSizesStyles[size];
2334
2334
  });
2335
2335
  var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$5 || (templateObject_5$5 = __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);
2336
- var templateObject_1$L, templateObject_2$t, templateObject_3$n, templateObject_4$9, templateObject_5$5;
2336
+ var templateObject_1$L, templateObject_2$u, templateObject_3$n, templateObject_4$9, templateObject_5$5;
2337
2337
 
2338
2338
  function Modal(_a) {
2339
2339
  var open = _a.open, other = __rest(_a, ["open"]);
@@ -2413,9 +2413,9 @@ function ErrorPopup(_a) {
2413
2413
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$c, __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$1, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
2414
2414
  }
2415
2415
  var containerCSS$1 = react.css(templateObject_1$I || (templateObject_1$I = __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"])));
2416
- var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$s || (templateObject_2$s = __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 max-width: calc(100vh - 32px);\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 max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"])));
2416
+ var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$t || (templateObject_2$t = __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 max-width: calc(100vh - 32px);\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 max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"])));
2417
2417
  var StyledContent$1 = styled__default["default"].pre(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
2418
- var templateObject_1$I, templateObject_2$s, templateObject_3$m;
2418
+ var templateObject_1$I, templateObject_2$t, templateObject_3$m;
2419
2419
 
2420
2420
  var parentClassName = "KUI-LoadingPopup_container";
2421
2421
  var createParentNode = function () {
@@ -2440,11 +2440,11 @@ function LoaderPopup(_a) {
2440
2440
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$b, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$4, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
2441
2441
  }
2442
2442
  var containerCSS = react.css(templateObject_1$H || (templateObject_1$H = __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"])));
2443
- var StyledWrapper$b = styled__default["default"](kuiBasic.Grid)(templateObject_2$r || (templateObject_2$r = __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"])));
2443
+ var StyledWrapper$b = styled__default["default"](kuiBasic.Grid)(templateObject_2$s || (templateObject_2$s = __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"])));
2444
2444
  var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
2445
2445
  var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$8 || (templateObject_4$8 = __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"])));
2446
2446
  var CloseIconWrapper = styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
2447
- var templateObject_1$H, templateObject_2$r, templateObject_3$l, templateObject_4$8, templateObject_5$4;
2447
+ var templateObject_1$H, templateObject_2$s, templateObject_3$l, templateObject_4$8, templateObject_5$4;
2448
2448
 
2449
2449
  function LoaderState(_a) {
2450
2450
  var loader = _a.loader, onlyError = _a.onlyError;
@@ -2620,9 +2620,9 @@ function ModalWithMap(props) {
2620
2620
  }
2621
2621
  var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
2622
2622
  var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$G || (templateObject_1$G = __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);
2623
- var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$q || (templateObject_2$q = __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"])));
2623
+ var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$r || (templateObject_2$r = __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"])));
2624
2624
  var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
2625
- var templateObject_1$G, templateObject_2$q, templateObject_3$k;
2625
+ var templateObject_1$G, templateObject_2$r, templateObject_3$k;
2626
2626
 
2627
2627
  function OpenMapButton(props) {
2628
2628
  var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
@@ -2671,10 +2671,10 @@ function PreviewImageCard(props) {
2671
2671
  return (jsxRuntime.jsxs(Wrapper$6, __assign({ onMouseEnter: handleHover, onMouseLeave: handleBlur, onClick: handleClick, ref: cardRef }, otherProps, { children: [jsxRuntime.jsx(StyledImage$6, { 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: 10, height: 10 }) })), document.body)] })));
2672
2672
  }
2673
2673
  var Wrapper$6 = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __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"])));
2674
- var StyledImage$6 = styled__default["default"].img(templateObject_2$p || (templateObject_2$p = __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"])));
2674
+ var StyledImage$6 = styled__default["default"].img(templateObject_2$q || (templateObject_2$q = __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"])));
2675
2675
  var Backdrop$1 = styled__default["default"].div(templateObject_3$j || (templateObject_3$j = __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"])));
2676
2676
  var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$7 || (templateObject_4$7 = __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"])));
2677
- var templateObject_1$E, templateObject_2$p, templateObject_3$j, templateObject_4$7;
2677
+ var templateObject_1$E, templateObject_2$q, templateObject_3$j, templateObject_4$7;
2678
2678
 
2679
2679
  var getURLFromFile = function (fileList) {
2680
2680
  return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
@@ -2715,11 +2715,11 @@ function FileUploaderWithPreview(props) {
2715
2715
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$a, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$3, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel$1, __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 })))] }));
2716
2716
  }
2717
2717
  var StyledWrapper$a = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __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);
2718
- var StyledLabel$1 = styled__default["default"].label(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
2718
+ var StyledLabel$1 = styled__default["default"].label(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
2719
2719
  var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$i || (templateObject_3$i = __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);
2720
2720
  var StyledInput$3 = styled__default["default"].input(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
2721
2721
  var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
2722
- var templateObject_1$D, templateObject_2$o, templateObject_3$i, templateObject_4$6, templateObject_5$3;
2722
+ var templateObject_1$D, templateObject_2$p, templateObject_3$i, templateObject_4$6, templateObject_5$3;
2723
2723
 
2724
2724
  var companyFields = [
2725
2725
  {
@@ -2768,7 +2768,7 @@ function Footer(_a) {
2768
2768
  _a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
2769
2769
  return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
2770
2770
  }
2771
- var StyledFooter = styled__default["default"](Footer)(templateObject_2$n || (templateObject_2$n = __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) {
2771
+ var StyledFooter = styled__default["default"](Footer)(templateObject_2$o || (templateObject_2$o = __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) {
2772
2772
  var isFixed = _a.isFixed;
2773
2773
  return (isFixed ? 1000 : 1);
2774
2774
  }, function (_a) {
@@ -2782,7 +2782,7 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$n || (tem
2782
2782
  return (isFixed ? 0 : "auto");
2783
2783
  });
2784
2784
  var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
2785
- var templateObject_1$C, templateObject_2$n, templateObject_3$h;
2785
+ var templateObject_1$C, templateObject_2$o, templateObject_3$h;
2786
2786
 
2787
2787
  function CompanyCreationForm(_a) {
2788
2788
  var handleSubmit = _a.handleSubmit;
@@ -3108,9 +3108,9 @@ PartialPayer.defaultProps = {
3108
3108
  variant: "radio",
3109
3109
  };
3110
3110
  var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$A || (templateObject_1$A = __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);
3111
- var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
3111
+ var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
3112
3112
  var StyledWrapper$8 = styled__default["default"](kuiBasic.Grid)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
3113
- var templateObject_1$A, templateObject_2$m, templateObject_3$g;
3113
+ var templateObject_1$A, templateObject_2$n, templateObject_3$g;
3114
3114
 
3115
3115
  var CommonTariffFieldsSchema = yup__namespace.object().shape({
3116
3116
  region: yup__namespace.object({
@@ -3197,8 +3197,8 @@ function TariffReplacementField(props) {
3197
3197
  return (jsxRuntime.jsx(StyledInputWrapper$1, { children: jsxRuntime.jsx(TariffGroupAutocomplete$1, __assign({ label: !value && "Tariff group", endIcon: value && jsxRuntime.jsx(StyledCrossIcon, { onClick: handleDelete }), form: form, name: name, filter: "&can_be_replaced=true" }, inputProps)) }));
3198
3198
  }
3199
3199
  var StyledInputWrapper$1 = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __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"])));
3200
- var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$l || (templateObject_2$l = __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);
3201
- var templateObject_1$z, templateObject_2$l;
3200
+ var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$m || (templateObject_2$m = __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);
3201
+ var templateObject_1$z, templateObject_2$m;
3202
3202
 
3203
3203
  function TariffReplacementFields(_a) {
3204
3204
  var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
@@ -3454,8 +3454,8 @@ var LabelWithHint = function (props) {
3454
3454
  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$1, __assign({ strategy: "fixed", placement: "bottom", content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon$1, {}) }))] })));
3455
3455
  };
3456
3456
  var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$t || (templateObject_1$t = __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);
3457
- var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"])));
3458
- var templateObject_1$t, templateObject_2$k;
3457
+ var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"])));
3458
+ var templateObject_1$t, templateObject_2$l;
3459
3459
 
3460
3460
  var CheckboxWithHint = function (props) {
3461
3461
  var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
@@ -3566,7 +3566,7 @@ function MeterFeaturesFields(props) {
3566
3566
  var formBottomProps = props.formBottomProps, defaultValues = props.defaultValues, withNextCheck = props.withNextCheck;
3567
3567
  var _a = React.useState(false), disableOperatingAccount = _a[0], setDisableOperatingAccount = _a[1];
3568
3568
  var withMeterType = resource === "water" || resource === "electricity";
3569
- var tariffFilter = "".concat(apartmentId ? "&for_apartment=".concat(apartmentId) : "").concat(withMeterType && meterType ? "&type=".concat(meterType) : "");
3569
+ var tariffFilter = "".concat(apartmentId && resource !== "water" ? "&for_apartment=".concat(apartmentId) : "").concat(withMeterType && meterType ? "&type=".concat(meterType) : "");
3570
3570
  var handleCompanyChange = function (company) {
3571
3571
  if (!operatingAccount && company.id === (administrativeCompany === null || administrativeCompany === void 0 ? void 0 : administrativeCompany.id)) {
3572
3572
  form.setValue("operationalAccountNumber", administrativeCompany === null || administrativeCompany === void 0 ? void 0 : administrativeCompany.operatingAccount);
@@ -3671,22 +3671,22 @@ function CopyButton(_a) {
3671
3671
  return (jsxRuntime.jsxs(Wrapper$5, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(CopyIconStyled, __assign({ onClick: handleClick, width: 20, height: 20 }, otherProps)), jsxRuntime.jsx(CardWrapper, __assign({ isCopied: isCopied }, { children: jsxRuntime.jsx(StyledCaption$3, __assign({ size: "xs", disableUserSelect: true }, { children: "Copied to Clipboard" })) }))] })));
3672
3672
  }
3673
3673
  var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"], ["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"])), kuiBasic.theme.palette.grey.thirty, kuiBasic.theme.palette.grey.seventy);
3674
- var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
3674
+ var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
3675
3675
  var CardWrapper = styled__default["default"].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"], ["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"])), function (_a) {
3676
3676
  var isCopied = _a.isCopied;
3677
3677
  return (isCopied ? 1 : 0);
3678
3678
  }, kuiBasic.theme.breakpoints.sm);
3679
3679
  var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
3680
- var templateObject_1$r, templateObject_2$j, templateObject_3$f, templateObject_4$5;
3680
+ var templateObject_1$r, templateObject_2$k, templateObject_3$f, templateObject_4$5;
3681
3681
 
3682
3682
  var GalleryNavigation = function (_a) {
3683
3683
  var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
3684
3684
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PrevButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handlePrev }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(NextButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handleNext }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
3685
3685
  };
3686
3686
  var buttonStyles = react.css(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"])));
3687
- var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
3687
+ var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
3688
3688
  var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
3689
- var templateObject_1$q, templateObject_2$i, templateObject_3$e;
3689
+ var templateObject_1$q, templateObject_2$j, templateObject_3$e;
3690
3690
 
3691
3691
  var GalleryThumbnails = function (_a) {
3692
3692
  var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
@@ -3703,12 +3703,12 @@ var GalleryThumbnails = function (_a) {
3703
3703
  onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) }), index)); }) })) }));
3704
3704
  };
3705
3705
  var Wrapper$4 = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
3706
- var StyledImage$5 = styled__default["default"].img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
3706
+ var StyledImage$5 = styled__default["default"].img(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
3707
3707
  var active = _a.active;
3708
3708
  return (active ? kuiBasic.theme.palette.brand.main : "transparent");
3709
3709
  });
3710
3710
  var StyledSlide$2 = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
3711
- var templateObject_1$p, templateObject_2$h, templateObject_3$d;
3711
+ var templateObject_1$p, templateObject_2$i, templateObject_3$d;
3712
3712
 
3713
3713
  var GallerySlider = function (_a) {
3714
3714
  var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
@@ -3728,9 +3728,9 @@ var GallerySlider = function (_a) {
3728
3728
  return (jsxRuntime.jsx(StyledWrapper$6, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images.map(function (image, key) { return (jsxRuntime.jsx(StyledSlide$1, { children: jsxRuntime.jsx(StyledImage$4, { src: image.largeImageUrl, alt: "slide" }) }, key)); }) })) }));
3729
3729
  };
3730
3730
  var StyledWrapper$6 = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
3731
- var StyledSlide$1 = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"], ["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"])));
3731
+ var StyledSlide$1 = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"], ["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"])));
3732
3732
  var StyledImage$4 = styled__default["default"].img(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"], ["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"])));
3733
- var templateObject_1$o, templateObject_2$g, templateObject_3$c;
3733
+ var templateObject_1$o, templateObject_2$h, templateObject_3$c;
3734
3734
 
3735
3735
  var GalleryWithThumbnails = React.forwardRef(function (_a) {
3736
3736
  var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
@@ -3762,9 +3762,9 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
3762
3762
  return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$4, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "transparentLight" }, { children: jsxRuntime.jsx(kuiIcon.TrashIcon, { width: 16, height: 16 }) }))) }, otherProps, { children: jsxRuntime.jsxs(Wrapper$3, { children: [jsxRuntime.jsx(GallerySlider, { images: images, currentIndex: currentIndex, updateCurrentIndex: updateCurrentIndex, swiperRef: swiperRef }), jsxRuntime.jsx(GalleryThumbnails, { images: images, activeSlide: currentIndex, handleChange: handleChange }), jsxRuntime.jsx(GalleryNavigation, { handlePrev: handlePrev, handleNext: handleNext })] }) })));
3763
3763
  });
3764
3764
  var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fourty);
3765
- var Wrapper$3 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
3765
+ var Wrapper$3 = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
3766
3766
  var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
3767
- var templateObject_1$n, templateObject_2$f, templateObject_3$b;
3767
+ var templateObject_1$n, templateObject_2$g, templateObject_3$b;
3768
3768
 
3769
3769
  var ImageCard = React.forwardRef(function (_a) {
3770
3770
  var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
@@ -3786,16 +3786,16 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$m || (templateOb
3786
3786
  var width = _a.width, mobileWidth = _a.mobileWidth;
3787
3787
  return mobileWidth || width || 56;
3788
3788
  });
3789
- var StyledImage$3 = styled__default["default"].img(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
3789
+ var StyledImage$3 = styled__default["default"].img(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
3790
3790
  var Backdrop = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __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"])));
3791
- var templateObject_1$m, templateObject_2$e, templateObject_3$a;
3791
+ var templateObject_1$m, templateObject_2$f, templateObject_3$a;
3792
3792
 
3793
3793
  var ImageCardWithBackdrop = function (props) {
3794
3794
  var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
3795
3795
  return (jsxRuntime.jsxs(StyledContainer$1, { children: [jsxRuntime.jsx(StyledImageCard, __assign({ width: width, mobileWidth: mobileWidth }, imageCardProps)), jsxRuntime.jsx(StyledBackdrop, __assign({ width: width, mobileWidth: mobileWidth }, { children: jsxRuntime.jsxs(kuiBasic.Caption, __assign({ weight: 600, color: "zero", disableUserSelect: true }, { children: ["+", count] })) }))] }));
3796
3796
  };
3797
3797
  var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
3798
- var StyledContainer$1 = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
3798
+ var StyledContainer$1 = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
3799
3799
  var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
3800
3800
  var width = _a.width;
3801
3801
  return width || 56;
@@ -3809,7 +3809,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templ
3809
3809
  var width = _a.width, mobileWidth = _a.mobileWidth;
3810
3810
  return mobileWidth || width || 56;
3811
3811
  });
3812
- var templateObject_1$l, templateObject_2$d, templateObject_3$9;
3812
+ var templateObject_1$l, templateObject_2$e, templateObject_3$9;
3813
3813
 
3814
3814
  var defaultImageWidth = 64;
3815
3815
  var AdaptiveImagesBlock = React.forwardRef(function (props) {
@@ -3937,13 +3937,13 @@ MapOverlay.defaultProps = {
3937
3937
  };
3938
3938
 
3939
3939
  var Link = React.forwardRef(function (props, ref) {
3940
- var href = props.href, withoutRoute = props.withoutRoute, stopPropagation = props.stopPropagation, openInNewWindow = props.openInNewWindow, other = __rest(props, ["href", "withoutRoute", "stopPropagation", "openInNewWindow"]);
3940
+ var href = props.href, withoutRoute = props.withoutRoute, stopPropagation = props.stopPropagation, openInNewWindow = props.openInNewWindow, disabled = props.disabled, other = __rest(props, ["href", "withoutRoute", "stopPropagation", "openInNewWindow", "disabled"]);
3941
3941
  var navigate = reactRouterDom.useNavigate();
3942
3942
  var handleClick = function (e) {
3943
3943
  if (stopPropagation)
3944
3944
  e.stopPropagation();
3945
3945
  e.preventDefault();
3946
- if (href) {
3946
+ if (href && !disabled) {
3947
3947
  if (withoutRoute)
3948
3948
  kuiUtils.updateQueryParams(href);
3949
3949
  else if (openInNewWindow)
@@ -3952,10 +3952,14 @@ var Link = React.forwardRef(function (props, ref) {
3952
3952
  navigate(href);
3953
3953
  }
3954
3954
  };
3955
- return (jsxRuntime.jsx(StyledLink$1, __assign({ ref: ref, href: href || undefined, onClick: handleClick }, other)));
3955
+ return (jsxRuntime.jsx(StyledLink$1, __assign({ ref: ref, href: href || undefined, onClick: handleClick, disabled: disabled }, other)));
3956
3956
  });
3957
- var StyledLink$1 = styled__default["default"].a(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"], ["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));
3958
- var templateObject_1$j;
3957
+ var disabledCSS = function (_a) {
3958
+ var disabled = _a.disabled;
3959
+ return disabled && react.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n cursor: default;\n color: #a6aebc;\n "], ["\n cursor: default;\n color: #a6aebc;\n "])));
3960
+ };
3961
+ var StyledLink$1 = styled__default["default"].a(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n ", ";\n"], ["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n ", ";\n"])), disabledCSS);
3962
+ var templateObject_1$j, templateObject_2$d;
3959
3963
 
3960
3964
  function PreviewContent(_a) {
3961
3965
  var imageSrc = _a.imageSrc, description = _a.description, content = _a.content, label = _a.label, withoutImage = _a.withoutImage, other = __rest(_a, ["imageSrc", "description", "content", "label", "withoutImage"]);