profinansy-ui-lib 3.1.84 → 3.1.86

package/dist/components/blocks/header/Header.stories.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderPaid = exports.HeaderAuth = exports.HeaderUnAuth = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const header_1 = require("./header");
+exports.default = {
+    title: 'Blocks/Header',
+    component: header_1.Header
+};
+const defaultUser = {
+    user_id: 1,
+    last_name: 'Petrov',
+    name: 'Vova',
+    patronymic: 'Testovich',
+    nick: 'nick',
+    avatar_url: 'https://cdnn11.img.sputnik.by/img/104078/98/1040789816_323:0:1599:1276_1920x0_80_0_0_69ce9e6a3ec4aae781eb07e0af854f8d.jpg',
+    account_list: [
+        {
+            account_id: 1,
+            acc_type: 'email',
+            confirm: '',
+            login: 'test@gmail.com'
+        }
+    ],
+    ref_balance: 10000,
+    is_partner: false,
+    is_confirm_partner: false,
+    rights: {},
+    purchased: {}
+};
+const HeaderUnAuth = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(header_1.Header, { user: null, isTest: true, onLogout: () => null, apiSettings: {
+                token: '',
+                baseUrl: 'https://test.profinansy.ru/api'
+            } })));
+};
+exports.HeaderUnAuth = HeaderUnAuth;
+const HeaderAuth = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(header_1.Header, { user: defaultUser, isTest: true, onLogout: () => null, apiSettings: {
+                token: '',
+                baseUrl: 'https://test.profinansy.ru/api'
+            } }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u043B\u043E\u043A \u0445\u044D\u0434\u0435\u0440 \u0434\u043B\u044F \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D\u043D\u043E\u0433\u043E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F \u0431\u0435\u0437 \u043F\u043E\u0434\u043F\u0438\u0441\u043A\u0438")));
+};
+exports.HeaderAuth = HeaderAuth;
+const HeaderPaid = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(header_1.Header, { apiSettings: {
+                token: '',
+                baseUrl: 'https://test.profinansy.ru/api'
+            }, user: Object.assign(Object.assign({}, defaultUser), { rights: { ext: 1 } }), isTest: true, onLogout: () => null }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u043B\u043E\u043A \u0445\u044D\u0434\u0435\u0440 \u0434\u043B\u044F \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D\u043D\u043E\u0433\u043E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F c \u043F\u043E\u0434\u043F\u0438\u0441\u043A\u043E\u0439")));
+};
+exports.HeaderPaid = HeaderPaid;
+//# sourceMappingURL=Header.stories.js.map

package/dist/components/blocks/header/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/blocks/header/Header.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,4EAAwE;AAExE,qCAA8C;AAG9C,kBAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,eAAS;CACrB,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,WAAW;IACvB,IAAI,EAAE,MAAM;IACZ,UAAU,EACR,2HAA2H;IAC7H,YAAY,EAAE;QACZ;YACE,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,kBAAkB,EAAE,KAAK;IACzB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;CACd,CAAA;AAEM,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL;QACE,8BAAC,eAAS,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,EACpB,WAAW,EAAE;gBACX,KAAK,EAAE,EAAE;gBACT,OAAO,EAAE,gCAAgC;aAC1C,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,YAAY,gBAcxB;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,eAAS,IACR,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,EACpB,WAAW,EAAE;gBACX,KAAK,EAAE,EAAE;gBACT,OAAO,EAAE,gCAAgC;aAC1C,GACD;QACF,8BAAC,uBAAU,6TAEE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,UAAU,cAiBtB;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,eAAS,IACR,WAAW,EAAE;gBACX,KAAK,EAAE,EAAE;gBACT,OAAO,EAAE,gCAAgC;aAC1C,EACD,IAAI,kCAAO,WAAW,KAAE,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAC1C,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,GACpB;QACF,8BAAC,uBAAU,kTAEE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,UAAU,cAiBtB"}

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

@@ -0,0 +1,61 @@
+"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.BottomLine = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./BottomLine.styled"));
+const PremiumLine_1 = __importDefault(require("../PremiumLine/PremiumLine"));
+const useIsShowPremium_1 = require("../../hooks/useIsShowPremium");
+const BottomLine = ({ userRole, currentPathName }) => {
+    const ref = (0, react_1.useRef)(null);
+    const [height, setHeight] = (0, react_1.useState)(0);
+    const [isVisible, setIsVisible] = (0, react_1.useState)(true);
+    const { isOpen } = (0, useIsShowPremium_1.useIsPremiumNotice)(userRole, currentPathName);
+    (0, react_1.useEffect)(() => {
+        const handleScroll = () => {
+            const currentScrollPos = window.scrollY;
+            setIsVisible(currentScrollPos < 10);
+        };
+        window.addEventListener('scroll', handleScroll);
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [isOpen]);
+    (0, react_1.useEffect)(() => {
+        if (!ref.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            const element = ref.current;
+            setHeight((element === null || element === void 0 ? void 0 : element.offsetHeight) || 0);
+        });
+        resizeObserver.observe(ref.current);
+        return () => resizeObserver.disconnect();
+    }, [currentPathName, ref.current, isOpen]);
+    return (react_1.default.createElement(Styled.Container, { height: height, id: "header-bottom-line", isVisible: isVisible, isOpen: isOpen },
+        react_1.default.createElement(PremiumLine_1.default, { isOpen: isOpen, ref: ref })));
+};
+exports.BottomLine = BottomLine;
+//# sourceMappingURL=BottomLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomLine.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/BottomLine/BottomLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,4DAA6C;AAC7C,6EAAoD;AAEpD,mEAAiE;AAOjE,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAU,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAChD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,qCAAkB,EAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAA;YACvC,YAAY,CAAC,gBAAgB,GAAG,EAAE,CAAC,CAAA;QACrC,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAM;QACxB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;YAC3B,SAAS,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;QACvC,CAAC,CAAC,CAAA;QACF,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACnC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1C,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IACf,MAAM,EAAE,MAAM,EACd,EAAE,EAAC,oBAAoB,EACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM;QAEd,8BAAC,qBAAW,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,GAAI,CACxB,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

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

@@ -0,0 +1,40 @@
+"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.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.Container = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  ${({ isOpen, isVisible, height }) => isOpen &&
+    (0, styled_components_1.css) `
+      opacity: ${() => (isVisible ? 1 : 0)};
+      height: ${() => (isVisible ? `${height}px` : '0px')};
+      transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+    `}
+`;
+//# sourceMappingURL=BottomLine.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomLine.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/BottomLine/BottomLine.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,4EAAiF;AAEpE,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAIjC;;;;IAIE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAClC,MAAM;IACN,IAAA,uBAAG,EAAA;iBACU,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1B,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;oBACrC,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;KACjE;CACJ,CAAA"}

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

@@ -0,0 +1,63 @@
+"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.Burger = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Burger.styled"));
+const sideMenu_1 = require("../../../sideMenu");
+const useBreakpoints_1 = require("../../../../../hooks/useBreakpoints");
+const useBlockScroll_1 = require("../../../../../hooks/useBlockScroll");
+const useCurrentPath_1 = require("../../../../../hooks/useCurrentPath");
+const useHeaderHeight_1 = require("../../../../../hooks/useHeaderHeight");
+const useHidingChat_1 = __importDefault(require("../../../../../hooks/useHidingChat"));
+const Burger = ({ apiSettings, isOpen, setBurgerOpened, userRole, isProfinansy, isTest, isLeaderboardPermission, onRouteChange }) => {
+    const { tablet } = (0, useBreakpoints_1.useBreakpoints)();
+    const { topHeight, centerHeight } = (0, useHeaderHeight_1.useHeaderHeightListener)();
+    const headerHeight = topHeight + centerHeight;
+    const { currentHref } = (0, useCurrentPath_1.useCurrentPath)();
+    (0, useHidingChat_1.default)(isOpen);
+    (0, useBlockScroll_1.useBlockScrollOpen)(isOpen);
+    (0, react_1.useEffect)(() => {
+        setBurgerOpened(false);
+    }, [currentHref]);
+    (0, react_1.useEffect)(() => {
+        if (!tablet && isOpen)
+            setBurgerOpened(false);
+    }, [tablet]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        isOpen && react_1.default.createElement(Styled.Background, { headerHeight: headerHeight }),
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Styled.Burger, { onClick: () => setBurgerOpened(!isOpen), isOpen: isOpen },
+                react_1.default.createElement("div", null),
+                react_1.default.createElement("div", null),
+                react_1.default.createElement("div", null)),
+            isOpen && (react_1.default.createElement(Styled.Menu, null,
+                react_1.default.createElement(sideMenu_1.SideMenu, { apiSettings: apiSettings, userRole: userRole, isProfinansy: isProfinansy, isTest: isTest, isLeaderboardPermission: isLeaderboardPermission, onRouteChange: onRouteChange, category: "all" }))))));
+};
+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,+CAAwC;AACxC,wDAAyC;AACzC,gDAA4C;AAE5C,wEAAoE;AACpE,wEAAwE;AACxE,wEAAoE;AACpE,0EAA8E;AAE9E,uFAA8D;AAa9D,MAAM,MAAM,GAAG,CAAC,EACd,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,uBAAuB,EACvB,aAAa,EACN,EAAE,EAAE;IACX,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAA;IAEnC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,yCAAuB,GAAE,CAAA;IAC7D,MAAM,YAAY,GAAG,SAAS,GAAG,YAAY,CAAA;IAE7C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAA;IACxC,IAAA,uBAAa,EAAC,MAAM,CAAC,CAAA;IACrB,IAAA,mCAAkB,EAAC,MAAM,CAAC,CAAA;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,MAAM;YAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAC/C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL;QACG,MAAM,IAAI,8BAAC,MAAM,CAAC,UAAU,IAAC,YAAY,EAAE,YAAY,GAAI;QAC5D,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM;gBACpE,0CAAO;gBACP,0CAAO;gBACP,0CAAO,CACO;YACf,MAAM,IAAI,CACT,8BAAC,MAAM,CAAC,IAAI;gBACV,8BAAC,mBAAQ,IACP,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAC,KAAK,GACd,CACU,CACf,CACgB,CAClB,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}

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

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = 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;
+  display: none;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: block;
+  }
+`;
+exports.Background = styled_components_1.default.div `
+  position: fixed;
+  top: ${(props) => `${props.headerHeight}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: none;
+  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};
+    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)'};
+    }
+  }
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: flex;
+  }
+`;
+exports.Menu = styled_components_1.default.div `
+  position: absolute;
+  top: ${() => `${common_1.HEIGHT_HEADER}px`};
+  left: 0;
+  z-index: 1010;
+  width: calc(100vw - 36px);
+`;
+//# 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,4DAA6E;AAEhE,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;uBAGZ,qBAAY;;;CAGlC,CAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAA0B;;SAErD,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,IAAI;;;;gBAI7B,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;;;;;;;mBAO1C,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;;;uBAG7C,qBAAY;;;CAGlC,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;SAErB,GAAG,EAAE,CAAC,GAAG,sBAAa,IAAI;;;;CAIlC,CAAA"}

package/dist/components/blocks/header/components/Favourite/Favlourite.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Favourite = void 0;
+const react_1 = __importDefault(require("react"));
+const Favourite_styled_1 = require("./Favourite.styled");
+const Favourite_svg_1 = __importDefault(require("../../../../../icons/Favourite.svg"));
+const Hint_1 = require("../../../../uikit/Hint");
+const Favourite = ({ hostname, handleRouteChange, userRole }) => {
+    if (userRole === 'guest')
+        return null;
+    const isFavouritePage = window === null || window === void 0 ? void 0 : window.location.pathname.includes('/account/favorite');
+    return (react_1.default.createElement(Hint_1.Hint, { text: "\u041C\u043E\u0451 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0435" },
+        react_1.default.createElement(Favourite_styled_1.FavoritesButton, { isActive: isFavouritePage, onClick: () => handleRouteChange(hostname + '/account/favorite/instruments') },
+            react_1.default.createElement(Favourite_svg_1.default, null))));
+};
+exports.Favourite = Favourite;
+//# sourceMappingURL=Favlourite.js.map

package/dist/components/blocks/header/components/Favourite/Favlourite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Favlourite.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Favourite/Favlourite.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,yDAAoD;AACpD,uFAA8D;AAE9D,iDAA6C;AAQ7C,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAU,EAAE,EAAE;IACtE,IAAI,QAAQ,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAErC,MAAM,eAAe,GACnB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IAEzD,OAAO,CACL,8BAAC,WAAI,IAAC,IAAI,EAAC,2EAAe;QACxB,8BAAC,kCAAe,IACd,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE,CACZ,iBAAiB,CAAC,QAAQ,GAAG,+BAA+B,CAAC;YAG/D,8BAAC,uBAAa,OAAG,CACD,CACb,CACR,CAAA;AACH,CAAC,CAAA;AAEQ,8BAAS"}

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

@@ -0,0 +1,64 @@
+"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.FavoritesButton = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const common_1 = require("../../../../../constants/common");
+exports.FavoritesButton = styled_components_1.default.button `
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  min-width: 24px;
+  width: 24px;
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+    @media (max-width: 1040px) {
+        display: none;
+    }
+    @media (max-width: ${common_1.TABLET_WIDTH}px) {
+        display: block;
+    }
+    @media (max-width: 360px) {
+      display: none;
+    }
+  & path {
+    fill: ${(props) => props.theme.icons.contrastThemed};
+  }
+  &:hover {
+      opacity: 0.6;
+  },
+  ${(props) => props.isActive &&
+    (0, styled_components_1.css) `
+      & path {
+        fill: ${(props) => props.theme.icons.accent};
+      }
+    `},
+`;
+//# sourceMappingURL=Favourite.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Favourite.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Favourite/Favourite.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,4EAAiF;AACjF,4DAA8D;AAEjD,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,CAAuB;;;;;;;;;;;gBAWnD,GAAG,EAAE,CAAC,gBAAgB,8BAAkB,CAAC,WAAW,EAAE;;;;yBAI7C,qBAAY;;;;;;;YAOzB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;;;;IAKnD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,QAAQ;IACd,IAAA,uBAAG,EAAA;;gBAES,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;KAE9C;CACJ,CAAA"}

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

@@ -0,0 +1,53 @@
+"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.HeaderCenter = void 0;
+const react_1 = __importStar(require("react"));
+const header_link_item_1 = require("../header-link-item/header-link-item");
+const header_styled_1 = require("../../header.styled");
+const links_1 = require("../../contstants/links");
+const Search_1 = require("../Search/Search");
+const Content_1 = require("../Search/components/Content");
+const useSearchInstruments_1 = require("../../../../../hooks/useSearchInstruments");
+const HeaderCenter = ({ apiSettings, hostname, hostnameLenta, userRole, leaderBoardPermission, isLmsMirror, isClubMirror, isIdvMirror, isConfirmPartner, handleRouteChange }) => {
+    const [isOpenSearch, setIsOpenSearch] = (0, react_1.useState)(false);
+    const [selectedTab, setSelectedTab] = (0, react_1.useState)(useSearchInstruments_1.INSTRUMENTS_TYPES.stocks);
+    const { tabs, data, loader, isEmpty, searchText, favourites, handleChange } = (0, useSearchInstruments_1.useSearchInstruments)({
+        isDefaultTab: false,
+        setSelectedTab,
+        apiSettings
+    });
+    const mainLinks = (0, links_1.getMainLinks)(hostname, hostnameLenta, isLmsMirror, isClubMirror, leaderBoardPermission, isConfirmPartner, userRole);
+    if ((isClubMirror && userRole !== 'guest') || isIdvMirror)
+        return null;
+    return (react_1.default.createElement(header_styled_1.CenterWrapper, null,
+        isOpenSearch && react_1.default.createElement(header_styled_1.Background, { onClick: () => setIsOpenSearch(false) }),
+        react_1.default.createElement(header_styled_1.LinksContainer, null,
+            react_1.default.createElement(Search_1.Search, { onChange: handleChange, isOpen: isOpenSearch, setIsOpen: setIsOpenSearch, isLoader: loader }),
+            react_1.default.createElement(header_styled_1.LinkList, { isOpenSearch: isOpenSearch, onClick: (e) => e.stopPropagation() }, mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.map((link, idx) => (react_1.default.createElement(header_link_item_1.HeaderLinkItem, Object.assign({ onRouteChange: handleRouteChange, key: idx }, link)))))),
+        react_1.default.createElement(Content_1.SearchContent, { isEmpty: isEmpty, searchText: searchText, hostname: hostname, data: data, favourites: favourites, isOpen: isOpenSearch, setSelectedTab: setSelectedTab, selectedTab: selectedTab, tabs: tabs, handleRouteChange: handleRouteChange, onClose: () => setIsOpenSearch(false) })));
+};
+exports.HeaderCenter = HeaderCenter;
+//# sourceMappingURL=HeaderCenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCenter.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/HeaderCenter/HeaderCenter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,2EAAqE;AACrE,uDAK4B;AAE5B,kDAAqD;AACrD,6CAAyC;AACzC,0DAA4D;AAC5D,oFAGkD;AAgBlD,MAAM,YAAY,GAAG,CAAC,EACpB,WAAW,EACX,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACV,EAAE,EAAE;IACX,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAC5C,wCAAiB,CAAC,MAAM,CACzB,CAAA;IACD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,GACzE,IAAA,2CAAoB,EAAC;QACnB,YAAY,EAAE,KAAK;QACnB,cAAc;QACd,WAAW;KACZ,CAAC,CAAA;IAEJ,MAAM,SAAS,GAAG,IAAA,oBAAY,EAC5B,QAAQ,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,CACT,CAAA;IACD,IAAI,CAAC,YAAY,IAAI,QAAQ,KAAK,OAAO,CAAC,IAAI,WAAW;QAAE,OAAO,IAAI,CAAA;IAEtE,OAAO,CACL,8BAAC,6BAAa;QACX,YAAY,IAAI,8BAAC,0BAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAI;QACtE,8BAAC,8BAAc;YACb,8BAAC,eAAM,IACL,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,MAAM,GAChB;YACF,8BAAC,wBAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IAElC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,8BAAC,iCAAc,kBACb,aAAa,EAAE,iBAAiB,EAChC,GAAG,EAAE,GAAG,IACJ,IAAI,EACR,CACH,CAAC,CACO,CACI;QACjB,8BAAC,uBAAa,IACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,YAAY,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GACrC,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

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

@@ -0,0 +1,58 @@
+"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.HeaderRight = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("../../header.styled"));
+const Favlourite_1 = require("../Favourite/Favlourite");
+const Login_svg_1 = __importDefault(require("../../../../../icons/Login.svg"));
+const Button_1 = require("../../../../uikit/Button");
+const user_dropdown_menu_1 = require("../user-dropdown-menu/user-dropdown-menu");
+const useBreakpoints_1 = require("../../../../../hooks/useBreakpoints");
+const premium_dropdown_list_1 = require("../premium-dropdown-list/premium-dropdown-list");
+const Notification_1 = require("../Notification/Notification");
+const HeaderRight = ({ user, hostname, userRole, isProfinansy, isClubMirror, isIdvMirror, isPossibleTrial, trial, handleRouteChange, setBurgerOpened, onLogout }) => {
+    const { xs } = (0, useBreakpoints_1.useBreakpoints)();
+    const handleLoginClick = () => {
+        const redirectUrl = isProfinansy
+            ? '/market/dashboard'
+            : window.location.href;
+        const authorizationPageUrl = hostname + '/login?redirect=' + redirectUrl;
+        handleRouteChange(authorizationPageUrl);
+    };
+    if ((isClubMirror && userRole !== 'guest') || isIdvMirror)
+        return null;
+    return (react_1.default.createElement(Styled.HeaderRight, null,
+        react_1.default.createElement(Favlourite_1.Favourite, { hostname: hostname, handleRouteChange: handleRouteChange, userRole: userRole }),
+        react_1.default.createElement(Notification_1.Notification, { hostname: hostname, handleRouteChange: handleRouteChange, userRole: userRole }),
+        react_1.default.createElement(premium_dropdown_list_1.PremiumDropdownList, { trial: trial, userRole: userRole, hostname: hostname }),
+        userRole === 'guest' ? (react_1.default.createElement(react_1.default.Fragment, null, xs ? (react_1.default.createElement(Styled.LoginIcon, { onClick: handleLoginClick },
+            react_1.default.createElement(Login_svg_1.default, null))) : (react_1.default.createElement(Button_1.Button, { onClick: handleLoginClick, text: "\u0412\u043E\u0439\u0442\u0438", size: 'S' })))) : (react_1.default.createElement(user_dropdown_menu_1.UserDropdownMenu, { user: user, trial: trial, userRole: userRole, closeBurger: () => setBurgerOpened(false), hostname: hostname, onRouteChange: handleRouteChange, onLogout: onLogout, isPossibleTrial: isPossibleTrial }))));
+};
+exports.HeaderRight = HeaderRight;
+//# sourceMappingURL=HeaderRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRight.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/HeaderRight/HeaderRight.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA6C;AAC7C,wDAAmD;AACnD,+EAAsD;AACtD,qDAAiD;AACjD,iFAA2E;AAE3E,wEAAoE;AACpE,0FAAoF;AACpF,+DAA2D;AAgB3D,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACD,EAAE,EAAE;IACX,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAA;IAC/B,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,WAAW,GAAG,YAAY;YAC9B,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;QACxB,MAAM,oBAAoB,GAAG,QAAQ,GAAG,kBAAkB,GAAG,WAAW,CAAA;QACxE,iBAAiB,CAAC,oBAAoB,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAI,CAAC,YAAY,IAAI,QAAQ,KAAK,OAAO,CAAC,IAAI,WAAW;QAAE,OAAO,IAAI,CAAA;IAEtE,OAAO,CACL,8BAAC,MAAM,CAAC,WAAW;QACjB,8BAAC,sBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,GAClB;QACF,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,GAClB;QACF,8BAAC,2CAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;QACD,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,8DACG,EAAE,CAAC,CAAC,CAAC,CACJ,8BAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAE,gBAAgB;YACzC,8BAAC,mBAAS,OAAG,CACI,CACpB,CAAC,CAAC,CAAC,CACF,8BAAC,eAAM,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAC,gCAAO,EAAC,IAAI,EAAE,GAAG,GAAI,CAC9D,CACA,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,qCAAgB,IACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACH,CACkB,CACtB,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+const react_1 = __importDefault(require("react"));
+const Notification_styled_1 = require("./Notification.styled");
+const Notification_svg_1 = __importDefault(require("../../../../../icons/Notification.svg"));
+const Hint_1 = require("../../../../uikit/Hint");
+const Notification = ({ hostname, handleRouteChange, userRole }) => {
+    if (userRole === 'guest')
+        return null;
+    const isNotificationPage = window === null || window === void 0 ? void 0 : window.location.pathname.includes('/account/notifications');
+    return (react_1.default.createElement(Hint_1.Hint, { text: "\u041C\u043E\u0438 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F" },
+        react_1.default.createElement(Notification_styled_1.NotificationButton, { isActive: isNotificationPage, onClick: () => handleRouteChange(hostname + '/account/notifications') },
+            react_1.default.createElement(Notification_svg_1.default, null))));
+};
+exports.Notification = Notification;
+//# sourceMappingURL=Notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,+DAA0D;AAC1D,6FAAoE;AAEpE,iDAA6C;AAQ7C,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAU,EAAE,EAAE;IACzE,IAAI,QAAQ,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAErC,MAAM,kBAAkB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAC3D,wBAAwB,CACzB,CAAA;IAED,OAAO,CACL,8BAAC,WAAI,IAAC,IAAI,EAAC,uFAAiB;QAC1B,8BAAC,wCAAkB,IACjB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,GAAG,wBAAwB,CAAC;YAErE,8BAAC,0BAAgB,OAAG,CACD,CAChB,CACR,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

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

@@ -0,0 +1,64 @@
+"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.NotificationButton = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const common_1 = require("../../../../../constants/common");
+exports.NotificationButton = styled_components_1.default.button `
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  min-width: 24px;
+  width: 24px;
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+    @media (max-width: 1040px) {
+        display: none;
+    }
+    @media (max-width: ${common_1.TABLET_WIDTH}px) {
+        display: block;
+    }
+  @media (max-width: 360px) {
+    display: none;
+  }
+  & path {
+    fill: ${(props) => props.theme.icons.contrastThemed};
+  }
+  &:hover {
+      opacity: 0.6;
+  },
+  ${(props) => props.isActive &&
+    (0, styled_components_1.css) `
+      & path {
+        fill: ${(props) => props.theme.icons.accent};
+      }
+    `},
+`;
+//# sourceMappingURL=Notification.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Notification/Notification.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,4EAAiF;AACjF,4DAA8D;AAEjD,QAAA,kBAAkB,GAAG,2BAAM,CAAC,MAAM,CAAuB;;;;;;;;;;;gBAWtD,GAAG,EAAE,CAAC,gBAAgB,8BAAkB,CAAC,WAAW,EAAE;;;;yBAI7C,qBAAY;;;;;;;YAOzB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;;;;IAKnD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,QAAQ;IACd,IAAA,uBAAG,EAAA;;gBAES,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;KAE9C;CACJ,CAAA"}