profinansy-ui-lib 3.1.83 → 3.1.85

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

@@ -0,0 +1,98 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoBtn = exports.LoginIcon = exports.HeaderRight = exports.LinkList = exports.Background = exports.LinksContainer = exports.CenterWrapper = exports.Stub = exports.Header = 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: fixed;
+  z-index: 2000;
+  top: 0;
+  left: 0;
+`;
+exports.Header = styled_components_1.default.div `
+  position: relative;
+  z-index: 2;
+  width: 100vw;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 44px 12px 24px;
+  height: ${() => common_1.HEIGHT_HEADER}px;
+  background: ${(props) => props.theme.other.black};
+  max-height: ${() => common_1.HEIGHT_HEADER}px;
+  @media (max-width: 1140px) {
+    padding: 12px 22px;
+  }
+  @media (max-width: 960px) {
+    padding: 12px 18px;
+  }
+`;
+exports.Stub = styled_components_1.default.div `
+  height: ${(props) => `${props.height}px`};
+`;
+exports.CenterWrapper = styled_components_1.default.div `
+  position: relative;
+  height: ${() => `${common_1.HEIGHT_HEADER}px`};
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.LinksContainer = styled_components_1.default.div `
+  position: relative;
+  overflow: hidden;
+  width: 740px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  @media (max-width: 1100px) {
+    width: 690px;
+  }
+`;
+exports.Background = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: ${(props) => props.theme.other.gray};
+  z-index: 1000;
+  cursor: pointer;
+`;
+exports.LinkList = styled_components_1.default.div `
+  height: 100%;
+  position: absolute;
+  left: 56px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
+  opacity: ${(props) => (props.isOpenSearch ? 0 : 1)};
+  transform: ${(props) => props.isOpenSearch ? 'translateX(102%)' : 'translateX(0%)'};
+  @media (max-width: 1100px) {
+    gap: 0;
+  }
+`;
+exports.HeaderRight = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+`;
+exports.LoginIcon = styled_components_1.default.button `
+  background: none;
+  border: none;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+exports.LogoBtn = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+`;
+//# sourceMappingURL=header.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.styled.js","sourceRoot":"","sources":["../../../../src/components/blocks/header/header.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sDAAuE;AAE1D,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;YAQpB,GAAG,EAAE,CAAC,sBAAa;gBACf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gBAClC,GAAG,EAAE,CAAC,sBAAa;;;;;;;CAOlC,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAoB;YACtC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI;CACzC,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;YAE3B,GAAG,EAAE,CAAC,GAAG,sBAAa,IAAI;uBACf,qBAAY;;;CAGlC,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUvC,CAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;gBAMpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI;;;CAGhD,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAA2B;;;;;;;;aAQhD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;eACrC,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB;;;;CAI7D,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGpC,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;CAOrC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;CAOnC,CAAA"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDropdownsIconsColor = exports.getDropdownsLinksColor = exports.getTrial = void 0;
+const date_fns_1 = require("date-fns");
+const getTrial = (rights, purchased) => {
+    let trial = null;
+    let isPossibleTrial = null;
+    // Дата окончания триал доступа, если он был
+    const rule = rights === null || rights === void 0 ? void 0 : rights.is_trial;
+    if (purchased && 'idv' in purchased && !rule) {
+        isPossibleTrial = true;
+    }
+    else if (rule && !(0, date_fns_1.isBefore)(new Date(rule), new Date())) {
+        trial = rule;
+    }
+    return { trial, isPossibleTrial };
+};
+exports.getTrial = getTrial;
+const getDropdownsLinksColor = (theme, isActive, isLocked) => {
+    if (isLocked)
+        return theme.text.tertiary;
+    if (isActive)
+        return theme.text.accent;
+    return theme.text.primary;
+};
+exports.getDropdownsLinksColor = getDropdownsLinksColor;
+const getDropdownsIconsColor = (theme, isActive) => {
+    if (isActive)
+        return theme.icons.accent;
+    return theme.icons.primary;
+};
+exports.getDropdownsIconsColor = getDropdownsIconsColor;
+//# sourceMappingURL=header.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.utils.js","sourceRoot":"","sources":["../../../../src/components/blocks/header/header.utils.ts"],"names":[],"mappings":";;;AAAA,uCAAmC;AAE5B,MAAM,QAAQ,GAAG,CACtB,MAAuC,EACvC,SAAiC,EACjC,EAAE;IACF,IAAI,KAAK,GAAG,IAAI,CAAA;IAChB,IAAI,eAAe,GAAG,IAAI,CAAA;IAE1B,4CAA4C;IAC5C,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA;IAE7B,IAAI,SAAS,IAAI,KAAK,IAAI,SAAS,IAAI,CAAC,IAAI,EAAE;QAC5C,eAAe,GAAG,IAAI,CAAA;KACvB;SAAM,IAAI,IAAI,IAAI,CAAC,IAAA,mBAAQ,EAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,EAAE;QACxD,KAAK,GAAG,IAAI,CAAA;KACb;IAED,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,CAAA;AACnC,CAAC,CAAA;AAjBY,QAAA,QAAQ,YAiBpB;AAEM,MAAM,sBAAsB,GAAG,CACpC,KAAa,EACb,QAAiB,EACjB,QAAiB,EACjB,EAAE;IACF,IAAI,QAAQ;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAA;IACxC,IAAI,QAAQ;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACtC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAA;AAC3B,CAAC,CAAA;AARY,QAAA,sBAAsB,0BAQlC;AAEM,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,QAAiB,EAAE,EAAE;IACzE,IAAI,QAAQ;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;IACvC,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;AAC5B,CAAC,CAAA;AAHY,QAAA,sBAAsB,0BAGlC"}

package/dist/components/blocks/header/hooks/useHeight.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const useHeaderHeight: (currenPath: string) => {
     ref: import("react").MutableRefObject<any>;
     height: number;

package/dist/components/blocks/header/hooks/useHeight.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeaderHeight = void 0;
+const react_1 = require("react");
+const useHeaderHeight = (currenPath) => {
+    const [height, setHeight] = (0, react_1.useState)(0);
+    const ref = (0, react_1.useRef)(null);
+    const dispatchHeaderHeightChangeEvent = ({ height, topHeight, centerHeight, bottomHeight }) => {
+        document.dispatchEvent(new CustomEvent('headerHeightChange', {
+            detail: { height, topHeight, centerHeight, bottomHeight }
+        }));
+    };
+    (0, react_1.useEffect)(() => {
+        if (!ref.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            const element = ref.current;
+            const topLineElement = element.querySelector('#header-top-line');
+            const centerLineElement = element.querySelector('#header-center-line');
+            const bottomLineElement = element.querySelector('#header-bottom-line');
+            setHeight((element === null || element === void 0 ? void 0 : element.offsetHeight) || 0);
+            dispatchHeaderHeightChangeEvent({
+                height: (element === null || element === void 0 ? void 0 : element.offsetHeight) || 0,
+                topHeight: (topLineElement === null || topLineElement === void 0 ? void 0 : topLineElement.offsetHeight) || 0,
+                centerHeight: (centerLineElement === null || centerLineElement === void 0 ? void 0 : centerLineElement.offsetHeight) || 0,
+                bottomHeight: (bottomLineElement === null || bottomLineElement === void 0 ? void 0 : bottomLineElement.offsetHeight) || 0
+            });
+        });
+        resizeObserver.observe(ref.current);
+        return () => resizeObserver.disconnect();
+    }, [currenPath]);
+    (0, react_1.useEffect)(() => {
+        if (ref.current) {
+            setHeight(ref.current.offsetHeight);
+        }
+    }, [ref, currenPath]);
+    return { ref, height };
+};
+exports.useHeaderHeight = useHeaderHeight;
+//# sourceMappingURL=useHeight.js.map

package/dist/components/blocks/header/hooks/useHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeight.js","sourceRoot":"","sources":["../../../../../src/components/blocks/header/hooks/useHeight.ts"],"names":[],"mappings":";;;AAAA,iCAAmD;AAE5C,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,EAAE;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IACvC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAExB,MAAM,+BAA+B,GAAG,CAAC,EACvC,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACb,EAAE,EAAE;QACH,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,oBAAoB,EAAE;YACpC,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE;SAC1D,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,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,MAAM,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;YAChE,MAAM,iBAAiB,GAAG,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAA;YACtE,MAAM,iBAAiB,GAAG,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAA;YACtE,SAAS,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;YACrC,+BAA+B,CAAC;gBAC9B,MAAM,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,KAAI,CAAC;gBAClC,SAAS,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,KAAI,CAAC;gBAC5C,YAAY,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,KAAI,CAAC;gBAClD,YAAY,EAAE,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,KAAI,CAAC;aACnD,CAAC,CAAA;QACJ,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,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;SACpC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAA;IAErB,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA;AACxB,CAAC,CAAA;AA3CY,QAAA,eAAe,mBA2C3B"}

package/dist/components/blocks/header/hooks/useIsShowPremium.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsPremiumNotice = void 0;
+const react_1 = require("react");
+const availablePremium = [
+    '/market/portfolios',
+    '/market/screener',
+    '/market/asset-comparison',
+    '/market/passive-income',
+    '/market/economic-cycle'
+];
+const useIsPremiumNotice = (userRole, currentPathName) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        checkVisible();
+    }, [userRole, currentPathName]);
+    const checkVisible = () => {
+        if (userRole === 'paid') {
+            const href = window.location.href;
+            let value = false;
+            for (let i = 0; i < availablePremium.length; i++) {
+                if (href.includes(availablePremium[i]))
+                    value = true;
+            }
+            setIsOpen(value);
+        }
+        else {
+            setIsOpen(false);
+        }
+    };
+    return { isOpen };
+};
+exports.useIsPremiumNotice = useIsPremiumNotice;
+//# sourceMappingURL=useIsShowPremium.js.map

package/dist/components/blocks/header/hooks/useIsShowPremium.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsShowPremium.js","sourceRoot":"","sources":["../../../../../src/components/blocks/header/hooks/useIsShowPremium.ts"],"names":[],"mappings":";;;AACA,iCAA2C;AAE3C,MAAM,gBAAgB,GAAG;IACvB,oBAAoB;IACpB,kBAAkB;IAClB,0BAA0B;IAC1B,wBAAwB;IACxB,wBAAwB;CACzB,CAAA;AAEM,MAAM,kBAAkB,GAAG,CAChC,QAAkB,EAClB,eAAuB,EACvB,EAAE;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;YACjC,IAAI,KAAK,GAAG,KAAK,CAAA;YACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAChD,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;oBAAE,KAAK,GAAG,IAAI,CAAA;aACrD;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;aAAM;YACL,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACnB,CAAC,CAAA;AAxBY,QAAA,kBAAkB,sBAwB9B"}

package/dist/components/blocks/header/hooks/useOffer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UserRole } from '../../../../common.types';
 interface IProps {
     userRole: UserRole;

package/dist/components/blocks/header/hooks/useOffer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOffer = void 0;
+const react_1 = require("react");
+const KEY_OFFER = 'header-banner-offer';
+const useOffer = ({ userRole, isPossibleTrial, isProfinansy }) => {
+    const [offer, setOffer] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (userRole === 'authorized' && isProfinansy) {
+            const offerBanner = localStorage.getItem(KEY_OFFER);
+            if (!offerBanner && isPossibleTrial) {
+                setOffer(true);
+                localStorage.setItem(KEY_OFFER, '1');
+            }
+        }
+    }, [userRole, isProfinansy, isPossibleTrial]);
+    return { offer, setOffer };
+};
+exports.useOffer = useOffer;
+//# sourceMappingURL=useOffer.js.map

package/dist/components/blocks/header/hooks/useOffer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOffer.js","sourceRoot":"","sources":["../../../../../src/components/blocks/header/hooks/useOffer.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAG3C,MAAM,SAAS,GAAG,qBAAqB,CAAA;AAQvC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAU,EAAE,EAAE;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,YAAY,IAAI,YAAY,EAAE;YAC7C,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;YACnD,IAAI,CAAC,WAAW,IAAI,eAAe,EAAE;gBACnC,QAAQ,CAAC,IAAI,CAAC,CAAA;gBACd,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;aACrC;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAA;IAE7C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AAC5B,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./header"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/blocks/header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB"}

package/dist/components/blocks/header/mirrors/club/constant.js

@@ -0,0 +1,141 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNavMirrorClubLinks = void 0;
+const Tariffs_svg_1 = __importDefault(require("../../../../../icons/Tariffs.svg"));
+const About_svg_1 = __importDefault(require("../../../../../icons/About.svg"));
+const Club_svg_1 = __importDefault(require("../../../../../icons/Club.svg"));
+const landing = 'https://preview.profinansy.club';
+const getNavMirrorClubLinks = (isAuth) => {
+    return [
+        {
+            name: 'Тарифы',
+            href: 'https://preview.profinansy.club/#tariffs',
+            subPages: [],
+            Icon: Tariffs_svg_1.default
+        },
+        {
+            name: 'О продукте',
+            href: 'https://preview.profinansy.club/#about',
+            subPages: [],
+            Icon: About_svg_1.default
+        },
+        {
+            name: 'Документация',
+            href: 'https://preview.profinansy.club/#about',
+            subPages: [],
+            Icon: About_svg_1.default
+        },
+        {
+            name: 'Клуб',
+            Icon: Club_svg_1.default,
+            href: !isAuth ? landing : 'https://profinansy.club/club',
+            subPages: [
+                {
+                    name: 'Главная',
+                    href: !isAuth ? landing : 'https://profinansy.club/club'
+                },
+                {
+                    name: 'Выбор pro.finansy',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/profinansy-choice'
+                },
+                {
+                    name: 'Портфели клуба',
+                    locked: !isAuth,
+                    subLinks: [
+                        {
+                            name: 'Реальный счет',
+                            href: !isAuth
+                                ? landing
+                                : 'https://profinansy.club/club/club-portfolios'
+                        },
+                        {
+                            name: 'Модельные портфели',
+                            href: !isAuth
+                                ? landing
+                                : 'https://profinansy.club/club/club-portfolios?tab=model_portfolios'
+                        }
+                    ]
+                },
+                {
+                    name: 'Аналитические обзоры',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/analytical-previ'
+                },
+                {
+                    name: 'Инвестиционный комитет',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/invest-committee'
+                },
+                {
+                    name: 'Полезные материалы',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/useful-materials'
+                },
+                {
+                    name: 'Инвестмент апдейты',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/invest-updates'
+                },
+                {
+                    name: 'Говорит эксперт',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/invited-speakers'
+                },
+                {
+                    name: 'Экономический календарь',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/economics-calendar'
+                },
+                {
+                    name: 'Учимся вместе',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/education/cink'
+                },
+                {
+                    name: 'Американские горки ',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/roller-coaster'
+                },
+                {
+                    name: 'Разбор портфелей',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/portfolios-analy'
+                },
+                {
+                    name: 'Наши встречи',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/content/offline-meetings'
+                },
+                {
+                    name: 'Разбор книг',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/education/rkink'
+                },
+                {
+                    name: 'Киноклуб',
+                    href: !isAuth
+                        ? landing
+                        : 'https://profinansy.club/club/education/kink'
+                }
+            ]
+        }
+    ];
+};
+exports.getNavMirrorClubLinks = getNavMirrorClubLinks;
+//# sourceMappingURL=constant.js.map

package/dist/components/blocks/header/mirrors/club/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/mirrors/club/constant.ts"],"names":[],"mappings":"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"}

package/dist/components/blocks/header/mirrors/lms/constant.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNavMirrorLinks = void 0;
+const Book_svg_1 = __importDefault(require("../../../../../icons/Book.svg"));
+const Tariffs_svg_1 = __importDefault(require("../../../../../icons/Tariffs.svg"));
+const About_svg_1 = __importDefault(require("../../../../../icons/About.svg"));
+const landing = 'https://preview.profinansy.study/';
+const getNavMirrorLinks = (isAuth) => {
+    return [
+        {
+            name: 'Обучение',
+            href: isAuth ? 'https://profinansy.study/courses/' : landing,
+            subPages: [],
+            Icon: Book_svg_1.default
+        },
+        {
+            name: 'Тарифы',
+            href: 'https://sites.profinansy.ru/lms_tariff',
+            subPages: [],
+            Icon: Tariffs_svg_1.default
+        },
+        {
+            name: 'О проекте',
+            href: landing,
+            subPages: [],
+            Icon: About_svg_1.default
+        }
+    ];
+};
+exports.getNavMirrorLinks = getNavMirrorLinks;
+//# sourceMappingURL=constant.js.map

package/dist/components/blocks/header/mirrors/lms/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/mirrors/lms/constant.ts"],"names":[],"mappings":";;;;;;AAAA,6EAAoD;AACpD,mFAA0D;AAC1D,+EAAsD;AAEtD,MAAM,OAAO,GAAG,mCAAmC,CAAA;AAE5C,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,EAAE;IACnD,OAAO;QACL;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,OAAO;YAC5D,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,kBAAQ;SACf;QACD;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,wCAAwC;YAC9C,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,qBAAW;SAClB;QACD;YACE,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,mBAAS;SAChB;KACF,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,iBAAiB,qBAqB7B"}

package/dist/components/blocks/sideMenu/SideMenu.js

@@ -0,0 +1,93 @@
+"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.SideMenu = exports.SideMenuContext = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = require("styled-components");
+const Styled = __importStar(require("./SideMenu.styled"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const DoubleArrow_svg_1 = __importDefault(require("../../../icons/DoubleArrow.svg"));
+const SideModal_const_1 = require("./SideModal.const");
+const constant_1 = require("../../../urls/constant");
+const Item_1 = __importDefault(require("./components/Item/Item"));
+const Banner_1 = require("./components/Banner/Banner");
+const useSaveOpenMode_1 = require("./hooks/useSaveOpenMode");
+const useHeaderHeight_1 = require("../../../hooks/useHeaderHeight");
+const Search_1 = require("./components/Search/Search");
+const utils_1 = require("./utils");
+const useBreakpoints_1 = require("../../../hooks/useBreakpoints");
+const useGetHeightForMobile_1 = require("../../../hooks/useGetHeightForMobile");
+const ModalQuiz_1 = require("./components/Premium/components/ModalQuiz/ModalQuiz");
+const FooterSlot_1 = require("./components/FooterSlot/FooterSlot");
+exports.SideMenuContext = (0, react_1.createContext)({
+    apiSettings: null,
+    setShowQuiz: null
+});
+const SideMenu = ({ banners, category, isTest, isProfinansy, isLeaderboardPermission, userRole, onRouteChange, apiSettings, footerSlot }) => {
+    var _a;
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { isOpen, setOpenSideMenu } = (0, useSaveOpenMode_1.useSaveOpenMode)(category);
+    const [showQuiz, setShowQuiz] = (0, react_1.useState)(null);
+    const [footerHeight, setFooterHeight] = (0, react_1.useState)(0);
+    const hostname = (0, constant_1.getProfinansyHost)(isProfinansy, isTest);
+    const hostnameLenta = (0, constant_1.getFeedHost)(isTest);
+    const countBanners = (banners === null || banners === void 0 ? void 0 : banners.length) || 0;
+    const { commonHeight } = (0, useHeaderHeight_1.useHeaderHeightListener)();
+    const handleRouteChange = (0, react_1.useCallback)((url) => {
+        if (onRouteChange) {
+            onRouteChange(url);
+            return;
+        }
+        window.location = url;
+    }, [onRouteChange]);
+    const { tablet } = (0, useBreakpoints_1.useBreakpoints)();
+    const vh = (0, useGetHeightForMobile_1.useGetHeightForMobile)(tablet);
+    const heightContent = (0, utils_1.getMaxHeightSideMenu)(countBanners, commonHeight, vh);
+    const data = (0, SideModal_const_1.getSideMenuData)(category, hostname, hostnameLenta, userRole, isLeaderboardPermission);
+    const providerData = (0, react_1.useMemo)(() => {
+        return { apiSettings, setShowQuiz };
+    }, [apiSettings, setShowQuiz]);
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(exports.SideMenuContext.Provider, { value: providerData },
+            react_1.default.createElement(Styled.Container, { id: "side-menu" },
+                react_1.default.createElement(Styled.Wrapper, { isOpen: isOpen, height: heightContent },
+                    react_1.default.createElement(Styled.HeaderContainer, null,
+                        react_1.default.createElement(Styled.Header, null,
+                            category !== 'all' && (react_1.default.createElement(Styled.Icon, { isOpen: isOpen, onClick: () => setOpenSideMenu(!isOpen) },
+                                react_1.default.createElement(DoubleArrow_svg_1.default, null))),
+                            react_1.default.createElement(Styled.Title, { isOpen: isOpen }, data.name)),
+                        react_1.default.createElement(Search_1.Search, { hostname: hostname, handleRouteChange: handleRouteChange, isOpenMode: isOpen, height: heightContent })),
+                    react_1.default.createElement(Styled.Divider, null),
+                    react_1.default.createElement(Styled.Items, { id: "side-menu-items", footerHeight: footerHeight }, (_a = data.subPages) === null || _a === void 0 ? void 0 : _a.map((item, index) => (react_1.default.createElement(Item_1.default, { isOpenMode: isOpen, key: index, data: item, handleRouteChange: handleRouteChange })))),
+                    !!footerSlot && (react_1.default.createElement(FooterSlot_1.FooterSlot, { setFooterHeight: setFooterHeight }, footerSlot))),
+                category !== 'all' && isOpen && react_1.default.createElement(Banner_1.Banners, { data: banners })),
+            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.SideMenu = SideMenu;
+//# sourceMappingURL=SideMenu.js.map

package/dist/components/blocks/sideMenu/SideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../src/components/blocks/sideMenu/SideMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/blocks/sideMenu/SideMenu.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.SideMenu = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const SideMenu_1 = require("./SideMenu");
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Blocks/SideMenu',
+    component: SideMenu_1.SideMenu
+};
+const Wrapper = styled_components_1.default.div `
+  display: flex;
+  gap: 24px;
+  flex-wrap: wrap;
+`;
+const Discount = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(
+      107deg,
+      rgba(40, 155, 239, 0.08) -9.24%,
+      rgba(140, 109, 229, 0.08) 45.88%,
+      rgba(239, 64, 219, 0.08) 101.01%
+    ),
+    rgba(124, 159, 246, 0.12);
+  padding: 8px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  border: none;
+  width: 100%;
+`;
+const SideMenu = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u043E\u043A\u043E\u0432\u043E\u0435 \u043C\u0435\u043D\u044E \u0434\u043B\u044F \u0441\u0430\u0439\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0411\u043E\u043A\u043E\u0432\u043E\u0435 \u043C\u0435\u043D\u044E \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u043F\u0443\u043D\u043A\u0442\u044B \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0430. \u0412\u0441\u0435\u0433\u043E \u0435\u0441\u0442\u044C 7 \u0440\u0430\u0437\u0434\u0435\u043B\u043E\u0432: <b>all, myMoney, education, investment, calculators, profile, idv</b>" }),
+        react_1.default.createElement(Wrapper, null,
+            react_1.default.createElement(SideMenu_1.SideMenu, { apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, isTest: true, userRole: "paid", isProfinansy: false, category: "all", isLeaderboardPermission: true }),
+            react_1.default.createElement(SideMenu_1.SideMenu, { footerSlot: react_1.default.createElement(Discount, { onClick: () => alert('click') }, "\u041C\u043E\u044F \u0441\u0443\u043F\u0435\u0440 \u0441\u043A\u0438\u0434\u043A\u0430"), apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, banners: [
+                    {
+                        href: 'https://google.com',
+                        image: 'https://img51994.kanal-o.ru/img/2022-11-28/fmt_81_24_shutterstock_1772501975.jpg'
+                    },
+                    {
+                        href: 'https://google.com',
+                        image: 'https://s0.rbk.ru/v6_top_pics/media/img/2/16/346928865645162.webp'
+                    }
+                ], isTest: true, userRole: "paid", isProfinansy: false, category: "myMoney", isLeaderboardPermission: true }),
+            react_1.default.createElement(SideMenu_1.SideMenu, { apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, isTest: true, userRole: "paid", isProfinansy: false, category: "education", isLeaderboardPermission: true }),
+            react_1.default.createElement(SideMenu_1.SideMenu, { apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, isTest: true, userRole: "paid", isProfinansy: false, category: "investment", isLeaderboardPermission: true }),
+            react_1.default.createElement(SideMenu_1.SideMenu, { apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, isTest: true, userRole: "paid", isProfinansy: false, category: "calculators", isLeaderboardPermission: true }),
+            react_1.default.createElement(SideMenu_1.SideMenu, { apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, isTest: true, userRole: "paid", isProfinansy: false, category: "profile", isLeaderboardPermission: true }),
+            react_1.default.createElement(SideMenu_1.SideMenu, { apiSettings: { token: '', baseUrl: 'https://test.profinansy.ru/api' }, isTest: true, userRole: "paid", isProfinansy: false, category: "idv", isLeaderboardPermission: true }))));
+};
+exports.SideMenu = SideMenu;
+//# sourceMappingURL=SideMenu.stories.js.map