profinansy-ui-lib 3.6.49 → 3.6.51

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

@@ -0,0 +1,128 @@
+"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.Close = exports.Input = exports.InputContainer = exports.Icon = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Search4_svg_1 = __importDefault(require("../../../../../icons/Search4.svg"));
+const animation_2 = require("../../../../../constants/animation/animation");
+const common_1 = require("../../../../../constants/common");
+const widthAnimation = (targetWidth) => (0, styled_components_1.keyframes) `
+  from {
+    width: 48px;
+    opacity: 0;
+  }
+  to {
+    width: ${targetWidth};
+    opacity: 1;
+  }
+`;
+exports.Container = styled_components_1.default.button `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 12px;
+  width: 48px;
+  height: 36px;
+  border-radius: 8px;
+  background: rgba(36, 36, 36, 0.7);
+  border: rgba(36, 36, 36, 0.7);
+  cursor: pointer;
+  position: relative;
+  transition: ${() => `border 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    border: 1px solid #b4adfa;
+  }
+  &:focus {
+    outline: none;
+    border: 1px solid #b4adfa;
+  }
+`;
+exports.Icon = (0, styled_components_1.default)(Search4_svg_1.default) `
+  min-width: 24px;
+`;
+exports.InputContainer = styled_components_1.default.div `
+  z-index: 1010;
+  position: relative;
+`;
+exports.Input = styled_components_1.default.input `
+  font-family: 'Manrope', sans-serif;
+  padding: 8px 36px;
+  background: transparent;
+  border: none;
+  outline: none;
+  border: ${(props) => `1px solid ${props.theme.stroke.accent}`};
+  color: ${(props) => props.theme.text.contrastThemed};
+  border-radius: 8px;
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 20px;
+  animation: ${() => (0, styled_components_1.css) `
+      ${widthAnimation('800px')} 0.2s ease-in-out forwards
+    `};
+  ::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+  }
+  & ~ svg {
+    position: absolute;
+    top: 9px;
+    left: 10px;
+  }
+  @media (max-width: 1240px) {
+    animation: ${() => (0, styled_components_1.css) `
+        ${widthAnimation('600px')} 0.2s ease-in-out forwards
+      `};
+  }
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    font-size: 16px;
+    &::placeholder {
+      font-size: 16px;
+    }
+  }
+`;
+exports.Close = styled_components_1.default.button `
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  position: absolute;
+  top: 9px;
+  right: 10px;
+  transition: ${() => `transform 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    transform: scale(0.9);
+    & path {
+      fill: ${(props) => props.theme.stroke.secondary};
+    }
+  }
+`;
+//# sourceMappingURL=Search.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Search/Search.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mFAAyD;AACzD,4EAAiF;AACjF,4DAA8D;AAE9D,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,IAAA,6BAAS,EAAA;;;;;;aAM5C,WAAW;;;CAGvB,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;gBAYtB,GAAG,EAAE,CAAC,eAAe,8BAAkB,CAAC,WAAW,EAAE;;;;;;;;CAQpE,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,qBAAU,CAAC,CAAA;;CAErC,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;YAMrB,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;WACpD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;;;;eAKtC,GAAG,EAAE,CAChB,IAAA,uBAAG,EAAA;QACC,cAAc,CAAC,OAAO,CAAC;KAC1B;;aAEQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;;;;iBAQjC,GAAG,EAAE,CAChB,IAAA,uBAAG,EAAA;UACC,cAAc,CAAC,OAAO,CAAC;OAC1B;;uBAEgB,qBAAY;;;;;;CAMlC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;gBAalB,GAAG,EAAE,CAAC,kBAAkB,8BAAkB,CAAC,WAAW,EAAE;;;;cAI1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAGpD,CAAA"}

package/dist/components/blocks/header/components/Search/SearchInputHeader.js

@@ -0,0 +1,66 @@
+"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.SearchInputHeader = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Search.styled"));
+const Search5_svg_1 = __importDefault(require("../../../../../icons/Search5.svg"));
+const Close2_svg_1 = __importDefault(require("../../../../../icons/Close2.svg"));
+const useUpdateInput_1 = require("../../../search/hooks/useUpdateInput");
+const common_1 = require("../../../../../localization/translations/common");
+const useLocalization_1 = require("../../../../../localization/useLocalization");
+const arias_1 = require("../../../../../localization/translations/arias");
+const index_1 = require("../../../../../index");
+const SearchInputHeader = ({ isOpen, setIsOpen }) => {
+    const { value, setValue, handleChange } = (0, useUpdateInput_1.useUpdateInput)();
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    (0, react_1.useEffect)(() => {
+        if (!isOpen)
+            setValue('');
+    }, [isOpen]);
+    (0, react_1.useEffect)(() => {
+        const handleEvent = () => {
+            setIsOpen(true);
+        };
+        const removeListener = index_1.eventBus.subscribe(index_1.BusEvent.SearchOpen, handleEvent);
+        return () => {
+            removeListener();
+        };
+    }, []);
+    if (!isOpen)
+        return (react_1.default.createElement(Styled.Container, { onClick: () => setIsOpen(true), "aria-label": arias_1.arias_translation[locale].search },
+            react_1.default.createElement(Styled.Icon, null)));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Styled.InputContainer, null,
+            react_1.default.createElement(Styled.Input, { value: value, placeholder: common_1.common_translation[locale].search, autoFocus: true, onChange: (e) => handleChange(e.target.value) }),
+            react_1.default.createElement(Search5_svg_1.default, null),
+            react_1.default.createElement(Styled.Close, { onClick: () => setIsOpen(false) },
+                react_1.default.createElement(Close2_svg_1.default, null)))));
+};
+exports.SearchInputHeader = SearchInputHeader;
+//# sourceMappingURL=SearchInputHeader.js.map

package/dist/components/blocks/header/components/Search/SearchInputHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInputHeader.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Search/SearchInputHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,wDAAyC;AACzC,mFAA8D;AAC9D,iFAAuD;AACvD,yEAAqE;AACrE,4EAAoF;AACpF,iFAA6E;AAC7E,0EAAkF;AAClF,gDAAyD;AAOzD,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAU,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAA;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,SAAS,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC,CAAA;QACD,MAAM,cAAc,GAAG,gBAAQ,CAAC,SAAS,CAAC,gBAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;QAC3E,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,CAAA;QAClB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,CAAC,MAAM;QACT,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,gBAClB,yBAAiB,CAAC,MAAM,CAAC,CAAC,MAAM;YAE5C,8BAAC,MAAM,CAAC,IAAI,OAAG,CACE,CACpB,CAAA;IAEH,OAAO,CACL;QACE,8BAAC,MAAM,CAAC,cAAc;YACpB,8BAAC,MAAM,CAAC,KAAK,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,2BAAkB,CAAC,MAAM,CAAC,CAAC,MAAM,EAC9C,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7C;YACF,8BAAC,qBAAe,OAAG;YACnB,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC3C,8BAAC,oBAAS,OAAG,CACA,CACO,CACvB,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,8CAAiB"}

package/dist/components/blocks/header/components/Search/components/SearchWindowHeader.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.SearchWindowHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./SearchWindowHeader.styled"));
+const Search_1 = require("../../../../search/Search");
+const useBlockScroll_1 = __importDefault(require("../../../../../../hooks/useBlockScroll"));
+const useHidingChat_1 = __importDefault(require("../../../../../../hooks/useHidingChat"));
+const useEscKeydownHandler_1 = require("../../../../../../hooks/useEscKeydownHandler");
+const SearchWindowHeader = (props) => {
+    (0, useBlockScroll_1.default)();
+    (0, useHidingChat_1.default)(true);
+    (0, useEscKeydownHandler_1.useEscKeydownHandler)(props.onClose);
+    return (react_1.default.createElement(Styled.Wrapper, null,
+        react_1.default.createElement(Search_1.Search, { onClose: props.onClose })));
+};
+exports.SearchWindowHeader = SearchWindowHeader;
+//# sourceMappingURL=SearchWindowHeader.js.map

package/dist/components/blocks/header/components/Search/components/SearchWindowHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchWindowHeader.js","sourceRoot":"","sources":["../../../../../../../src/components/blocks/header/components/Search/components/SearchWindowHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,oEAAqD;AACrD,sDAAkD;AAClD,4FAAmE;AACnE,0FAAiE;AACjE,uFAAmF;AAMnF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC3C,IAAA,wBAAc,GAAE,CAAA;IAChB,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAA;IACnB,IAAA,2CAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAEnC,OAAO,CACL,8BAAC,MAAM,CAAC,OAAO;QACb,8BAAC,eAAM,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CACnB,CAClB,CAAA;AACH,CAAC,CAAA;AAEQ,gDAAkB"}

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

@@ -0,0 +1,55 @@
+"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.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const showAnimation = (0, styled_components_1.keyframes) `
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+exports.Wrapper = styled_components_1.default.div `
+  z-index: 10000;
+  position: absolute;
+  top: 78px;
+  left: 0;
+  border-radius: 12px;
+  width: 100%;
+  height: calc(100vh - 100px);
+  display: flex;
+  max-height: 700px;
+  padding: 16px;
+  background: ${(props) => props.theme.background.content};
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
+  opacity: 0;
+  transform: translateY(-5px);
+  animation: ${showAnimation} 0.3s ease-in-out 0.2s forwards;
+`;
+//# sourceMappingURL=SearchWindowHeader.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchWindowHeader.styled.js","sourceRoot":"","sources":["../../../../../../../src/components/blocks/header/components/Search/components/SearchWindowHeader.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AAErD,MAAM,aAAa,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;CAS9B,CAAA;AACY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;gBAWjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;;;eAI1C,aAAa;CAC3B,CAAA"}

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

@@ -0,0 +1,41 @@
+"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.UserAvatar = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./UserAvatar.styled"));
+const Avatar_1 = require("../../../../uikit/Avatar");
+const useLocalization_1 = require("../../../../../localization/useLocalization");
+const arias_1 = require("../../../../../localization/translations/arias");
+const UserAvatar = ({ avatarUrl, handleClick }) => {
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    return (react_1.default.createElement(Styled.Container, { onClick: handleClick, "aria-label": arias_1.arias_translation[locale].profile },
+        react_1.default.createElement(Avatar_1.Avatar, { size: "40px", link: avatarUrl, radius: '16px' })));
+};
+exports.UserAvatar = UserAvatar;
+//# sourceMappingURL=UserAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA6C;AAC7C,qDAAiD;AACjD,iFAA6E;AAC7E,0EAAkF;AAOlF,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAU,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IACpC,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IACf,OAAO,EAAE,WAAW,gBACR,yBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO;QAE7C,8BAAC,eAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAI,CACtC,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.Container = styled_components_1.default.button `
+  margin-left: 24px;
+  display: flex;
+  border: none;
+  border-radius: 16px;
+  padding: 0;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1};
+  &:focus {
+    outline: none;
+    transform: scale(1.05);
+  }
+  @media (max-width: 1400px) {
+    margin-left: 0;
+  }
+`;
+//# sourceMappingURL=UserAvatar.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/UserAvatar/UserAvatar.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,4EAAiF;AAEpE,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;+BASP,8BAAkB,CAAC,WAAW;;;;;;;;CAQ5D,CAAA"}

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: "tag-Medium11", 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,cAAc,EAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAC,MAAM,yBAE3D,CACb,CAAA;AACH,CAAC,CAAA;AAEQ,kBAAG"}

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

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 urls_1 = require("../../../../../../../localization/translations/urls");
+const config_1 = require("../../../../../../../config");
+const useLocalization_1 = require("../../../../../../../localization/useLocalization");
+const MoreItems = (0, react_1.memo)(({ item, isOpen, handleClose }) => {
+    const [height, setHeight] = (0, react_1.useState)(0);
+    const { structure } = item;
+    const ref = (0, react_1.useRef)(null);
+    const { LinkWrapper } = (0, config_1.useConfigLibrary)();
+    const { locale } = (0, useLocalization_1.useLocalization)();
+    const isWithoutSubpage = item.isWithoutSubpage;
+    (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(Styled.Column, { key: idx }, 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 || linksUl.isDeleteCommonNavigation)
+            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-SemiBold", tag: "span", colorName: "primary" },
+                    urls_1.Urls_translations[locale][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 && !isWithoutSubpage && (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: "description-Medium", tag: "span", colorName: "fourth" },
+                    urls_1.Urls_translations[locale][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,+CAAgE;AAChE,2DAA4C;AAE5C,mFAA6D;AAC7D,oCAAgC;AAChC,oCAAgC;AAChC,8EAAuF;AACvF,wDAA8D;AAC9D,uFAAmF;AAQnF,MAAM,SAAS,GAAG,IAAA,YAAI,EAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAU,EAAE,EAAE;IAC/D,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,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;IAEpC,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAA;IAE9C,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,8BAAC,MAAM,CAAC,MAAM,IAAC,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,IAAI,OAAO,CAAC,wBAAwB;YAC1D,OAAO,IAAI,CAAA;QAEb,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,kBAAkB,EAC1B,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,SAAS;oBAElB,wBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC;oBACvC,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,CAAC,gBAAgB,IAAI,CACxC,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,oBAAoB,EAC5B,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,QAAQ;oBAEjB,wBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;oBACpC,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,CACY,CACjB,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,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubList = exports.List = exports.SubLink = exports.MainLink = exports.Column = 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;
+  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.Column = styled_components_1.default.div `
+  &:not(:first-of-type) {
+    padding-left: 8px;
+  }
+  &:not(:last-of-type) {
+    border-right: 1px solid ${(props) => props.theme.stroke.tertiary};
+    padding-right: 8px;
+  }
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  margin: 28px 0;
+`;
+exports.MainLink = (0, styled_components_1.default)(Typography_1.Typography) `
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  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}
+`;
+exports.List = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  max-width: 195px;
+  min-width: 195px;
+  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;
+    &:focus {
+      outline: none;
+      ${exports.MainLink} {
+        color: ${(props) => props.theme.text.accent};
+      }
+      ${exports.SubLink} {
+        background: ${(props) => props.theme.interactiveControls.accent};
+      }
+    }
+  }
+`;
+exports.SubList = styled_components_1.default.div `
+  margin-top: 12px;
+`;
+//# 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;;;;;;;;gBAQN,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,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;8BAKF,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;;;;CAOnE,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;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;;;;aAQtC,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;;;;;QAK5C,gBAAQ;iBACC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;QAE3C,eAAO;sBACO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM;;;;CAItE,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,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: "tag-Medium11", 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,cAAc,EAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAC,MAAM,iDAE3D,CACb,CAAA;AACH,CAAC,CAAA;AAEQ,kBAAG"}