profinansy-ui-lib 3.4.14 → 3.4.16

package/dist/components/blocks/header/components/header-link-item/components/Hit/Hit.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hit = exports.HitStyled = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_1 = require("../../../../../../uikit/Typography");
+exports.HitStyled = (0, styled_components_1.default)(Typography_1.Typography) `
+  display: flex;
+  align-items: center;
+  height: 20px;
+  border-radius: 12px;
+  padding: 4px 8px;
+  background: ${(props) => props.theme.icons.negative};
+`;
+const Hit = () => {
+    return (react_1.default.createElement(exports.HitStyled, { variant: "caption2-Medium", colorName: "contrastThemed", tag: "span" }, "\u0425\u0438\u0442"));
+};
+exports.Hit = Hit;
+//# sourceMappingURL=Hit.js.map

package/dist/components/blocks/header/components/header-link-item/components/Hit/Hit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hit.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/header-link-item/components/Hit/Hit.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,0EAAsC;AACtC,mEAA+D;AAElD,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;;gBAM3B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;CACpD,CAAA;AAED,MAAM,GAAG,GAAG,GAAG,EAAE;IACf,OAAO,CACL,8BAAC,iBAAS,IAAC,OAAO,EAAC,iBAAiB,EAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAC,MAAM,yBAE9D,CACb,CAAA;AACH,CAAC,CAAA;AAEQ,kBAAG"}

package/dist/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.js

@@ -0,0 +1,67 @@
+"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.MoreItems = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./MoreItems.styled"));
+const King_svg_1 = __importDefault(require("../../../../../../../icons/King.svg"));
+const Hit_1 = require("../Hit/Hit");
+const New_1 = require("../New/New");
+const MoreItems = (0, react_1.memo)(({ item, LinkWrapper, isOpen, handleClose }) => {
+    const [height, setHeight] = (0, react_1.useState)(0);
+    const { structure } = item;
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (ref.current && isOpen) {
+            const heights = ref.current.scrollHeight;
+            setHeight(heights);
+        }
+    }, [isOpen, item]);
+    return (react_1.default.createElement(Styled.Container, { ref: ref, isOpen: isOpen, height: height }, structure.map((item, idx) => (react_1.default.createElement("div", { key: idx, ref: ref }, item === null || item === void 0 ? void 0 : item.map((linksUl) => {
+        var _a;
+        const isShowPremium = linksUl.unavailable;
+        const isHit = linksUl.isHit;
+        const isNew = linksUl.isNew;
+        if (linksUl.isNotVisible)
+            return null;
+        return (react_1.default.createElement(Styled.List, { key: linksUl.name, isOpen: isOpen, onClick: handleClose },
+            react_1.default.createElement(LinkWrapper, { href: linksUl.href },
+                react_1.default.createElement(Styled.MainLink, { variant: "header6-Bold", tag: "span", colorName: "primary" },
+                    linksUl.name,
+                    isShowPremium && (react_1.default.createElement(King_svg_1.default, { style: { minWidth: '22px' } })),
+                    !isShowPremium && isHit && react_1.default.createElement(Hit_1.Hit, null),
+                    !isShowPremium && !isHit && isNew && react_1.default.createElement(New_1.New, null))),
+            linksUl.subPages && (react_1.default.createElement(Styled.SubList, null, (_a = linksUl.subPages) === null || _a === void 0 ? void 0 : _a.map((link) => (react_1.default.createElement(LinkWrapper, { key: link.name, href: link.href },
+                react_1.default.createElement(Styled.SubLink, { variant: "text-Regular", tag: "span", colorName: "primary" },
+                    link.name,
+                    link.isNew && react_1.default.createElement(New_1.New, null),
+                    link.isHit && react_1.default.createElement(Hit_1.Hit, null)))))))));
+    }))))));
+});
+exports.MoreItems = MoreItems;
+//# sourceMappingURL=MoreItems.js.map

package/dist/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreItems.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,2DAA4C;AAE5C,mFAA6D;AAC7D,oCAAgC;AAChC,oCAAgC;AAShC,MAAM,SAAS,GAAG,IAAA,YAAI,EAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAU,EAAE,EAAE;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;IAC1B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAExB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,IAAI,MAAM,EAAE;YACzB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAA;YACxC,SAAS,CAAC,OAAO,CAAC,CAAA;SACnB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACvD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,uCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IACpB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;QACrB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,CAAA;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;QAC3B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;QAE3B,IAAI,OAAO,CAAC,YAAY;YAAE,OAAO,IAAI,CAAA;QAErC,OAAO,CACL,8BAAC,MAAM,CAAC,IAAI,IACV,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW;YAEpB,8BAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI;gBAC7B,8BAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAC,cAAc,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,SAAS;oBAElB,OAAO,CAAC,IAAI;oBACZ,aAAa,IAAI,CAChB,8BAAC,kBAAW,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAI,CAC7C;oBACA,CAAC,aAAa,IAAI,KAAK,IAAI,8BAAC,SAAG,OAAG;oBAClC,CAAC,aAAa,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,8BAAC,SAAG,OAAG,CAC7B,CACN;YACb,OAAO,CAAC,QAAQ,IAAI,CACnB,8BAAC,MAAM,CAAC,OAAO,QACZ,MAAA,OAAO,CAAC,QAAQ,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC/B,8BAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;gBAC1C,8BAAC,MAAM,CAAC,OAAO,IACb,OAAO,EAAC,cAAc,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,SAAS;oBAElB,IAAI,CAAC,IAAI;oBACT,IAAI,CAAC,KAAK,IAAI,8BAAC,SAAG,OAAG;oBACrB,IAAI,CAAC,KAAK,IAAI,8BAAC,SAAG,OAAG,CACP,CACL,CACf,CAAC,CACa,CAClB,CACW,CACf,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEO,8BAAS"}

package/dist/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.styled.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubLink = exports.MainLink = exports.SubList = exports.List = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_1 = require("../../../../../../uikit/Typography");
+const List_1 = require("../../../../../../../styles/List");
+const common_1 = require("../../../../../../../constants/common");
+exports.Container = styled_components_1.default.div `
+  position: fixed;
+  left: 50%;
+  top: ${common_1.HEIGHT_HEADER}px;
+  transform: translate(-50%, 0);
+  width: 888px;
+  padding: 0 28px 0;
+  display: flex;
+  gap: 24px;
+  border-radius: 0 0 16px 16px;
+  cursor: default;
+  text-align: left;
+  background: ${(props) => props.theme.background.field};
+  transition: height 0.3s cubic-bezier(0.6, 0, 0.4, 1);
+  height: ${(props) => props.isOpen ? `calc(${props.height}px + 56px)` : '0px'};
+  pointer-events: ${(props) => (props.isOpen ? 'auto' : 'none')};
+  overflow: hidden;
+`;
+exports.List = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  max-width: 187px;
+  min-width: 187px;
+  margin-bottom: 24px;
+  margin-top: 28px;
+  transition: opacity 0.4s cubic-bezier(0.6, 0, 0.4, 1),
+    transform 0.4s cubic-bezier(0.6, 0, 0.4, 1);
+  opacity: ${({ isOpen }) => (isOpen ? 1 : 0)};
+  visibility: ${({ isOpen }) => (isOpen ? 'visible' : 'hidden')};
+  transform: ${({ isOpen }) => isOpen ? 'translateY(0px)' : 'translateY(-28px)'};
+  & a {
+    text-decoration: none;
+  }
+`;
+exports.SubList = styled_components_1.default.div `
+  margin-top: 14px;
+`;
+exports.MainLink = (0, styled_components_1.default)(Typography_1.Typography) `
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 10px;
+  cursor: pointer;
+  padding-left: 8px;
+  &:hover {
+    color: ${(props) => props.theme.text.accent};
+  }
+  &:active {
+    color: ${(props) => props.theme.interactiveButtons.brandBackgroundHover};
+  }
+`;
+exports.SubLink = (0, styled_components_1.default)(Typography_1.Typography) `
+  cursor: pointer;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 10px;
+  ${List_1.ListItemStyle}
+`;
+//# sourceMappingURL=MoreItems.styled.js.map

package/dist/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreItems.styled.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/header-link-item/components/MoreItems/MoreItems.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,mEAA+D;AAC/D,2DAAgE;AAChE,kEAAqE;AAExD,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAqC;;;SAG/D,sBAAa;;;;;;;;;gBASN,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;YAE3C,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,YAAY,CAAC,CAAC,CAAC,KAAK;oBACvC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;CAE9D,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;;;;;;aAUtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;eAChD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAC1B,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB;;;;CAInD,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,CAAA;AAEY,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;;;;aAQ7B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;;aAGlC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,oBAAoB;;CAE1E,CAAA;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;;IAMrC,oBAAa;CAChB,CAAA"}

package/dist/components/blocks/header/components/header-link-item/components/New/New.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.New = exports.NewStyled = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_1 = require("../../../../../../uikit/Typography");
+exports.NewStyled = (0, styled_components_1.default)(Typography_1.Typography) `
+  display: flex;
+  align-items: center;
+  height: 20px;
+  border-radius: 12px;
+  padding: 4px 8px;
+  background: ${(props) => props.theme.icons.accent};
+`;
+const New = () => {
+    return (react_1.default.createElement(exports.NewStyled, { variant: "caption2-Medium", colorName: "contrastThemed", tag: "span" }, "\u041D\u043E\u0432\u0438\u043D\u043A\u0430"));
+};
+exports.New = New;
+//# sourceMappingURL=New.js.map

package/dist/components/blocks/header/components/header-link-item/components/New/New.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"New.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/header-link-item/components/New/New.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,0EAAsC;AACtC,mEAA+D;AAElD,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;;gBAM3B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;CAClD,CAAA;AAED,MAAM,GAAG,GAAG,GAAG,EAAE;IACf,OAAO,CACL,8BAAC,iBAAS,IAAC,OAAO,EAAC,iBAAiB,EAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAC,MAAM,iDAE9D,CACb,CAAA;AACH,CAAC,CAAA;AAEQ,kBAAG"}

package/dist/components/blocks/header/components/header-link-item/header-link-item.d.ts

@@ -1,8 +1,9 @@
 import { ElementType, FC } from 'react';
 import { THeaderLinks } from '../../contstants/links';
 type Props = {
+    openItem: string;
+    handleOpenItem: (val: string) => void;
     LinkWrapper: ElementType;
-    setIsShowBackground: (val: boolean) => void;
     item: THeaderLinks;
 };
 export declare const HeaderLinkItem: FC<Props>;

package/dist/components/blocks/header/components/header-link-item/header-link-item.js

@@ -0,0 +1,59 @@
+"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.HeaderLinkItem = void 0;
+const react_1 = __importStar(require("react"));
+const header_link_item_styled_1 = require("./header-link-item.styled");
+const MoreItems_1 = require("./components/MoreItems/MoreItems");
+const useGetDevice_1 = require("../../../../../hooks/useGetDevice");
+const useClickOutside_1 = __importDefault(require("../../../../../hooks/useClickOutside"));
+const HeaderLinkItem = (props) => {
+    const { LinkWrapper, item, handleOpenItem, openItem } = props;
+    const ref = (0, react_1.useRef)(null);
+    const { href, name } = item;
+    (0, useClickOutside_1.default)(openItem === name, () => {
+        if (device === 'mobile')
+            handleOpenItem(null);
+    }, ref);
+    const { device } = (0, useGetDevice_1.useGetDevice)();
+    if (device === 'mobile') {
+        return (react_1.default.createElement(header_link_item_styled_1.Wrapper, { onClick: () => handleOpenItem(name), ref: ref },
+            react_1.default.createElement(header_link_item_styled_1.Container, { isHover: openItem === name },
+                react_1.default.createElement(header_link_item_styled_1.HeaderLink, { variant: "description-SemiBold", tag: "span", colorName: "contrastThemed" }, name)),
+            react_1.default.createElement(MoreItems_1.MoreItems, { item: item, isOpen: openItem === name, LinkWrapper: LinkWrapper, handleClose: () => handleOpenItem(null) })));
+    }
+    if (LinkWrapper)
+        return (react_1.default.createElement(header_link_item_styled_1.Wrapper, null,
+            react_1.default.createElement(LinkWrapper, { href: href },
+                react_1.default.createElement(header_link_item_styled_1.Container, { isHover: openItem === name },
+                    react_1.default.createElement("div", { onMouseEnter: () => handleOpenItem(name) },
+                        react_1.default.createElement(header_link_item_styled_1.HeaderLink, { variant: "description-SemiBold", tag: "span" }, name)))),
+            react_1.default.createElement(MoreItems_1.MoreItems, { item: item, isOpen: openItem === name, LinkWrapper: LinkWrapper, handleClose: () => handleOpenItem(null) })));
+};
+exports.HeaderLinkItem = HeaderLinkItem;
+//# sourceMappingURL=header-link-item.js.map

package/dist/components/blocks/header/components/header-link-item/header-link-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-link-item.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/header-link-item/header-link-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,uEAA0E;AAC1E,gEAA4D;AAE5D,oEAAgE;AAChE,2FAAkE;AAS3D,MAAM,cAAc,GAAc,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC7D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACxB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IAE3B,IAAA,yBAAe,EACb,QAAQ,KAAK,IAAI,EACjB,GAAG,EAAE;QACH,IAAI,MAAM,KAAK,QAAQ;YAAE,cAAc,CAAC,IAAI,CAAC,CAAA;IAC/C,CAAC,EACD,GAAG,CACJ,CAAA;IACD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAY,GAAE,CAAA;IAEjC,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,OAAO,CACL,8BAAC,iCAAO,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG;YACpD,8BAAC,mCAAS,IAAC,OAAO,EAAE,QAAQ,KAAK,IAAI;gBACnC,8BAAC,oCAAU,IACT,OAAO,EAAC,sBAAsB,EAC9B,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,IAEzB,IAAI,CACM,CACH;YACZ,8BAAC,qBAAS,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,KAAK,IAAI,EACzB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GACvC,CACM,CACX,CAAA;KACF;IAED,IAAI,WAAW;QACb,OAAO,CACL,8BAAC,iCAAO;YACN,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI;gBACrB,8BAAC,mCAAS,IAAC,OAAO,EAAE,QAAQ,KAAK,IAAI;oBACnC,uCAAK,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC;wBAC3C,8BAAC,oCAAU,IAAC,OAAO,EAAC,sBAAsB,EAAC,GAAG,EAAC,MAAM,IAClD,IAAI,CACM,CACT,CACI,CACA;YACd,8BAAC,qBAAS,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,KAAK,IAAI,EACzB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GACvC,CACM,CACX,CAAA;AACL,CAAC,CAAA;AAxDY,QAAA,cAAc,kBAwD1B"}

package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export declare const HeaderLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Test: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isHover: boolean;
+}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = exports.Container = exports.HeaderLink = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_1 = require("../../../../uikit/Typography");
+const animation_2 = require("../../../../../constants/animation/animation");
+const common_1 = require("../../../../../constants/common");
+exports.HeaderLink = (0, styled_components_1.default)(Typography_1.Typography) `
+  font-family: Manrope, sans-serif;
+  align-items: center;
+  white-space: nowrap;
+`;
+exports.Container = styled_components_1.default.div `
+  transition: ${`all 0.1s ${animation_2.AnimationFunctions.animation_1}`};
+  padding: 6px 16px;
+  border-radius: 8px;
+  background: ${(props) => props.isHover ? props.theme.interactiveControls.accent : 'transparent'};
+  ${exports.HeaderLink} {
+    color: ${(props) => props.isHover
+    ? props.theme.text.primary
+    : props.theme.text.contrastThemed};
+  }
+  &:active {
+    background: ${(props) => props.theme.interactiveControls.supportive};
+  }
+`;
+exports.Wrapper = styled_components_1.default.div `
+  height: ${common_1.HEIGHT_HEADER}px;
+  display: flex;
+  align-items: center;
+`;
+//# sourceMappingURL=header-link-item.styled.js.map

package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-link-item.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/header-link-item/header-link-item.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,6DAAyD;AACzD,4EAAiF;AACjF,4DAA+D;AAElD,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;CAI3C,CAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAsB;gBACzC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;;gBAG5C,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;IACtE,kBAAU;aACD,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,OAAO;IACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IAC1B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;;kBAGvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,UAAU;;CAEtE,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;YACrB,sBAAa;;;CAGxB,CAAA"}

package/dist/components/blocks/header/components/premium-dropdown-list/constants.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listAdvantages = void 0;
+const Desires_svg_1 = __importDefault(require("../../../../../icons/Desires.svg"));
+const Purposes_svg_1 = __importDefault(require("../../../../../icons/Purposes.svg"));
+const PortfolioPremium_svg_1 = __importDefault(require("../../../../../icons/PortfolioPremium.svg"));
+const Course_svg_1 = __importDefault(require("../../../../../icons/Course.svg"));
+const Selections_svg_1 = __importDefault(require("../../../../../icons/Selections.svg"));
+const Charts_svg_1 = __importDefault(require("../../../../../icons/Charts.svg"));
+const Search_svg_1 = __importDefault(require("../../../../../icons/Search.svg"));
+const Analytic_svg_1 = __importDefault(require("../../../../../icons/Analytic.svg"));
+const ETF_svg_1 = __importDefault(require("../../../../../icons/ETF.svg"));
+const ChartSquare_svg_1 = __importDefault(require("../../../../../icons/ChartSquare.svg"));
+const Filter_svg_1 = __importDefault(require("../../../../../icons/Filter.svg"));
+exports.listAdvantages = [
+    {
+        item: `Курс «Школа начинающего инвестора»`,
+        Icon: Course_svg_1.default
+    },
+    {
+        item: `Ведение безлимитного количества целей в разделе «Цели и желания»`,
+        Icon: Purposes_svg_1.default
+    },
+    {
+        item: `Ведение безлимитного количества желаний в разделе «Мои желания»`,
+        Icon: Desires_svg_1.default
+    },
+    {
+        item: `<b>Готовые подборки</b> лучших инструментов для инвестиций`,
+        Icon: Selections_svg_1.default
+    },
+    {
+        item: `Интерактивная статистика и аналитика <b>по вашим брокерским счетам и инвестиционным портфелям</b> в разделе «Портфели»`,
+        Icon: PortfolioPremium_svg_1.default
+    },
+    {
+        item: `Доступ к <b>готовым стратегиям по облигациям и акциям</b> в разделе «Календарь инвестора»`,
+        Icon: Charts_svg_1.default
+    },
+    {
+        item: `Технологичный <b>удобный поиск инвестиций</b> в разделе «Поиск»`,
+        Icon: Search_svg_1.default
+    },
+    {
+        item: `Аналитика по 20 000+ акциям`,
+        Icon: Analytic_svg_1.default
+    },
+    {
+        item: `Аналитика по 3 000+ ETF/ПИФ`,
+        Icon: ETF_svg_1.default
+    },
+    {
+        item: `Аналитика по 145 000+ облигациям всего мира`,
+        Icon: Analytic_svg_1.default
+    },
+    {
+        item: `Доступ к аналитике инструментов <b>8+ мировых бирж</b> из России, США, Китая и Европы`,
+        Icon: ChartSquare_svg_1.default
+    },
+    {
+        item: `<b>Быстрый подбор инвестиций по фильтрам pro.finansy</b> - выбор только потенциально прибыльных компаний и инструментов для инвестиций`,
+        Icon: Filter_svg_1.default
+    }
+];
+//# sourceMappingURL=constants.js.map

package/dist/components/blocks/header/components/premium-dropdown-list/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/premium-dropdown-list/constants.ts"],"names":[],"mappings":";;;;;;AAAA,mFAA0D;AAC1D,qFAA4D;AAC5D,qGAAsE;AACtE,iFAAwD;AACxD,yFAAgE;AAChE,iFAAwD;AACxD,iFAAwD;AACxD,qFAA4D;AAC5D,2EAAkD;AAClD,2FAAmE;AACnE,iFAAwD;AAE3C,QAAA,cAAc,GAAG;IAC5B;QACE,IAAI,EAAE,oCAAoC;QAC1C,IAAI,EAAE,oBAAU;KACjB;IACD;QACE,IAAI,EAAE,kEAAkE;QACxE,IAAI,EAAE,sBAAY;KACnB;IACD;QACE,IAAI,EAAE,iEAAiE;QACvE,IAAI,EAAE,qBAAW;KAClB;IACD;QACE,IAAI,EAAE,4DAA4D;QAClE,IAAI,EAAE,wBAAc;KACrB;IACD;QACE,IAAI,EAAE,wHAAwH;QAC9H,IAAI,EAAE,8BAAc;KACrB;IACD;QACE,IAAI,EAAE,2FAA2F;QACjG,IAAI,EAAE,oBAAU;KACjB;IACD;QACE,IAAI,EAAE,oEAAoE;QAC1E,IAAI,EAAE,oBAAU;KACjB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,sBAAY;KACnB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,iBAAO;KACd;IACD;QACE,IAAI,EAAE,6CAA6C;QACnD,IAAI,EAAE,sBAAY;KACnB;IACD;QACE,IAAI,EAAE,uFAAuF;QAC7F,IAAI,EAAE,yBAAgB;KACvB;IACD;QACE,IAAI,EAAE,wIAAwI;QAC9I,IAAI,EAAE,oBAAU;KACjB;CACF,CAAA"}

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.js

@@ -0,0 +1,46 @@
+"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.PremiumDropdownList = void 0;
+const react_1 = __importStar(require("react"));
+const premium_dropdown_list_styled_1 = require("./premium-dropdown-list.styled");
+const Premium_1 = require("../Premium/Premium");
+const constants_1 = require("./constants");
+const ThemeProvider_1 = require("../../../../../theme/ThemeProvider");
+const PremiumDropdownList = ({ hostname, userRole, trial }) => {
+    const [opened, setOpened] = (0, react_1.useState)(false);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const isActive = userRole === 'paid';
+    return (react_1.default.createElement(premium_dropdown_list_styled_1.PremiumDropdownRoot, { onMouseEnter: () => setOpened(true), onMouseLeave: () => setOpened(false) },
+        react_1.default.createElement(Premium_1.Premium, { userRole: userRole, hostname: hostname, trial: trial }),
+        isActive && (react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListWrapper, { isOpen: opened },
+            react_1.default.createElement(premium_dropdown_list_styled_1.PremiumList, { mode: mode },
+                react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListTitle, null, "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u043F\u043E \u0432\u0430\u0448\u0435\u0439 \u043F\u043E\u0434\u043F\u0438\u0441\u043A\u0435"),
+                constants_1.listAdvantages.map(({ item, Icon }) => (react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListItem, { key: item },
+                    react_1.default.createElement(Icon, null),
+                    react_1.default.createElement(premium_dropdown_list_styled_1.PremiumListText, { dangerouslySetInnerHTML: { __html: item } })))))))));
+};
+exports.PremiumDropdownList = PremiumDropdownList;
+//# sourceMappingURL=premium-dropdown-list.js.map

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"premium-dropdown-list.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,iFAOuC;AAEvC,gDAA4C;AAC5C,2CAA4C;AAC5C,sEAA4D;AAQrD,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAU,EAAE,EAAE;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,MAAM,QAAQ,GAAG,QAAQ,KAAK,MAAM,CAAA;IAEpC,OAAO,CACL,8BAAC,kDAAmB,IAClB,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;QAEpC,8BAAC,iBAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI;QAChE,QAAQ,IAAI,CACX,8BAAC,iDAAkB,IAAC,MAAM,EAAE,MAAM;YAChC,8BAAC,0CAAW,IAAC,IAAI,EAAE,IAAI;gBACrB,8BAAC,+CAAgB,wJAA8C;gBAC9D,0BAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACtC,8BAAC,8CAAe,IAAC,GAAG,EAAE,IAAI;oBACxB,8BAAC,IAAI,OAAG;oBACR,8BAAC,8CAAe,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAC9C,CACnB,CAAC,CACU,CACK,CACtB,CACmB,CACvB,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,mBAAmB,uBA0B/B"}

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.styled.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PremiumListText = exports.PremiumListTitle = exports.PremiumListItem = exports.PremiumList = exports.PremiumListWrapper = exports.PremiumDropdownRoot = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const header_utils_1 = require("../../header.utils");
+const Scroll_1 = require("../../../../../styles/Scroll");
+const common_1 = require("../../../../../constants/common");
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.PremiumDropdownRoot = styled_components_1.default.div `
+  position: relative;
+`;
+exports.PremiumListWrapper = styled_components_1.default.div `
+  position: absolute;
+  top: 23px;
+  padding-top: 36px;
+  left: -464px;
+  width: 534px;
+  z-index: 10;
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1},
+    opacity 0.3s ${animation_2.AnimationFunctions.animation_1};
+  opacity: ${(props) => (props.isOpen ? 1 : 0)};
+  transform: ${(props) => props.isOpen ? 'translateY(0px)' : 'translateY(15px)'};
+  pointer-events: ${(props) => (props.isOpen ? 'auto' : 'none')};
+`;
+exports.PremiumList = styled_components_1.default.ul `
+  margin: 0;
+  list-style: none;
+  max-width: 534px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background-color: ${(props) => props.theme.background.content};
+  padding: 16px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  border-radius: 16px;
+  overflow: auto;
+  height: auto;
+  max-height: calc(100vh - ${common_1.HEIGHT_HEADER}px - 42px);
+  ${Scroll_1.Scroll}
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `}
+`;
+exports.PremiumListItem = styled_components_1.default.li `
+  display: grid;
+  grid-template-columns: 28px 1fr;
+  gap: 16px;
+  align-items: center;
+  background: none;
+  border: none;
+  padding: 6px 0;
+  margin-bottom: 4px;
+  cursor: default;
+  color: ${(props) => (0, header_utils_1.getDropdownsLinksColor)(props.theme, props.active, false)};
+`;
+exports.PremiumListTitle = styled_components_1.default.span `
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 700;
+  margin-bottom: 16px;
+  color: ${(props) => (0, header_utils_1.getDropdownsLinksColor)(props.theme, false, false)};
+`;
+exports.PremiumListText = styled_components_1.default.p `
+  margin: 0;
+  font-size: 15px;
+  line-height: 20px;
+  font-weight: 400;
+`;
+//# sourceMappingURL=premium-dropdown-list.styled.js.map

package/dist/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"premium-dropdown-list.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/premium-dropdown-list/premium-dropdown-list.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,qDAA2D;AAC3D,yDAAqD;AACrD,4DAA+D;AAC/D,4EAAiF;AAEpE,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE5C,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;;;+BAOlC,8BAAkB,CAAC,WAAW;mBAC1C,8BAAkB,CAAC,WAAW;aACpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;eAC/B,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;oBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAC9D,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,EAAE,CAAkB;;;;;;;sBAOhC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;gBAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;6BAIxB,sBAAa;IACtC,eAAM;IACN,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,IAAI,KAAK,MAAM;IACrB,IAAA,uBAAG,EAAA;4BACqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC7D;CACJ,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,EAAE,CAEtC;;;;;;;;;;WAUS,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qCAAsB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAC7E,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;WAKhC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qCAAsB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;CACtE,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;CAKtC,CAAA"}

package/dist/components/blocks/header/components/user-dropdown-menu/components/BannerCommon/BannerCommon.js

@@ -0,0 +1,44 @@
+"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.BannerCommon = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./BannerCommon.styled"));
+const Button_1 = require("../../../../../../uikit/Button");
+const BannerCommon = ({ profinansyHostname }) => {
+    const handleClick = () => {
+        window.open(`${profinansyHostname}/payment`, '_blank');
+    };
+    return (react_1.default.createElement(Styled.Container, { onClick: handleClick },
+        react_1.default.createElement(Styled.Left, null,
+            react_1.default.createElement(Styled.Text, null, "\u041F\u043E\u043B\u043D\u044B\u0439 \u0434\u043E\u0441\u0442\u0443\u043F \u043D\u0430 "),
+            react_1.default.createElement(Styled.Name, null, "profinansy.ru ")),
+        react_1.default.createElement(Button_1.Button, { size: "S", text: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C" })));
+};
+exports.BannerCommon = BannerCommon;
+//# sourceMappingURL=BannerCommon.js.map

package/dist/components/blocks/header/components/user-dropdown-menu/components/BannerCommon/BannerCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerCommon.js","sourceRoot":"","sources":["../../../../../../../../src/components/blocks/header/components/user-dropdown-menu/components/BannerCommon/BannerCommon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,8DAA+C;AAC/C,2DAAuD;AAMvD,MAAM,YAAY,GAAG,CAAC,EAAE,kBAAkB,EAAU,EAAE,EAAE;IACtD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,kBAAkB,UAAU,EAAE,QAAQ,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAE,WAAW;QACpC,8BAAC,MAAM,CAAC,IAAI;YACV,8BAAC,MAAM,CAAC,IAAI,kGAAgC;YAC5C,8BAAC,MAAM,CAAC,IAAI,yBAA6B,CAC7B;QACd,8BAAC,eAAM,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,kDAAU,GAAG,CAClB,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}