profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/blocks/header/components/Burger/Burger.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Burger = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Burger.styled"));
+const Menu_1 = require("./components/Menu/Menu");
+const useLocalization_1 = require("../../../../../localization/useLocalization");
+const arias_1 = require("../../../../../localization/translations/arias");
+const index_1 = require("../../../../../index");
+const Burger = ({ isLeaderboardPermission }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    // Для вызова извне через шину
+    const [isOpenSearch, setIsOpenSearch] = (0, react_1.useState)(false);
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    const { pathname } = (0, index_1.useConfigLibrary)();
+    (0, react_1.useEffect)(() => {
+        setIsOpen(false);
+    }, [pathname]);
+    (0, react_1.useEffect)(() => {
+        const handleEvent = () => {
+            setIsOpen(true);
+            setIsOpenSearch(true);
+        };
+        const removeListener = index_1.eventBus.subscribe(index_1.BusEvent.SearchOpen, handleEvent);
+        return () => {
+            removeListener();
+        };
+    }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        isOpen && react_1.default.createElement(Styled.Background, { onClick: () => setIsOpen(false) }),
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Styled.Burger, { onClick: () => setIsOpen(!isOpen), isOpen: isOpen, "aria-label": arias_1.arias_translation[locale].burger },
+                react_1.default.createElement("div", null),
+                react_1.default.createElement("div", null),
+                react_1.default.createElement("div", null)),
+            isOpen && (react_1.default.createElement(Menu_1.BurgerMenu, { isOpenSearch: isOpenSearch, isLeaderboardPermission: isLeaderboardPermission })))));
+};
+exports.Burger = Burger;
+//# sourceMappingURL=Burger.js.map

package/dist/components/blocks/header/components/Burger/Burger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Burger/Burger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,wDAAyC;AACzC,iDAAmD;AACnD,iFAA6E;AAC7E,0EAAkF;AAClF,gDAA2E;AAM3E,MAAM,MAAM,GAAG,CAAC,EAAE,uBAAuB,EAAU,EAAE,EAAE;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,8BAA8B;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAA;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC,CAAA;QACD,MAAM,cAAc,GAAG,gBAAQ,CAAC,SAAS,CAAC,gBAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;QAC3E,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,CAAA;QAClB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACG,MAAM,IAAI,8BAAC,MAAM,CAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI;QACjE,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,MAAM,CAAC,MAAM,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,MAAM,EAAE,MAAM,gBACF,yBAAiB,CAAC,MAAM,CAAC,CAAC,MAAM;gBAE5C,0CAAO;gBACP,0CAAO;gBACP,0CAAO,CACO;YACf,MAAM,IAAI,CACT,8BAAC,iBAAU,IACT,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CACgB,CAClB,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}

package/dist/components/blocks/header/components/Burger/Burger.styled.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Burger = exports.Background = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const common_1 = require("../../../../../constants/common");
+exports.Container = styled_components_1.default.div `
+  position: relative;
+`;
+exports.Background = styled_components_1.default.div `
+  position: fixed;
+  top: ${common_1.HEIGHT_HEADER}px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: ${(props) => props.theme.other.gray};
+  z-index: 1000;
+  cursor: pointer;
+`;
+exports.Burger = styled_components_1.default.button `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 5px;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  position: relative;
+  div {
+    background: ${(props) => props.theme.icons.contrastThemed};
+    min-width: 20px;
+    width: 20px;
+    height: 2px;
+    border-radius: 10px;
+    transition: ease-in-out 0.2s;
+
+    :first-child {
+      transform: ${({ isOpen }) => isOpen ? 'rotate(45deg) translate(7px, 7px)' : 'rotate(0)'};
+    }
+    :nth-child(2) {
+      opacity: ${({ isOpen }) => (isOpen ? '0' : '1')};
+    }
+    :last-child {
+      transform: ${({ isOpen }) => isOpen ? 'rotate(-45deg) translate(3px, -3px)' : 'rotate(0)'};
+    }
+  }
+`;
+//# sourceMappingURL=Burger.styled.js.map

package/dist/components/blocks/header/components/Burger/Burger.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Burger/Burger.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,4DAA+D;AAElD,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAElC,CAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;SAE3B,sBAAa;;;;gBAIN,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI;;;CAGhD,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAqB;;;;;;;;;;;kBAWtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;;;;;;;mBAQ1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAC1B,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,WAAW;;;iBAGjD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;;;mBAGlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAC1B,MAAM,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,WAAW;;;CAGnE,CAAA"}

package/dist/components/blocks/header/components/Burger/components/Item/Item.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Item.styled"));
+const urls_1 = require("../../../../../../../localization/translations/urls");
+const useLocalization_1 = require("../../../../../../../localization/useLocalization");
+const useActivePage_1 = require("../../../../../../../hooks/useActivePage");
+const SubPages_1 = require("../SupPages/SubPages");
+const Arrow_1 = require("../../../../../Navigation/components/Arrow/Arrow");
+const Item = ({ data, setShowQuiz }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    const { isActive } = (0, useActivePage_1.useActivePage)(data.href, data.subPages, data.innerPages);
+    const isLocked = data.locked;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Styled.Button, { onClick: () => setIsOpen(!isOpen), isOpen: isOpen, isActive: isActive },
+            react_1.default.createElement(Styled.TextContainer, { isActive: isActive, isLocked: isLocked },
+                data.Icon && react_1.default.createElement(data.Icon, null),
+                react_1.default.createElement(Styled.Text, { isActive: isActive },
+                    react_1.default.createElement("span", null, urls_1.Urls_translations[locale][data.name]))),
+            react_1.default.createElement(Arrow_1.Arrow, { isOpen: isOpen, isActive: isActive })),
+        isOpen && react_1.default.createElement(SubPages_1.SubPages, { data: data.subPages, setShowQuiz: setShowQuiz })));
+};
+exports.Item = Item;
+//# sourceMappingURL=Item.js.map

package/dist/components/blocks/header/components/Burger/components/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/Item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,sDAAuC;AACvC,8EAAuF;AAEvF,uFAAmF;AACnF,4EAAwE;AACxE,mDAA+C;AAC/C,4EAAwE;AAOxE,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAU,EAAE,EAAE;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAa,EAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;IAE7E,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAA;IAE5B,OAAO,CACL;QACE,8BAAC,MAAM,CAAC,MAAM,IACZ,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ;YAElB,8BAAC,MAAM,CAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;gBACzD,IAAI,CAAC,IAAI,IAAI,8BAAC,IAAI,CAAC,IAAI,OAAG;gBAC3B,8BAAC,MAAM,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ;oBAC7B,4CAAO,wBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ,CACvC,CACO;YACvB,8BAAC,aAAK,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC/B;QACf,MAAM,IAAI,8BAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAClE,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,oBAAI"}

package/dist/components/blocks/header/components/Burger/components/Item/Item.styled.js

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.TextContainer = exports.Button = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../../../constants/animation/animation");
+const getBackgroundItem = (isOpen, isActive, theme) => {
+    if (isActive)
+        return theme.statesBackground.sideBarActive;
+    if (isOpen)
+        return theme.background.secondary;
+    return 'transparent';
+};
+const getBorderRadiusItem = (isOpen) => {
+    if (!isOpen)
+        return '8px';
+    return '8px 8px 0 0';
+};
+exports.Button = styled_components_1.default.button `
+  font-family: Manrope, sans-serif;
+  padding: 8px 6px;
+  border-radius: ${({ isOpen }) => getBorderRadiusItem(isOpen)};
+  border: none;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  text-align: left;
+  transition: ${() => `all 0.1s ${animation_2.AnimationFunctions.animation_1}`};
+  background: ${(props) => getBackgroundItem(props.isOpen, props.isActive, props.theme)};
+  ${({ isOpen, isActive }) => !isOpen &&
+    !isActive &&
+    (0, styled_components_1.css) `
+      &:hover {
+        background: ${(props) => props.theme.background.secondary};
+      }
+      &:active {
+        background: transparent;
+        ${exports.TextContainer} {
+          opacity: 0.6;
+        }
+      }
+    `}
+`;
+exports.TextContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  opacity: ${(props) => (props.isLocked ? 0.4 : 1)};
+  & svg {
+    min-width: 18px;
+    width: 18px;
+    min-height: 18px;
+    height: 18px;
+    & path {
+      fill: ${(props) => props.isActive
+    ? props.theme.icons.contrastThemed
+    : props.theme.icons.primary};
+    }
+  }
+`;
+exports.Text = styled_components_1.default.span `
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  color: ${(props) => props.isActive
+    ? props.theme.text.contrastThemed
+    : props.theme.text.primary};
+`;
+//# sourceMappingURL=Item.styled.js.map

package/dist/components/blocks/header/components/Burger/components/Item/Item.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.styled.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/Item/Item.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,kFAAuF;AAGvF,MAAM,iBAAiB,GAAG,CACxB,MAAe,EACf,QAAiB,EACjB,KAAa,EACb,EAAE;IACF,IAAI,QAAQ;QAAE,OAAO,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAA;IACzD,IAAI,MAAM;QAAE,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,CAAA;IAC7C,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC9C,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IACzB,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAGjC;;;mBAGiB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,MAAM,CAAC;;;;;;;;gBAQ9C,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;gBAClD,CAAC,KAAK,EAAE,EAAE,CACtB,iBAAiB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC;IAC5D,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzB,CAAC,MAAM;IACP,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;;sBAEe,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;;;;UAIvD,qBAAa;;;;KAIlB;CACJ,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAGrC;;;;aAIW,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;cAOpC,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,QAAQ;IACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;IAClC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;CAGpC,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAE7B;;;;;WAKS,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,QAAQ;IACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;IACjC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CAC/B,CAAA"}

package/dist/components/blocks/header/components/Burger/components/Menu/Menu.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BurgerMenu = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Menu.styled"));
+const urls_1 = require("../../../../../../../localization/translations/urls");
+const useLocalization_1 = require("../../../../../../../localization/useLocalization");
+const links_1 = require("../../../../contstants/links");
+const config_1 = require("../../../../../../../config");
+const Item_1 = require("../Item/Item");
+const ModalQuiz_1 = require("../../../../../Navigation/components/Premium/components/ModalQuiz/ModalQuiz");
+const useHidingChat_1 = __importDefault(require("../../../../../../../hooks/useHidingChat"));
+const useBlockScroll_1 = __importDefault(require("../../../../../../../hooks/useBlockScroll"));
+const SearchWindowBurger_1 = require("../../../../../Navigation/components/Search/SearchWindowBurger");
+const BurgerMenu = ({ isLeaderboardPermission, isOpenSearch }) => {
+    const [showQuiz, setShowQuiz] = (0, react_1.useState)(null);
+    const { hostnames: { hostname, hostnameLenta, hostnameLMS }, userRole } = (0, config_1.useConfigLibrary)();
+    (0, useHidingChat_1.default)(true);
+    (0, useBlockScroll_1.default)();
+    const links = (0, links_1.useGetMainLinks)(hostname, hostnameLenta, hostnameLMS, isLeaderboardPermission, userRole);
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Styled.Menu, null,
+            react_1.default.createElement(Styled.Header, null,
+                react_1.default.createElement(Styled.Title, null, urls_1.Urls_translations[locale]['main_menu']),
+                react_1.default.createElement(SearchWindowBurger_1.SearchWindowBurger, { isOpenSearch: isOpenSearch })),
+            react_1.default.createElement(Styled.Items, null, links.map((item, index) => (react_1.default.createElement(Item_1.Item, { key: index, data: item, setShowQuiz: setShowQuiz }))))),
+        userRole === 'authorized' && (react_1.default.createElement(ModalQuiz_1.ModalQuiz, { isOpen: !!showQuiz, name: (showQuiz === null || showQuiz === void 0 ? void 0 : showQuiz.name) || '', description: (showQuiz === null || showQuiz === void 0 ? void 0 : showQuiz.description) || '', setIsOpen: setShowQuiz }))));
+};
+exports.BurgerMenu = BurgerMenu;
+//# sourceMappingURL=Menu.js.map

package/dist/components/blocks/header/components/Burger/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/Menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,sDAAuC;AACvC,8EAAuF;AACvF,uFAAmF;AACnF,wDAA8D;AAC9D,wDAA8D;AAC9D,uCAAmC;AACnC,2GAAuG;AACvG,6FAAoE;AACpE,+FAAsE;AACtE,uGAAmG;AAOnG,MAAM,UAAU,GAAG,CAAC,EAAE,uBAAuB,EAAE,YAAY,EAAU,EAAE,EAAE;IACvE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAE9C,MAAM,EACJ,SAAS,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,EACnD,QAAQ,EACT,GAAG,IAAA,yBAAgB,GAAE,CAAA;IAEtB,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAA;IACnB,IAAA,wBAAc,GAAE,CAAA;IAEhB,MAAM,KAAK,GAAG,IAAA,uBAAe,EAC3B,QAAQ,EACR,aAAa,EACb,WAAW,EACX,uBAAuB,EACvB,QAAQ,CACT,CAAA;IAED,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,OAAO,CACL;QACE,8BAAC,MAAM,CAAC,IAAI;YACV,8BAAC,MAAM,CAAC,MAAM;gBACZ,8BAAC,MAAM,CAAC,KAAK,QAAE,wBAAiB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAgB;gBACrE,8BAAC,uCAAkB,IAAC,YAAY,EAAE,YAAY,GAAI,CACpC;YAChB,8BAAC,MAAM,CAAC,KAAK,QACV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,8BAAC,WAAI,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,CAC3D,CAAC,CACW,CACH;QACb,QAAQ,KAAK,YAAY,IAAI,CAC5B,8BAAC,qBAAS,IACR,MAAM,EAAE,CAAC,CAAC,QAAQ,EAClB,IAAI,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE,EAC1B,WAAW,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,KAAI,EAAE,EACxC,SAAS,EAAE,WAAW,GACtB,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/blocks/header/components/Burger/components/Menu/Menu.styled.js

@@ -0,0 +1,103 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Items = exports.Title = exports.Header = exports.Menu = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const common_1 = require("../../../../../../../constants/common");
+const slideIn = (0, styled_components_1.keyframes) `
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+`;
+const fadeIn = (0, styled_components_1.keyframes) `
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+exports.Menu = styled_components_1.default.div `
+  position: absolute;
+  top: ${() => `${common_1.HEIGHT_HEADER}px`};
+  z-index: 1010;
+  width: 50vw;
+  padding: 12px;
+  background: ${(props) => props.theme.background.content};
+  border-radius: 12px;
+  height: calc(100dvh - ${common_1.HEIGHT_HEADER + 48}px);
+  max-height: calc(100dvh - ${common_1.HEIGHT_HEADER + 48}px);
+  animation: ${slideIn} 0.3s forwards;
+  overflow: hidden;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    width: 60vw;
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    position: fixed;
+    left: 0;
+    width: 100vw;
+    border-radius: 0;
+    height: calc(100dvh - ${common_1.HEIGHT_HEADER}px);
+    max-height: calc(100dvh - ${common_1.HEIGHT_HEADER}px);
+  }
+`;
+exports.Header = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  padding: 8px 0 12px 0;
+  border-bottom: 1px dashed ${(props) => props.theme.stroke.primary};
+`;
+exports.Title = styled_components_1.default.span `
+  color: ${(props) => props.theme.text.primary};
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+`;
+exports.Items = styled_components_1.default.div `
+  margin-top: 12px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow: auto;
+  opacity: 0;
+  max-height: calc(100dvh - 250px);
+  transform: translateY(10px);
+  animation: ${fadeIn} 0.5s ease-in-out 0.2s forwards;
+  & a {
+    text-decoration: none;
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    max-height: calc(100dvh - 200px);
+  }
+`;
+//# sourceMappingURL=Menu.styled.js.map

package/dist/components/blocks/header/components/Burger/components/Menu/Menu.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styled.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/Menu/Menu.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AACrD,kEAI8C;AAE9C,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOxB,CAAA;AAED,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;CASvB,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;SAErB,GAAG,EAAE,CAAC,GAAG,sBAAa,IAAI;;;;gBAInB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;0BAE/B,sBAAa,GAAG,EAAE;8BACd,sBAAa,GAAG,EAAE;eACjC,OAAO;;uBAEC,qBAAY;;;uBAGZ,qBAAY;;;;;4BAKP,sBAAa;gCACT,sBAAa;;CAE5C,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;8BAKF,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;CAClE,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,IAAI,CAAA;WACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;CAK7C,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;eAUhB,MAAM;;;;uBAIE,qBAAY;;;CAGlC,CAAA"}

package/dist/components/blocks/header/components/Burger/components/SubSubPages/Item.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubSubPagesItem = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./SubSubPages.styled"));
+const config_1 = require("../../../../../../../config");
+const useLocalization_1 = require("../../../../../../../localization/useLocalization");
+const NewFeature_1 = require("../../../../../Navigation/components/NewFeature/NewFeature");
+const urls_1 = require("../../../../../../../localization/translations/urls");
+const useActivePage_1 = require("../../../../../../../hooks/useActivePage");
+const SubSubPagesItem = ({ data }) => {
+    const { isActive } = (0, useActivePage_1.useActivePage)(data.href, data.subPages, data.innerPages);
+    const { LinkWrapper } = (0, config_1.useConfigLibrary)();
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    return (react_1.default.createElement(Styled.Item, { isActive: isActive },
+        react_1.default.createElement(LinkWrapper, { href: data.href },
+            react_1.default.createElement("span", null, urls_1.Urls_translations[locale][data.name]),
+            data.isNew && react_1.default.createElement(NewFeature_1.NewFeature, null))));
+};
+exports.SubSubPagesItem = SubSubPagesItem;
+//# sourceMappingURL=Item.js.map

package/dist/components/blocks/header/components/Burger/components/SubSubPages/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/SubSubPages/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAA8C;AAE9C,wDAA8D;AAC9D,uFAAmF;AACnF,2FAAuF;AACvF,8EAAuF;AAEvF,4EAAwE;AAMxE,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAU,EAAE,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAa,EAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;IAE7E,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,OAAO,CACL,8BAAC,MAAM,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ;QAC7B,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI;YAC1B,4CAAO,wBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ;YAClD,IAAI,CAAC,KAAK,IAAI,8BAAC,uBAAU,OAAG,CACjB,CACF,CACf,CAAA;AACH,CAAC,CAAA;AAEQ,0CAAe"}

package/dist/components/blocks/header/components/Burger/components/SubSubPages/SubSubPages.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubSubPages = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./SubSubPages.styled"));
+const Item_1 = require("./Item");
+const SubSubPages = ({ data }) => {
+    return (react_1.default.createElement(Styled.Container, null, data.map((item, index) => (react_1.default.createElement(Item_1.SubSubPagesItem, { data: item, key: index })))));
+};
+exports.SubSubPages = SubSubPages;
+//# sourceMappingURL=SubSubPages.js.map

package/dist/components/blocks/header/components/Burger/components/SubSubPages/SubSubPages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubSubPages.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/SubSubPages/SubSubPages.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAA8C;AAC9C,iCAAwC;AAOxC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAU,EAAE,EAAE;IACvC,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,QACd,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,sBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAC5C,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

package/dist/components/blocks/header/components/Burger/components/SubSubPages/SubSubPages.styled.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../../../constants/animation/animation");
+const fadeIn = (0, styled_components_1.keyframes) `
+    from {
+        opacity: 0;
+        transform: translateY(-5px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+`;
+exports.Container = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-radius: 0 0 8px 8px;
+  background: ${(props) => props.theme.interactiveControls.accent};
+  transform: translateY(-5px);
+  animation: ${fadeIn} 0.3s ${animation_2.AnimationFunctions.animation_1} forwards;
+`;
+exports.Item = styled_components_1.default.div `
+  & > a {
+    font-family: 'Manrope', sans-serif;
+    text-align: left;
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 20px;
+    padding: 8px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    border: none;
+    border-radius: 8px;
+    color: ${(props) => props.theme.text.primary};
+    background: ${(props) => props.isActive ? props.theme.background.secondaryAlpha : 'transparent'};
+    &:hover {
+      background: ${(props) => props.theme.background.secondaryAlpha};
+    }
+    &:active {
+      background: transparent;
+      opacity: 0.6;
+    }
+  }
+`;
+//# sourceMappingURL=SubSubPages.styled.js.map

package/dist/components/blocks/header/components/Burger/components/SubSubPages/SubSubPages.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubSubPages.styled.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/Burger/components/SubSubPages/SubSubPages.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AACrD,kFAAuF;AAEvF,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;CASvB,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;gBAKnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM;;eAElD,MAAM,SAAS,8BAAkB,CAAC,WAAW;CAC3D,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;;;;;;;;;;;;aAcxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;kBAC9B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;;oBAExD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;;;;;;;CAOnE,CAAA"}