intelicoreact 2.0.16 → 2.0.17

package/dist/ui.cjs

@@ -1,4090 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui.ts
-var ui_exports = {};
-__export(ui_exports, {
-  AccordionTable: () => AccordionTable_default,
-  AccordionText: () => AccordionText_default,
-  AdvTag: () => AdvTag_default,
-  AdvancedTags: () => AdvancedTag_default,
-  Alert: () => Alert_default2,
-  Arrow: () => Arrow_default,
-  Box: () => Box_default,
-  Button: () => Button_default,
-  CircleProgressBar: () => CircleProgressBar_default,
-  DateTime: () => DateTime_default,
-  DebugContainer: () => DebugContainer_default,
-  DoubleString: () => DoubleString_default2,
-  EVENTS: () => EVENTS,
-  Hint: () => Hint_default2,
-  Modal: () => Modal_default2,
-  ModalFooter: () => ModalFooter_default,
-  ModalHOC: () => ModalHOC_default,
-  ModalTitle: () => ModalTitle_default,
-  MonoAccordion: () => MonoAccordion_default2,
-  PageTitle: () => PageTitle_default2,
-  Price: () => Price_default2,
-  PriceRange: () => PriceRange_default2,
-  ProgressLine: () => ProgressLine_default2,
-  Status: () => Status_default2,
-  Table: () => Table_default,
-  Tag: () => Tag_default2,
-  TagList: () => TagList_default,
-  UserBox: () => UserBox_default2,
-  WizardStepper: () => WizardStepper_default,
-  dispatchEventForModalManagement: () => dispatchEventForModalManagement,
-  useDebugContainer: () => useDebugContainer_default,
-  useMobileModal: () => useMobileModal
-});
-module.exports = __toCommonJS(ui_exports);
-
-// src/Atomic/UI/AccordionTable/AccordionTable.js
-var import_react2 = __toESM(require("react"), 1);
-var import_classnames2 = __toESM(require("classnames"), 1);
-var import_react_feather = require("react-feather");
-
-// src/Atomic/UI/MonoAccordion/MonoAccordion.js
-var import_react = __toESM(require("react"), 1);
-var import_classnames = __toESM(require("classnames"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var RC = "mono-accordion";
-var MonoAccordion = ({
-  titleJSX,
-  icon,
-  children,
-  isOpen,
-  onClick,
-  className,
-  disabled,
-  testId = "mono-accordion",
-  datasetProp = {}
-}) => {
-  const [maxHeight, setMaxHeight] = (0, import_react.useState)();
-  const titleRef = (0, import_react.useRef)();
-  const containerRef = (0, import_react.useRef)();
-  const setHeight = (value) => {
-    if (value !== void 0) setMaxHeight((state) => `${value}px`);
-    else
-      setMaxHeight(
-        (state) => `${Array.from(containerRef.current?.childNodes)?.reduce?.((acc, el) => acc + el.offsetHeight, 0)}px`
-      );
-  };
-  const handleClick = (e) => {
-    if (!Array.from(titleRef.current.childNodes).some(
-      (el) => el.contains(e.target)
-    )) {
-      onClick(e);
-      e?.preventDefault();
-      e?.stopPropagation();
-    } else return e;
-  };
-  (0, import_react.useEffect)(() => {
-    if (!isOpen) setHeight(0);
-    else setHeight();
-  }, [isOpen, children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      ...datasetProp,
-      "data-testid": testId,
-      className: (0, import_classnames.default)(RC, className, {
-        [`${RC}_is-open`]: isOpen,
-        [`${RC}_disabled`]: disabled
-      }),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "div",
-          {
-            className: `${RC}__head`,
-            onClick: handleClick,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: titleRef, className: `${RC}__tile-container`, children: titleJSX }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${RC}__icon-container`, children: icon })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            ref: containerRef,
-            style: { maxHeight },
-            className: (0, import_classnames.default)(`${RC}__container`),
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${RC}__content-wrapper`, children })
-          }
-        )
-      ]
-    }
-  );
-};
-var MonoAccordion_default = MonoAccordion;
-
-// src/Atomic/UI/AccordionTable/AccordionTable.js
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AccordionTable = ({
-  className,
-  header,
-  items,
-  onChange,
-  testId,
-  onSort = () => {
-  },
-  sortParams
-}) => {
-  const [accordions, setAccordions] = (0, import_react2.useState)(items);
-  const sortedColClassName = (item) => (0, import_classnames2.default)(
-    "accordion-table__header-item",
-    item.className,
-    {
-      "accordion-table--sorted-col": sortParams && sortParams.key === item.key
-    },
-    { "accordion-table__header-item-sortable": !item.noSort }
-  );
-  const handle = {
-    accordionChange: (key, e) => {
-      const newArr = accordions?.map((item) => {
-        if (item.key === key) {
-          return {
-            ...item,
-            isOpen: !item.isOpen
-          };
-        }
-        return item;
-      });
-      const isArrowSvg = e?.target?.tagName === "svg";
-      const isAccordionElement = e.target.className?.includes?.("accordion-table");
-      if (isAccordionElement || isArrowSvg) {
-        onChange(newArr);
-        setAccordions(newArr);
-      }
-    },
-    setSort: (key) => {
-      let newSorting;
-      if (key !== sortParams.key) newSorting = { key, direction: "DESC" };
-      else {
-        newSorting = {
-          key,
-          direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
-        };
-      }
-      onSort(newSorting);
-    }
-  };
-  const getHeaderItem = (key) => {
-    return header?.find((item) => item.key === key);
-  };
-  const renderTd = (tr) => {
-    return Object.entries(tr)?.map(([key, value]) => {
-      return key === "promoDetails" || key === "disclosure" ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "div",
-        {
-          style: { flexBasis: `${getHeaderItem(key)?.width}%` },
-          className: (0, import_classnames2.default)(
-            "accordion-table__td",
-            `accordion-table__td--${key}`,
-            getHeaderItem(key)?.className
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "p",
-            {
-              className: "accordion-table__statistics-td-value",
-              title: typeof value !== "object" ? value : value.value,
-              children: typeof value !== "object" ? value : value.value
-            }
-          )
-        },
-        key
-      );
-    });
-  };
-  const renderTr = (rows) => {
-    return rows?.map((row, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        "div",
-        {
-          className: (0, import_classnames2.default)(
-            "accordion-table__tr",
-            {
-              "accordion-table__tr-with-promo": row.promoDetails || row.cols?.promoDetails
-            },
-            row.className
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "df w100", children: renderTd(row.cols || row) }),
-            row.promoDetails || row.cols?.promoDetails ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__tr-promo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "accordion-table__tr-promo", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_feather.Tag, { className: "tr-promo-icon", width: 16, height: 16 }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "tr-promo-label", children: "PROMOTION" }),
-              row.promoDetails || row.cols?.promoDetails
-            ] }) }) : null,
-            row.disclosure || row.cols?.disclosure ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__tr-promo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure", children: row.disclosure || row.cols?.disclosure }) }) : null
-          ]
-        },
-        index
-      );
-    });
-  };
-  const defineAccordionTitle = (row) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "div",
-      {
-        onClick: (e) => handle.accordionChange(row.key, e),
-        className: "accordion-table__accordion-label-box",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "accordion-table__accordion-label-wrapper j4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_react_feather.ChevronDown,
-              {
-                width: 8,
-                height: 4,
-                className: (0, import_classnames2.default)("accordion-label-box__icon", {
-                  "accordion-label-box__icon--open": row.isOpen
-                })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "accordion-label-box__label", children: row.label }),
-            row.statistics && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_classnames2.default)("accordion-table__tr", row.className), children: Object.entries(row.statistics).map(([key, value]) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "div",
-                {
-                  style: { width: `${getHeaderItem(key)?.width}%` },
-                  className: (0, import_classnames2.default)(
-                    "accordion-table__statistics-td",
-                    getHeaderItem(key)?.className
-                  ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__statistics-td-value-wrapper", children: key === "status" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__statistics-td-value", children: value }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                    "p",
-                    {
-                      className: "accordion-table__statistics-td-value",
-                      title: value,
-                      children: value
-                    }
-                  ) })
-                },
-                key
-              );
-            }) })
-          ] }),
-          row.titleContent
-        ]
-      }
-    );
-  };
-  (0, import_react2.useEffect)(() => {
-    setAccordions(items);
-  }, [items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_classnames2.default)("accordion-table", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__header", children: header?.map((item) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        "div",
-        {
-          style: { flexBasis: `${item.width}%` },
-          className: sortedColClassName(item),
-          onClick: () => !item.noSort && handle.setSort(item.key),
-          children: [
-            sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_feather.ArrowDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_feather.ArrowUp, { size: 16 })),
-            item.label
-          ]
-        },
-        item.key
-      );
-    }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "accordion-table__body", children: accordions?.map((accordion) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        MonoAccordion_default,
-        {
-          testId,
-          onClick: (e) => handle.accordionChange(accordion.key, e),
-          isOpen: accordion.isOpen,
-          className: (0, import_classnames2.default)(
-            "accordion-table__body-accordion",
-            {
-              "accordion-table__body-accordion--closed": !accordion.isOpen
-            },
-            accordion.className
-          ),
-          titleJSX: defineAccordionTitle(accordion),
-          children: accordion.children ?? renderTr(accordion.rows)
-        },
-        accordion.key
-      );
-    }) })
-  ] });
-};
-var AccordionTable_default = AccordionTable;
-
-// src/Atomic/UI/AccordionText/AccordionText.js
-var import_react3 = require("react");
-var import_react4 = __toESM(require("react"), 1);
-var import_classnames3 = __toESM(require("classnames"), 1);
-var import_react_feather2 = require("react-feather");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var defaultText = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." });
-var AccordionText = ({
-  isDefaultOpen = false,
-  isOuterOpen = false,
-  className,
-  text = defaultText,
-  shortText = null
-}) => {
-  const bodyRef = (0, import_react3.useRef)(null);
-  const [isOpen, setIsOpen] = (0, import_react3.useState)(isDefaultOpen);
-  const [isNeedTrimText, setIsNeedTrimText] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
-    setIsOpen(isOuterOpen);
-  }, [isOuterOpen]);
-  (0, import_react3.useEffect)(() => {
-    const checkEllipsis = () => {
-      if (bodyRef.current) {
-        setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
-      }
-    };
-    const resizeObserver = new ResizeObserver(() => {
-      checkEllipsis();
-    });
-    if (bodyRef.current) {
-      resizeObserver.observe(bodyRef.current);
-      checkEllipsis();
-    }
-    return () => {
-      if (bodyRef.current) {
-        resizeObserver.unobserve(bodyRef.current);
-      }
-    };
-  }, [text]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "div",
-    {
-      className: (0, import_classnames3.default)("accordion-text", className, {
-        "accordion-text--open": isOpen
-      }),
-      onClick: () => setIsOpen((prevIsOpen) => !prevIsOpen),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "div",
-          {
-            className: (0, import_classnames3.default)("accordion-text__body", {
-              "accordion-text__body--trim-text": isNeedTrimText && !isOpen
-            }),
-            ref: bodyRef,
-            children: shortText ? isOpen ? text : shortText : text
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "accordion-text__toggle", children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_feather2.ChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_feather2.ChevronDown, {}) })
-      ]
-    }
-  );
-};
-var AccordionText_default = AccordionText;
-
-// src/Atomic/UI/AdvancedTag/AdvancedTags.tsx
-var import_classnames7 = __toESM(require("classnames"), 1);
-var import_react7 = require("react");
-
-// src/Atomic/UI/Tag/Tag.tsx
-var import_classnames5 = __toESM(require("classnames"), 1);
-var import_react5 = require("react");
-var import_react_dom = require("react-dom");
-var import_react_feather3 = require("react-feather");
-
-// src/Atomic/Layout/Spinner/Spinner.tsx
-var import_classnames4 = __toESM(require("classnames"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var CN = "loader-box";
-var Spinner = ({ size = null, className, testId = CN }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-busy": "true",
-      "data-testid": testId,
-      className: (0, import_classnames4.default)(
-        CN,
-        {
-          j5: size !== "small",
-          j8: size === "small"
-        },
-        className
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_classnames4.default)("lds-ring", { [`lds-ring_${size}`]: size }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {})
-      ] })
-    }
-  );
-};
-var Spinner_default = Spinner;
-
-// src/Atomic/Layout/Spinner/index.ts
-var Spinner_default2 = Spinner_default;
-
-// src/Atomic/UI/Tag/Tag.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var CN2 = "tag";
-function defaultOnClick() {
-}
-var Tag2 = ({
-  value,
-  className,
-  style,
-  label,
-  warning,
-  isWarningHint = true,
-  removeItem,
-  name,
-  isPopup,
-  popupInfoContent,
-  popupClassName,
-  id,
-  isUseInTable,
-  isNoDismiss = true,
-  onClick = defaultOnClick,
-  testId = CN2
-}) => {
-  const tagRef = (0, import_react5.useRef)(null);
-  const [isTagHover, setIsTagHover] = (0, import_react5.useState)(false);
-  const [isTagPopupOpened, setIsTagPopupOpened] = (0, import_react5.useState)(false);
-  const { x, y, height, width } = tagRef?.current?.getBoundingClientRect() ?? {};
-  const { scrollY } = window;
-  const tagPopupStyles = (0, import_react5.useMemo)(() => {
-    if (!isTagPopupOpened || !tagRef?.current) return {};
-    const { x: x2, y: y2, height: height2, width: width2 } = tagRef?.current?.getBoundingClientRect();
-    return {
-      left: `${x2}px`,
-      top: `${y2 + scrollY}px`,
-      transform: `translate(calc(-1 * calc(100% - ${width2 / 2 + 22}px)), ${height2 + 10}px)`
-    };
-  }, [isTagPopupOpened, x, y, width, height, scrollY]);
-  const tagLabelStyle = (0, import_react5.useMemo)(() => {
-    const styleObj = {};
-    const bgColor = style?.backgroundColor ?? style?.background;
-    if (bgColor === "#242424") {
-      styleObj.color = "#fff";
-    }
-    return styleObj;
-  }, [style]);
-  const handle = {
-    onTagClick: (event) => {
-      if (isUseInTable) {
-        event.stopPropagation();
-      }
-      if (isPopup) {
-        setIsTagPopupOpened(!isTagPopupOpened);
-      }
-      onClick(id, event);
-    }
-  };
-  const handleClickOutside = () => {
-    setIsTagPopupOpened(false);
-  };
-  (0, import_react5.useEffect)(() => {
-    document.addEventListener("click", handleClickOutside, true);
-    return () => {
-      document.removeEventListener("click", handleClickOutside, true);
-    };
-  }, []);
-  (0, import_react5.useEffect)(() => {
-    const handleScroll = () => {
-      setIsTagPopupOpened(false);
-    };
-    window.addEventListener("scroll", handleScroll, true);
-    return () => {
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "div",
-    {
-      onMouseEnter: () => setIsTagHover(true),
-      onMouseLeave: () => setIsTagHover(false),
-      "data-testid": testId,
-      role: "listitem",
-      "aria-label": `Tag: ${label || name}`,
-      className: (0, import_classnames5.default)(CN2, className, { "tag-warn": warning }),
-      style: style ?? {},
-      onClick: (event) => handle.onTagClick(event),
-      ref: tagRef,
-      children: [
-        warning && typeof warning === "string" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_feather3.AlertTriangle, { className: "advanced-tags--warning-icon mr5", "aria-label": "Warning" }),
-        warning && typeof warning === "string" && isTagHover && isWarningHint && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "tag__warn-hint", role: "tooltip", children: warning }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "tag__label", style: tagLabelStyle, children: label || name }),
-        removeItem && !isNoDismiss && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e?.preventDefault();
-              e?.stopPropagation();
-              removeItem(value);
-            },
-            "aria-label": `Remove ${label || name}`,
-            className: "tag__button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_feather3.X, { className: "color--text" })
-          }
-        ),
-        isTagPopupOpened && (0, import_react_dom.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { id: `tagPopup${value}`, className: (0, import_classnames5.default)("tag__popup", popupClassName), style: tagPopupStyles, children: !popupInfoContent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner_default2, { size: "small" }) : popupInfoContent }),
-          document.getElementById("root")
-        )
-      ]
-    }
-  );
-};
-var Tag_default = Tag2;
-
-// src/Atomic/UI/AdvancedTag/AdvTag.tsx
-var import_classnames6 = __toESM(require("classnames"), 1);
-var import_react6 = require("react");
-var import_react_feather4 = require("react-feather");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var AdvTag = ({
-  item,
-  className,
-  testId = "adv-tag",
-  toTop = true
-}) => {
-  const {
-    labelLeft,
-    labelRight,
-    active = 0,
-    pause = 0,
-    merchants,
-    warnLeft,
-    warnLeftMsg,
-    warnRightMsg,
-    isEntityAndCounter = false,
-    entityAndCounter = {
-      nullCounterMessage: "",
-      title: "",
-      counter: null
-    },
-    type
-  } = item;
-  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
-  const [clickedWarning, setClickedWarning] = (0, import_react6.useState)("");
-  const hintRef = (0, import_react6.useRef)(null);
-  const activeNumberClass = (0, import_classnames6.default)("strong", {
-    "color--pause": active === 0,
-    "color--green-haze": active > 0
-  });
-  const pauseNumberClass = (0, import_classnames6.default)("strong", {
-    "color--pause": pause === 0,
-    "color--light-red": pause > 0
-  });
-  const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter?.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
-  const advancedTagClass = (0, import_classnames6.default)("advanced-tags", {
-    "advanced-tags--error": isEmptyEntitys
-  }, className);
-  const onWarningClick = (warn) => {
-    setIsOpen(true);
-    setClickedWarning(warn);
-  };
-  const handleClickOutside = (event) => {
-    if (hintRef.current && !hintRef.current.contains(event.target)) {
-      setIsOpen(false);
-    }
-  };
-  (0, import_react6.useEffect)(() => {
-    document.addEventListener("click", handleClickOutside, true);
-    return () => {
-      document.removeEventListener("click", handleClickOutside, true);
-    };
-  }, []);
-  if (!item) return null;
-  const renderClassicTag = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-testid": testId, className: advancedTagClass, ref: hintRef, children: [
-    warnLeft && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "div",
-      {
-        "data-testid": `${testId}-left`,
-        className: "advanced-tags--warning-icon-wrapper",
-        onMouseEnter: () => onWarningClick("warnLeft"),
-        onMouseLeave: () => setIsOpen(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_react_feather4.AlertTriangle,
-          {
-            width: 16,
-            height: 16,
-            className: "advanced-tags--warning-icon mr5"
-          }
-        )
-      }
-    ),
-    labelLeft && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mr5", children: labelLeft }),
-    labelRight && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: labelRight }),
-    type !== "simple" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ml5 mr5", children: "|" }),
-    type !== "simple" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "df", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: activeNumberClass, children: active }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "strong color--pause", children: "/" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: pauseNumberClass, children: pause })
-    ] }),
-    type !== "simple" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ml5 mr5", children: "|" }),
-    merchants ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: merchants }) : type !== "simple" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "div",
-      {
-        "data-testid": `${testId}-right`,
-        className: "advanced-tags--warning-icon-wrapper",
-        onMouseEnter: () => onWarningClick("warnRight"),
-        onMouseLeave: () => setIsOpen(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_react_feather4.AlertTriangle,
-          {
-            width: 16,
-            height: 16,
-            className: "advanced-tags--warning-icon"
-          }
-        )
-      }
-    ),
-    isOpen && warnLeftMsg && clickedWarning === "warnLeft" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "span",
-      {
-        className: (0, import_classnames6.default)(
-          "advanced-tags__warn-text advanced-tags__warn-text--warnLeft",
-          { "advanced-tags__warn-text--warnLeft--to-top": toTop }
-        ),
-        children: warnLeftMsg
-      }
-    ),
-    isOpen && warnRightMsg && clickedWarning === "warnRight" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "span",
-      {
-        className: (0, import_classnames6.default)(
-          "advanced-tags__warn-text",
-          "advanced-tags__warn-text--warnRight",
-          { "advanced-tags__warn-text--warnRight--to-top": toTop }
-        ),
-        children: warnRightMsg
-      }
-    )
-  ] });
-  const renderWithEntityAndCounterTag = () => {
-    const isNullcounter = entityAndCounter?.counter?.toString() === "0";
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-testid": testId, className: advancedTagClass, ref: hintRef, children: [
-      isNullcounter && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "div",
-        {
-          "data-testid": `${testId}-left`,
-          className: "advanced-tags--warning-icon-wrapper",
-          onMouseEnter: () => onWarningClick("warnLeft"),
-          onMouseLeave: () => setIsOpen(false),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_react_feather4.AlertTriangle,
-            {
-              width: 16,
-              height: 16,
-              className: "advanced-tags--warning-icon mr5"
-            }
-          )
-        }
-      ),
-      isOpen && entityAndCounter?.nullCounterMessage && clickedWarning === "warnLeft" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "span",
-        {
-          className: (0, import_classnames6.default)(
-            "advanced-tags__warn-text advanced-tags__warn-text--warnLeft",
-            { "advanced-tags__warn-text--warnLeft--to-top": toTop }
-          ),
-          children: entityAndCounter.nullCounterMessage
-        }
-      ),
-      entityAndCounter?.title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mr5", children: entityAndCounter.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "div",
-        {
-          className: (0, import_classnames6.default)("advanced-tags__counter", {
-            "advanced-tags__counter--null": isNullcounter,
-            "advanced-tags__counter--bold": !isNullcounter
-          }),
-          children: entityAndCounter?.counter
-        }
-      )
-    ] });
-  };
-  return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
-};
-var AdvTag_default = AdvTag;
-
-// src/Atomic/UI/AdvancedTag/AdvancedTags.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AdvancedTags = ({
-  items,
-  noItemsTagLabel,
-  className,
-  testId = "advanced-tag-test",
-  toTop = true
-}) => {
-  const [showedItems, setShowedItems] = (0, import_react7.useState)(items.slice(0, 2));
-  const [showMore, setShowMore] = (0, import_react7.useState)(true);
-  const onShowMoreClick = () => {
-    setShowedItems(showMore ? items : items.slice(0, 2));
-    setShowMore(!showMore);
-  };
-  if ((!items || !items.length) && noItemsTagLabel) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      Tag_default,
-      {
-        label: noItemsTagLabel?.toString(),
-        className: (0, import_classnames7.default)(className, "tag-warn")
-      }
-    );
-  }
-  if ((!items || !items.length) && !noItemsTagLabel) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-testid": testId, className: (0, import_classnames7.default)(className, "j4 wrap"), children: [
-    showedItems.map((item, index) => {
-      if (!item) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        AdvTag_default,
-        {
-          toTop,
-          item,
-          testId: `${testId}-item-${index}`
-        },
-        index
-      );
-    }),
-    items.length >= 3 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "span",
-      {
-        "data-testid": `${testId}-showMore`,
-        onClick: onShowMoreClick,
-        className: "advanced-tags advanced-tags--showMore",
-        children: showMore ? `+${items.length - showedItems.length}` : "..."
-      }
-    )
-  ] });
-};
-var AdvancedTags_default = AdvancedTags;
-
-// src/Atomic/UI/AdvancedTag/index.ts
-var AdvancedTag_default = AdvancedTags_default;
-
-// src/Atomic/UI/Alert/Alert.tsx
-var import_classnames9 = __toESM(require("classnames"), 1);
-var import_react8 = require("react");
-var import_react_feather5 = require("react-feather");
-
-// src/Atomic/UI/Button/Button.tsx
-var import_classnames8 = __toESM(require("classnames"), 1);
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var RC2 = "button";
-var Button = ({
-  label,
-  onClick,
-  disabled,
-  icon,
-  className,
-  children,
-  style,
-  noIcon,
-  isIconRight,
-  testId = "button",
-  tabIndex = 0,
-  variant = "primary",
-  isTextEllipsis = false,
-  ...props
-}) => {
-  const noRenderIcon = noIcon || variant === "ellipse-apply" || variant === "ellipse-cancel";
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "button",
-    {
-      "data-testid": testId,
-      tabIndex,
-      style,
-      className: (0, import_classnames8.default)(
-        RC2,
-        {
-          [`${RC2}_${variant}`]: variant,
-          "button_icon-left": icon && !isIconRight,
-          "button_icon-right": icon && isIconRight
-        },
-        className
-      ),
-      onClick,
-      disabled,
-      type: "button",
-      ...props,
-      children: [
-        !noRenderIcon && icon,
-        label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_classnames8.default)("button__text", { "text-ellipsis": isTextEllipsis }), children: label }),
-        !label && children ? children : null
-      ]
-    }
-  );
-};
-var Button_default = Button;
-
-// src/Atomic/UI/Alert/Alert.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Alert = ({
-  message,
-  icon,
-  className,
-  children,
-  noDismiss,
-  testId = "alert",
-  isHidden = false,
-  variant = "warning",
-  isLoading,
-  buttonParams
-}) => {
-  const [onClose, setOnClose] = (0, import_react8.useState)(false);
-  const renderActionsBlock = () => {
-    if (buttonParams) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "j6 alert__btns-box", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button_default, { ...buttonParams }),
-        !noDismiss && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "alert__close-btn", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_feather5.X, { "data-testid": `${testId}-close`, onClick: () => setOnClose(!onClose) }) })
-      ] });
-    }
-    if (!noDismiss) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "alert__close-btn", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_feather5.X, { "data-testid": `${testId}-close`, onClick: () => setOnClose(!onClose) }) });
-    } else {
-      return null;
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames9.default)(className, { hidden: onClose }, `alert alert--${variant}`, {
-        "hidden": isHidden,
-        "alert--loading": isLoading
-      }),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "alert__icon-text-box j4", children: [
-          icon,
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: children || message })
-        ] }),
-        renderActionsBlock(),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner_default, { size: "small", testId: "loader-box" })
-      ]
-    }
-  );
-};
-var Alert_default = Alert;
-
-// src/Atomic/UI/Alert/index.ts
-var Alert_default2 = Alert_default;
-
-// src/Atomic/UI/Arrow/Arrow.tsx
-var import_classnames10 = __toESM(require("classnames"), 1);
-var import_react10 = require("react");
-
-// src/Functions/utils.js
-var import_react9 = require("react");
-var import_moment_timezone = __toESM(require("moment-timezone"), 1);
-
-// src/Constants/index.constants.js
-var DEFAULT_COLORS = [
-  "#D9C1FF",
-  "#FFBAF0",
-  "#FFB8CE",
-  "#FFC3A2",
-  "#FFDB7C",
-  "#F9F871",
-  "#C3FCF1",
-  "#F6F2CB",
-  "#E0F8D1",
-  "#B1DFFB",
-  "#8DECFE",
-  "#76F7ED",
-  "#8AFEC8"
-];
-
-// src/Functions/utils.js
-var getIsOnlyAnObject = (input) => {
-  return typeof input === "object" && // "отбивает" примитивы и функции
-  input instanceof Object && // "отбивает" null
-  !Array.isArray(input) && // "отбивает" массивы
-  !(input instanceof Set) && // "отбивает" сеты
-  !(input instanceof Map);
-};
-var handleObjectChange = (updateObject, updateFunction) => (data, prop = "", isNumber) => {
-  let value;
-  if (data?.target) {
-    value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
-  } else value = data;
-  value = isNumber ? Number(value) : value;
-  const props = prop.split(".");
-  const currentObject = props.reduce((res, chapter, index) => {
-    if (props.length !== index + 1) res = res[chapter];
-    return res;
-  }, updateObject);
-  currentObject[props.pop()] = value;
-  updateFunction();
-};
-var useOutsideToggle = (ref, setOut, open) => {
-  function handleClickOutside(event) {
-    if (ref.current && !ref.current.contains(event.target)) {
-      setOut(open);
-    }
-  }
-  (0, import_react9.useEffect)(() => {
-    document.addEventListener("mouseup", handleClickOutside);
-    return () => {
-      document.removeEventListener("mouseup", handleClickOutside);
-    };
-  }, [ref]);
-};
-var getStyles = (el, prop) => {
-  if (!el) return null;
-  if (!prop) return window.getComputedStyle(el);
-  return window.getComputedStyle(el).getPropertyValue(prop);
-};
-var getColorById = (id, colors) => {
-  if (!id) return "#FF7D00";
-  const idToArr = Array.from(id);
-  const colorsArr = colors && colors.length > 0 ? colors : DEFAULT_COLORS;
-  let number = idToArr.reduce((acc, item) => {
-    if (Number(item)) {
-      return acc + Number(item);
-    }
-    return acc;
-  }, 0);
-  while (number >= colorsArr.length) {
-    number -= colorsArr.length;
-  }
-  return colorsArr[number];
-};
-var addBitDepthPoints = (value, step = 3) => {
-  const isFraction = value?.includes(".");
-  const valueBeforeDot = isFraction ? value?.slice(0, value?.indexOf(".")) : value;
-  const intPart = valueBeforeDot.split("").reverse().reduce(
-    (acc, item, idx) => idx % step === 0 && idx !== 0 ? [...acc, ",", item] : [...acc, item],
-    []
-  ).reverse().join("");
-  return isFraction ? intPart + value?.slice(value?.indexOf(".")) : intPart;
-};
-var firstLetterCapital = (str) => typeof str === "string" ? `${str.charAt(0).toUpperCase()}${str.slice(1)}` : str;
-var capitalized = firstLetterCapital;
-var checkedRef = (ref) => ref ? typeof ref === "function" ? (node) => ref(node) : ref : null;
-String.prototype.longerThan = function(compareWith) {
-  return this?.length > compareWith?.length;
-};
-String.prototype.lastIndexEqualsTo = function(index) {
-  return this?.length - 1 === index;
-};
-
-// src/Atomic/UI/Arrow/Arrow.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
-  const ref = (0, import_react10.useRef)(null);
-  const [color, setColor] = (0, import_react10.useState)("currentColor");
-  (0, import_react10.useEffect)(() => {
-    if (ref.current) {
-      setColor(getStyles(ref.current, "color"));
-    }
-  }, [ref.current]);
-  if (!type || type !== "left" && type !== "right") return null;
-  function renderSVG() {
-    if (type === "left") {
-      if (isAlt) {
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          "svg",
-          {
-            "data-testid": testId,
-            version: "1.1",
-            id: "Layer_1",
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "16",
-            height: "16",
-            viewBox: "0 0 16 16",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "path",
-                {
-                  d: "M12.7,8H3.3",
-                  stroke: color,
-                  fill: "none",
-                  strokeWidth: 1.3333,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "path",
-                {
-                  d: "M8,3.3L3.3,8L8,12.7",
-                  stroke: color,
-                  fill: "none",
-                  strokeWidth: 1.3333,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ]
-          }
-        );
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        "svg",
-        {
-          "data-testid": testId,
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "path",
-            {
-              d: "M15 18L9 12L15 6",
-              stroke: color,
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      );
-    }
-    if (isAlt) {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-        "svg",
-        {
-          "data-testid": testId,
-          id: "Layer_1",
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "16",
-          height: "16",
-          viewBox: "0 0 16 16",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              "path",
-              {
-                d: "M3.3,8h9.3",
-                stroke: color,
-                fill: "none",
-                strokeWidth: 1.3333,
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              "path",
-              {
-                d: "M8,3.3L12.7,8L8,12.7",
-                stroke: color,
-                fill: "none",
-                strokeWidth: 1.3333,
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "svg",
-      {
-        "data-testid": testId,
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "path",
-          {
-            d: "M9 18L15 12L9 6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    "div",
-    {
-      "data-testid": `arrow--key-${testId}--type-${type}`,
-      ref,
-      className: (0, import_classnames10.default)("arrow", `arrow_${type}`, className, {
-        arrow_disabled: disabled
-      }),
-      onClick,
-      children: renderSVG()
-    }
-  );
-}
-var Arrow_default = Arrow;
-
-// src/Atomic/UI/Box/Box.tsx
-var import_classnames11 = __toESM(require("classnames"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var directionVariants = {
-  column: "column",
-  row: "row"
-};
-var sizes = {
-  none: "none",
-  xs: "xs",
-  s: "s",
-  m: "m",
-  l: "l",
-  xl: "xl"
-};
-function Box({
-  children,
-  paddingVariant = sizes.m,
-  radiiVariant = sizes.s,
-  direction = directionVariants.column,
-  className,
-  ...restProps
-}) {
-  const styles = {
-    flexDirection: direction
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "div",
-    {
-      style: styles,
-      "data-testid": "box",
-      className: (0, import_classnames11.default)(
-        "box",
-        `box--padding-${paddingVariant}`,
-        `box--radii-${radiiVariant}`,
-        className,
-        {
-          "df": direction === directionVariants.row,
-          "dfc-jc": direction === directionVariants.column
-        }
-      ),
-      ...restProps,
-      children
-    }
-  );
-}
-var Box_default = Box;
-
-// src/Atomic/UI/CircleProgressBar/CircleProgressBar.js
-var import_react11 = __toESM(require("react"), 1);
-var import_classnames12 = __toESM(require("classnames"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var CircleProgressBar = ({
-  amount,
-  totalAmount,
-  isReverseType,
-  children,
-  className,
-  colors,
-  isInnerLine,
-  radius = 59,
-  strokeWidth = 2,
-  innerLineStrokeWidth = 2,
-  testId = "circle-progress-bar"
-}) => {
-  const circumference = Math.round(2 * Math.PI * radius);
-  const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100;
-  const defaultColors = {
-    start: "#6b81dd",
-    finish: "#f06d8d",
-    meter: "#ffcad6"
-  };
-  const [strokeDashoffset, setStrokeDashoffset] = (0, import_react11.useState)(isReverseType ? String(0) : circumference);
-  (0, import_react11.useEffect)(() => {
-    setStrokeDashoffset(circumference - circumference * amountProgress / 100);
-  }, [amountProgress]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames12.default)("limit-progress-bar", { "limit-progress-bar--reverse": isReverseType }, className),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-          "svg",
-          {
-            className: "limit-progress-bar__progress",
-            width: "124",
-            height: "124",
-            viewBox: "0 0 124 124",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("defs", { children: isReverseType ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-                "linearGradient",
-                {
-                  id: "limit-progress-bar-linear-gradient-reverse",
-                  x1: "0",
-                  y1: "1",
-                  x2: "0",
-                  y2: "0",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      "stop",
-                      {
-                        offset: "0",
-                        stopColor: colors.finish || defaultColors.finish
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      "stop",
-                      {
-                        offset: "1",
-                        stopColor: colors.start || defaultColors.start
-                      }
-                    )
-                  ]
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-                "linearGradient",
-                {
-                  id: "limit-progress-bar-linear-gradient",
-                  x1: "0",
-                  y1: "1",
-                  x2: "0",
-                  y2: "0",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      "stop",
-                      {
-                        offset: "0",
-                        stopColor: colors.start || defaultColors.start
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      "stop",
-                      {
-                        offset: "1",
-                        stopColor: colors.finish || defaultColors.finish
-                      }
-                    )
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                "circle",
-                {
-                  className: "limit-progress-bar__meter",
-                  cx: radius,
-                  cy: radius,
-                  r: radius,
-                  stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
-                  strokeWidth: String(innerLineStrokeWidth)
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                "circle",
-                {
-                  className: "limit-progress-bar__value",
-                  cx: radius,
-                  cy: radius,
-                  r: radius,
-                  strokeWidth: String(strokeWidth),
-                  stroke: `url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`,
-                  style: {
-                    strokeDasharray: circumference,
-                    strokeDashoffset
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "limit-progress-bar__content", children })
-      ]
-    }
-  );
-};
-var CircleProgressBar_default = CircleProgressBar;
-
-// src/Atomic/UI/DateTime/DateTime.tsx
-var import_classnames13 = __toESM(require("classnames"), 1);
-var import_moment_timezone2 = __toESM(require("moment-timezone"), 1);
-var import_react12 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var RC3 = "date-time";
-var DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
-var DEFAULT_TIME_FORMAT = "HH:mm:ss";
-var DateTime = ({
-  className,
-  value,
-  valueFormat,
-  dateFormat: inputDateFormat,
-  timeFormat: inputTimeFormat,
-  isNoDate,
-  isNoTime,
-  testId = "date-time"
-}) => {
-  const dateFormat = inputDateFormat ?? DEFAULT_DATE_FORMAT;
-  const timeFormat = inputTimeFormat ?? DEFAULT_TIME_FORMAT;
-  const date = (0, import_react12.useMemo)(() => {
-    return (valueFormat ? (0, import_moment_timezone2.default)(value, valueFormat) : (0, import_moment_timezone2.default)(value)).format(
-      dateFormat
-    );
-  }, [value, valueFormat, dateFormat]);
-  const time = (0, import_react12.useMemo)(() => {
-    return (valueFormat ? (0, import_moment_timezone2.default)(value, valueFormat) : (0, import_moment_timezone2.default)(value)).format(
-      timeFormat
-    );
-  }, [value, valueFormat, timeFormat]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { "data-testid": testId, className: (0, import_classnames13.default)(RC3, className), children: [
-    !isNoDate && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "data-testid": `${testId}-date`, className: `${RC3}__date`, children: date }),
-    !isNoTime && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "span",
-      {
-        "data-testid": `${testId}-time`,
-        className: (0, import_classnames13.default)(`${RC3}__time`, {
-          [`${RC3}_color--pause`]: !isNoDate
-        }),
-        children: time
-      }
-    )
-  ] });
-};
-var DateTime_default = DateTime;
-
-// src/Atomic/UI/DebugContainer/DebugContainer.tsx
-var import_classnames14 = __toESM(require("classnames"), 1);
-var import_react13 = require("react");
-var import_react_feather6 = require("react-feather");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var defaultData = {};
-var DebugContainer = ({ data = defaultData, children, className }) => {
-  const [isVisible, setIsVisible] = (0, import_react13.useState)(true);
-  const renderData = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("pre", { children: [
-    "{\n",
-    Object.keys(data).map((key) => `  ${key}: ${String(data[key])},
-`),
-    "}"
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: (0, import_classnames14.default)("debug-container", className), "data-testid": "debug-container", children: [
-    isVisible && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "debug-container__body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h5", { children: "Debug:" }),
-      data && Object.keys(data).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "debug-container__body-row", "data-testid": "debug-data", children: renderData() }),
-      children && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "debug-container__body-row", "data-testid": "debug-children", children })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      "div",
-      {
-        className: "debug-container__toggler",
-        onClick: () => setIsVisible((v) => !v),
-        "data-testid": "debug-toggler",
-        children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_feather6.ChevronUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_feather6.ChevronDown, {})
-      }
-    )
-  ] });
-};
-var DebugContainer_default = DebugContainer;
-
-// src/Atomic/UI/DebugContainer/useDebugContainer.tsx
-var import_react14 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function useDebugContainer() {
-  const [data, setData] = (0, import_react14.useState)({});
-  return {
-    debugData: data,
-    setDebugData: setData,
-    renderDebugContainer: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DebugContainer_default, { data })
-  };
-}
-var useDebugContainer_default = useDebugContainer;
-
-// src/Atomic/UI/DoubleString/DoubleString.tsx
-var import_classnames15 = __toESM(require("classnames"), 1);
-var import_moment = __toESM(require("moment"), 1);
-var import_react15 = require("react");
-var import_react_feather7 = require("react-feather");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var RC4 = "double-string";
-var DoubleString = ({
-  value,
-  description,
-  subDescription,
-  valuePostfix,
-  className,
-  testId = "double-string",
-  isFormatValueToDate,
-  isUseOnClick,
-  dateFormatSettings: {
-    parseFormat = "MM.DD.YYYY",
-    displayFormat = "MM.DD.YYYY"
-  } = {},
-  revert = false,
-  noTitle,
-  isUseHideMode = false,
-  isShowHiddenValueAvailable = false
-}) => {
-  const [isValueHidden, setIsValueHidden] = (0, import_react15.useState)(isUseHideMode);
-  const computedValue = isFormatValueToDate ? (0, import_moment.default)(value, parseFormat).format(displayFormat) : value;
-  const valueRef = (0, import_react15.useRef)(null);
-  ;
-  const descriptionRef = (0, import_react15.useRef)(null);
-  const [elemsWidth, setElemsWidth] = (0, import_react15.useState)({
-    valueWidth: 0,
-    descriptionWidth: 0
-  });
-  const [isOnClickON, setIsOnClickON] = (0, import_react15.useState)(false);
-  const handle = {
-    click: () => {
-      setIsOnClickON(!isOnClickON);
-    }
-  };
-  (0, import_react15.useEffect)(() => {
-    const valueWidth = valueRef?.current?.clientWidth ?? 0;
-    const descriptionWidth = descriptionRef?.current?.clientWidth ?? 0;
-    setElemsWidth({ valueWidth, descriptionWidth });
-  }, [descriptionRef, valueRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { "data-testid": testId, className: (0, import_classnames15.default)(RC4, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "p",
-      {
-        onClick: () => handle.click(),
-        ref: valueRef,
-        className: (0, import_classnames15.default)(
-          `${RC4}__value`,
-          {
-            "double-string--value-opened": isOnClickON && isUseOnClick
-          },
-          { pointer: isUseOnClick }
-        ),
-        title: !noTitle && elemsWidth.valueWidth > 99 ? computedValue : "",
-        children: !revert ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          isUseHideMode ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: !isValueHidden ? computedValue : "*********" }) : computedValue,
-          isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_feather7.Eye, { "data-testid": "double-string-eye", className: `${RC4}__hide-mode-icon`, onClick: () => setIsValueHidden(false) }),
-          isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_feather7.EyeOff, { "data-testid": "double-string-eyeoff", className: `${RC4}__hide-mode-icon`, onClick: () => setIsValueHidden(true) }),
-          valuePostfix && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: (0, import_classnames15.default)(`${RC4}__value-postfix`), children: valuePostfix })
-        ] }) : description
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "p",
-      {
-        ref: descriptionRef,
-        className: (0, import_classnames15.default)(`${RC4}__description`),
-        title: !noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : "",
-        children: !revert ? description : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          computedValue,
-          valuePostfix && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: (0, import_classnames15.default)(`${RC4}__value-postfix`), children: valuePostfix })
-        ] })
-      }
-    ),
-    subDescription && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: (0, import_classnames15.default)(`${RC4}__sub-description`), children: subDescription })
-  ] });
-};
-var DoubleString_default = DoubleString;
-
-// src/Atomic/UI/DoubleString/index.ts
-var DoubleString_default2 = DoubleString_default;
-
-// src/Atomic/UI/Hint/Hint.tsx
-var import_classnames16 = __toESM(require("classnames"), 1);
-var import_react16 = require("react");
-var import_react_dom2 = require("react-dom");
-var import_react_feather8 = require("react-feather");
-
-// src/Molecular/CustomIcons/components/HelpCircleFilled.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function HelpCircleFilled(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 16,
-      height: 16,
-      fill: "none",
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          "path",
-          {
-            fill: "#9AA0B9",
-            d: "M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334Z"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          "path",
-          {
-            stroke: "#fff",
-            d: "M6.06 6a2 2 0 0 1 3.887.667c0 1.333-2 2-2 2M8 11.333h.006"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/Atomic/UI/Hint/partials/_constants.ts
-var I_AM_OPENED_EVENT_NAME = "hint:i-am-open";
-var I_AM_OPENED_EVENT_OPTIONS = {
-  bubbles: true,
-  cancelable: true,
-  composed: false
-};
-
-// src/Atomic/UI/Hint/partials/_utils.ts
-var getHintContainerId = (hintId) => `hint-container-for-hint--id-${hintId}`;
-function getHintContainer(hintId) {
-  return document.getElementById(getHintContainerId(hintId));
-}
-function getParentNode() {
-  return document.querySelector("div#root") ?? document.querySelector("div#app") ?? document.body;
-}
-function initHintContainer(hintId, hintContainerSettings) {
-  const { className } = hintContainerSettings;
-  const hintContainer = document.createElement("div");
-  hintContainer.setAttribute("id", getHintContainerId(hintId));
-  hintContainer.classList.add("hint__container");
-  if (className) hintContainer.classList.add(className);
-  getParentNode()?.append(hintContainer);
-}
-function HandleScrollObj(setIsOpen) {
-  this.setIsOpen = setIsOpen;
-  this.handleEvent = function() {
-    this.setIsOpen(false);
-  };
-}
-function HandleClickOutsideObj(id, setIsOpen) {
-  this.id = id;
-  this.setIsOpen = setIsOpen;
-  this.handleEvent = function(event) {
-    if (getHintContainer(this.id)) {
-      if (!getHintContainer(this.id).contains(event?.target)) {
-        this.setIsOpen(false);
-      }
-    }
-  };
-}
-
-// src/Atomic/UI/Hint/Hint.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var hintTimeoutMap = /* @__PURE__ */ new Map();
-var isContentHoveredOuter = false;
-var DEFAULT_EMPTY_OBJ = {};
-function DEFAULT_VOID_FN() {
-}
-var Hint = ({
-  hint,
-  side = "right",
-  className,
-  hintContainer = DEFAULT_EMPTY_OBJ,
-  label = "",
-  variant = "filled",
-  handleOpenType = "click",
-  onClickCallback,
-  onOpenChange = DEFAULT_VOID_FN,
-  key,
-  id,
-  children,
-  icon,
-  isAccessability = false,
-  testId = "hint",
-  isHoverableContent = false,
-  isLoading,
-  isCloseOnChildrenClick = false
-}) => {
-  const hintRef = (0, import_react16.useRef)(null);
-  const [hintId] = (0, import_react16.useState)(id ?? key ?? Math.random().toString(16).slice(2));
-  const [iAmOpenedOptions] = (0, import_react16.useState)({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });
-  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
-  const [isStyleComputed, setIsStyleComputed] = (0, import_react16.useState)(false);
-  const [handleScroll] = (0, import_react16.useState)(new HandleScrollObj(setIsOpen));
-  const [handleClickOutside] = (0, import_react16.useState)(new HandleClickOutsideObj(hintId, setIsOpen));
-  const isCallbackExist = typeof onClickCallback === "function";
-  const handle = {
-    onMouseEnter: () => {
-      const existing = hintTimeoutMap.get(hintId);
-      if (existing) clearTimeout(existing);
-      if (handleOpenType === "hover") {
-        const timer = setTimeout(() => {
-          setIsOpen(true);
-          !isOpen && onClickCallback?.();
-          hintRef.current?.dispatchEvent?.(new CustomEvent(I_AM_OPENED_EVENT_NAME, iAmOpenedOptions));
-        }, 350);
-        hintTimeoutMap.set(hintId, timer);
-      }
-    },
-    onMouseLeave: () => {
-      const existing = hintTimeoutMap.get(hintId);
-      if (existing) clearTimeout(existing);
-      if (!isHoverableContent && handleOpenType === "hover") {
-        const timer = setTimeout(() => {
-          setIsOpen(false);
-          hintTimeoutMap.delete(hintId);
-        }, 1e3);
-        hintTimeoutMap.set(hintId, timer);
-      } else if (isHoverableContent && handleOpenType === "hover") {
-        const timer = setTimeout(() => {
-          if (!isContentHoveredOuter) {
-            setIsOpen(false);
-          }
-          hintTimeoutMap.delete(hintId);
-        }, 100);
-        hintTimeoutMap.set(hintId, timer);
-      }
-    },
-    onMouseLeaveHoverableContent: () => {
-      const existing = hintTimeoutMap.get(hintId);
-      if (existing) clearTimeout(existing);
-      if (isHoverableContent && handleOpenType === "hover") {
-        const timer = setTimeout(() => {
-          setIsOpen(false);
-          isContentHoveredOuter = false;
-          hintTimeoutMap.delete(hintId);
-        }, 100);
-        hintTimeoutMap.set(hintId, timer);
-      }
-    },
-    onClick: isCloseOnChildrenClick ? () => setIsOpen(false) : () => {
-    }
-  };
-  const getHintMarkUp = (className2) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      "div",
-      {
-        "data-testid": "test-hint-text",
-        className: (0, import_classnames16.default)("hint__text", `hint__text_${side}`, `hint--${className2}__text`),
-        onMouseEnter: () => {
-          if (isHoverableContent) isContentHoveredOuter = true;
-        },
-        onMouseLeave: isHoverableContent ? handle.onMouseLeaveHoverableContent : void 0,
-        onClick: handle.onClick,
-        style: { visibility: isStyleComputed ? "visible" : "hidden" },
-        children: [
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Spinner_default, { size: "small" }),
-          hint,
-          children
-        ]
-      }
-    );
-  };
-  const setHintContainerStyles = () => {
-    const hc = getHintContainer(hintId);
-    if (!hc || !isOpen) return false;
-    const { width = 0, top = 0, left = 0 } = hintRef?.current !== null ? hintRef?.current?.getBoundingClientRect() : {};
-    const { addWidth, addLeft, addTop } = hintContainer ?? {};
-    const windowInnerWidth = document.documentElement.clientWidth;
-    const windowInnerHeight = document.documentElement.clientHeight;
-    const sw = hc.getElementsByClassName("hint__text")[0];
-    const { width: swWidth, height: swHeight } = sw?.getBoundingClientRect() || {};
-    hc.style.width = isOpen ? ((addWidth && !Number.isNaN(+addWidth) ? +addWidth : 0) + width)?.toString().concat("px") : "0";
-    hc.style.left = isOpen ? ((addLeft && !Number.isNaN(+addLeft) ? +addLeft : 0) + left)?.toString().concat("px") : "0";
-    hc.style.top = isOpen ? ((addTop && !Number.isNaN(+addTop) ? +addTop : 0) + top)?.toString().concat("px") : "0";
-    hc.style.maxHeight = isOpen ? swHeight?.toString().concat("px") : "0";
-    const INACCURACY = 20;
-    switch (side) {
-      case "top":
-      case "centeredTop":
-        if (top - swHeight - INACCURACY / 2 < 0) {
-          sw.classList.remove(`hint__text_${side}`);
-          sw.classList.add(`hint__text_${side === "top" ? "bottom" : "centeredBottom"}`);
-        }
-        break;
-      case "bottom":
-      case "centeredBottom":
-        if (top + swHeight + INACCURACY > windowInnerHeight) {
-          sw.classList.remove(`hint__text_${side}`);
-          sw.classList.add(`hint__text_${side === "bottom" ? "top" : "centeredTop"}`);
-        }
-        break;
-      case "left":
-        if (left - swWidth - INACCURACY / 2 < 0) {
-          sw.classList.remove(`hint__text_${side}`);
-          sw.classList.add("hint__text_right");
-        }
-        break;
-      case "right":
-      default:
-        if (left + width + swWidth + INACCURACY / 2 > windowInnerWidth) {
-          sw.classList.remove(`hint__text_${side}`);
-          sw.classList.add("hint__text_left");
-        }
-        break;
-    }
-    setIsStyleComputed(true);
-  };
-  const renderHintContainer = (className2) => {
-    const hc = getHintContainer(hintId);
-    if (!hc) return null;
-    return (0, import_react_dom2.createPortal)(getHintMarkUp(className2), hc);
-  };
-  (0, import_react16.useEffect)(() => {
-    initHintContainer(hintId, hintContainer);
-    const iAmOpenedCallback = (ev) => {
-      const event = ev;
-      if (event?.detail?.hintId !== hintId) {
-        setIsOpen(false);
-        const timer = hintTimeoutMap.get(hintId);
-        if (timer) {
-          clearTimeout(timer);
-          hintTimeoutMap.delete(hintId);
-        }
-      }
-      return event;
-    };
-    if (hintRef.current) {
-      document.addEventListener(I_AM_OPENED_EVENT_NAME, iAmOpenedCallback);
-    }
-    return () => {
-      document.removeEventListener(I_AM_OPENED_EVENT_NAME, iAmOpenedCallback);
-      const timer = hintTimeoutMap.get(hintId);
-      if (timer) {
-        clearTimeout(timer);
-        hintTimeoutMap.delete(hintId);
-      }
-    };
-  }, []);
-  (0, import_react16.useEffect)(() => {
-    setIsStyleComputed(false);
-    setHintContainerStyles();
-    onOpenChange?.(isOpen);
-    if (isOpen) {
-      document.addEventListener("scroll", handleScroll, true);
-      document.addEventListener("click", handleClickOutside, true);
-    } else {
-      document.removeEventListener("scroll", handleScroll, true);
-      document.removeEventListener("click", handleClickOutside, true);
-    }
-    return () => {
-      const timer = hintTimeoutMap.get(hintId);
-      if (timer) {
-        clearTimeout(timer);
-        hintTimeoutMap.delete(hintId);
-      }
-    };
-  }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { "data-testid": testId, className: (0, import_classnames16.default)("hint", className), ref: hintRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      "button",
-      {
-        tabIndex: isAccessability ? 0 : -1,
-        "data-testid": typeof label === "string" && label.length ? label.replace?.(/\s/g, "-") : `${testId}--button`,
-        "aria-label": isAccessability && typeof label === "string" ? label : "",
-        onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback?.() : setIsOpen(!isOpen)),
-        onMouseEnter: handle.onMouseEnter,
-        onMouseLeave: handle.onMouseLeave,
-        className: (0, import_classnames16.default)("hint__button", { hint__button_active: isOpen }),
-        children: [
-          icon || icon === null || /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-            variant === "outlined" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_feather8.HelpCircle, { width: 16, height: 16, className: "hint__icon outlined" }),
-            variant === "filled" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HelpCircleFilled, { className: "hint__icon filled" }),
-            variant === "warning" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_feather8.AlertTriangle, { className: "hint__icon", color: "#F06D8D", width: 16, height: 16 })
-          ] }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: (0, import_classnames16.default)("hint__label", { "color--primary": isOpen }), children: typeof label === "string" ? capitalized(label) : label })
-        ]
-      }
-    ),
-    isOpen && renderHintContainer(className)
-  ] });
-};
-var Hint_default = Hint;
-
-// src/Atomic/UI/Hint/index.ts
-var Hint_default2 = Hint_default;
-
-// src/Atomic/UI/Modal/Modal.tsx
-var import_classnames19 = __toESM(require("classnames"), 1);
-var import_react23 = require("react");
-
-// src/Functions/useKeyPress/useHandleKeyPress.ts
-var import_react18 = require("react");
-
-// src/Functions/useKeyPress/useKeyPress.ts
-var import_react17 = require("react");
-function isISuspendProcessing(x) {
-  return getIsOnlyAnObject(x) && Object.values(x).every((v) => typeof v === "function");
-}
-function useKeyPress(targetKey, clamping = true, isForbidden, suspendProcessing) {
-  const [keyPressed, setKeyPressed] = (0, import_react17.useState)(false);
-  const safelySuspendProcessing = isISuspendProcessing(suspendProcessing) ? suspendProcessing : {};
-  const downHandler = (0, import_react17.useCallback)(
-    (event) => {
-      const { key, repeat, altKey, ctrlKey, shiftKey, metaKey } = event;
-      const isPressingWithoutAuxiliaryKeys = !altKey && !ctrlKey && !shiftKey && !metaKey;
-      if (key === targetKey && isPressingWithoutAuxiliaryKeys && !safelySuspendProcessing[key]?.(event)) {
-        if (!clamping && repeat) return;
-        setKeyPressed(true);
-      }
-    },
-    // ? Намерянно в зависимостях используем именно входной suspendProcessing,
-    // ? хоть в коде используем "безопасный"
-    [clamping, targetKey, suspendProcessing]
-  );
-  const upHandler = (0, import_react17.useCallback)(
-    (event) => {
-      const { key, repeat, altKey, ctrlKey, shiftKey, metaKey } = event;
-      const isPressingWithoutAuxiliaryKeys = !altKey && !ctrlKey && !shiftKey && !metaKey;
-      if (key === targetKey && isPressingWithoutAuxiliaryKeys && !safelySuspendProcessing[key]?.(event)) {
-        if (!clamping && repeat) return;
-        setKeyPressed(false);
-      }
-    },
-    // ? Намерянно в зависимостях используем именно входной suspendProcessing,
-    // ? хоть в коде используем "безопасный"
-    [clamping, targetKey, suspendProcessing]
-  );
-  (0, import_react17.useEffect)(
-    () => {
-      const handleDown = (event) => downHandler(event);
-      const handleUp = (event) => upHandler(event);
-      if (!isForbidden) {
-        window.addEventListener("keydown", handleDown);
-        window.addEventListener("keyup", handleUp);
-      }
-      return () => {
-        window.removeEventListener("keydown", handleDown);
-        window.removeEventListener("keyup", handleUp);
-      };
-    },
-    // ? Намерянно в зависимостях используем именно входной suspendProcessing,
-    // ? хоть в коде используем "безопасный"
-    [downHandler, upHandler, isForbidden, suspendProcessing]
-  );
-  return keyPressed;
-}
-var useKeyPress_default = useKeyPress;
-
-// src/Functions/useKeyPress/useHandleKeyPress.ts
-function useHandleKeyPress({
-  escCallback,
-  enterCallback,
-  withClamping = true,
-  withEventManagementStructure,
-  suspendProcessing = null
-}) {
-  const { isWithSubmitAndCloseManagement } = withEventManagementStructure || {};
-  const isPressEnter = useKeyPress_default("Enter", withClamping, isWithSubmitAndCloseManagement, suspendProcessing);
-  const isPressEscape = useKeyPress_default("Escape", withClamping, isWithSubmitAndCloseManagement, suspendProcessing);
-  (0, import_react18.useEffect)(() => {
-    if (!isWithSubmitAndCloseManagement && isPressEscape && typeof escCallback === "function") {
-      escCallback();
-    }
-  }, [isPressEscape, escCallback]);
-  (0, import_react18.useEffect)(() => {
-    if (!isWithSubmitAndCloseManagement && isPressEnter && typeof enterCallback === "function") {
-      enterCallback();
-    }
-  }, [isPressEnter, enterCallback]);
-}
-var useHandleKeyPress_default = useHandleKeyPress;
-
-// src/Atomic/UI/Modal/partials/_constants.ts
-var DEFAULT_EVENT_OPTIONS = Object.freeze({
-  bubbles: true,
-  cancelable: true,
-  composed: false
-});
-var EVENTS = Object.freeze({
-  ["iGotAnEnterKeyPress" /* iGotAnEnterKeyPress */]: {
-    innerKey: "iGotAnEnterKeyPress" /* iGotAnEnterKeyPress */,
-    name: "modal:i-got-an-enter-key-press",
-    shortName: "enterIsPressed",
-    middlewareKey: "Enter",
-    options: DEFAULT_EVENT_OPTIONS
-  },
-  ["iGotAnEscKeyPress" /* iGotAnEscKeyPress */]: {
-    innerKey: "iGotAnEscKeyPress" /* iGotAnEscKeyPress */,
-    name: "modal:i-got-an-esc-key-press",
-    shortName: "escIsPressed",
-    middlewareKey: "Escape",
-    options: DEFAULT_EVENT_OPTIONS
-  }
-});
-
-// src/Atomic/UI/Modal/partials/_utils.ts
-function getWithEventManagementStructure(modalId, withEventManagement) {
-  const output = {
-    isWithSubmitAndCloseManagement: false
-  };
-  for (const key in output) {
-    if (!modalId) {
-      output[key] = false;
-    } else {
-      output[key] = getIsOnlyAnObject(withEventManagement) ? withEventManagement[key] ?? false : !!withEventManagement;
-    }
-  }
-  return output;
-}
-function getOnKeyPress({
-  id: modalId,
-  onSubmit,
-  onClose,
-  suspendProcessing
-}) {
-  if (!modalId) return null;
-  return function onKeyPress(ev) {
-    const customEvent = ev;
-    const { id: eventId, realEvent } = customEvent.detail || {};
-    const constantInfoAboutCustomEvent = Object.values(EVENTS).find((ev2) => ev2.name === customEvent.type || ev2.shortName === customEvent.type) || {};
-    const middlewareKey = constantInfoAboutCustomEvent.middlewareKey || "incorrectKey";
-    const safelySuspendProcessing = isISuspendProcessing(suspendProcessing) ? suspendProcessing : {};
-    if (modalId && eventId && eventId === modalId && !safelySuspendProcessing[middlewareKey]?.(realEvent)) {
-      switch (customEvent.type) {
-        case EVENTS.iGotAnEnterKeyPress.name: {
-          onSubmit?.();
-          break;
-        }
-        case EVENTS.iGotAnEscKeyPress.name: {
-          onClose?.();
-          break;
-        }
-        default: {
-          break;
-        }
-      }
-    }
-  };
-}
-function dispatchEventForModalManagement(realEvent, nameOfCustomEvent, uniqueIdOfRecipient, target) {
-  const { repeat, altKey, ctrlKey, shiftKey, metaKey } = realEvent;
-  const isPressingWithoutAuxiliaryKeys = !altKey && !ctrlKey && !shiftKey && !metaKey;
-  if (!repeat && isPressingWithoutAuxiliaryKeys) {
-    const event = Object.values(EVENTS).find((ev) => ev.name === nameOfCustomEvent || ev.shortName === nameOfCustomEvent);
-    if (event && uniqueIdOfRecipient) {
-      (target ?? document).dispatchEvent(new CustomEvent(event.name, { ...event.options, detail: { id: uniqueIdOfRecipient, realEvent } }));
-    }
-  }
-}
-
-// src/Atomic/UI/Modal/partials/ModalFooter.tsx
-var import_classnames17 = __toESM(require("classnames"), 1);
-var import_react19 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ModalFooter = (0, import_react19.memo)(
-  ({ className = "", children, wrapperRef, testId = "modal-footer" }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      "footer",
-      {
-        "data-testid": testId,
-        ref: wrapperRef,
-        className: (0, import_classnames17.default)("modal__footer", className),
-        role: "contentinfo",
-        "aria-label": "Modal footer",
-        children
-      }
-    );
-  }
-);
-ModalFooter.displayName = "ModalFooter";
-var ModalFooter_default = ModalFooter;
-
-// src/Atomic/UI/Modal/partials/ModalTitle.tsx
-var import_classnames18 = __toESM(require("classnames"), 1);
-var import_react20 = require("react");
-var import_react_feather9 = require("react-feather");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ModalTitle = (0, import_react20.memo)(
-  ({
-    variant = "primary",
-    children,
-    isForced = false,
-    onClose,
-    closeBtnDisable,
-    noHeaderCloseBtn = false,
-    className,
-    wrapperRef,
-    testId = "modal-title"
-  }) => {
-    const closeModalRef = (0, import_react20.useRef)(onClose);
-    const handleClick = (0, import_react20.useMemo)(() => () => closeModalRef.current?.(), []);
-    (0, import_react20.useLayoutEffect)(() => {
-      closeModalRef.current = closeBtnDisable ? void 0 : onClose;
-    }, [onClose, closeBtnDisable]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      "header",
-      {
-        "data-testid": testId,
-        ref: wrapperRef,
-        className: (0, import_classnames18.default)("modal__header", className, {
-          [`modal__header-${variant}`]: variant
-        }),
-        role: "banner",
-        "aria-label": "Modal header",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "span",
-            {
-              className: (0, import_classnames18.default)("modal__header-title", {
-                [`modal__header-${variant}-title`]: variant
-              }),
-              id: `${testId}-heading`,
-              children
-            }
-          ),
-          !isForced && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: handleClick,
-              className: (0, import_classnames18.default)("modal-close-icon-box", {
-                "modal-close-icon-box-primary": variant === "primary",
-                "modal-close-icon-box--hidden": noHeaderCloseBtn
-              }),
-              "aria-label": "Close modal",
-              title: "Close modal",
-              children: !noHeaderCloseBtn && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_feather9.X, { className: "modal-close-icon", role: "img", "aria-hidden": "true" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ModalTitle.displayName = "ModalTitle";
-var ModalTitle_default = ModalTitle;
-
-// src/Atomic/UI/Modal/partials/useMobileModal.tsx
-var import_react22 = require("react");
-
-// src/Functions/useIsMobile/useIsMobile.ts
-var import_react21 = require("react");
-function useIsMobile({ isWithoutWidthCheck = false } = {}) {
-  const isIPad = () => {
-    const ua = navigator.userAgent || navigator.vendor || window.opera;
-    const isMac = /Macintosh/.test(ua);
-    const hasTouch = navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
-    return isMac && !!hasTouch;
-  };
-  const getIsMobile = () => {
-    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || isIPad();
-  };
-  const [isMobile, setIsMobile] = (0, import_react21.useState)(getIsMobile());
-  (0, import_react21.useEffect)(() => {
-    if (getIsMobile()) {
-      setIsMobile(true);
-    }
-  }, [navigator.userAgent]);
-  return {
-    isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768 || window.screen.width <= 1024 && window.matchMedia("(orientation: landscape)").matches),
-    isMobilePortrait: isMobile && window.screen.width <= 768 && window.matchMedia("(orientation: portait)").matches,
-    isMobileLandscape: isMobile && window.screen.width <= 1024 && window.matchMedia("(orientation: landscape)").matches
-  };
-}
-var useIsMobile_default = useIsMobile;
-
-// src/Atomic/UI/Modal/partials/useMobileModal.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var SCROLL_DIRECTION = {
-  UP: "up",
-  DOWN: "down"
-};
-function useMobileModal({
-  modalRef,
-  withMobileLogic = false,
-  withFixedFooter = false,
-  isOpen = false
-}) {
-  const modalMobileContainerRef = (0, import_react22.useRef)(null);
-  const modalMobileHeaderRef = (0, import_react22.useRef)(null);
-  const modalMobileFooterRef = (0, import_react22.useRef)(null);
-  const modalMobileBodyRef = (0, import_react22.useRef)(null);
-  const { isMobile } = useIsMobile_default();
-  const [modalHeight, setModalHeight] = (0, import_react22.useState)(0);
-  const [modalsLogic, setModalsLogic] = (0, import_react22.useState)({
-    IS_HEADER_HIDDEN: false,
-    IS_HEADER_STICKY: false,
-    IS_FOOTER_HIDDEN: false,
-    IS_FOOTER_STICKY: withFixedFooter
-  });
-  const [modalsLogicProps, setModalsLogicProps] = (0, import_react22.useState)({
-    headerHeight: 0,
-    footerHeight: 0
-  });
-  const [scrollDirection, setScrollDirection] = (0, import_react22.useState)(SCROLL_DIRECTION.UP);
-  const [scrollTopPrev, setScrollTopPrev] = (0, import_react22.useState)(0);
-  const [scrollTop, setScrollTop] = (0, import_react22.useState)(0);
-  const [scrollHeight, setScrollHeight] = (0, import_react22.useState)(1);
-  const [, setContainerScrollHeight] = (0, import_react22.useState)(1);
-  (0, import_react22.useLayoutEffect)(() => {
-    const el = modalMobileContainerRef?.current;
-    if (el) {
-      el.addEventListener("scroll", () => {
-        setScrollTop((scrollTop2) => {
-          if (scrollTop2 !== el.scrollTop) setScrollTopPrev(scrollTop2);
-          return el.scrollTop;
-        });
-      });
-    }
-  }, [modalMobileContainerRef?.current]);
-  (0, import_react22.useEffect)(() => {
-    setScrollDirection(
-      (prevScrollDirection) => scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection
-    );
-  }, [scrollTop, scrollTopPrev]);
-  (0, import_react22.useLayoutEffect)(() => {
-    if (isOpen) {
-      const modalStyle = modalRef?.current ? modalRef?.current.style || window.getComputedStyle(modalRef?.current) : {};
-      const computedModalHeight = modalRef?.current ? modalHeight + Number.parseFloat(modalStyle?.marginTop || "0") : 0;
-      const windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
-      if (modalMobileContainerRef?.current) {
-        if (computedModalHeight <= windowHeight) {
-          modalMobileContainerRef.current.style.display = "flex";
-          modalMobileContainerRef.current.style.alignItems = "flex-end";
-        } else {
-          modalMobileContainerRef.current?.style?.removeProperty("display");
-          modalMobileContainerRef.current?.style?.removeProperty("align-items");
-        }
-      }
-    }
-  }, [modalsLogicProps, isOpen, isMobile, modalHeight]);
-  (0, import_react22.useLayoutEffect)(() => {
-    if (isMobile && isOpen) {
-      const newModalHeight = modalRef?.current?.getBoundingClientRect()?.height;
-      if (newModalHeight && modalHeight !== newModalHeight) {
-        setModalHeight(newModalHeight);
-      }
-    }
-  });
-  (0, import_react22.useEffect)(() => {
-    if (isMobile && withMobileLogic) {
-      const { footerHeight, headerHeight } = modalsLogicProps;
-      setModalsLogic((prevStickyLogic) => ({
-        IS_HEADER_HIDDEN: scrollDirection === SCROLL_DIRECTION.DOWN || scrollTop === 0,
-        IS_HEADER_STICKY: scrollDirection === SCROLL_DIRECTION.UP && scrollTop !== 0 && (scrollTop >= headerHeight || prevStickyLogic.IS_HEADER_STICKY),
-        IS_FOOTER_HIDDEN: !withFixedFooter && (scrollDirection === SCROLL_DIRECTION.UP || scrollHeight === Math.round(scrollTop)),
-        IS_FOOTER_STICKY: withFixedFooter && scrollHeight > 1 || scrollDirection === SCROLL_DIRECTION.DOWN && (scrollHeight - Math.round(scrollTop) >= footerHeight || prevStickyLogic.IS_FOOTER_STICKY)
-      }));
-    }
-  }, [
-    scrollTop,
-    scrollHeight,
-    isMobile,
-    withMobileLogic,
-    scrollDirection,
-    modalsLogicProps,
-    modalHeight,
-    window.innerHeight
-  ]);
-  (0, import_react22.useLayoutEffect)(() => {
-    if (modalMobileHeaderRef?.current?.getBoundingClientRect()?.height !== void 0) {
-      setModalsLogicProps((state) => ({
-        ...state,
-        headerHeight: modalMobileHeaderRef?.current?.getBoundingClientRect()?.height ?? 0
-      }));
-    }
-  }, [modalMobileHeaderRef?.current?.getBoundingClientRect()?.height]);
-  (0, import_react22.useLayoutEffect)(() => {
-    if (modalMobileFooterRef?.current?.getBoundingClientRect()?.height !== void 0) {
-      setModalsLogicProps((state) => ({
-        ...state,
-        footerHeight: modalMobileFooterRef?.current?.getBoundingClientRect()?.height ?? 0
-      }));
-    }
-  }, [modalMobileFooterRef?.current?.getBoundingClientRect()?.height]);
-  (0, import_react22.useEffect)(() => {
-    if (modalMobileContainerRef?.current) {
-      setContainerScrollHeight(modalMobileContainerRef?.current?.scrollHeight);
-      setScrollHeight(
-        modalMobileContainerRef?.current?.scrollHeight - window.innerHeight
-      );
-    }
-  }, [scrollTop, modalMobileContainerRef?.current, window.innerHeight]);
-  (0, import_react22.useEffect)(() => {
-    window.addEventListener("resize", () => {
-      setContainerScrollHeight((containerScrollHeight) => {
-        setScrollHeight(containerScrollHeight - window.innerHeight);
-        return containerScrollHeight;
-      });
-    });
-  }, []);
-  const renderModal = (0, import_react22.useCallback)(
-    (modal) => {
-      if (!isMobile || !withMobileLogic) return modal;
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "modal-mobile-container", ref: modalMobileContainerRef, children: modal });
-    },
-    [isMobile, withMobileLogic]
-  );
-  return {
-    modalMobileContainerRef,
-    modalMobileHeaderRef,
-    modalMobileBodyRef,
-    modalMobileFooterRef,
-    MODALS_LOGIC: modalsLogic,
-    SCROLL_DIRECTION,
-    scrollTop,
-    scrollHeight,
-    renderModal,
-    isMobile
-  };
-}
-
-// src/Atomic/UI/Modal/Modal.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var attrsForModalBodyDefault = {};
-var KEY_CODE = Object.freeze({
-  ENTER: 13,
-  ESC: 27
-});
-function renderModalTitle({
-  mode,
-  title,
-  onlyTitle
-}) {
-  if (mode && mode !== "default" && !onlyTitle) {
-    return `${mode[0].toUpperCase()}${mode.slice(1)} ${title}`;
-  }
-  return title;
-}
-function Modal({
-  ref,
-  id,
-  testId = "modal",
-  zIndex = 100,
-  isOpen,
-  onConfirm,
-  onDecline,
-  closeModal,
-  className,
-  variant = "primary",
-  size,
-  mode,
-  title,
-  onlyTitle,
-  atributesForModalBody = attrsForModalBodyDefault,
-  confirmBtnClassName,
-  confirmBtnLabel,
-  confirmBtnVariant = "primary",
-  confirmBtnDisable,
-  confirmBtnIcon,
-  isConfirmBtnIconPositionRight,
-  noConfirmBtn,
-  forced,
-  closeBtnClassName,
-  closeBtnText,
-  closeBtnVariant,
-  closeBtnDisable,
-  closeBtnIcon,
-  btnClassNames,
-  isCloseBtnIconPositionRight,
-  noCloseBtn,
-  noHeader,
-  noHeaderCloseBtn,
-  customHeader,
-  declineBtnDisable,
-  noFooter,
-  customFooter,
-  withFixedFooter,
-  leftContentOfFooter,
-  isSubmittingByEnter: isSubmittingByEnterOuter = true,
-  isClosingByEsc: isClosingByEscOuter = true,
-  withEventManagement = false,
-  submitOnEnter,
-  closeOnEsc,
-  withMobileLogic,
-  children
-}) {
-  const internalRef = (0, import_react23.useRef)(null);
-  const modalRef = ref || internalRef;
-  const onConfirmRef = (0, import_react23.useRef)(onConfirm);
-  const closeModalRef = (0, import_react23.useRef)(closeModal);
-  const onDeclineRef = (0, import_react23.useRef)(onDecline);
-  const isSubmittingByEnter = submitOnEnter === false ? false : isSubmittingByEnterOuter;
-  const isClosingByEsc = closeOnEsc === false ? false : isClosingByEscOuter;
-  const withEventManagementStructure = getWithEventManagementStructure(id, withEventManagement);
-  const isUseAutoBlockingForHandlers = withEventManagementStructure.isWithSubmitAndCloseManagement;
-  const isOnConfirmBlocked = typeof onConfirm === "function" && isUseAutoBlockingForHandlers && confirmBtnDisable;
-  const isCloseModalBlocked = typeof closeModal === "function" && isUseAutoBlockingForHandlers && closeBtnDisable;
-  const isOnDeclineBlocked = typeof onDecline === "function" && isUseAutoBlockingForHandlers && declineBtnDisable;
-  const {
-    modalMobileHeaderRef,
-    modalMobileBodyRef,
-    modalMobileFooterRef,
-    MODALS_LOGIC,
-    renderModal,
-    isMobile,
-    scrollTop,
-    scrollHeight
-  } = useMobileModal({
-    withMobileLogic,
-    withFixedFooter,
-    isOpen
-  });
-  const handle = (0, import_react23.useMemo)(() => ({
-    confirm: () => onConfirmRef.current?.(),
-    close: () => closeModalRef.current?.(),
-    decline: () => {
-      if (typeof onDeclineRef.current === "function") onDeclineRef.current();
-      else closeModalRef.current?.();
-    }
-  }), []);
-  const suspendProcessing = {
-    // FIN-12482
-    // ? Чтобы НЕ замыкать рефку на модалку в логике, чтобы потом поискать в контенте все текстэриа,
-    // ? чтобы оценить есть ли среди них сфокусированная - делаем элеГАнтно:
-    // ? оцениваем ev.target, и если target это текстэриа, то вот сейчас то она и сфокусирована,
-    // ? т.е нужно приостановить процессы связанные с нажатием enter.
-    Enter: (ev) => ev?.target?.nodeName === "TEXTAREA"
-    // ? Колбеки опциональны, можно передавать только нужные
-    // Escape: (ev: globalThis.KeyboardEvent) => false,
-  };
-  useHandleKeyPress_default({
-    enterCallback: isSubmittingByEnter && typeof onConfirm === "function" && !confirmBtnDisable ? handle.confirm : void 0,
-    escCallback: isClosingByEsc && typeof closeModal === "function" ? handle.close : void 0,
-    withClamping: false,
-    withEventManagementStructure: {
-      isWithSubmitAndCloseManagement: confirmBtnDisable || withEventManagementStructure.isWithSubmitAndCloseManagement
-    },
-    suspendProcessing
-  });
-  (0, import_react23.useLayoutEffect)(() => {
-    onConfirmRef.current = isOnConfirmBlocked ? void 0 : onConfirm;
-  }, [onConfirm, isOnConfirmBlocked]);
-  (0, import_react23.useLayoutEffect)(() => {
-    closeModalRef.current = isCloseModalBlocked ? void 0 : closeModal;
-  }, [closeModal, isCloseModalBlocked]);
-  (0, import_react23.useLayoutEffect)(() => {
-    onDeclineRef.current = isOnDeclineBlocked ? () => {
-    } : onDecline;
-  }, [onDecline, isOnDeclineBlocked]);
-  (0, import_react23.useEffect)(() => {
-    const outerTarget = getIsOnlyAnObject(withEventManagement) ? withEventManagement.listenersTarget : void 0;
-    const target = outerTarget ?? document;
-    const onKeyPress = getOnKeyPress({ id, onSubmit: handle.confirm, onClose: handle.close, suspendProcessing });
-    if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
-      if (isSubmittingByEnter) target.addEventListener(EVENTS.iGotAnEnterKeyPress.name, onKeyPress);
-      if (isClosingByEsc) target.addEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
-    }
-    return () => {
-      if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
-        if (isSubmittingByEnter) target.removeEventListener(EVENTS.iGotAnEnterKeyPress.name, onKeyPress);
-        if (isClosingByEsc) target.removeEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
-      }
-    };
-  }, []);
-  if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "div",
-    {
-      id: `${id}`,
-      style: { zIndex },
-      "data-testid": testId,
-      className: "modal-box j5",
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": `${testId}-title`,
-      children: renderModal(
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            "div",
-            {
-              "data-testid": `${testId}-overlay`,
-              className: isOpen ? "modal-overlay" : "hidden",
-              onClick: handle.close,
-              role: "presentation"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-            "div",
-            {
-              ref: modalRef,
-              style: { width: typeof size === "number" ? `${size}px` : `${size?.replace("px", "")}px` },
-              className: (0, import_classnames19.default)(className, {
-                "modal": isOpen,
-                "modal--no-header": isOpen && noHeader && !customHeader,
-                "modal-mobile": isOpen && isMobile,
-                "hidden": !isOpen
-              }),
-              children: [
-                customHeader || !noHeader && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  ModalTitle_default,
-                  {
-                    wrapperRef: modalMobileHeaderRef,
-                    className: (0, import_classnames19.default)({
-                      "modal__header--hidden": MODALS_LOGIC.IS_HEADER_HIDDEN,
-                      "modal__header--sticky": !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY
-                    }),
-                    variant,
-                    isForced: forced,
-                    onClose: handle.close,
-                    noHeaderCloseBtn,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { id: `${testId}-title`, children: renderModalTitle({ mode, title, onlyTitle }) })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "div",
-                  {
-                    ...atributesForModalBody,
-                    ref: modalMobileBodyRef,
-                    className: (0, import_classnames19.default)("modal__body", {
-                      "modal__body--no-footer": noFooter
-                    }),
-                    role: "document",
-                    children
-                  }
-                ),
-                (!noFooter || customFooter) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  ModalFooter_default,
-                  {
-                    wrapperRef: modalMobileFooterRef,
-                    className: (0, import_classnames19.default)({
-                      "modal__footer--hidden": MODALS_LOGIC.IS_FOOTER_HIDDEN,
-                      "modal__footer--sticky": !MODALS_LOGIC.IS_FOOTER_HIDDEN && MODALS_LOGIC.IS_FOOTER_STICKY && scrollTop !== scrollHeight,
-                      "modal__footer_with-left-content": leftContentOfFooter
-                    }),
-                    children: customFooter || /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-                      leftContentOfFooter,
-                      (!noCloseBtn || !noConfirmBtn) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "modal__buttons-block", children: [
-                        !noCloseBtn && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                          Button_default,
-                          {
-                            testId: "modal",
-                            className: (0, import_classnames19.default)(closeBtnClassName, btnClassNames),
-                            variant: closeBtnVariant || "dark-outline",
-                            onClick: handle.decline,
-                            label: closeBtnText || "Cancel",
-                            disabled: typeof onDecline === "function" ? declineBtnDisable : closeBtnDisable,
-                            icon: closeBtnIcon,
-                            isIconRight: isCloseBtnIconPositionRight,
-                            tabIndex: 1,
-                            "aria-label": "Close modal"
-                          }
-                        ),
-                        !noConfirmBtn && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                          Button_default,
-                          {
-                            testId: "modal",
-                            onClick: handle.confirm,
-                            label: confirmBtnLabel || mode && mode?.[0].toUpperCase() + mode?.slice(1) || "Apply",
-                            className: (0, import_classnames19.default)("ml5", confirmBtnClassName, btnClassNames),
-                            variant: confirmBtnVariant,
-                            disabled: confirmBtnDisable,
-                            icon: confirmBtnIcon,
-                            isIconRight: isConfirmBtnIconPositionRight,
-                            "aria-label": "Confirm modal"
-                          }
-                        )
-                      ] })
-                    ] })
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      )
-    }
-  );
-}
-Modal.displayName = "Modal";
-var Modal_default = Modal;
-
-// src/Atomic/UI/Modal/ModalHOC.tsx
-var import_classnames20 = __toESM(require("classnames"), 1);
-var import_react24 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var ModalHOC = ({
-  id,
-  zIndex = 100,
-  isOpen,
-  closeModal,
-  closeBtnDisable,
-  children,
-  className,
-  size,
-  testId = "modal",
-  withEventManagement = false,
-  // ! Полностью проигнорируется если в модалку НЕ прокинут id
-  // ? isClosingByEsc является явным разрешением/запретом на работу ф-ла,
-  // ? в то время как withEventManagement лишь настройка способа реализации этого ф-ла
-  isClosingByEsc: isClosingByEscOuter = true,
-  closeOnEsc
-}) => {
-  const modalRef = (0, import_react24.useRef)(null);
-  const closeModalRef = (0, import_react24.useRef)(closeModal);
-  const isClosingByEsc = closeOnEsc === false ? false : isClosingByEscOuter;
-  const withEventManagementStructure = getWithEventManagementStructure(id, withEventManagement);
-  const handleClose = (0, import_react24.useMemo)(() => () => closeModalRef.current?.(), []);
-  useHandleKeyPress_default({
-    escCallback: isClosingByEsc && typeof closeModal === "function" ? handleClose : void 0,
-    withEventManagementStructure
-  });
-  (0, import_react24.useLayoutEffect)(() => {
-    closeModalRef.current = closeBtnDisable ? void 0 : closeModal;
-  }, [closeModal, closeBtnDisable]);
-  (0, import_react24.useEffect)(() => {
-    const onKeyPress = getOnKeyPress({ id, onClose: handleClose });
-    if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
-      if (isClosingByEsc) document.addEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
-    }
-    return () => {
-      if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
-        if (isClosingByEsc) document.removeEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
-      }
-    };
-  }, []);
-  if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { id: `${id}`, style: { zIndex }, "data-testid": testId, className: "modal-box j5", role: "presentation", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "modal-overlay", onClick: handleClose, role: "presentation", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      "div",
-      {
-        ref: modalRef,
-        style: { width: size },
-        className: (0, import_classnames20.default)(className, "modal"),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": testId,
-        tabIndex: -1,
-        children
-      }
-    )
-  ] });
-};
-var ModalHOC_default = ModalHOC;
-
-// src/Atomic/UI/Modal/index.ts
-var Modal_default2 = Modal_default;
-
-// src/Atomic/UI/MonoAccordion/index.ts
-var MonoAccordion_default2 = MonoAccordion_default;
-
-// src/Atomic/UI/PageTitle/PageTitle.tsx
-var import_classnames21 = __toESM(require("classnames"), 1);
-var import_react_feather10 = require("react-feather");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var RC5 = "page-title";
-var PageTitle = ({ title, pages, children, testId = RC5 }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { "data-testid": testId, className: RC5, role: "region", "aria-label": title, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `${RC5}__wrap`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { className: `${RC5}__title`, children: title }),
-    pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("nav", { className: `${RC5}__pages`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("ol", { className: `${RC5}__list`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: `${RC5}__link`, href: "/", "aria-label": "Home page", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_feather10.Home, { "aria-hidden": "true" }) }) }),
-      pages.map(({ name, path }, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: `${RC5}__delimiter`, "aria-hidden": "true", children: "/" }),
-        pages.length - 1 === index ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: (0, import_classnames21.default)(`${RC5}__link`, `${RC5}__link_last`), "aria-current": "page", children: name }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: `${RC5}__link`, href: path, children: name })
-      ] }, path))
-    ] }) })
-  ] }),
-  children
-] });
-var PageTitle_default = PageTitle;
-
-// src/Atomic/UI/PageTitle/index.ts
-var PageTitle_default2 = PageTitle_default;
-
-// src/Atomic/UI/Price/Price.tsx
-var import_classnames22 = __toESM(require("classnames"), 1);
-
-// src/Functions/fieldValueFormatters.js
-var getSafelyValue = (value) => value !== void 0 && value !== null ? value?.toString?.() || "" : "";
-var intlNumbersFormatter = (inputValue, settings = {}) => {
-  const safelyInputValue = getSafelyValue(inputValue);
-  const previousValue = safelyInputValue.slice(0, -1);
-  const lastSym = safelyInputValue.slice(-1);
-  const value = lastSym === "." ? previousValue : safelyInputValue;
-  if (Number.isNaN(Number(value)) || !getSafelyValue(value)) return "";
-  const {
-    // локаль, даже региональная, влияет на отображение знаков и формата.
-    locale = "en-US",
-    // percent || currency(default case) || decimal(просто число) влияет на ТИП обработки.
-    withSymbol,
-    //группировка запятыми поразрядно.
-    useGrouping = true,
-    //!!работает только при withSymbol: 'currency' !! влияет на то, как именно будет выглядет формат валюты.
-    currency = {},
-    //сколько знаков после точки, и всегда ли они будут.
-    // !!если поставить  isAlwaysRender: true, но не дать центов, то будет 100.00
-    fractionDigits = {}
-  } = settings;
-  const { currencyType = "USD", currencyDisplay: inputCurrencyDisplay } = currency;
-  let currencyDisplay;
-  switch (inputCurrencyDisplay) {
-    case "name":
-      currencyDisplay = "name";
-      break;
-    case "code":
-      currencyDisplay = "code";
-      break;
-    case "narrowSymbol":
-      currencyDisplay = "narrowSymbol";
-      break;
-    default:
-      currencyDisplay = "symbol";
-  }
-  let numberStyle;
-  switch (withSymbol) {
-    case "percent":
-      numberStyle = "percent";
-      break;
-    case "currency":
-      numberStyle = "currency";
-      break;
-    default:
-      numberStyle = "decimal";
-      break;
-  }
-  const {
-    quantity,
-    isRenderAlways = false,
-    minimumFractionDigits: inputMinimumFractionDigits,
-    maximumFractionDigits: inputMaximumFractionDigits,
-    conditionallyMinimumFractionDigits
-  } = fractionDigits;
-  const dotIndex = safelyInputValue?.indexOf(".");
-  const afterDot = dotIndex !== -1 ? safelyInputValue.slice(dotIndex + 1) : "";
-  const minimumFractionDigits = (() => {
-    if (typeof inputMinimumFractionDigits === "number")
-      return inputMinimumFractionDigits;
-    if (typeof conditionallyMinimumFractionDigits === "number") {
-      return afterDot && lastSym !== "." ? conditionallyMinimumFractionDigits : 0;
-    }
-    return afterDot && lastSym !== "." ? safelyInputValue.slice(dotIndex).length - 1 : isRenderAlways ? quantity : 0;
-  })();
-  const priceSettings = {
-    useGrouping,
-    //группировка разрядов
-    style: numberStyle,
-    //тип форматирования (валюта или число). decimal - без знака валюты
-    currency: currencyType,
-    //валюта
-    currencyDisplay,
-    //валюта в виде символа
-    //минимально не надо отображать центы, если их нет, иначе всегда будет .00
-    minimumFractionDigits,
-    //! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
-    //! чем указано в (inputMaximumFractionDigits ?? quantity) - округлит по правилам округления
-    //максимально отображать 2 цифры после запятой, если центы всё же есть
-    maximumFractionDigits: inputMaximumFractionDigits ?? quantity
-  };
-  let output;
-  try {
-    output = new Intl.NumberFormat(locale, priceSettings).format(value);
-  } catch (e) {
-    output = value;
-    console.warn("Intl.NumberFormat error", e);
-  }
-  return lastSym === "." ? output + lastSym : output;
-};
-var formatToPriceWithUSD = (value) => {
-  if (isNaN(Number(value))) return value;
-  return intlNumbersFormatter(getSafelyValue(value), {
-    withSymbol: "currency",
-    currency: { currencyType: "USD" },
-    fractionDigits: { quantity: 2, conditionallyMinimumFractionDigits: 2 }
-  });
-};
-var formatToPriceWithCurrency = (value, currencyCode, symbolPosition = "before") => {
-  if (isNaN(Number(value))) return value;
-  return intlNumbersFormatter(getSafelyValue(value), {
-    withSymbol: "currency",
-    currency: { currencyType: currencyCode },
-    fractionDigits: { quantity: 2, conditionallyMinimumFractionDigits: 2 }
-  });
-};
-
-// src/Atomic/UI/Price/Price.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var CN3 = "price";
-var Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN3 }) => {
-  if (value === void 0 || value === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames22.default)(CN3, className),
-      role: "contentinfo",
-      "aria-label": `Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? "after" : "before")}`,
-      children: formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? "after" : "before")
-    }
-  );
-};
-var Price_default = Price;
-
-// src/Atomic/UI/Price/index.ts
-var Price_default2 = Price_default;
-
-// src/Atomic/UI/PriceRange/PriceRange.tsx
-var import_classnames23 = __toESM(require("classnames"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var CN4 = "price-range";
-var PriceRange = ({ from, to, mode, testId = CN4 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-testid": testId, className: (0, import_classnames23.default)(CN4, "j4"), role: "region", "aria-label": "Price range", children: mode === "simple" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { "aria-live": "polite", children: [
-    from,
-    " - ",
-    to
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { "aria-live": "polite", children: [
-    formatToPriceWithUSD(from?.toString()),
-    " - ",
-    formatToPriceWithUSD(to?.toString())
-  ] }) });
-};
-var PriceRange_default = PriceRange;
-
-// src/Atomic/UI/PriceRange/index.ts
-var PriceRange_default2 = PriceRange_default;
-
-// src/Atomic/UI/ProgressLine/ProgressLine.tsx
-var import_classnames24 = __toESM(require("classnames"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var CN5 = "progress-line";
-var ProgressLine = ({
-  label = "",
-  labelAlign = "left",
-  renderValue = false,
-  renderValueInPercents = false,
-  valueMeasurement = "",
-  valueHorizontalPosition = "right",
-  valueVerticalPosition = "center",
-  symbolsAfterComma = 0,
-  minValue = 0,
-  maxValue = 100,
-  value = 0,
-  showExtremums = false,
-  extremumsPosition = "top",
-  variant = "info",
-  useVariantLabelColor = true,
-  isShowLine = true,
-  className,
-  testId = CN5
-}) => {
-  const getFilledLineWidth = () => {
-    if (value > maxValue) value = maxValue;
-    return `${((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma)}%`;
-  };
-  const renderLabel = () => {
-    if (!label) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `progress-line__wrapper__label align-${labelAlign}`, children: label });
-  };
-  const renderProgressValue = () => {
-    if (!renderValue) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "progress-line__wrapper__value", "aria-live": "polite", children: renderValueInPercents ? getFilledLineWidth() : `${addBitDepthPoints(String(value))} ${valueMeasurement}` });
-  };
-  const renderExtremums = () => {
-    if (!showExtremums) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { "aria-hidden": "true", className: `progress-line__wrapper__extremums position-${extremumsPosition}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "progress-line__wrapper__extremums--min", children: renderValueInPercents ? "0 %" : `${minValue} ${valueMeasurement}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "progress-line__wrapper__extremums--max", children: renderValueInPercents ? "100 %" : `${maxValue} ${valueMeasurement}` })
-    ] });
-  };
-  const renderFilledLine = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      "div",
-      {
-        className: "progress-line__wrapper__line--filled",
-        role: "progressbar",
-        "aria-label": `Progress: ${value} out of ${maxValue}`,
-        "aria-valuenow": value,
-        "aria-valuemin": minValue,
-        "aria-valuemax": maxValue,
-        style: { width: getFilledLineWidth() }
-      }
-    );
-  };
-  const renderLine = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "progress-line__wrapper__line", children: [
-      renderExtremums(),
-      renderFilledLine()
-    ] });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: (0, import_classnames24.default)(CN5, className), "data-testid": testId, role: "region", "aria-label": "Progress line", children: [
-    renderLabel(),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      "div",
-      {
-        className: `progress-line__wrapper variant-${useVariantLabelColor && variant} value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`,
-        children: [
-          renderProgressValue(),
-          isShowLine && renderLine()
-        ]
-      }
-    )
-  ] });
-};
-var ProgressLine_default = ProgressLine;
-
-// src/Atomic/UI/ProgressLine/index.ts
-var ProgressLine_default2 = ProgressLine_default;
-
-// src/Atomic/UI/Status/Status.tsx
-var import_classnames25 = __toESM(require("classnames"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function defaultOnClick2() {
-}
-var Status = ({
-  icon,
-  value,
-  label,
-  status,
-  disabled,
-  type,
-  active = 0,
-  pause = 0,
-  className,
-  noBackground,
-  children,
-  testId = "status",
-  onClick = defaultOnClick2
-}) => {
-  if (!status) return null;
-  const text = children && typeof children === "string" ? children : value || label || status;
-  const formattedLabel = text?.[0].toUpperCase() + text?.slice(1);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { onClick, "data-testid": testId, className: (0, import_classnames25.default)({ disabled }, className), children: type === "number" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: active === 0 && pause === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "status status--error", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: active }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "status status--warning", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "status--number-active", children: active }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "color--gray-gull", children: " / " }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: pause > 0 ? "color--froly" : "color--gray-gull", children: pause })
-  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "div",
-    {
-      className: (0, import_classnames25.default)(
-        "status",
-        `status--${status}`,
-        {
-          "status--no-bg": noBackground && status === "pause",
-          "color--gray-gull": noBackground && status === "pause" && !className,
-          "j4": !!icon
-        },
-        className
-      ),
-      children: [
-        icon,
-        formattedLabel
-      ]
-    }
-  ) });
-};
-var Status_default = Status;
-
-// src/Atomic/UI/Status/index.ts
-var Status_default2 = Status_default;
-
-// src/Atomic/UI/Table/Table.js
-var import_react32 = __toESM(require("react"), 1);
-var import_classnames32 = __toESM(require("classnames"), 1);
-
-// src/Atomic/UI/Table/Partials/TdHeader.js
-var import_react25 = __toESM(require("react"), 1);
-var import_classnames26 = __toESM(require("classnames"), 1);
-
-// src/Langs.js
-var Langs = {
-  en: {
-    auth: {},
-    settings: {},
-    labels: {
-      industries: "Industries",
-      includedLenders: "Included Lenders",
-      admin: "Administrator",
-      user: "User",
-      help: "Help",
-      description: "Description",
-      value: "Value",
-      paramName: "Parameter name(key)",
-      active: "Active",
-      pause: "Pause",
-      error: "Error",
-      sold: "Sold",
-      processing: "Processing",
-      home: "Home",
-      goods: "Goods",
-      improvement: "Improvement",
-      jewelry: "Jewelry",
-      firstName: "First Name",
-      lastName: "Last Name",
-      dateOfBirth: "Date of Birth",
-      militaryStatus: "Military status",
-      ssn: "SSN",
-      lengthAtAddress: "Length At Address",
-      rentOrOwn: "Rent or Own",
-      zip: "ZIP",
-      city: "City",
-      state: "State",
-      address: "Address",
-      email: "E-mail",
-      homePhone: "Home Phone",
-      cellPhone: "Cell Phone",
-      contactTime: "Contact Time",
-      dlState: "DL state",
-      dlNumber: "DL number",
-      ownCar: "Do you own a car?",
-      tcpaOptin: "TCPA OPTIN",
-      incomeSource: "Income Source",
-      timeEmployed: "Time Employed",
-      jobTitle: "Job Title",
-      currentEmployer: "Current Employer",
-      employersPhone: "Employer's Phone",
-      netMonthlyIncome: "Net monthly income",
-      howOftenIsPaid: "How often is paid",
-      nextPayDate: "Next Pay Date",
-      secondPayDate: "Second Pay Date",
-      loanAmount: "Loan amount",
-      ip: "IP",
-      storyName: "Story name",
-      channelName: "Channel name",
-      employmentInfo: "Employment Information",
-      personalDetails: "Personal Details",
-      offer: "Offer",
-      offers: "Offers",
-      status: "Status",
-      name: "Name",
-      from: "From",
-      to: "to",
-      periodMonths: "Period (months)",
-      loansSent: "Loans Sent",
-      approved: "Approved",
-      rejected: "Rejected",
-      loanAmountApproved: "Loan Amount Approved ($)",
-      loanAmountRejected: "Loan Amount Rejected ($)",
-      approveRate: "Approve Rate (%)",
-      actions: "Actions",
-      locations: "Locations",
-      score: "Score",
-      priority: "Priority",
-      lender: "Lender",
-      weight: "Weight",
-      selectLender: "Select lender"
-    },
-    singulars: {},
-    titles: {
-      pingTree: "Ping tree",
-      edit: "Edit",
-      create: "Create",
-      add: "Add",
-      consumerInfo: "Consumer info",
-      personalDetails: "Personal Details",
-      employmentInfo: "Employment Information",
-      tools: "Tools",
-      lenders: "Lenders",
-      settings: "Settings",
-      dashboard: "Dashboard",
-      consumers: "Consumers",
-      ticketDesk: "Ticket desk",
-      accounting: "Accounting",
-      users: "Users",
-      merchants: "Merchants",
-      lenderPingTree: "Lender Ping Tree",
-      reports: "Reports",
-      leads: "Leads",
-      location: "Location",
-      mainMenu: "Main menu",
-      partners: "Partners",
-      other: "Other",
-      homeGoodsAndInteriorDesign: "Home Goods and Interior Design"
-    },
-    placeholders: {
-      typeName: "Type name",
-      params: "Params placeholder",
-      value: "Value placeholder",
-      description: "Description placeholder"
-    },
-    hints: {
-      landerNotIncluded: "Lender is not included in Ping Tree by the \u201CHome Goods\u201D industry",
-      noMerchants: "No Merchants for the \u201CHome Goods\u201D industry"
-    },
-    buttons: {
-      create: "Create",
-      edit: "Edit",
-      add: "Add",
-      close: "Close",
-      apply: "Apply",
-      pingTree: "Ping tree",
-      addRow: "Add row",
-      consumerInfo: "Consumer Info",
-      deletePingTree: "Delete Ping Tree",
-      cancel: "Cancel"
-    },
-    radioButtons: {},
-    weekDays: {
-      su: "Su",
-      mo: "Mo",
-      tu: "Tu",
-      we: "We",
-      th: "Th",
-      fr: "Fr",
-      sa: "Sa"
-    },
-    alerts: {
-      lendersWillBeRemoved: "lenders will be removed"
-    },
-    checkboxes: {
-      homeGoods: "Home Goods",
-      travel: "Travel",
-      energyImprovement: "Energy Improvement",
-      jewelryIncluded: "Jewelry (included in PingTree name 2)",
-      jewelry: "Jewelry",
-      autoRepair: "Auto Repair",
-      cosmetics: "Cosmetics",
-      health: "Health"
-    },
-    errors: {},
-    texts: {},
-    tabs: {
-      general: "General",
-      payments: "Payments",
-      filters: "Filters",
-      offers: "Offers",
-      merchants: "Merchants",
-      integration: "Integration",
-      customDetails: "Custom details",
-      customerDetails: "Customer details",
-      postsLog: "Posts log"
-    },
-    toasts: {}
-  }
-};
-var Langs_default = Langs;
-
-// src/Atomic/UI/Table/Partials/TdHeader.js
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var TdHeader = ({ item, testId = "td-header" }) => {
-  const txt = Langs_default[global.lng];
-  switch (item.type) {
-    case "double":
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "j46", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "", children: txt.labels[item.left] || item.left }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "", children: txt.labels[item.right] || item.right })
-      ] }) });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { "data-testid": testId, className: (0, import_classnames26.default)(item.className), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: (0, import_classnames26.default)({ df: item.button }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mr5", children: txt.labels[item.label] || item.label }),
-        item.button && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cards-table__btn", children: txt.buttons[item.button] || item.button })
-      ] }) });
-  }
-};
-var TdHeader_default = TdHeader;
-
-// src/Atomic/UI/Table/Partials/TdRow.js
-var import_react31 = __toESM(require("react"), 1);
-var import_classnames31 = __toESM(require("classnames"), 1);
-
-// src/Atomic/UI/Table/TdTypes/TdRange.js
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var TdRange = ({ item }) => {
-  if (!item) return false;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: item.from }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: " - " }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: item.to })
-  ] });
-};
-var TdRange_default = TdRange;
-
-// src/Atomic/UI/Table/Partials/TdCell.js
-var import_react30 = __toESM(require("react"), 1);
-
-// src/Atomic/UI/Accordion/AccordionItem.tsx
-var import_classnames27 = __toESM(require("classnames"), 1);
-var import_react26 = require("react");
-var Icons = __toESM(require("react-feather"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var DefaultLink = ({ to, className, children }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: to, className, children });
-var AccordionItem = ({
-  item,
-  onClick,
-  isOpen,
-  className,
-  children,
-  noChevron,
-  linkComponent: LinkComponent = DefaultLink,
-  testId = "accordion-item"
-}) => {
-  const Icon = Icons[item.icon];
-  const [maxHeight, setMaxHeight] = (0, import_react26.useState)(0);
-  const ref = (0, import_react26.useRef)(null);
-  const getItemsHeight = () => {
-    let itemHeight = 0;
-    ref.current?.childNodes.forEach((el) => {
-      itemHeight += el.offsetHeight;
-    });
-    return itemHeight + 20;
-  };
-  (0, import_react26.useEffect)(() => {
-    setMaxHeight(isOpen ? getItemsHeight() : 0);
-  }, [isOpen]);
-  const calculateStatusCount = () => {
-    return item?.rows?.reduce(
-      (acc, row) => {
-        const result = row.cols.reduce(
-          (accum, col) => ({
-            active: accum.active + (col.status === "active" ? 1 : 0),
-            pause: accum.pause + (col.status === "pause" ? 1 : 0)
-          }),
-          { active: 0, pause: 0 }
-        );
-        return {
-          active: acc.active + result.active,
-          pause: acc.pause + result.pause
-        };
-      },
-      { active: 0, pause: 0 }
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames27.default)("accordion--item", className),
-      role: "region",
-      "aria-labelledby": `accordion-title-${item.title}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-          "div",
-          {
-            className: (0, import_classnames27.default)("accordion--title-box", {
-              "accordion--title-open": isOpen
-            }),
-            onClick: () => onClick(!isOpen),
-            id: `accordion-title-${item.title}`,
-            role: "button",
-            "aria-expanded": isOpen,
-            "aria-controls": `accordion-content-${item.title}`,
-            tabIndex: 0,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "j4 no-wrap", children: [
-                item?.icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { className: (0, import_classnames27.default)("mr5", item?.className), "aria-hidden": "true" }),
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "accordion--title", children: item.title || "Menu Chapter" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "j6 accordion-title__right-box", children: [
-                item.status && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "mr5", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-                  Status_default2,
-                  {
-                    type: item?.status.type,
-                    value: item?.status.value,
-                    status: item?.status.status,
-                    active: calculateStatusCount()?.active,
-                    pause: calculateStatusCount()?.pause
-                  }
-                ) }),
-                !noChevron && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-                  Icons.ChevronRight,
-                  {
-                    "aria-hidden": "true",
-                    className: (0, import_classnames27.default)("accordion--title-chevron", {
-                      "accordion--title-chevron-open": isOpen
-                    })
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          "div",
-          {
-            ref,
-            style: { maxHeight },
-            className: (0, import_classnames27.default)("accordion--content", {
-              "accordion--content-is-open": isOpen
-            }),
-            id: `accordion-content-${item.title}`,
-            role: "region",
-            "aria-labelledby": `accordion-title-${item.title}`,
-            children: item.children ? item.children.map((el) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(LinkComponent, { to: el.link, className: "accordion--content-item accordion--menu-link", children: el?.title || "Menu item" }, el.id);
-            }) : children
-          }
-        )
-      ]
-    }
-  );
-};
-var AccordionItem_default = AccordionItem;
-
-// src/Atomic/UI/Table/TdTypes/TdActions.js
-var import_react27 = __toESM(require("react"), 1);
-var Icons2 = __toESM(require("react-feather"), 1);
-
-// src/Atomic/FormElements/Switcher/Switcher.tsx
-var import_classnames28 = __toESM(require("classnames"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var RC6 = "switcher";
-var Switcher = ({
-  label,
-  className,
-  isActive,
-  disabled,
-  onChange,
-  isLabelBold,
-  hint,
-  hintSide,
-  testId = "switcher"
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames28.default)(RC6, className, { [`${RC6}_disabled`]: disabled }),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-          "button",
-          {
-            type: "button",
-            "data-testid": `${testId}-button`,
-            className: (0, import_classnames28.default)(`${RC6}__button`),
-            disabled,
-            onClick: (e) => onChange(!isActive, e),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                "div",
-                {
-                  className: (0, import_classnames28.default)(`${RC6}__button-content`, {
-                    [`${RC6}__button-content_active`]: isActive
-                  }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `${RC6}__ball` })
-                }
-              ),
-              label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                "span",
-                {
-                  className: (0, import_classnames28.default)(`${RC6}__label`, {
-                    [`${RC6}__label_bold`]: isLabelBold
-                  }),
-                  children: label
-                }
-              )
-            ]
-          }
-        ),
-        hint && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Hint_default, { className: `${RC6}__hint`, hint, side: hintSide })
-      ]
-    }
-  );
-};
-var Switcher_default = Switcher;
-
-// src/Atomic/UI/Table/TdTypes/TdActions.js
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var TdActions = ({ actions, onChange, onActionClick, rowItem }) => {
-  if (!actions) return false;
-  const [state, setState] = (0, import_react27.useState)(actions);
-  const handleArrayChange = (value, index, prop) => {
-    state[index][prop] = value;
-    setState([...state]);
-    onChange(state);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "j6", children: actions?.map((action, index) => {
-    switch (action.type) {
-      case "download":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "td-actions--item td-actions--download",
-            onClick: () => {
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icons2.Download, {})
-          },
-          index
-        );
-      case "edit":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "td-actions--item td-actions--edit",
-            onClick: () => {
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icons2.Edit3, {})
-          },
-          index
-        );
-      case "delete":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "td-actions--item td-actions--delete",
-            onClick: () => onActionClick("delete", rowItem),
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icons2.Trash2, {})
-          },
-          index
-        );
-      case "undo":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          "div",
-          {
-            className: "td-actions--item td-actions--undo",
-            onClick: () => onActionClick("undo", rowItem),
-            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icons2.RotateCcw, {})
-          },
-          index
-        );
-      case "switcher":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "df", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          Switcher_default,
-          {
-            label: action.label || null,
-            isActive: action?.value,
-            onChange: (e) => handleArrayChange(e, index, "value")
-          }
-        ) }, index);
-      default:
-        return null;
-    }
-  }) });
-};
-
-// src/Atomic/UI/Table/TdTypes/TdPriority.js
-var import_react28 = __toESM(require("react"), 1);
-var import_classnames29 = __toESM(require("classnames"), 1);
-var import_react_feather11 = require("react-feather");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var TdPriority = ({ onClick, rowIndex, cardLength }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "cards-table__priority", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "mr5", children: rowIndex + 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "df", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        import_react_feather11.ArrowDown,
-        {
-          onClick: () => onClick(rowIndex),
-          className: (0, import_classnames29.default)("table--icon", {
-            disabled: rowIndex + 1 === cardLength
-          })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        import_react_feather11.ArrowUp,
-        {
-          onClick: () => onClick(rowIndex, true),
-          className: (0, import_classnames29.default)("table--icon", { disabled: rowIndex === 0 })
-        }
-      )
-    ] })
-  ] });
-};
-var TdPriority_default = TdPriority;
-
-// src/Atomic/UI/Table/TdTypes/TdWeight.js
-var import_react29 = require("react");
-var import_classnames30 = __toESM(require("classnames"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var TdWeight = ({ value, percent, onChange, className }) => {
-  const [state, setState] = (0, import_react29.useState)(value);
-  const {
-    isToggled: isEdited,
-    toggleOff: unsetIsEdited,
-    toggleOn: setIsEdited
-  } = useOutsideToggle(false);
-  (0, import_react29.useEffect)(() => {
-    setState(value);
-  }, [value, isEdited]);
-  const handleKeyUp = ({ keyCode, target }) => {
-    if (keyCode === KEY_CODE.ENTER) {
-      const newValue = Number(target.value) || 1;
-      onChange(newValue);
-      unsetIsEdited();
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: isEdited ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    Input,
-    {
-      value: state,
-      onChange: (e) => setState(e),
-      onBlur: unsetIsEdited,
-      onKeyUp: handleKeyUp,
-      autoFocus: true
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: (0, import_classnames30.default)("td-weight", className), onClick: setIsEdited, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "ml2 color--grey-gull", children: [
-      "(",
-      percent,
-      "%)"
-    ] })
-  ] }) });
-};
-var TdWeight_default = TdWeight;
-
-// src/Atomic/UI/Table/Partials/TdCell.js
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var TdCell = ({
-  type,
-  item,
-  rowIndex,
-  onChange,
-  cardLength,
-  changePriority,
-  getAdviceWeight,
-  onActionClick,
-  rowItem,
-  isDeleted
-}) => {
-  const [isAccordionOpen, setIsAccordionOpen] = (0, import_react30.useState)(item.isOpen);
-  const percent = item.type === "weight" && getAdviceWeight(isDeleted ? 0 : item.value);
-  switch (type) {
-    case "accordion":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        AccordionItem_default,
-        {
-          className: item.itemClassName,
-          item,
-          isOpen: isAccordionOpen,
-          onClick: (e) => setIsAccordionOpen(e),
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Table_default, { rows: item.rows, className: "accordion--table" })
-        }
-      );
-    case "actions":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        TdActions,
-        {
-          rowItem,
-          actions: item,
-          onChange,
-          onActionClick
-        }
-      );
-    case "advancedTags":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AdvancedTags_default, { items: item });
-    case "link":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("a", { href: item.link, children: item.label });
-    case "priority":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        TdPriority_default,
-        {
-          rowIndex,
-          cardLength,
-          onClick: changePriority
-        }
-      );
-    case "status":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        Status_default,
-        {
-          className: item.className,
-          label: item.label,
-          status: item.status
-        }
-      );
-    case "tags":
-      return item.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tag_default, { label: tag.label }, index));
-    case "weight":
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        TdWeight_default,
-        {
-          value: item.value,
-          percent,
-          onChange: (value) => onChange({ ...item, value })
-        }
-      );
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: item.className, children: item.value });
-  }
-};
-var TdCell_default = TdCell;
-
-// src/Atomic/UI/Table/Partials/TdRow.js
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var TdRow = ({
-  item,
-  onChange,
-  rowIndex,
-  cardStatus,
-  range,
-  type,
-  rowSpan,
-  colSpan,
-  cardLength,
-  changePriority,
-  getAdviceWeight,
-  onActionClick,
-  isDeleted,
-  testId = "td-row"
-}) => {
-  const [isOpen, setIsOpen] = (0, import_react31.useState)(false);
-  const handleChange = handleObjectChange(item, () => onChange({ ...item }));
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("tr", { "data-testid": testId, children: [
-      type && rowSpan && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("td", { className: "rel", rowSpan: rowSpan + 1, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        "span",
-        {
-          className: (0, import_classnames31.default)(
-            type && `cards-table__score cards-table__score-${cardStatus}`
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TdRange_default, { item: range })
-        }
-      ) }),
-      Object.entries(item).map(
-        ([key, value]) => key === "id" || key === "isDeleted" ? null : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          "td",
-          {
-            className: (0, import_classnames31.default)("cards-table__body-item", {
-              "cards-table__accordion": value.type === "accordion"
-            }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-              TdCell_default,
-              {
-                onActionClick,
-                changePriority,
-                cardLength,
-                rowIndex,
-                rowItem: item,
-                type: key,
-                item: value,
-                onChange: (newValue) => handleChange(newValue, key),
-                getAdviceWeight,
-                isDeleted
-              }
-            )
-          },
-          key
-        )
-      )
-    ] }),
-    type && colSpan ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("tr", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("td", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("td", { colSpan, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          "span",
-          {
-            className: "cards-table__title-select-lender-btn",
-            onClick: () => setIsOpen(true),
-            children: "Select Lender"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          Modal_default,
-          {
-            closeModal: () => setIsOpen(false),
-            isOpen,
-            title: "Choose Lender",
-            size: "420",
-            children: "test"
-          }
-        )
-      ] })
-    ] }) : null
-  ] });
-};
-var TdRow_default = TdRow;
-
-// src/Atomic/UI/Table/Table.js
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Table = ({
-  rows,
-  onChange,
-  className,
-  header,
-  onActionClick,
-  testId = "table"
-}) => {
-  const handleArrayChange = (value, index) => {
-    rows[index] = value;
-    onChange({ header: [...header], rows: [...rows] });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames32.default)("simple-table", {
-        [`simple-table--${className}`]: className
-      }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("table", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: header?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TdHeader_default, { item }, item.key)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { children: rows && rows?.length ? rows?.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          TdRow_default,
-          {
-            onActionClick,
-            rowIndex: index,
-            item: row,
-            header,
-            onChange: (value) => handleArrayChange(value, index)
-          },
-          typeof row.id === "object" ? row.id.value : row.id
-        )) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", { className: "row--not-found", colSpan: header?.length, children: "Not set" }) }) })
-      ] })
-    }
-  );
-};
-var Table_default = Table;
-
-// src/Atomic/UI/Tag/index.ts
-var Tag_default2 = Tag_default;
-
-// src/Atomic/UI/TagList/TagList.tsx
-var import_classnames33 = __toESM(require("classnames"), 1);
-var import_react33 = require("react");
-var import_react_feather12 = require("react-feather");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var TagList = ({
-  disabled,
-  className,
-  onTagClick,
-  removeItem,
-  items,
-  withToggle = true,
-  disableShowMore = false,
-  shownItemsCount = "auto",
-  testId = "test-taglist",
-  refProp,
-  renderOrder,
-  onEditClick,
-  onToggleRenderAll,
-  isUseInTable
-}) => {
-  const wrapperRef = (0, import_react33.useRef)(null);
-  const [tagList, setTagList] = (0, import_react33.useState)([]);
-  const [staticTagsCount, setStaticTagsCount] = (0, import_react33.useState)(-1);
-  const [renderItemsCount, setRenderItemsCount] = (0, import_react33.useState)(-1);
-  const [renderAll, setRenderAll] = (0, import_react33.useState)(!withToggle);
-  const wrapperWidth = wrapperRef?.current?.getBoundingClientRect()?.width ?? -1;
-  const setRenderAllInterceptor = (v, event) => {
-    setRenderAll(v);
-    onToggleRenderAll?.(v);
-    event?.stopPropagation();
-    event?.preventDefault();
-  };
-  const getStaticTagsCount = (computedWidth) => {
-    if (typeof shownItemsCount === "number") return shownItemsCount;
-    const delta = typeof onEditClick === "function" ? 60 : 32;
-    const result = tagList.reduce((result2, { itemRef }, index) => {
-      if (result2.skip) return result2;
-      const itemStyle = itemRef?.current && window.getComputedStyle(itemRef.current);
-      const itemWidth = [
-        Number.parseInt((itemRef.current?.getBoundingClientRect()?.width ?? 0).toString(), 10),
-        Number.parseInt((itemStyle?.marginLeft ?? 0).toString(), 10),
-        Number.parseInt((itemStyle?.marginRight ?? 0).toString(), 10)
-      ].reduce((result3, item) => {
-        if (!Number.isNaN(item)) result3 += item;
-        return result3;
-      }, 0);
-      if (!Number.isNaN(itemWidth) && itemWidth > 0 && itemWidth + result2.width < computedWidth - delta || index === 0) {
-        result2 = {
-          count: result2.count + 1,
-          width: result2.width + itemWidth,
-          items: [...result2.items, { w: itemWidth, r: itemRef?.current }]
-        };
-      } else {
-        result2.skip = true;
-      }
-      return result2;
-    }, { count: 0, width: 0, items: [], skip: false });
-    if (result?.items?.length === 1 && result.items[0].r && tagList.length > 1) {
-      result.items[0].r.style.maxWidth = `${computedWidth - delta - 8}px`;
-    }
-    return result?.count;
-  };
-  const cancelDefault = (_e, cb) => {
-    cb?.();
-  };
-  const renderTags = () => {
-    const tagsRenderOrder = renderOrder ?? tagList.map(({ value, id }) => id ?? value);
-    return tagsRenderOrder.map((v, i) => {
-      const item = tagList.find(({ value, id }) => {
-        if (id) return id === v;
-        if (value) return value === v;
-        return false;
-      });
-      if (!item) return null;
-      const isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        "div",
-        {
-          className: `tag-list_wrapper_item ${isHidden ? "tag-list_wrapper_item--hidden" : ""}`,
-          ref: checkedRef(item?.itemRef),
-          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            Tag_default,
-            {
-              testId: `test-taglist-item-${item?.id ?? item?.value}`,
-              ...item,
-              onClick: onTagClick,
-              removeItem,
-              isUseInTable
-            }
-          )
-        },
-        `tag-list-item-${item?.id ?? item?.value}`
-      );
-    });
-  };
-  const renderMoreTags = () => {
-    if (typeof shownItemsCount === "number" && tagList?.length < shownItemsCount || !tagList?.length || disableShowMore) {
-      return null;
-    }
-    const restItems = tagList.length - renderItemsCount;
-    if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      Tag_default,
-      {
-        label: `+${restItems}`,
-        className: "tag-list_wrapper_render-more",
-        onClick: disableShowMore ? () => {
-        } : (value, event) => cancelDefault(value, () => setRenderAllInterceptor(true, event)),
-        isUseInTable
-      }
-    );
-  };
-  const renderHideTags = () => {
-    if (renderItemsCount !== tagList?.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList?.length) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      Tag_default,
-      {
-        label: "...",
-        className: "tag-list_wrapper_hide-more",
-        onClick: (value, event) => cancelDefault(value, () => setRenderAllInterceptor(false, event)),
-        isUseInTable
-      }
-    );
-  };
-  (0, import_react33.useEffect)(() => {
-    setStaticTagsCount(-1);
-    setRenderItemsCount(-1);
-    setRenderAllInterceptor(false, null);
-    const itemsWithRef = items.map((item) => ({ ...item, itemRef: (0, import_react33.createRef)() }));
-    setTagList(itemsWithRef);
-  }, [items]);
-  (0, import_react33.useLayoutEffect)(() => {
-    if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
-      let computedWidth = wrapperWidth;
-      if (computedWidth === 0) {
-        computedWidth = Number.parseInt(
-          (wrapperRef?.current ? window.getComputedStyle(wrapperRef?.current)?.width : 0).toString()
-        );
-      }
-      if (!Number.isNaN(computedWidth)) {
-        setStaticTagsCount(getStaticTagsCount(computedWidth));
-      }
-    }
-  }, [tagList, wrapperWidth, wrapperRef?.current]);
-  (0, import_react33.useLayoutEffect)(() => {
-    setRenderItemsCount(staticTagsCount);
-  }, [staticTagsCount]);
-  (0, import_react33.useEffect)(() => {
-    setRenderItemsCount(renderAll ? tagList?.length : staticTagsCount);
-  }, [renderAll]);
-  (0, import_react33.useEffect)(() => {
-    if (wrapperRef?.current && refProp) refProp.current = wrapperRef?.current;
-  }, [wrapperRef?.current]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames33.default)(
-        "tag-list_wrapper",
-        `${renderItemsCount !== tagList?.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList?.length ? "tag-list_wrapper--only-static-items" : "tag-list_wrapper--all-items"}`,
-        className,
-        { "tag-list_wrapper--disabled": disabled }
-      ),
-      style: {
-        visibility: staticTagsCount === -1 ? "hidden" : "visible",
-        zIndex: staticTagsCount === -1 ? "-1" : "auto"
-      },
-      ref: wrapperRef,
-      children: [
-        renderTags(),
-        renderMoreTags(),
-        renderHideTags(),
-        typeof onEditClick === "function" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tag-list__edit-trigger", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_feather12.Edit3, { onClick: onEditClick }) })
-      ]
-    }
-  );
-};
-var TagList_default = TagList;
-
-// src/Atomic/UI/UserBox/UserBox.tsx
-var import_classnames35 = __toESM(require("classnames"), 1);
-
-// src/Atomic/FormElements/Label/Label.tsx
-var import_classnames34 = __toESM(require("classnames"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var CN6 = "label";
-var Label = ({
-  className = "",
-  label = "",
-  note,
-  hint,
-  isRequired,
-  isLabelBolt,
-  onClickHintCallback,
-  error = null,
-  isAccessability = false,
-  isAccessabilityHint = false,
-  testId = CN6
-}) => {
-  const correctLabel = isRequired ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    label,
-    " ",
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "label_asterisk", children: "*" }),
-    " ",
-    note && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "label_note", children: note }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      Hint_default,
-      {
-        id: `hint-${label}`,
-        children: null,
-        isLoading: false,
-        isAccessability: isAccessabilityHint,
-        hint: hint.text,
-        icon: hint.icon,
-        variant: hint.variant,
-        side: hint.hintSide,
-        className: "label-hint",
-        onClickCallback: onClickHintCallback
-      },
-      `hint-${label}`
-    )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    label,
-    " ",
-    note && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "label_note", children: note }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      Hint_default,
-      {
-        isAccessability: isAccessabilityHint,
-        hint: hint.text,
-        icon: hint.icon,
-        variant: hint.variant,
-        side: hint.hintSide,
-        className: "label-hint",
-        onClickCallback: onClickHintCallback,
-        id: void 0,
-        children: void 0,
-        isLoading: void 0
-      },
-      void 0
-    )
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    "span",
-    {
-      tabIndex: isAccessability ? 0 : -1,
-      "aria-label": label,
-      className: (0, import_classnames34.default)(CN6, { label_bold: isLabelBolt, error, isRequired }, className),
-      "data-testid": testId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "label_text", "data-testid": "label-text", children: correctLabel })
-    }
-  );
-};
-var Label_default = Label;
-
-// src/Atomic/UI/UserBox/UserBox.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var UserBox = ({
-  name = "Username",
-  role,
-  id,
-  onClick,
-  isModal,
-  className,
-  colors,
-  testId = "userbox"
-}) => {
-  const getNameFirstLetter = name.charAt(0).toUpperCase();
-  const renderUser = () => {
-    if (isModal) {
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { backgroundColor: getColorById(id, colors) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "td-user-box__user-data", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button_default, { className: "p0 no-shadow", onClick, label: name, variant: "link" }),
-          role && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: role })
-        ] })
-      ] });
-    } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { backgroundColor: getColorById(id) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "td-user-box__user-data", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label_default, { label: name }),
-          role && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "aria-label": `User role: ${role}`, children: role })
-        ] })
-      ] });
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    "div",
-    {
-      "data-testid": testId,
-      className: (0, import_classnames35.default)("td-user-box", className),
-      role: "region",
-      "aria-label": `User box for ${name}`,
-      children: renderUser()
-    }
-  );
-};
-var UserBox_default = UserBox;
-
-// src/Atomic/UI/UserBox/index.ts
-var UserBox_default2 = UserBox_default;
-
-// src/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.tsx
-var import_classnames38 = __toESM(require("classnames"), 1);
-
-// src/Atomic/UI/WizardStepper/ui/icons.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var DoneIcon = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { width: "20", height: "20", rx: "10", fill: "#69A457" }),
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("mask", { id: "mask0_54394_4001", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M14.5 7L9 12.5L6 9.5", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("g", { mask: "url(#mask0_54394_4001)", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { x: "2", y: "2", width: "16", height: "16", fill: "white" }) })
-] });
-var TodoIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("g", { clipPath: "url(#clip0_54394_4448)", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "10", cy: "10", r: "7", fill: "white", stroke: "#B3B8CB", strokeWidth: "2" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("clipPath", { id: "clip0_54394_4448", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { width: "16", height: "16", fill: "white", transform: "translate(2 2)" }) }) })
-  ] });
-};
-var ActiveIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { width: "20", height: "20", rx: "10", fill: "#E8F9E5" }),
-    "ii",
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("mask", { id: "mask0_54394_1459", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "10", cy: "10", r: "4", fill: "#171D33" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("g", { mask: "url(#mask0_54394_1459)", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { x: "2", y: "2", width: "16", height: "16", fill: "#171D33" }) })
-  ] });
-};
-var alternativeIconSet = {
-  defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TodoIcon, {}),
-  doneIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DoneIcon, {}),
-  activeIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ActiveIcon, {})
-};
-
-// src/Atomic/UI/WizardStepper/ui/StepRow/StepRow.tsx
-var import_classnames37 = __toESM(require("classnames"), 1);
-
-// src/Atomic/UI/WizardStepper/constructor.js
-var import_react34 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var WIZARD_STEP_VARIANTS = Object.freeze({
-  DEFAULT: "default",
-  DONE: "done",
-  ACTIVE: "active"
-});
-
-// src/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.tsx
-var import_classnames36 = __toESM(require("classnames"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var DefaultPoint = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("circle", { cx: "8", cy: "8", r: "4" }) });
-};
-var DonePoint = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "M12.5 5L7 10.5L4 7.5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-};
-var RC7 = "state-icon";
-var { ACTIVE, DEFAULT, DONE } = WIZARD_STEP_VARIANTS;
-var StateIcon = ({ variant = DEFAULT, className }) => {
-  const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
-  const Inner = {
-    [DEFAULT]: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DefaultPoint, {}),
-    [ACTIVE]: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DefaultPoint, {}),
-    [DONE]: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DonePoint, {})
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: (0, import_classnames36.default)(RC7, `${RC7}--${computedState}`, className), children: Inner[computedState] });
-};
-
-// src/Atomic/UI/WizardStepper/ui/StateIcon/index.ts
-var StateIcon_default = StateIcon;
-
-// src/Atomic/UI/WizardStepper/ui/StepRow/StepRow.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var RC8 = "step-row";
-var { DEFAULT: DEFAULT2, ACTIVE: ACTIVE2, DONE: DONE2 } = WIZARD_STEP_VARIANTS;
-var StepRow = ({
-  label,
-  description,
-  className,
-  isOptional,
-  isFinished,
-  isActive,
-  titleSlot,
-  contentSlot,
-  customIcons
-}) => {
-  const title = label;
-  const rowVariant = (() => {
-    if (isActive) return ACTIVE2;
-    if (isFinished) return DONE2;
-    return DEFAULT2;
-  })();
-  const alternaviteIconFromProps = (() => {
-    if (isActive) return customIcons?.activeIcon;
-    if (isFinished) return customIcons?.doneIcon;
-    return customIcons?.defaultIcon;
-  })();
-  const CorrectIcon = () => {
-    if (!customIcons || Object?.values(customIcons)?.every((icon) => !icon)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(StateIcon_default, { variant: rowVariant });
-    }
-    return alternaviteIconFromProps || null;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: (0, import_classnames37.default)(RC8, `${RC8}--${rowVariant}`, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: (0, import_classnames37.default)(`${RC8}__state-point`, `${RC8}__state-point--${rowVariant}`), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CorrectIcon, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `${RC8}__content`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `${RC8}__title`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `${RC8}__title-left`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: (0, import_classnames37.default)(`${RC8}__title-text`, { "text-muted": rowVariant === DEFAULT2 }), children: title }),
-          isOptional && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Status_default, { label: "Optional", status: "draft" })
-        ] }),
-        titleSlot && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `${RC8}__title-right`, children: titleSlot })
-      ] }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `${RC8}__description`, children: description }),
-      contentSlot && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `${RC8}__body`, children: contentSlot })
-    ] })
-  ] }, label);
-};
-var StepRow_default = StepRow;
-
-// src/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var StepWrapper = ({
-  steps,
-  customIcons,
-  variant = "default",
-  className,
-  testId = "step-wrapper"
-}) => {
-  if (!steps?.length) return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-testid": "empty-state", children: "No steps available" });
-  const renderStepRow = (step) => {
-    const { key, ...stepProps } = step;
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      StepRow_default,
-      {
-        ...stepProps,
-        customIcons: customIcons || alternativeIconSet
-      },
-      key
-    );
-  };
-  switch (variant) {
-    case "ghost":
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-        Box_default,
-        {
-          className: (0, import_classnames38.default)("step-wrapper", "step-wrapper-ghost", className),
-          "data-testid": testId,
-          children: steps?.map(renderStepRow)
-        }
-      );
-    case "cardActive":
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-        "div",
-        {
-          className: (0, import_classnames38.default)("step-wrapper", "step-wrapper-card-active", className),
-          "data-testid": testId,
-          children: steps?.map(renderStepRow)
-        }
-      );
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-        "div",
-        {
-          className: (0, import_classnames38.default)("step-wrapper", className),
-          "data-testid": testId,
-          children: steps?.map(renderStepRow)
-        }
-      );
-  }
-};
-var StepWrapper_default = StepWrapper;
-
-// src/Atomic/UI/WizardStepper/ui/StepWrapper/index.ts
-var StepWrapper_default2 = StepWrapper_default;
-
-// src/Atomic/UI/WizardStepper/ui/index.ts
-var ui_default = StepWrapper_default2;
-
-// src/Atomic/UI/WizardStepper/index.ts
-var WizardStepper_default = ui_default;
-//! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
-//! чем указано в quantity - округлит по правилам округления
-//! чем указано в decimalPlaces - округлит по правилам округления
-//# sourceMappingURL=ui.cjs.map