profinansy-ui-lib 3.4.14 → 3.4.16

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+const react_1 = __importDefault(require("react"));
+const Notification_svg_1 = __importDefault(require("../../../../../icons/Notification.svg"));
+const Hint_1 = require("../../../../uikit/Hint");
+const useGetNotificationsCount_1 = require("../../hooks/useGetNotificationsCount");
+const S = __importStar(require("./Notification.styled"));
+const Notification = ({ hostname, handleRouteChange, userRole, apiSettings }) => {
+    if (userRole === 'guest')
+        return null;
+    const isNotificationPage = window === null || window === void 0 ? void 0 : window.location.pathname.includes('/account/notifications');
+    const { notificationsCount } = (0, useGetNotificationsCount_1.useGetNotificationsCount)(apiSettings);
+    return (react_1.default.createElement(Hint_1.Hint, { text: "\u041C\u043E\u0438 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F" },
+        react_1.default.createElement(S.Wrapper, null,
+            react_1.default.createElement(S.NotificationButton, { isActive: isNotificationPage, onClick: () => handleRouteChange(hostname + '/account/notifications') },
+                react_1.default.createElement(Notification_svg_1.default, null)),
+            !!notificationsCount && (react_1.default.createElement(S.NotificationsCount, { notificationsCount: notificationsCount }, notificationsCount)))));
+};
+exports.Notification = Notification;
+//# sourceMappingURL=Notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6FAAoE;AAEpE,iDAA6C;AAE7C,mFAA+E;AAC/E,yDAA0C;AAS1C,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACJ,EAAE,EAAE;IACX,IAAI,QAAQ,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAErC,MAAM,kBAAkB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAC3D,wBAAwB,CACzB,CAAA;IAED,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,mDAAwB,EAAC,WAAW,CAAC,CAAA;IAEpE,OAAO,CACL,8BAAC,WAAI,IAAC,IAAI,EAAC,uFAAiB;QAC1B,8BAAC,CAAC,CAAC,OAAO;YACR,8BAAC,CAAC,CAAC,kBAAkB,IACnB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,GAAG,wBAAwB,CAAC;gBAErE,8BAAC,0BAAgB,OAAG,CACC;YACtB,CAAC,CAAC,kBAAkB,IAAI,CACvB,8BAAC,CAAC,CAAC,kBAAkB,IAAC,kBAAkB,EAAE,kBAAkB,IACzD,kBAAkB,CACE,CACxB,CACS,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

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

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationButton = exports.NotificationsCount = exports.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.Wrapper = styled_components_1.default.div `
+  position: relative;
+`;
+exports.NotificationsCount = styled_components_1.default.div `
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: -7px;
+  right: ${(props) => (props.notificationsCount < 99 ? '12px' : '8px')};
+  border-radius: 50%;
+  font-size: 8px;
+  background: ${(props) => props.theme.icons.negative};
+  color: ${(props) => props.theme.text.contrastThemed};
+  border: 1px solid rgba(17, 16, 17, 1);
+  width: ${(props) => (props.notificationsCount < 99 ? '15px' : '18px')};
+  height: ${(props) => (props.notificationsCount < 99 ? '15px' : '18px')};
+  @media (max-width: 1140px) {
+    display: none;
+  }
+`;
+exports.NotificationButton = styled_components_1.default.button `
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  min-width: 24px;
+  width: 24px;
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+    @media (max-width: 1140px) {
+        display: none;
+    }
+  & path {
+    fill: ${(props) => props.theme.icons.contrastThemed};
+  }
+  &:hover {
+      opacity: 0.6;
+  },
+  ${(props) => props.isActive &&
+    (0, styled_components_1.css) `
+      & path {
+        fill: ${(props) => props.theme.icons.accent};
+      }
+    `},
+`;
+//# sourceMappingURL=Notification.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Notification/Notification.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,4EAAiF;AAEpE,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAgC;;;;;;WAMjE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;;gBAGtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;WAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;WAE1C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC3D,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;CAIvE,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,MAAM,CAAuB;;;;;;;;;;;gBAWtD,GAAG,EAAE,CAAC,gBAAgB,8BAAkB,CAAC,WAAW,EAAE;;;;;YAK1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;;;;;IAKnD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,QAAQ;IACd,IAAA,uBAAG,EAAA;;gBAES,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;KAE9C;CACJ,CAAA"}

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

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Premium = void 0;
+const react_1 = __importDefault(require("react"));
+const date_fns_1 = require("date-fns");
+const Styled = __importStar(require("./Premium.styled"));
+const Tooltip_1 = require("../../../../uikit/Tooltip");
+const zIndex_1 = require("../../../../../constants/zIndex");
+const Premium = (props) => {
+    const isClubPage = window === null || window === void 0 ? void 0 : window.location.pathname.includes('/club');
+    if (props.userRole === 'guest' || isClubPage)
+        return null;
+    if (props.trial) {
+        return (react_1.default.createElement(Tooltip_1.Tooltip, { isHover: true, targetElement: react_1.default.createElement("div", null,
+                react_1.default.createElement(Content, Object.assign({}, props))), zIndex: zIndex_1.zIndex.zIndex8 },
+            react_1.default.createElement(Styled.Tooltip, null,
+                "\u0412\u0430\u0448\u0430 \u043F\u0440\u0435\u043C\u0438\u0443\u043C \u043F\u043E\u0434\u043F\u0438\u0441\u043A\u0430 \u043D\u0430 profinansy.ru \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u043E",
+                ' ',
+                (0, date_fns_1.format)(new Date(props.trial), 'dd.MM.yyyy'),
+                " ",
+                react_1.default.createElement("br", null),
+                " \u041F\u043E\u0441\u043B\u0435 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F \u043E\u043F\u043B\u0430\u0442\u0430 \u0437\u0430 \u043F\u0440\u043E\u0434\u043B\u0435\u043D\u0438\u0435 \u0441\u043F\u0438\u0448\u0435\u0442\u0441\u044F \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438.")));
+    }
+    return react_1.default.createElement(Content, Object.assign({}, props));
+};
+exports.Premium = Premium;
+const Content = ({ userRole, hostname }) => {
+    const isActive = userRole === 'paid';
+    const handleStatus = () => {
+        window.open(`${hostname}/payment`, '_blank');
+    };
+    return (react_1.default.createElement(Styled.Container, { active: isActive, onClick: handleStatus },
+        react_1.default.createElement(Styled.Premium, null,
+            "Premium ",
+            react_1.default.createElement("br", null),
+            react_1.default.createElement("b", null, isActive ? 'АКТИВЕН' : 'НЕАКТИВЕН'))));
+};
+//# sourceMappingURL=Premium.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Premium.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Premium/Premium.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,uCAAiC;AACjC,yDAA0C;AAE1C,uDAAmD;AACnD,4DAAwD;AAQxD,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;IAChC,MAAM,UAAU,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE9D,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,IAAI,UAAU;QAAE,OAAO,IAAI,CAAA;IAEzD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,CACL,8BAAC,iBAAO,IACN,OAAO,EAAE,IAAI,EACb,aAAa,EACX;gBACE,8BAAC,OAAO,oBAAK,KAAK,EAAI,CAClB,EAER,MAAM,EAAE,eAAM,CAAC,OAAO;YAEtB,8BAAC,MAAM,CAAC,OAAO;;gBACuC,GAAG;gBACtD,IAAA,iBAAM,EAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;;gBAAE,yCAAM;mVAErC,CACT,CACX,CAAA;KACF;IAED,OAAO,8BAAC,OAAO,oBAAK,KAAK,EAAI,CAAA;AAC/B,CAAC,CAAA;AAkBQ,0BAAO;AAhBhB,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAU,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,QAAQ,KAAK,MAAM,CAAA;IACpC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY;QACvD,8BAAC,MAAM,CAAC,OAAO;;YACL,yCAAM;YACd,yCAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAK,CAC5B,CACA,CACpB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = exports.Premium = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.button `
+  border-radius: 10px;
+  padding: 2px 12px;
+  font-size: 11px;
+  line-height: 16px;
+  color: #ffffff;
+  text-align: center;
+  cursor: pointer;
+  border: none;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background: ${(props) => props.active
+    ? 'linear-gradient(135deg, #A826F5 0%, #F155BE 100%)'
+    : 'linear-gradient(135deg, #1db8da 0%, #9747ff 100%), linear-gradient(135deg, #9747ff 0%, #ee2cff 100%), linear-gradient(132deg, #565656 0%, #939393 100%)'};
+  @media (max-width: 1400px) {
+    display: none;
+  }
+`;
+exports.Premium = styled_components_1.default.span `
+  font-weight: 400;
+  line-height: 12px;
+  & > b {
+    font-weight: 600;
+  }
+`;
+exports.Tooltip = styled_components_1.default.div `
+  color: ${(props) => props.theme.text.primary};
+  font-size: 12px;
+  line-height: 16px;
+`;
+//# sourceMappingURL=Premium.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Premium.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Premium/Premium.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAqB;;;;;;;;;;;;;;gBAc3C,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM;IACV,CAAC,CAAC,mDAAmD;IACrD,CAAC,CAAC,yJAAyJ;;;;CAIhK,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;CAMjC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;WACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;CAG7C,CAAA"}

package/dist/components/blocks/header/components/Search/Search.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Search = 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 Search = ({ isOpen, setIsOpen, isLoader, onChange }) => {
+    const [value, setValue] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        if (!isOpen)
+            setValue('');
+    }, [isOpen]);
+    const handleChange = (val) => {
+        setValue(val);
+        onChange(val);
+    };
+    if (!isOpen)
+        return (react_1.default.createElement(Styled.Container, { onClick: () => setIsOpen(true) },
+            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: "\u041D\u0430\u0439\u0442\u0438 \u043D\u0430 pro.finansy", autoFocus: true, onChange: (e) => handleChange(e.target.value) }),
+            react_1.default.createElement(Search5_svg_1.default, null),
+            isLoader ? (react_1.default.createElement(Styled.Loader, { size: "XS", color: "#ffffff" })) : (react_1.default.createElement(Styled.Close, { onClick: () => setIsOpen(false) },
+                react_1.default.createElement(Close2_svg_1.default, null))))));
+};
+exports.Search = Search;
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,wDAAyC;AACzC,mFAA8D;AAC9D,iFAAuD;AASvD,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAU,EAAE,EAAE;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACb,QAAQ,CAAC,GAAG,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,CAAC,MAAM;QACT,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;YAC9C,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,EAAC,yDAAsB,EAClC,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7C;YACF,8BAAC,qBAAe,OAAG;YAClB,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,MAAM,CAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,GAAG,CAC5C,CAAC,CAAC,CAAC,CACF,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC3C,8BAAC,oBAAS,OAAG,CACA,CAChB,CACqB,CACvB,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}

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

@@ -0,0 +1,135 @@
+"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.Loader = exports.Close = exports.Input = exports.InputContainer = exports.Icon = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Spinner_1 = require("../../../../uikit/Spinner");
+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;
+  }
+`;
+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.3s 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.3s 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};
+    }
+  }
+`;
+exports.Loader = (0, styled_components_1.default)(Spinner_1.Spinner) `
+  position: absolute;
+  right: 8px;
+  top: 12px;
+  & > div {
+    width: 16px;
+    height: 16px;
+    border-width: 1px;
+  }
+`;
+//# 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,uDAAmD;AACnD,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;;;;CAIpE,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;AACY,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,iBAAO,CAAC,CAAA;;;;;;;;;CASpC,CAAA"}

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

@@ -0,0 +1,54 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchContent = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Content.styled"));
+const Search_1 = require("../../../../search/Search");
+const useBlockScroll_1 = require("../../../../../../hooks/useBlockScroll");
+const SearchContent = (_a) => {
+    var { isOpen } = _a, rest = __rest(_a, ["isOpen"]);
+    (0, useBlockScroll_1.useBlockScrollOpen)(isOpen);
+    if (!isOpen)
+        return null;
+    return (react_1.default.createElement(Styled.Wrapper, { isOpen: isOpen },
+        react_1.default.createElement(Search_1.Search, Object.assign({}, rest))));
+};
+exports.SearchContent = SearchContent;
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../../../src/components/blocks/header/components/Search/components/Content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,yDAA0C;AAG1C,sDAAkD;AAElD,2EAA2E;AAgB3E,MAAM,aAAa,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,MAAM,OAAmB,EAAd,IAAI,cAAjB,UAAmB,CAAF;IACtC,IAAA,mCAAkB,EAAC,MAAM,CAAC,CAAA;IAE1B,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,OAAO,CACL,8BAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,MAAM;QAC5B,8BAAC,eAAM,oBAAK,IAAI,EAAI,CACL,CAClB,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

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

@@ -0,0 +1,50 @@
+"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;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+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);
+  max-height: 700px;
+  padding: 12px;
+  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);
+  animation: ${showAnimation} 0.3s ease-in-out forwards;
+`;
+//# sourceMappingURL=Content.styled.js.map

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

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

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

@@ -0,0 +1,38 @@
+"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 UserAvatar = ({ avatarUrl }) => {
+    return (react_1.default.createElement(Styled.Container, null,
+        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;AAMjD,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAU,EAAE,EAAE;IAC3C,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS;QACf,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,18 @@
+"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"));
+exports.Container = styled_components_1.default.div `
+  margin-left: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  @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;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASlC,CAAA"}