profinansy-ui-lib 3.1.83 → 3.1.85

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 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, data: 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.") },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(Content, Object.assign({}, props)))));
+    }
+    return react_1.default.createElement(Content, Object.assign({}, props));
+};
+exports.Premium = Premium;
+const Content = ({ userRole, hostname, isMobile }) => {
+    const isActive = userRole === 'paid';
+    const handleStatus = () => {
+        window.open(`${hostname}/payment`, '_blank');
+    };
+    return (react_1.default.createElement(Styled.Container, { active: isActive, mobile: isMobile, onClick: handleStatus },
+        react_1.default.createElement(Styled.Premium, null,
+            "Premium ",
+            isMobile ? null : 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;AASnD,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,IAAI,EACF,8BAAC,MAAM,CAAC,OAAO;;gBACuC,GAAG;gBACtD,IAAA,iBAAM,EAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;;gBAAE,yCAAM;mVAErC;YAGnB;gBACE,8BAAC,OAAO,oBAAK,KAAK,EAAI,CAClB,CACE,CACX,CAAA;KACF;IAED,OAAO,8BAAC,OAAO,oBAAK,KAAK,EAAI,CAAA;AAC/B,CAAC,CAAA;AAsBQ,0BAAO;AApBhB,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAU,EAAE,EAAE;IAC3D,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,IACf,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,YAAY;QAErB,8BAAC,MAAM,CAAC,OAAO;;YACJ,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,yCAAM;YAAE,GAAG;YACtC,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,49 @@
+"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: ${(props) => (props.mobile ? '8px 12px' : '2px 12px')};
+  font-size: 11px;
+  line-height: 16px;
+  color: #ffffff;
+  text-align: center;
+  cursor: pointer;
+  border: none;
+  display: flex;
+  flex-direction: ${(props) => (props.mobile ? 'row' : 'column')};
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: ${(props) => (props.mobile ? '32px' : '30px')};
+  max-height: ${(props) => (props.mobile ? '32px' : '30px')};
+  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: 1300px) {
+    display: ${(props) => (props.mobile ? 'flex' : '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 `
+  background: #ffffff;
+  border-radius: 12px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 4px rgba(0, 0, 0, 0.06);
+  padding: 10px;
+  color: #898989;
+  font-size: 12px;
+  line-height: 16px;
+  max-width: 200px;
+  margin-top: 5px;
+`;
+//# 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,CAAsC;;aAE/D,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;;;;;;;oBAQ5C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;YAIpD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;gBACvC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC3C,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM;IACV,CAAC,CAAC,mDAAmD;IACrD,CAAC,CAAC,yJAAyJ;;eAElJ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;CAEzD,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;CAMjC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUhC,CAAA"}

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

@@ -0,0 +1,45 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./PremiumLine.styled"));
+const PremiumLine = (0, react_1.forwardRef)(({ isOpen }, ref) => {
+    const isPremium = true;
+    if (!isOpen)
+        return null;
+    if (isPremium)
+        return (react_1.default.createElement(Styled.Container, { isPremium: isPremium, ref: ref },
+            react_1.default.createElement(Styled.PremiumText, null,
+                "\u0412\u0430\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u044D\u0442\u043E\u0442 \u0440\u0430\u0437\u0434\u0435\u043B, \u043F\u043E\u0442\u043E\u043C\u0443 \u0447\u0442\u043E \u0432\u044B \u043E\u0444\u043E\u0440\u043C\u0438\u043B\u0438 premium \u043D\u0430 profinansy.ru. ",
+                react_1.default.createElement("span", null, "\u0418 \u044D\u0442\u043E \u043F\u043E\u0442\u0440\u044F\u0441\u0430\u044E\u0449\u0435!")),
+            react_1.default.createElement(Styled.PremiumButton, { href: "https://sites.profinansy.ru/about_profinansyru", target: "_blank" }, "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435 \u043E premium")));
+    return (react_1.default.createElement(Styled.Container, { isPremium: isPremium, ref: ref },
+        react_1.default.createElement(Styled.Blur, null),
+        react_1.default.createElement(Styled.Text, null, "\u0412\u0430\u043C \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u044D\u0442\u043E\u0442 \u0440\u0430\u0437\u0434\u0435\u043B, \u043F\u043E\u0442\u043E\u043C\u0443 \u0447\u0442\u043E \u0432\u044B \u043D\u0435 \u043E\u0444\u043E\u0440\u043C\u0438\u043B\u0438 premium \u043D\u0430 profinansy.ru."),
+        react_1.default.createElement(Styled.Button, { href: "https://sites.profinansy.ru/about_profinansyru", target: "_blank" },
+            react_1.default.createElement(Styled.ButtonText, null, "\u041E\u0444\u043E\u0440\u043C\u0438\u0442\u044C premium"))));
+});
+exports.default = PremiumLine;
+//# sourceMappingURL=PremiumLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PremiumLine.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/PremiumLine/PremiumLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,6DAA8C;AAK9C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAyB,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,SAAS,GAAG,IAAI,CAAA;IAEtB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,IAAI,SAAS;QACX,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;YAC9C,8BAAC,MAAM,CAAC,WAAW;;gBAEF,sIAA8B,CAC1B;YACrB,8BAAC,MAAM,CAAC,aAAa,IACnB,IAAI,EAAC,gDAAgD,EACrD,MAAM,EAAC,QAAQ,4EAGM,CACN,CACpB,CAAA;IAEH,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC9C,8BAAC,MAAM,CAAC,IAAI,OAAG;QACf,8BAAC,MAAM,CAAC,IAAI,gUAGE;QACd,8BAAC,MAAM,CAAC,MAAM,IACZ,IAAI,EAAC,gDAAgD,EACrD,MAAM,EAAC,QAAQ;YAEf,8BAAC,MAAM,CAAC,UAAU,mEAAqC,CACzC,CACC,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,WAAW,CAAA"}

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

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonText = exports.PremiumButton = exports.Button = exports.PremiumText = exports.Text = exports.Blur = 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.div `
+  position: relative;
+  width: 100%;
+  padding: 6px 44px 6px 24px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  overflow: hidden;
+  border-top: ${(props) => props.isPremium ? '1px solid rgba(255, 255, 255, 0.1)' : 'none'};
+  background: ${(props) => props.isPremium
+    ? props.theme.other.black
+    : 'linear-gradient(0deg, #613d91 0%, #613d91 100%), linear-gradient(102deg, #9747ff 0%, #ee2cff 100%);'};
+  @media (max-width: 1140px) {
+    padding: 6px 22px;
+  }
+  @media (max-width: 600px) {
+    padding: 6px 24px;
+    flex-direction: column;
+  }
+`;
+exports.Blur = styled_components_1.default.div `
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  max-width: 600px;
+  border-radius: 12px;
+  filter: blur(40px);
+  background: linear-gradient(
+    102deg,
+    #9747ff 0%,
+    rgba(66, 133, 244, 0.9) 58.25%,
+    #ee2cff 100%
+  );
+  @media (max-width: 600px) {
+    left: 20%;
+  }
+`;
+exports.Text = styled_components_1.default.span `
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 18px;
+  color: #ffffff;
+  z-index: 1;
+  @media (max-width: 600px) {
+    text-align: center;
+  }
+`;
+exports.PremiumText = (0, styled_components_1.default)(exports.Text) `
+  background: -webkit-linear-gradient(#8eb9ff, #f36eff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  @media (max-width: 600px) {
+    & > span {
+      display: none;
+    }
+  }
+`;
+exports.Button = styled_components_1.default.a `
+  font-family: Manrope, sans-serif;
+  padding: 4px 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 18px;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  background: #ffffff;
+  z-index: 1;
+`;
+exports.PremiumButton = styled_components_1.default.a `
+  font-family: Manrope, sans-serif;
+  padding: 4px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+  border: none;
+  cursor: pointer;
+  background: transparent;
+  text-decoration: underline;
+  color: #ffffff;
+  white-space: nowrap;
+  transition: ${() => `color 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    color: ${(props) => props.theme.text.accentSecondary};
+  }
+  @media (max-width: 600px) {
+    padding: 0 8px 4px 8px;
+  }
+`;
+exports.ButtonText = styled_components_1.default.span `
+  white-space: nowrap;
+  background: -webkit-linear-gradient(#9747ff, #337bf0e5, #ee2cff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+`;
+//# sourceMappingURL=PremiumLine.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PremiumLine.styled.js","sourceRoot":"","sources":["../../../../../../src/components/blocks/header/components/PremiumLine/PremiumLine.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,4EAAiF;AAEpE,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;;;;;;gBAS3C,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,MAAM;gBACnD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,SAAS;IACb,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;IACzB,CAAC,CAAC,qGAAqG;;;;;;;;CAQ5G,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkB7B,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;CAU9B,CAAA;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,YAAI,CAAC,CAAA;;;;;;;;;CAStC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAc7B,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;gBAerB,GAAG,EAAE,CAAC,cAAc,8BAAkB,CAAC,WAAW,EAAE;;aAEvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe;;;;;CAKvD,CAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;CAKpC,CAAA"}

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

@@ -0,0 +1,51 @@
+"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)('');
+    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),
+            react_1.default.createElement(Styled.Border, null)));
+    return (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,+CAAuC;AACvC,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,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;YACf,8BAAC,MAAM,CAAC,MAAM,OAAG,CACA,CACpB,CAAA;IAEH,OAAO,CACL,8BAAC,MAAM,CAAC,cAAc;QACpB,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;QACF,8BAAC,qBAAe,OAAG;QAClB,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;YAC3C,8BAAC,oBAAS,OAAG,CACA,CAChB,CACqB,CACzB,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 = exports.Border = 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: 40px;
+    opacity: 0;
+  }
+  to {
+    width: ${targetWidth};
+    opacity: 1;
+  }
+`;
+exports.Border = styled_components_1.default.div `
+  min-width: 1.5px;
+  height: 1.5px;
+  width: 100%;
+  border-radius: 4px;
+  background: transparent;
+  position: absolute;
+  bottom: -7.5px;
+  left: 0;
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+`;
+exports.Container = styled_components_1.default.button `
+  display: flex;
+  justify-content: center;
+  padding: 0 6px;
+  margin-left: 6px;
+  width: 36px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  &:hover ${exports.Border} {
+    background: rgba(255, 255, 255, 0.4);
+  }
+`;
+exports.Icon = (0, styled_components_1.default)(Search4_svg_1.default) ``;
+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: 10px 36px;
+  background: transparent;
+  border: none;
+  outline: none;
+  border-bottom: 1px solid #f0eff3;
+  color: ${(props) => props.theme.text.contrastThemed};
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 20px;
+  animation: ${() => (0, styled_components_1.css) `
+      ${widthAnimation('740px')} 0.3s ease-in-out forwards
+    `};
+  ::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+  }
+  & ~ svg {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+  }
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    font-size: 16px;
+    &::placeholder {
+      font-size: 16px;
+    }
+  }
+  @media (max-width: 1100px) {
+    animation: ${() => (0, styled_components_1.css) `
+        ${widthAnimation('690px')} 0.3s ease-in-out forwards
+      `};
+  }
+`;
+exports.Close = styled_components_1.default.button `
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  position: absolute;
+  top: 10px;
+  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: 13px;
+  & > 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,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;gBAShB,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;CACjE,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;YAU1B,cAAM;;;CAGjB,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,qBAAU,CAAC,CAAA,EAAE,CAAA;AAE3B,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;;WAOtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;;;eAItC,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;;;;;;;uBAO3B,qBAAY;;;;;;;iBAOlB,GAAG,EAAE,CAChB,IAAA,uBAAG,EAAA;UACC,cAAc,CAAC,OAAO,CAAC;OAC1B;;CAEN,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;gBAQlB,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,51 @@
+"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.SearchContent = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Content.styled"));
+const Bubbles_1 = require("../../../../../uikit/Bubbles");
+const Items_1 = require("../../../../sideMenu/components/Search/compoenents/Items/Items");
+const SearchInstruments_svg_1 = __importDefault(require("../../../../../../icons/SearchInstruments.svg"));
+const NotFound_svg_1 = __importDefault(require("../../../../../../icons/NotFound.svg"));
+const SearchContent = ({ isEmpty, searchText, isOpen, hostname, setSelectedTab, selectedTab, tabs, favourites, data, onClose, handleRouteChange }) => {
+    if (!isOpen)
+        return null;
+    return (react_1.default.createElement(Styled.Wrapper, { isOpen: isOpen },
+        react_1.default.createElement(Bubbles_1.Bubbles, { scroll: "content", isDataCountTop: true, mode: "support", selectedValue: selectedTab, options: tabs, onChange: setSelectedTab }),
+        data && (react_1.default.createElement("div", { style: { marginTop: '12px' } },
+            react_1.default.createElement(Items_1.Items, { hostname: hostname, handleRouteChange: handleRouteChange, favourites: favourites, data: data[selectedTab], activeTab: selectedTab, windowHeight: 520, onClose: onClose }))),
+        !searchText && (react_1.default.createElement(Styled.Icons, { height: 520 },
+            react_1.default.createElement(SearchInstruments_svg_1.default, null))),
+        isEmpty && (react_1.default.createElement(Styled.Icons, { height: 520 },
+            react_1.default.createElement(NotFound_svg_1.default, null),
+            react_1.default.createElement("span", null, "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E."),
+            react_1.default.createElement("span", null, "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u0435\u0440\u0435\u0444\u0440\u0430\u0437\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441")))));
+};
+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;AAC1C,0DAAsD;AAEtD,0FAAsF;AAEtF,0GAAsE;AACtE,wFAA+D;AAgB/D,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,EACR,cAAc,EACd,WAAW,EACX,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,OAAO,EACP,iBAAiB,EACV,EAAE,EAAE;IACX,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,OAAO,CACL,8BAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,MAAM;QAC5B,8BAAC,iBAAO,IACN,MAAM,EAAC,SAAS,EAChB,cAAc,EAAE,IAAI,EACpB,IAAI,EAAC,SAAS,EACd,aAAa,EAAE,WAAW,EAC1B,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,cAAc,GACxB;QACD,IAAI,IAAI,CACP,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;YAC/B,8BAAC,aAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,EACvB,SAAS,EAAE,WAAW,EACtB,YAAY,EAAE,GAAG,EACjB,OAAO,EAAE,OAAO,GAChB,CACE,CACP;QACA,CAAC,UAAU,IAAI,CACd,8BAAC,MAAM,CAAC,KAAK,IAAC,MAAM,EAAE,GAAG;YACvB,8BAAC,+BAAU,OAAG,CACD,CAChB;QACA,OAAO,IAAI,CACV,8BAAC,MAAM,CAAC,KAAK,IAAC,MAAM,EAAE,GAAG;YACvB,8BAAC,sBAAY,OAAG;YAChB,oKAAmC;YACnC,2OAA8C,CACjC,CAChB,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/components/blocks/header/components/Search/components/Content.styled.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icons = 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: 400px;
+  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;
+`;
+exports.Icons = styled_components_1.default.div `
+  width: 100%;
+  height: ${(props) => `calc(${props.height}px - 200px)`};
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  & > svg {
+    margin-bottom: 20px;
+  }
+  & > span {
+    color: ${(props) => props.theme.text.secondary};
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 20px;
+  }
+`;
+//# 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;;;;;;;;;gBAStC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;eAE1C,aAAa;CAC3B,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAoB;;YAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,MAAM,aAAa;;;;;;;;;;aAU3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;CAKjD,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, setOpened }) => {
+    return (react_1.default.createElement(Styled.Container, { onClick: setOpened },
+        react_1.default.createElement(Avatar_1.Avatar, { size: "40px", link: avatarUrl, radius: '16px' })));
+};
+exports.UserAvatar = UserAvatar;
+//# sourceMappingURL=UserAvatar.js.map