intelicoreact 2.0.16 → 2.0.17

package/dist/layout.js

@@ -1,426 +0,0 @@
-// src/Atomic/Layout/Header/Header.tsx
-import cn3 from "classnames";
-import { useRef as useRef2, useState as useState2 } from "react";
-import { Bell, ChevronRight, Power } from "react-feather";
-
-// src/Atomic/UI/Hint/Hint.tsx
-import cn2 from "classnames";
-import { useEffect as useEffect2, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { AlertTriangle, HelpCircle } from "react-feather";
-
-// src/Functions/utils.js
-import { useEffect } from "react";
-import moment from "moment-timezone";
-var firstLetterCapital = (str) => typeof str === "string" ? `${str.charAt(0).toUpperCase()}${str.slice(1)}` : str;
-var capitalized = firstLetterCapital;
-String.prototype.longerThan = function(compareWith) {
-  return this?.length > compareWith?.length;
-};
-String.prototype.lastIndexEqualsTo = function(index) {
-  return this?.length - 1 === index;
-};
-
-// src/Molecular/CustomIcons/components/HelpCircleFilled.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function HelpCircleFilled(props) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 16,
-      height: 16,
-      fill: "none",
-      ...props,
-      children: [
-        /* @__PURE__ */ 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__ */ 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/Layout/Spinner/Spinner.tsx
-import cn from "classnames";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var CN = "loader-box";
-var Spinner = ({ size = null, className, testId = CN }) => {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-busy": "true",
-      "data-testid": testId,
-      className: cn(
-        CN,
-        {
-          j5: size !== "small",
-          j8: size === "small"
-        },
-        className
-      ),
-      children: /* @__PURE__ */ jsxs2("div", { className: cn("lds-ring", { [`lds-ring_${size}`]: size }), children: [
-        /* @__PURE__ */ jsx2("div", {}),
-        /* @__PURE__ */ jsx2("div", {}),
-        /* @__PURE__ */ jsx2("div", {}),
-        /* @__PURE__ */ jsx2("div", {})
-      ] })
-    }
-  );
-};
-var Spinner_default = Spinner;
-
-// 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
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "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 = useRef(null);
-  const [hintId] = useState(id ?? key ?? Math.random().toString(16).slice(2));
-  const [iAmOpenedOptions] = useState({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });
-  const [isOpen, setIsOpen] = useState(false);
-  const [isStyleComputed, setIsStyleComputed] = useState(false);
-  const [handleScroll] = useState(new HandleScrollObj(setIsOpen));
-  const [handleClickOutside] = 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__ */ jsxs3(
-      "div",
-      {
-        "data-testid": "test-hint-text",
-        className: cn2("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__ */ jsx3(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 createPortal(getHintMarkUp(className2), hc);
-  };
-  useEffect2(() => {
-    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);
-      }
-    };
-  }, []);
-  useEffect2(() => {
-    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__ */ jsxs3("div", { "data-testid": testId, className: cn2("hint", className), ref: hintRef, children: [
-    /* @__PURE__ */ jsxs3(
-      "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: cn2("hint__button", { hint__button_active: isOpen }),
-        children: [
-          icon || icon === null || /* @__PURE__ */ jsxs3(Fragment, { children: [
-            variant === "outlined" && /* @__PURE__ */ jsx3(HelpCircle, { width: 16, height: 16, className: "hint__icon outlined" }),
-            variant === "filled" && /* @__PURE__ */ jsx3(HelpCircleFilled, { className: "hint__icon filled" }),
-            variant === "warning" && /* @__PURE__ */ jsx3(AlertTriangle, { className: "hint__icon", color: "#F06D8D", width: 16, height: 16 })
-          ] }),
-          label && /* @__PURE__ */ jsx3("span", { className: cn2("hint__label", { "color--primary": isOpen }), children: typeof label === "string" ? capitalized(label) : label })
-        ]
-      }
-    ),
-    isOpen && renderHintContainer(className)
-  ] });
-};
-var Hint_default = Hint;
-
-// src/Atomic/Layout/Header/Header.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function Header({
-  className,
-  name = "John",
-  surname = "Silver",
-  status = "admin",
-  img = "",
-  hintLabel = "Help",
-  hintText = "Hint text"
-}) {
-  const [isOpen, setIsOpen] = useState2(false);
-  const userMenu = useRef2(null);
-  const handle = {
-    toggleMenu: () => {
-      if (!isOpen) setIsOpen(!isOpen);
-    },
-    closeMenu: () => {
-      setTimeout(() => setIsOpen(false), 50);
-    },
-    logout: () => {
-      handle.toggleMenu();
-    }
-  };
-  return /* @__PURE__ */ jsxs4("header", { className: cn3("header", className), children: [
-    /* @__PURE__ */ jsx4("div", { className: "df", children: /* @__PURE__ */ jsx4(
-      Hint_default,
-      {
-        side: "bottom",
-        hint: hintText,
-        className: "header__hint",
-        label: hintLabel
-      }
-    ) }),
-    /* @__PURE__ */ jsxs4("div", { className: "j6 user-menu", children: [
-      /* @__PURE__ */ jsxs4("div", { onClick: () => {
-      }, className: "header--bell", children: [
-        /* @__PURE__ */ jsx4(Bell, { className: "header--bell-icon" }),
-        /* @__PURE__ */ jsx4("div", { className: "header--bell-notification-icon" })
-      ] }),
-      /* @__PURE__ */ jsx4("div", { className: "header--user-ava", children: img && /* @__PURE__ */ jsx4("img", { src: img, alt: "user-avatar" }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "dfc mr10", children: [
-        /* @__PURE__ */ jsxs4("span", { className: "header--user-name", children: [
-          name,
-          " ",
-          surname
-        ] }),
-        /* @__PURE__ */ jsx4("span", { className: "header--user-status", children: status })
-      ] }),
-      /* @__PURE__ */ jsx4(
-        ChevronRight,
-        {
-          onClick: handle.toggleMenu,
-          "data-testid": "accordion--title-chevron",
-          className: cn3("accordion--title-chevron", {
-            "accordion--title-chevron-open": isOpen
-          })
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsx4("div", { className: "user-menu__dropdown", ref: userMenu, children: /* @__PURE__ */ jsxs4("div", { className: "user-menu__item", onClick: handle.logout, children: [
-        /* @__PURE__ */ jsx4(Power, { className: "mr10" }),
-        " ",
-        "Logout"
-      ] }) })
-    ] })
-  ] });
-}
-var Header_default = Header;
-
-// src/Atomic/Layout/Spinner/index.ts
-var Spinner_default2 = Spinner_default;
-export {
-  Header_default as Header,
-  Spinner_default2 as Spinner
-};
-//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/Atomic/Layout/Header/Header.tsx", "../src/Atomic/UI/Hint/Hint.tsx", "../src/Functions/utils.js", "../src/Molecular/CustomIcons/components/HelpCircleFilled.tsx", "../src/Atomic/Layout/Spinner/Spinner.tsx", "../src/Atomic/UI/Hint/partials/_constants.ts", "../src/Atomic/UI/Hint/partials/_utils.ts", "../src/Atomic/Layout/Spinner/index.ts"],
-  "sourcesContent": ["import type { ReactElement } from 'react';\n\nimport type { IHeaderProps } from './Header.interface';\nimport cn from 'classnames';\nimport { useRef, useState } from 'react';\n\nimport { Bell, ChevronRight, Power } from 'react-feather';\n\nimport Hint from '../../UI/Hint/Hint';\nimport './Header.scss';\n\nfunction Header({\n  className,\n  name = 'John',\n  surname = 'Silver',\n  status = 'admin',\n  img = '',\n  hintLabel = 'Help',\n  hintText = 'Hint text',\n}: IHeaderProps): ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const userMenu = useRef(null);\n\n  const handle = {\n    toggleMenu: () => {\n      if (!isOpen) setIsOpen(!isOpen);\n    },\n    closeMenu: () => {\n      setTimeout(() => setIsOpen(false), 50);\n    },\n    logout: () => {\n      handle.toggleMenu();\n    },\n  };\n\n  return (\n    <header className={cn('header', className)}>\n      <div className=\"df\">\n        <Hint\n          side=\"bottom\"\n          hint={hintText}\n          className=\"header__hint\"\n          label={hintLabel}\n        />\n      </div>\n\n      <div className=\"j6 user-menu\">\n        <div onClick={() => {}} className=\"header--bell\">\n          <Bell className=\"header--bell-icon\" />\n          <div className=\"header--bell-notification-icon\" />\n        </div>\n\n        <div className=\"header--user-ava\">\n          {img && <img src={img} alt=\"user-avatar\" />}\n        </div>\n\n        <div className=\"dfc mr10\">\n          <span className=\"header--user-name\">\n            {name}\n            {' '}\n            {surname}\n          </span>\n          <span className=\"header--user-status\">{status}</span>\n        </div>\n\n        <ChevronRight\n          onClick={handle.toggleMenu}\n          data-testid=\"accordion--title-chevron\"\n          className={cn('accordion--title-chevron', {\n            'accordion--title-chevron-open': isOpen,\n          })}\n        />\n        {isOpen && (\n          <div className=\"user-menu__dropdown\" ref={userMenu}>\n            <div className=\"user-menu__item\" onClick={handle.logout}>\n              <Power className=\"mr10\" />\n              {' '}\n              Logout\n            </div>\n          </div>\n        )}\n      </div>\n    </header>\n  );\n}\n\nexport default Header;\n", "/* eslint-disable react-web-api/no-leaked-event-listener */\n/* eslint-disable react-dom/no-missing-button-type */\nimport type { ReactNode } from 'react';\nimport type { IHintProps } from './Hint.interface';\n\nimport cn from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AlertTriangle, HelpCircle } from 'react-feather';\n\nimport { capitalized } from '../../../Functions/utils';\nimport { HelpCircleFilled } from '../../../Molecular/CustomIcons';\n\nimport Spinner from '../../Layout/Spinner/Spinner';\n\nimport { I_AM_OPENED_EVENT_NAME, I_AM_OPENED_EVENT_OPTIONS } from './partials/_constants';\nimport { getHintContainer, HandleClickOutsideObj, HandleScrollObj, initHintContainer } from './partials/_utils';\n\nimport './Hint.scss';\n\n// \u0413\u043B\u043E\u0431\u0430\u043B\u044C\u043D\u044B\u0439 \u043C\u0430\u043F \u0434\u043B\u044F \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F \u0442\u0430\u0439\u043C\u0435\u0440\u043E\u0432 \u043F\u043E hintId\nconst hintTimeoutMap = new Map<string, NodeJS.Timeout>();\n\nlet isContentHoveredOuter = false;\n\nconst DEFAULT_EMPTY_OBJ = {} as IHintProps['hintContainer'];\n\nfunction DEFAULT_VOID_FN(): void {}\n\ninterface IIAmOpenedDetails {\n  hintId: string;\n}\n\nconst Hint: React.FC<IHintProps> = ({\n  hint,\n  side = 'right',\n  className,\n  hintContainer = DEFAULT_EMPTY_OBJ,\n  label = '',\n  variant = 'filled',\n  handleOpenType = 'click',\n  onClickCallback,\n  onOpenChange = DEFAULT_VOID_FN,\n  key,\n  id,\n  children,\n  icon,\n  isAccessability = false,\n  testId = 'hint',\n  isHoverableContent = false,\n  isLoading,\n  isCloseOnChildrenClick = false,\n}) => {\n  const hintRef = useRef(null);\n  const [hintId] = useState<string>(id ?? key ?? Math.random().toString(16).slice(2));\n  const [iAmOpenedOptions] = useState<Record<string, any>>({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [isStyleComputed, setIsStyleComputed] = useState<boolean>(false);\n\n  // ? \u041E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0435\u043C handleScroll-\u0441\u0442\u0435\u0439\u0442, \u0447\u0442\u043E\u0431\u044B \u043D\u0438\u043A\u043E\u0433\u0434\u0430 \u043D\u0435 \u043C\u0435\u043D\u044F\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443 \u0442\u0435\u043C \u0441\u0430\u043C\u044B\u043C \u0433\u0430\u0440\u0430\u043D\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u0443\u044E \u0440\u0430\u0431\u043E\u0442\u0443 removeEventListener.\n  // ? \u0418\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0435\u043C \u0441\u0442\u0435\u0439\u0442 \u0432\u044B\u0437\u043E\u0432\u043E\u043C \u043A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0442\u043E\u0440\u0430 HandleScrollObj, \u043F\u0435\u0440\u0435\u0434\u0430\u0435\u043C setIsOpen \u0434\u043B\u044F \u0437\u0430\u043F\u0438\u0441\u0438 \u0432 \u043E\u0431\u044A\u0435\u043A\u0442.\n  const [handleScroll] = useState(new (HandleScrollObj as any)(setIsOpen));\n  // ? \u041F\u043E \u0430\u043D\u0430\u043B\u043E\u0433\u0438\u0438 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0435\u043C handleClickOutside\n  const [handleClickOutside] = useState(new (HandleClickOutsideObj as any)(hintId, setIsOpen));\n\n  const isCallbackExist: boolean = typeof onClickCallback === 'function';\n\n  const handle = {\n    onMouseEnter: (): void => {\n      const existing = hintTimeoutMap.get(hintId);\n      if (existing) clearTimeout(existing);\n\n      if (handleOpenType === 'hover') {\n        const timer = setTimeout(() => {\n          setIsOpen(true);\n          !isOpen && onClickCallback?.();\n\n          // ? (FIN-10491) \u0418\u0434\u0435\u044F \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F:\n          // ? \u041B\u044E\u0431\u043E\u0439 hint \u043A\u0430\u043A \u0442\u043E\u043B\u044C\u043A\u043E \u043E\u043D \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \"\u0448\u0438\u0440\u043E\u043A\u043E\u0432\u0435\u0449\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u043E\u0440\u0451\u0442\" - \"\u044F \u043E\u0442\u043A\u0440\u044B\u0442!\"\n          // ? \u0418, \u0432 \u0441\u0432\u043E\u044E \u043E\u0447\u0435\u0440\u0435\u0434\u044C, \u043B\u044E\u0431\u043E\u0439 hint \u0441\u043B\u0443\u0448\u0430\u0435\u0442 \"\u0448\u0438\u0440\u043E\u043A\u043E\u0432\u0435\u0449\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u043E\u0440\" \u0438 \u043A\u0430\u043A \u0443\u0441\u043B\u044B\u0448\u0438\u0442 \"\u0434\u0443\u043C\u0430\u0435\u0442\" - \"\u0430 \u044D\u0442\u043E \u043D\u0435 \u044F \u043B\u0438 \u0441\u043B\u0443\u0447\u0430\u0439\u043D\u043E \u043E\u0442\u043A\u0440\u044B\u0442?\".\n          // ? \u0415\u0441\u043B\u0438 \u041D\u0415 \u043E\u043D, \u0442\u043E \u0442\u043E\u0433\u0434\u0430 \u043E\u043D \u043F\u0440\u0438\u043D\u0443\u0434\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F\n\n          // ? \u0412 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \"\u0448\u0438\u0440\u043E\u043A\u043E\u0432\u0435\u0449\u0430\u0442\u0435\u043B\u044C\u043D\u043E\u0433\u043E \u043E\u0440\u0430\" \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C \u0441\u0438\u0441\u0442\u0435\u043C\u0443:\n          // ?  - \u0434\u0438\u0441\u043F\u0430\u0442\u0447\u0438\u043C \u043D\u0430 \"\u0441\u0435\u0431\u0435\" \u0412\u0421\u041F\u041B\u042B\u0412\u0410\u042E\u0429\u0418\u0419 \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u044B\u0439 \u0438\u0432\u0435\u043D\u0442\n          // ?  - \u043D\u043E \u0447\u0442\u043E\u0431\u044B \"\u0441\u043B\u044B\u0448\u0430\u0442\u044C \u0433\u043E\u043B\u043E\u0441\u0430\" \u0432\u0441\u0435\u0445 \u0445\u0438\u043D\u0442\u043E\u0432 \"\u0441\u043B\u0443\u0448\u0430\u0435\u043C\" \u043D\u0430 \u043D\u0430\u0447\u0430\u043B\u044C\u043D\u043E\u0439 \u0442\u043E\u0447\u043A\u0435 \u0432\u0441\u043F\u043B\u044B\u0442\u0438\u044F (\u0442.\u0435. \u043D\u0430 document)\n          // @ts-ignore\n          hintRef.current?.dispatchEvent?.(new CustomEvent(I_AM_OPENED_EVENT_NAME, iAmOpenedOptions));\n        }, 350);\n        hintTimeoutMap.set(hintId, timer);\n      }\n    },\n    onMouseLeave: (): void => {\n      const existing = hintTimeoutMap.get(hintId);\n      if (existing) clearTimeout(existing);\n\n      if (!isHoverableContent && handleOpenType === 'hover') {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          hintTimeoutMap.delete(hintId);\n        }, 1000);\n        hintTimeoutMap.set(hintId, timer);\n      }\n      else if (isHoverableContent && handleOpenType === 'hover') {\n        const timer = setTimeout(() => {\n          if (!isContentHoveredOuter) {\n            setIsOpen(false);\n          }\n          hintTimeoutMap.delete(hintId);\n        }, 100);\n        hintTimeoutMap.set(hintId, timer);\n      }\n    },\n    onMouseLeaveHoverableContent: (): void => {\n      const existing = hintTimeoutMap.get(hintId);\n      if (existing) clearTimeout(existing);\n\n      if (isHoverableContent && handleOpenType === 'hover') {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          isContentHoveredOuter = false;\n          hintTimeoutMap.delete(hintId);\n        }, 100);\n        hintTimeoutMap.set(hintId, timer);\n      }\n    },\n    onClick: isCloseOnChildrenClick ? (): void => setIsOpen(false) : (): void => {},\n  };\n\n  const getHintMarkUp = (className: string | undefined): ReactNode => {\n    return (\n      <div\n        data-testid=\"test-hint-text\"\n        className={cn('hint__text', `hint__text_${side}`, `hint--${className}__text`)}\n        onMouseEnter={(): void => {\n          if (isHoverableContent) isContentHoveredOuter = true;\n        }}\n        onMouseLeave={isHoverableContent ? handle.onMouseLeaveHoverableContent : undefined}\n        onClick={handle.onClick}\n        style={{ visibility: isStyleComputed ? 'visible' : 'hidden' }}\n      >\n        {isLoading && <Spinner size=\"small\" />}\n        {hint}\n        {children}\n      </div>\n    );\n  };\n\n  const setHintContainerStyles = (): void | boolean => {\n    const hc = getHintContainer(hintId);\n\n    if (!hc || !isOpen) return false;\n\n    const { width = 0, top = 0, left = 0 } = hintRef?.current !== null ? (hintRef?.current as HTMLElement)?.getBoundingClientRect() : {};\n    const { addWidth, addLeft, addTop } = hintContainer ?? {};\n    const windowInnerWidth = document.documentElement.clientWidth;\n    const windowInnerHeight = document.documentElement.clientHeight;\n\n    const sw = hc.getElementsByClassName('hint__text')[0];\n    const { width: swWidth, height: swHeight } = sw?.getBoundingClientRect() || {};\n\n    hc.style.width = isOpen ? ((addWidth && !Number.isNaN(+addWidth) ? +addWidth : 0) + width)?.toString().concat('px') : '0';\n    hc.style.left = isOpen ? ((addLeft && !Number.isNaN(+addLeft) ? +addLeft : 0) + left)?.toString().concat('px') : '0';\n    hc.style.top = isOpen ? ((addTop && !Number.isNaN(+addTop) ? +addTop : 0) + top)?.toString().concat('px') : '0';\n    hc.style.maxHeight = isOpen ? swHeight?.toString().concat('px') : '0';\n\n    // ? \u0411\u0430\u0437\u043E\u0432\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u043E\u0433\u0440\u0435\u0448\u043D\u043E\u0441\u0442\u0438\n    // ? \u0412 \u0440\u0430\u0437\u043D\u044B\u0445 \u0441\u0432\u0438\u0442\u0447-\u043A\u0435\u0439\u0441\u0430\u0445 \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u043F\u043E \u0440\u0430\u0437\u043D\u043E\u043C\u0443 (\u0432\u0441\u044F \u0438\u043B\u0438 \u0447\u0430\u0441\u0442\u0438\u0447\u043D\u043E). \u041E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u043B \"\u043D\u0430 \u0433\u043B\u0430\u0437\u043E\u043A\"\n    const INACCURACY = 20;\n    switch (side) {\n      case 'top':\n      case 'centeredTop':\n        if (top - swHeight - (INACCURACY / 2) < 0) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add(`hint__text_${side === 'top' ? 'bottom' : 'centeredBottom'}`);\n        }\n        break;\n\n      case 'bottom':\n      case 'centeredBottom':\n        if (top + swHeight + INACCURACY > windowInnerHeight) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add(`hint__text_${side === 'bottom' ? 'top' : 'centeredTop'}`);\n        }\n        break;\n\n      case 'left':\n        if (left - swWidth - (INACCURACY / 2) < 0) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add('hint__text_right');\n        }\n        break;\n\n      case 'right':\n      default:\n        if (left + width + swWidth + (INACCURACY / 2) > windowInnerWidth) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add('hint__text_left');\n        }\n        break;\n    }\n\n    setIsStyleComputed(true);\n  };\n\n  const renderHintContainer = (className: string | undefined): React.ReactPortal | null => {\n    const hc = getHintContainer(hintId);\n    if (!hc) return null;\n    return createPortal(getHintMarkUp(className), hc);\n  }\n\n  useEffect(() => {\n    initHintContainer(hintId, hintContainer);\n\n    // ? useEffect \u043F\u043E \u043D\u0443\u043B\u0435\u0432\u043E\u0439 \u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E\u0441\u0442\u0438 \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F 1 \u0440\u0430\u0437, \u043F\u043E\u044D\u0442\u043E\u043C\u0443 \u0441\u0441\u044B\u043B\u043A\u0430 \u043D\u0430 \u043A\u043E\u043B\u0431\u0435\u043A \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u0441\u044F\n    const iAmOpenedCallback = (ev: Event): CustomEvent<IIAmOpenedDetails> => {\n      const event = ev as CustomEvent<IIAmOpenedDetails>;\n      if (event?.detail?.hintId !== hintId) {\n        setIsOpen(false);\n        const timer = hintTimeoutMap.get(hintId);\n        if (timer) {\n          clearTimeout(timer);\n          hintTimeoutMap.delete(hintId);\n        }\n      }\n      return event;\n    };\n\n    if (hintRef.current) {\n      // ? \u0423\u0441\u0442\u0430\u043D\u0430\u0432\u043B\u0438\u0432\u0430\u0435\u043C \u043F\u0440\u043E\u0441\u043B\u0443\u0448\u043A\u0443 \u043D\u0430 \u043D\u0430\u0447\u0430\u043B\u044C\u043D\u043E\u0439 \u0442\u043E\u0447\u043A\u0435 \u0432\u0441\u043F\u043B\u044B\u0442\u0438\u044F\n      document.addEventListener(I_AM_OPENED_EVENT_NAME, iAmOpenedCallback);\n    }\n\n    return () => {\n      document.removeEventListener(I_AM_OPENED_EVENT_NAME, iAmOpenedCallback);\n      const timer = hintTimeoutMap.get(hintId);\n      if (timer) {\n        clearTimeout(timer);\n        hintTimeoutMap.delete(hintId);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setIsStyleComputed(false);\n    setHintContainerStyles();\n    onOpenChange?.(isOpen);\n\n    if (isOpen) {\n      document.addEventListener('scroll', handleScroll, true);\n      document.addEventListener('click', handleClickOutside, true);\n    }\n    else {\n      document.removeEventListener('scroll', handleScroll, true);\n      document.removeEventListener('click', handleClickOutside, true);\n    }\n\n    return () => {\n      const timer = hintTimeoutMap.get(hintId);\n      if (timer) {\n        clearTimeout(timer);\n        hintTimeoutMap.delete(hintId);\n      }\n    };\n  }, [isOpen]);\n\n  return (\n    <div data-testid={testId} className={cn('hint', className)} ref={hintRef}>\n      <button\n        tabIndex={isAccessability ? 0 : -1}\n        data-testid={typeof label === 'string' && label.length ? label.replace?.(/\\s/g, '-') : `${testId}--button`}\n        aria-label={isAccessability && typeof label === 'string' ? label : ''}\n        onClick={() =>\n          handleOpenType === 'click'\n          && (isCallbackExist ? onClickCallback?.() : setIsOpen(!isOpen))}\n        onMouseEnter={handle.onMouseEnter}\n        onMouseLeave={handle.onMouseLeave}\n        className={cn('hint__button', { hint__button_active: isOpen })}\n      >\n        {icon || icon === null || (\n          <>\n            {variant === 'outlined' && <HelpCircle width={16} height={16} className=\"hint__icon outlined\" />}\n            {variant === 'filled' && <HelpCircleFilled className=\"hint__icon filled\" />}\n            {variant === 'warning' && (\n              <AlertTriangle className=\"hint__icon\" color=\"#F06D8D\" width={16} height={16} />\n            )}\n          </>\n        )}\n\n        {label && (\n          <span className={cn('hint__label', { 'color--primary': isOpen })}>\n            {typeof label === 'string' ? capitalized(label) : label}\n          </span>\n        )}\n      </button>\n\n      {isOpen && renderHintContainer(className)}\n    </div>\n  );\n}\n\nexport default Hint;\n", "import { useEffect } from \"react\";\n\nimport moment from \"moment-timezone\";\n\nimport { DEFAULT_COLORS, OS } from \"../Constants/index.constants\";\n\nexport const uuid = () => Date.now().toString(36) + Math.random().toString(36).substring(2);\n\nexport const getIsOnlyAnObject = (input) => {\n  return (\n    typeof input === \"object\" && // \"\u043E\u0442\u0431\u0438\u0432\u0430\u0435\u0442\" \u043F\u0440\u0438\u043C\u0438\u0442\u0438\u0432\u044B \u0438 \u0444\u0443\u043D\u043A\u0446\u0438\u0438\n    input instanceof Object && // \"\u043E\u0442\u0431\u0438\u0432\u0430\u0435\u0442\" null\n    !Array.isArray(input) &&  // \"\u043E\u0442\u0431\u0438\u0432\u0430\u0435\u0442\" \u043C\u0430\u0441\u0441\u0438\u0432\u044B\n    !(input instanceof Set) && // \"\u043E\u0442\u0431\u0438\u0432\u0430\u0435\u0442\" \u0441\u0435\u0442\u044B\n    !(input instanceof Map) // \"\u043E\u0442\u0431\u0438\u0432\u0430\u0435\u0442\" \u043C\u0430\u043F\u044B\n  );\n};\n\n/* eslint-disable guard-for-in, no-unused-vars */\nexport const handleObjectChange =\n  (updateObject, updateFunction) =>\n  (data, prop = \"\", isNumber) => {\n    let value;\n    if (data?.target) {\n      value =\n        data.target.type === \"checkbox\"\n          ? data.target.checked\n          : data.target.value;\n    } else value = data;\n\n    value = isNumber ? Number(value) : value;\n\n    const props = prop.split(\".\");\n    const currentObject = props.reduce((res, chapter, index) => {\n      if (props.length !== index + 1) res = res[chapter];\n      return res;\n    }, updateObject);\n\n    currentObject[props.pop()] = value;\n    updateFunction();\n  };\n\nexport const useOutsideToggle = (ref, setOut, open) => {\n  function handleClickOutside(event) {\n    if (ref.current && !ref.current.contains(event.target)) {\n      setOut(open);\n    }\n  }\n  useEffect(() => {\n    document.addEventListener(\"mouseup\", handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener(\"mouseup\", handleClickOutside);\n    };\n  }, [ref]);\n};\n\n// export const clone = obj => {\n//   const data = obj instanceof Array ? [] : {};\n//   for (const i in obj) data[i] = typeof obj[i] === 'object' && obj[i] != null ? clone(obj[i]) : obj[i];\n//   return data;\n// };\n// ! \u042D\u0442\u043E\u0442 \u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u0435\u0435\nexport const clone = (input) => {\n  if (input === null || typeof input !== \"object\") return input;\n  const data = input instanceof Array ? [] : {};\n  for (const i in input) data[i] = clone(input[i]);\n  return data;\n};\n\nexport const getResponseClone = async (res) =>\n  await (typeof res?.clone === \"function\" ? res.clone() : clone(res));\n\n//TimeUtils\nexport function transformUTCTimeToLocal(date, format = \"YYYY-MM-DD HH:mm:ss\") {\n  if (!date) return;\n  const utcDate = moment.utc(date).toDate();\n  return moment(utcDate, format).local().format(format);\n}\nexport function transformLocalTimeToUTC(date, format = \"YYYY-MM-DD HH:mm:ss\") {\n  if (!date) return;\n  return moment(date, format).utc().format(format);\n}\nexport function transformUTCHoursToLocal(time, format = \"HH:mm:ss\") {\n  if (!time) return;\n  const splitedTime = time.split(\":\");\n  const offset = moment().utcOffset();\n  let HH = Number(splitedTime[0]);\n  let mm = Number(splitedTime[1]);\n  const ss = splitedTime[2];\n  mm = mm + offset;\n  while (mm > 59) {\n    mm -= 60;\n    HH += 1;\n  }\n  if (HH > 23) HH -= 24;\n  while (mm < 0) {\n    mm += 60;\n    HH -= 1;\n  }\n  if (HH < 0) HH += 24;\n  return `${HH}:${mm}:${ss}`;\n}\n\n//? \u041D\u0430\u043C\u0435\u0440\u044F\u043D\u043D\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435\u043C \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043D\u0430\u0437\u043D\u0430\u0447\u0430\u044E \u0441\u0430\u043C\u044B\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439 \u043F\u0430\u0442\u0442\u0435\u0440\u043D\nexport function transformDateOrTimeOrTogetherToFormat(\n  data,\n  outputFormat = \"HH:mm\",\n  additional,\n) {\n  const ERROR_VALUE = \"Invalid date\";\n  const ERROR_MESSGE = `Invalid input data for ${outputFormat} format`;\n  const { parseFormat, isReturnAsMomentInstance } = getIsOnlyAnObject(\n    additional,\n  )\n    ? additional\n    : {};\n\n  if (typeof data !== \"string\" && typeof data !== \"number\") {\n    return isReturnAsMomentInstance ? moment(\"error\") : ERROR_MESSGE;\n  }\n\n  //? \u0418\u0433\u043D\u043E\u0440\u0438\u0440\u0443\u0435\u043C parseFormat, \u0435\u0441\u043B\u0438 data \u043F\u0440\u0438\u0448\u043B\u0430 \u043A\u0430\u043A timestamp \u0438\u043B\u0438 \u0435\u0441\u043B\u0438 parseFormat \u043D\u0435 \u0441\u0442\u0440\u043E\u043A\u0430\n  const momentArgs = [\n    data,\n    ...(!Number.isNaN(Number(data)) || typeof parseFormat === \"string\"\n      ? []\n      : [parseFormat]),\n  ];\n\n  //? \u0417\u0430\u0434\u0430\u0447\u0430 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C moment-\u044D\u043A\u0437\u0435\u043C\u043F\u043B\u044F\u0440, \u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 \u043B\u0438\u0431\u043E \u043D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439\n  const momentInstance = (() => {\n    let instance = moment(...momentArgs);\n\n    //? \u041F\u0440\u043E\u0432\u0435\u0440\u044F\u0435\u043C \u0432\u0430\u043B\u0438\u0434\u043D\u043E\u0441\u0442\u044C moment-\u044D\u043A\u0437\u0435\u043C\u043F\u043B\u044F\u0440-\u0430 \u043F\u0443\u0442\u0435\u043C \u043F\u043E\u043F\u044B\u0442\u043A\u0438 \u043F\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0435\u0433\u043E \u043A \u0432\u044B\u0445\u043E\u0434\u043D\u043E\u043C\u0443 \u0444\u043E\u0440\u043C\u0430\u0442\u0443\n    //? \u041F\u043E\u043F\u0430\u0434\u0435\u043C \u0432 \u044D\u0442\u043E\u0442 \u043A\u0435\u0439\u0441 \u0435\u0441\u043B\u0438\n    //?   - data \u044D\u0442\u043E timestamp\n    //?   - data \u044D\u0442\u043E \u0441\u0442\u0440\u043E\u043A\u0430 \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 date-time\n    //?   - data \u044D\u0442\u043E \u0441\u0442\u0440\u043E\u043A\u0430 \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 date (\u0432 \u044D\u0442\u043E\u043C \u0441\u043B\u0443\u0447\u0430\u0435 \u0432\u0440\u0435\u043C\u044F \u0432\u044B\u0441\u0442\u0430\u0432\u0438\u0442\u0441\u044F 00:00:00)\n    if (instance.format(outputFormat) !== ERROR_VALUE) return instance;\n    //? \u0415\u0441\u043B\u0438 \u0436\u0435 \u043F\u0440\u0438\u0432\u0435\u0434\u0435\u043D\u0438\u0435 \u043D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C, \u0442\u043E \u043F\u0440\u0435\u0434\u043F\u043E\u043B\u0430\u0433\u0430\u0435\u043C, \u0447\u0442\u043E data \u043F\u0440\u0438\u0448\u043B\u0430 \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 time\n    //? \u0412 \u044D\u0442\u043E\u043C \u0441\u043B\u0443\u0447\u0430\u0435 \u0441\u043E\u0437\u0434\u0430\u0434\u0438\u043C \u043E\u0431\u044A\u0435\u043A\u0442 \u043E\u0442 \u0442\u0435\u043A\u0443\u0449\u0435\u0439 \u0434\u0430\u0442\u044B, \u0440\u0430\u0441\u043F\u0430\u0440\u0441\u0438\u043C data \u0438 \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u043C \u0432\u0440\u0435\u043C\u044F\n    //? \u041A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0442\u0441\u044F \u043F\u0430\u0442\u0442\u0435\u0440\u043D\u044B: 'HH*mm', 'HH*mm*ss', 'HH*mm*ss*\u043B\u044E\u0431\u043E\u0435_\u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E_ms', \u0433\u0434\u0435 * - \u043B\u044E\u0431\u043E\u0439 \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u044C\n    else if (/^\\d\\d.\\d\\d/.test(data)) {\n      instance = moment();\n      const symbols = data.split(\"\");\n\n      const timeArr = symbols\n        .reduce(\n          (acc, symbol, idx) => {\n            if (Number.isNaN(Number(symbol))) {\n              if (acc.group) acc.result.push(acc.group);\n              acc.group = \"\";\n            } else acc.group = `${acc.group}${symbol}`;\n            if (idx === symbols.length - 1 && acc.group)\n              acc.result.push(acc.group);\n            return acc;\n          },\n          { result: [], group: \"\" },\n        )\n        //? reverse \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0438\u0441\u043A\u043B\u044E\u0447\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0434\u043B\u044F \u0442\u043E\u0433\u043E, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u0441\u043B\u0435 \u043C\u043E\u0436\u043D\u043E \u0431\u044B\u043B\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043C\u0435\u0442\u043E\u0434 pop, \u0430 \u043D\u0435 shift,\n        //? \u0442.\u043A. \u043C\u0435\u0442\u043E\u0434\u044B \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F/\u0438\u0437\u0432\u043B\u0435\u0447\u0435\u043D\u0438\u044F \u043E\u0442\u043D\u043E\u0441\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043A\u043E\u043D\u0446\u0430 \u043C\u0430\u0441\u0441\u0438\u0432\u0430 \u0440\u0430\u0431\u043E\u0442\u0430\u044E\u0442 \u0431\u044B\u0441\u0442\u0440\u0435\u0435,\n        //? \u0447\u0435\u043C \u0430\u043D\u0430\u043B\u043E\u0433\u0438\u0447\u043D\u044B\u0435 \u043E\u0442\u043D\u043E\u0441\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043D\u0430\u0447\u0430\u043B\u0430 \u043C\u0430\u0441\u0441\u0438\u0432\u0430\n        .result.reverse();\n\n      instance.hours(Number(timeArr.pop()));\n      instance.minutes(Number(timeArr.pop()));\n      instance.seconds(timeArr.length ? Number(timeArr.pop()) : 0);\n      instance.milliseconds(timeArr.length ? Number(timeArr.pop()) : 0);\n    } else instance = moment(\"error\"); //? \u0418\u043D\u0430\u0447\u0435 \u0441\u043E\u0437\u0434\u0430\u0435\u043C \u0437\u0430\u0432\u0435\u0434\u043E\u043C\u043E \u043D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 moment-\u044D\u043A\u0437\u0435\u043C\u043F\u043B\u044F\u0440\n\n    return instance;\n  })();\n\n  if (isReturnAsMomentInstance) return momentInstance;\n\n  const output = momentInstance.format(outputFormat);\n  return output === ERROR_VALUE ? ERROR_MESSGE : output;\n}\n\n//? \u041D\u0430\u043C\u0435\u0440\u044F\u043D\u043D\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435\u043C \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043D\u0430\u0437\u043D\u0430\u0447\u0430\u044E \u0441\u0430\u043C\u044B\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439 \u043F\u0430\u0442\u0442\u0435\u0440\u043D\nexport function transformDateOrTimeOrTogetherToFormattedLocal(\n  data,\n  outputFormat = \"HH:mm\",\n  additional,\n) {\n  const ERROR_VALUE = \"Invalid date\";\n  const ERROR_MESSGE = `Invalid input data for ${outputFormat} format`;\n\n  if (additional && !getIsOnlyAnObject(additional)) {\n    throw new Error(\n      \"Bad additional [transformDateOrTimeOrTogetherToFormattedLocal]\",\n    );\n  }\n\n  const compositeAdditional = {\n    ...(additional || {}),\n    isReturnAsMomentInstance: true,\n  };\n  const date = transformDateOrTimeOrTogetherToFormat(\n    data,\n    outputFormat,\n    compositeAdditional,\n  );\n\n  const dateWithLocale = date.add(moment().utcOffset(), \"minutes\");\n  const output = dateWithLocale.format(outputFormat);\n\n  return output === ERROR_VALUE ? ERROR_MESSGE : output;\n}\n\n//\u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u043E\u0431\u044C\u0435\u043A\u0442 \u0438 \u043C\u0430\u0441\u0441\u0438\u0432 \u043A\u043B\u044E\u0447\u0435\u0439 \u043E\u0431\u044C\u0435\u043A\u0442\u0430\n//\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043E\u0431\u044C\u0435\u043A\u0442 \u0441 \u0442\u0435\u043C\u0438 \u043F\u043E\u043B\u044F\u043C\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0445 \u043D\u0435\u0442 \u0432 \u043C\u0430\u0441\u0441\u0438\u0432\u0435 \u043A\u043B\u044E\u0447\u0435\u0439\nexport const omitKeys = (obj = {}, keys = []) =>\n  keys.reduce((acc, key) => {\n    const { [key]: omit, ...rest } = acc;\n    return rest;\n  }, obj);\n\nexport const logout = () => {\n  window.localStorage.removeItem(\"accessToken\");\n  window.localStorage.removeItem(\"tokenExpires\");\n  window.location.reload();\n};\n\nexport const getStyles = (el, prop) => {\n  if (!el) return null;\n  if (!prop) return window.getComputedStyle(el);\n  return window.getComputedStyle(el).getPropertyValue(prop);\n};\n\nexport const getColorById = (id, colors) => {\n  if (!id) return \"#FF7D00\";\n\n  const idToArr = Array.from(id);\n  const colorsArr = colors && colors.length > 0 ? colors : DEFAULT_COLORS;\n\n  let number = idToArr.reduce((acc, item) => {\n    if (Number(item)) {\n      return acc + Number(item);\n    }\n    return acc;\n  }, 0);\n\n  while (number >= colorsArr.length) {\n    number -= colorsArr.length;\n  }\n\n  return colorsArr[number];\n};\n\nexport const debounce = (fn, ms) => {\n  let id = null;\n  return (...args) => {\n    clearTimeout(id);\n    id = setTimeout(() => {\n      clearTimeout(id);\n      fn(...args);\n    }, ms);\n  };\n};\n\nexport const throttle = (fn, ms) => {\n  let id = null;\n  return (...args) => {\n    if (id) return;\n    fn(...args);\n    id = setTimeout(() => {\n      clearTimeout(id);\n      id = null;\n    }, ms);\n  };\n};\n\nexport const addBitDepthPoints = (value, step = 3) => {\n  //\u0441\u043E\u0434\u0435\u0440\u0436\u0438\u0442 \u043B\u0438 value \u0442\u043E\u0447\u043A\u0443\n  const isFraction = value?.includes(\".\");\n\n  //\u0432\u0437\u044F\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443 \u0434\u043E \u0442\u043E\u0447\u043A\u0438\n  const valueBeforeDot = isFraction\n    ? value?.slice(0, value?.indexOf(\".\"))\n    : value;\n\n  //\u0440\u0430\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430 \u0437\u0430\u043F\u044F\u0442\u044B\u0445 \u043F\u043E\u0441\u043B\u0435 \u043A\u0430\u0436\u0434\u043E\u0439 3\u0439 \u0446\u0438\u0444\u0440\u044B \u0441 \u043A\u043E\u043D\u0446\u0430\n  const intPart = valueBeforeDot\n    .split(\"\")\n    .reverse()\n    .reduce(\n      (acc, item, idx) =>\n        idx % step === 0 && idx !== 0 ? [...acc, \",\", item] : [...acc, item],\n      [],\n    )\n    .reverse()\n    .join(\"\");\n\n  return isFraction ? intPart + value?.slice(value?.indexOf(\".\")) : intPart;\n};\n\nexport const changeMeta = (key, items = []) => {\n  const defaultMeta = items.find((i) => i.key === \"default\");\n\n  if (key) {\n    const item = items.find((i) => i.key === key);\n    document.title = item?.title ?? defaultMeta?.title;\n    document\n      .querySelector('meta[name=\"description\"]')\n      .setAttribute(\"content\", item?.description ?? defaultMeta?.description);\n  }\n};\n\nexport const firstLetterCapital = (str) =>\n  typeof str === \"string\"\n    ? `${str.charAt(0).toUpperCase()}${str.slice(1)}`\n    : str;\nexport const capitalized = firstLetterCapital;\n\nexport const checkedRef = (ref) =>\n  ref ? (typeof ref === \"function\" ? (node) => ref(node) : ref) : null;\n\nexport function downloadEmulation(data, filename, type = \"image/*\") {\n  const file = new Blob([data], { type });\n  if (window.navigator.msSaveOrOpenBlob)\n    // IE10+\n    window.navigator.msSaveOrOpenBlob(file, filename);\n  else {\n    // Others\n    const a = document.createElement(\"a\"),\n      url = URL.createObjectURL(file);\n    a.href = url;\n    a.download = filename;\n    document.body.appendChild(a);\n    a.click();\n    setTimeout(() => {\n      document.body.removeChild(a);\n      window.URL.revokeObjectURL(url);\n    }, 0);\n  }\n}\n\nexport const downloadFile = async ({ url, name, type = null }) => {\n  const response = await fetch(url).then(async (res) => ({\n    data: await res.blob(),\n    type: type ?? res.headers.get(\"content-type\"),\n  }));\n  downloadEmulation(response.data, name, response.type);\n};\n\nexport const compare = (first, second, keys = []) => {\n  //? \u0415\u0441\u043B\u0438 \u0442\u0438\u043F\u044B \u041D\u0415 \u0440\u0430\u0432\u043D\u044B - \u043D\u0435 \u0440\u0430\u0432\u043D\u044B \u0430\u043F\u0440\u0438\u043E\u0440\u0438\n  if (typeof first !== typeof second) return false;\n  //? \u0415\u0441\u043B\u0438 \u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u0432\u043E\u043F\u0440\u043E\u0441 \"\u043C\u0430\u0441\u0441\u0438\u0432 \u043B\u0438?\" \u043D\u0435 \u0440\u0430\u0432\u043D\u044B, \u0442\u043E \u043D\u0435 \u0440\u0430\u0432\u043D\u044B \u0438 \u0442\u0438\u043F\u044B, \u0437\u043D\u0430\u0447\u0438\u0442 \u0442\u043E\u0436\u0435 \u043D\u0435 \u0440\u0430\u0432\u043D\u044B \u0430\u043F\u0440\u0438\u043E\u0440\u0438\n  if (Array.isArray(first) !== Array.isArray(second)) return false;\n  //? \u0415\u0441\u043B\u0438 \u043F\u0440\u043E\u0448\u043B\u0438 if-\u043A\u0443 - \u0442\u0438\u043F\u044B \u0443\u0441\u043B\u043E\u0432\u043D\u043E \u0440\u0430\u0432\u043D\u044B, \u043C\u043E\u0436\u0435\u043C \u043E\u0446\u0435\u043D\u0438\u0432\u0430\u0442\u044C \u0442\u0438\u043F \u043B\u0438\u0448\u044C \u043E\u0434\u043D\u043E\u0433\u043E \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430, \u044D\u0442\u043E \u0431\u0443\u0434\u0435\u0442 \u0441\u043F\u0440\u0430\u0432\u0435\u0434\u043B\u0438\u0432\u043E \u0438 \u0434\u043B\u044F \u0432\u0442\u043E\u0440\u043E\u0433\u043E\n\n  //? \u0415\u0441\u043B\u0438 \u043F\u0440\u0438\u043C\u0438\u0442\u0438\u0432\u044B - \u043F\u0440\u043E\u0441\u0442\u043E \u0441\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u0435\u043C. \u041A\u0435\u0439\u0441 \u0441 null \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D \u0442\u0443\u0442.\n  if (!(first instanceof Object)) return first === second;\n\n  //? \u0415\u0441\u043B\u0438 \u041D\u0415 \u043F\u0440\u0438\u043C\u0435\u0442\u0438\u0432\u044B - \u043D\u0435 \u0432\u0430\u0436\u043D\u043E \u043C\u0430\u0441\u0441\u0438\u0432 \u0438\u043B\u0438 \u043D\u0435\u0442, \u043C\u0435\u0442\u043E\u0434\u044B \u043E\u0431\u044A\u0435\u043A\u0442\u0430 \u0434\u043B\u044F \u043C\u0430\u0441\u0441\u0438\u0432\u0430 \u0442\u043E\u0436\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\n\n  const getComparationStructure = (data) => {\n    if (typeof data === 'function') return data.toString();\n    if (!(data instanceof Object)) return data;\n\n    return Object.entries(data)\n      .sort((a, b) => (a[0]).localeCompare(b[0]))\n      .map(([key, value]) => ([key, getComparationStructure(data[key])]));\n  };\n\n  //? \u041F\u043E\u043B\u0443\u0447\u0430\u0435\u043C \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u044B \u0434\u043B\u044F \u0441\u0440\u0430\u0432\u043D\u0435\u043D\u0438\u044F (\u0441 \u0443\u0447\u0435\u0442\u043E\u043C \u0433\u043B\u0443\u0431\u0438\u043D\u044B) - \u043C\u0430\u0441\u0441\u0438\u0432\u044B \u043C\u0430\u0441\u0441\u0438\u0432\u043E\u0432, \u0441\u043E\u0440\u0442\u0438\u0440\u0443\u0435\u043C \u043F\u043E \u043A\u043B\u044E\u0447\u0430\u043C,\n  const structureForComparingOfFirst = getComparationStructure(first);\n  const structureForComparingOfSecond = getComparationStructure(second);\n\n  return (JSON.stringify(structureForComparingOfFirst) === JSON.stringify(structureForComparingOfSecond));\n};\n\n// Set Carret to the End of Input\nexport const setCarretToEnd = (input) => {\n  setTimeout(() => {\n    const tmp = input.value;\n    input.value = \"\";\n    input.value = tmp;\n  }, 10);\n};\n\nexport const compareAlphabetical = (a, b, key = \"label\") => {\n  let item1 = a?.[key];\n  let item2 = b?.[key];\n\n  if (typeof item1 !== \"string\" || typeof item2 !== \"string\") return 0;\n\n  item1 = item1?.toLowerCase();\n  item2 = item2?.toLowerCase();\n\n  if (item1 < item2) {\n    return -1;\n  }\n  if (item1 > item2) {\n    return 1;\n  }\n  return 0;\n};\n\nexport const getBase64 = (file) => {\n  if (file) {\n    return new Promise(function (resolve, reject) {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => resolve(reader.result);\n      reader.onerror = (error) => reject(\"Error: \", error);\n    });\n  }\n};\n\nexport const renderFileSize = (bytes, decimals = 2) => {\n  if (!Number(bytes)) return \"0 Bytes\";\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n};\n\nexport const getUniqueFileExtensions = (extListString) => {\n  // Split the extensions list into an array\n  const extArray = extListString\n    ?.split(\",\")\n    .map((ext) => ext.trim().toUpperCase());\n\n  // Remove duplicates using a Set\n  const uniqueExts = [...new Set(extArray)];\n\n  // Join the unique extensions into a string\n  return uniqueExts.join(\", \");\n};\n\nexport const getOS = () => {\n  let userAgent = window.navigator.userAgent,\n    platform =\n      window.navigator?.userAgentData?.platform || window.navigator.platform,\n    macosPlatforms = [\"Macintosh\", \"MacIntel\", \"MacPPC\", \"Mac68K\"],\n    windowsPlatforms = [\"Win32\", \"Win64\", \"Windows\", \"WinCE\"],\n    iosPlatforms = [\"iPhone\", \"iPad\", \"iPod\"],\n    os = OS.Unknown;\n\n  if (macosPlatforms.indexOf(platform) !== -1) {\n    os = OS.MacOS;\n  } else if (iosPlatforms.indexOf(platform) !== -1) {\n    os = OS.iOS;\n  } else if (windowsPlatforms.indexOf(platform) !== -1) {\n    os = OS.Windows;\n  } else if (/Android/.test(userAgent)) {\n    os = OS.Android;\n  } else if (/Linux/.test(platform)) {\n    os = OS.Linux;\n  }\n\n  return os;\n};\n\n\nString.prototype.longerThan = function (compareWith) {\n  return this?.length > compareWith?.length;\n};\nString.prototype.lastIndexEqualsTo = function (index) {\n  return this?.length - 1 === index;\n};\n\nexport const getCorrectTestId = ({ testId = \"\", withTier = true }) =>\n  testId && testId !== undefined ? `${withTier ? \"-\" : \"\"}${testId}` : \"\";\n\n\n", "import type { ReactElement, SVGProps } from 'react';\n\nexport function HelpCircleFilled(props: SVGProps<SVGSVGElement>): ReactElement {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={16}\n      height={16}\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        fill=\"#9AA0B9\"\n        d=\"M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334Z\"\n      />\n      <path\n        stroke=\"#fff\"\n        d=\"M6.06 6a2 2 0 0 1 3.887.667c0 1.333-2 2-2 2M8 11.333h.006\"\n      />\n    </svg>\n  )\n}\n", "import type { ISpinnerProps } from './Spinner.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './Spinner.scss';\n\nconst CN = 'loader-box';\n\nconst Spinner: React.FC<ISpinnerProps> = ({ size = null, className, testId = CN }) => {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n      data-testid={testId}\n      className={cn(\n        CN,\n        {\n          j5: size !== 'small',\n          j8: size === 'small',\n        },\n        className,\n      )}\n    >\n      <div className={cn('lds-ring', { [`lds-ring_${size}`]: size })}>\n        <div />\n        <div />\n        <div />\n        <div />\n      </div>\n    </div>\n  );\n};\n\nexport default Spinner;\n", "export const I_AM_OPENED_EVENT_NAME = 'hint:i-am-open';\nexport const I_AM_OPENED_EVENT_OPTIONS = {\n  bubbles: true,\n  cancelable: true,\n  composed: false,\n};\n", "export const getHintContainerId = (hintId: string | number): string => `hint-container-for-hint--id-${hintId}`;\n\nexport function getHintContainer(hintId: string | number): HTMLElement | null {\n  return document.getElementById(getHintContainerId(hintId));\n}\n\nexport function getParentNode(): HTMLElement | null {\n  return (\n    document.querySelector('div#root')\n    ?? document.querySelector('div#app')\n    ?? document.body\n  );\n}\n\nexport function initHintContainer(hintId: string | number, hintContainerSettings: any): void {\n  const { className } = hintContainerSettings;\n  const hintContainer = document.createElement('div');\n\n  hintContainer.setAttribute('id', getHintContainerId(hintId));\n  hintContainer.classList.add('hint__container');\n  if (className) hintContainer.classList.add(className);\n\n  getParentNode()?.append(hintContainer);\n}\n\n// ? addEventListener \u043C\u043E\u0436\u043D\u043E \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0434\u0432\u0443\u043C\u044F \u0441\u043F\u043E\u0441\u043E\u0431\u0430\u043C\u0438\n// ?   - \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u043F\u0440\u044F\u043C\u043E\u0439 \u043A\u043E\u043B\u0431\u044D\u043A (\u0444-\u044E)\n// ?   - \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442 \u0432 \u043A\u043E\u0442\u043E\u0440\u043E\u043C \u0435\u0441\u0442\u044C \u043C\u0435\u0442\u043E\u0434 handleEvent (\u043F\u043E\u043C\u0438\u043C\u043E handleEvent \u043C\u043E\u0436\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 this \u043F\u0440\u043E\u0447\u0438\u0435 \u043F\u043E\u043B\u0435\u0437\u043D\u044B\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F)\n// ? \u041F\u043E\u043B\u044C\u0437\u0443\u0435\u043C\u0441\u044F \u0432\u0442\u043E\u0440\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432\u0445\u043E\u0434\u043D\u044B\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 (\u0432\u043E\u043E\u0431\u0449\u0435 \u043C\u043E\u0436\u043D\u043E \u043D\u0435 \u043F\u0438\u0441\u0430\u0442\u044C, \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u0438 \u043F\u0440\u043E\u0441\u0442\u043E \u043E\u0442 \u0437\u0430\u043C\u044B\u043A\u0430\u043D\u0438\u044F, \u043D\u043E \u0434\u0435\u043B\u0430\u0435\u043C \u043F\u043E \"\u0434\u0437\u0435\u043D\u0443\")\n// ! \u041C\u0435\u0442\u043E\u0434 \u043D\u0430\u043F\u0438\u0441\u0430\u043D \u0441 \u0440\u0430\u0441\u0447\u0435\u0442\u043E\u043C \u043D\u0430 \u0442\u043E, \u0447\u0442\u043E \u0431\u0443\u0434\u0435\u0442 \u0432\u044B\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u0422\u041E\u041B\u042C\u041A\u041E \u043E\u0442\u043A\u0440\u044B\u0442\u044B\u043C \u0442\u0443\u043B\u0442\u0438\u043F\u043E\u043C\nexport function HandleScrollObj(this: any, setIsOpen: (isOpen: boolean) => void): void {\n  this.setIsOpen = setIsOpen;\n  this.handleEvent = function () {\n    this.setIsOpen(false);\n  };\n}\n\nexport function HandleClickOutsideObj(this: any, id: string | number, setIsOpen: (isOpen: boolean) => void): void {\n  this.id = id;\n  this.setIsOpen = setIsOpen;\n  this.handleEvent = function (event: Event) {\n    if (getHintContainer(this.id)) {\n      if (!(getHintContainer(this.id) as HTMLElement).contains(event?.target as Node)) {\n        this.setIsOpen(false);\n      }\n    }\n  };\n}\n", "import Spinner from './Spinner';\n\nexport default Spinner;\nexport type { ISpinnerProps } from './Spinner.interface';\n"],
-  "mappings": "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",
-  "names": ["cn", "useRef", "useState", "cn", "useEffect", "jsx", "jsxs", "jsx", "jsxs", "className", "cn", "useEffect", "jsx", "jsxs", "useState", "useRef", "cn", "Spinner_default"]
-}