ecomlab-components-next 0.1.27 → 0.1.29

package/dist/components/ConstructorComponents/HeaderMain/Header.js

@@ -0,0 +1,441 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _link = _interopRequireDefault(require("next/link"));
+var _router = require("next/router");
+var _navigation = require("next/navigation");
+var _image = _interopRequireDefault(require("next/image"));
+var _Logo = require("./Logo/Logo");
+var _ArrowGreen = require("./img/ArrowGreen");
+var _Burger = require("./img/Burger");
+var _DropMenuItem = require("./DropMenuItem/DropMenuItem");
+var _DropMenuMobileVersion = require("./DropMenuMobileVersion/DropMenuMobileVersion");
+var _utils = require("../../../common/utils");
+var _ПарсингСайтов = _interopRequireDefault(require("./img/Services-and-Solutions/\u041F\u0430\u0440\u0441\u0438\u043D\u0433 \u0441\u0430\u0439\u0442\u043E\u0432.svg"));
+var _РазработкаДашбордов = _interopRequireDefault(require("./img/Services-and-Solutions/\u0420\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u0434\u0430\u0448\u0431\u043E\u0440\u0434\u043E\u0432.svg"));
+var _МаркетплейсыПодКлюч = _interopRequireDefault(require("./img/Services-and-Solutions/\u041C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u044B \u043F\u043E\u0434 \u043A\u043B\u044E\u0447.svg"));
+var _ПерсональныйМенеджерМаркетплейсов = _interopRequireDefault(require("./img/Services-and-Solutions/\u041F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0439 \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u043E\u0432.svg"));
+var _РаботаСКонтентом = _interopRequireDefault(require("./img/Services-and-Solutions/\u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C.svg"));
+var _Telegram = require("./img/Telegram");
+var _bxsDownArrow = _interopRequireDefault(require("./img/bxs-down-arrow.svg"));
+var _РекламаПродвижениеИМаркетинг = _interopRequireDefault(require("./img/Services-and-Solutions/\u0420\u0435\u043A\u043B\u0430\u043C\u0430, \u043F\u0440\u043E\u0434\u0432\u0438\u0436\u0435\u043D\u0438\u0435 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433.svg"));
+require("./Header.scss");
+var _bxBriefcase = _interopRequireDefault(require("./img/bx-briefcase.svg"));
+var _bxBuilding = _interopRequireDefault(require("./img/bx-building.svg"));
+var _bxDetail = _interopRequireDefault(require("./img/bx-detail.svg"));
+var _bxMeteor = _interopRequireDefault(require("./img/bx-meteor.svg"));
+var _bxSpreadsheet = _interopRequireDefault(require("./img/bx-spreadsheet.svg"));
+var _bxUserPin = _interopRequireDefault(require("./img/bx-user-pin.svg"));
+var _bxChat = _interopRequireDefault(require("./img/bx-chat.svg"));
+var _analytics = _interopRequireDefault(require("./img/service/analytics.svg"));
+var _calendar = _interopRequireDefault(require("./img/service/calendar.svg"));
+var _competitors = _interopRequireDefault(require("./img/service/competitors.svg"));
+var _crm = _interopRequireDefault(require("./img/service/crm.svg"));
+var _feedback = _interopRequireDefault(require("./img/service/feedback.svg"));
+var _keyword = _interopRequireDefault(require("./img/service/keyword.svg"));
+var _marketing = _interopRequireDefault(require("./img/service/marketing.svg"));
+var _network = _interopRequireDefault(require("./img/service/network.svg"));
+var _product = _interopRequireDefault(require("./img/service/product.svg"));
+var _task = _interopRequireDefault(require("./img/service/task.svg"));
+var _tools = _interopRequireDefault(require("./img/service/tools.svg"));
+var _wiki = _interopRequireDefault(require("./img/service/wiki.svg"));
+var _stocks = _interopRequireDefault(require("./img/service/stocks.svg"));
+var _управлениеЦенами = _interopRequireDefault(require("./img/\u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0446\u0435\u043D\u0430\u043C\u0438.svg"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // Header icon
+var menu_items = [{
+  label: 'Сервисы',
+  icon: _bxSpreadsheet["default"],
+  subItemsMenu: [{
+    label_item: 'Аналитика',
+    path: '/analytics',
+    icon: _analytics["default"]
+  }, {
+    label_item: 'Отзывы и вопросы',
+    path: '/auto_feedback',
+    icon: _feedback["default"]
+  }, {
+    label_item: 'Товары',
+    // path: '/pim',
+    path: '/products',
+    icon: _product["default"]
+  }, {
+    label_item: 'Social network',
+    path: '/social_network',
+    icon: _network["default"]
+  }, {
+    label_item: 'Акции',
+    path: '/stock',
+    icon: _stocks["default"]
+  }, {
+    label_item: 'Конкуренты',
+    path: '/competitor_analysis',
+    icon: _competitors["default"]
+  }, {
+    label_item: 'Задачи',
+    path: '/tasks',
+    icon: _task["default"]
+  }, {
+    label_item: 'Заказы',
+    path: '/orders',
+    icon: _tools["default"]
+  }, {
+    label_item: 'Календарь',
+    path: '/calendar',
+    icon: _calendar["default"]
+  }, {
+    label_item: 'Маркетинг',
+    path: '/marketing',
+    icon: _marketing["default"]
+  }, {
+    label_item: 'CRM',
+    path: '/crm',
+    icon: _crm["default"]
+  }, {
+    label_item: 'Ключевые слова',
+    // path: '',
+    path: '/keywords',
+    icon: _keyword["default"]
+  }, {
+    label_item: 'Wiki',
+    path: '/wiki',
+    icon: _wiki["default"]
+  }, {
+    label_item: 'Чат-бот',
+    path: 'chat-bot',
+    icon: _bxChat["default"]
+  }]
+}, {
+  label: 'Услуги',
+  icon: _bxMeteor["default"],
+  // path: '/command',
+  subItemsMenu: [{
+    label_item: 'Парсинг сайтов',
+    description: 'Получайте нужные вам данные с любых Интернет-сайтов',
+    path: '/article/uslugi_parsinga_sajtov/172',
+    icon: _ПарсингСайтов["default"]
+  }, {
+    label_item: 'Разработка дашбордов',
+    article: true,
+    path: '/article/Razrabatyvaem_analiticheskie_onlajn_dashbordy_dlja_vashego_biznesa/165',
+    description: 'Получите наглядную аналитику ваших показателей',
+    icon: _РазработкаДашбордов["default"]
+  }, {
+    label_item: 'Маркетплейсы под ключ',
+    article: true,
+    description: 'Поможем с любыми задачами на маркетплейсах',
+    path: '/article/usluga_marketplejsy_pod_kljuch/400',
+    icon: _МаркетплейсыПодКлюч["default"]
+  }, {
+    label_item: 'Персональный менеджер маркетплейсов',
+    article: true,
+    description: 'Возьмем ваши магазины на полное сопровождение',
+    path: '/article/personalnyj_menedzher_marketplejsov/394',
+    icon: _ПерсональныйМенеджерМаркетплейсов["default"]
+  }, {
+    label_item: 'Работа с контентом',
+    article: true,
+    description: 'Заводим ваши товары и приводим в порядок карточки',
+    path: '/article/kompleks_rabot_s_kontentom_na_marketplejsah/404',
+    icon: _РаботаСКонтентом["default"]
+  }, {
+    label_item: 'Реклама, продвижение и аналитика',
+    article: true,
+    description: 'Растим ваши продажи и выводим на новый уровень',
+    path: '/promotion',
+    icon: _РекламаПродвижениеИМаркетинг["default"]
+  }]
+}, {
+  label: 'Кейсы',
+  icon: _bxBriefcase["default"],
+  //   path: `/main/${BASE_ROUTE}`,
+  subItemsMenu: [{
+    label_item: 'Парсинг данных на маркетплейсах',
+    description: 'Делимся опытом, подборка кейсов наших клиентов',
+    // path: '34'
+    path: '/articles/cases/parsing_marketplaces'
+  }, {
+    label_item: 'Парсинг контента',
+    description: 'Делимся опытом проектов для наших клиентов',
+    //path: '36'
+    path: '/articles/cases/content_parsing'
+  }, {
+    label_item: 'Автоматизация ценообразования',
+    description: 'Собрали и делимся кейсами наших клиентов',
+    // path: '37'
+    path: '/articles/cases/price_automation'
+  }, {
+    label_item: 'Интеграция с маркетплейсами',
+    description: 'Собрали кейсы по автоматизации маркетплейсов',
+    //  path: '38',
+    path: '/articles/cases/marketplaces_integration'
+  }, {
+    label_item: 'Автоматизация работы с остатками',
+    description: 'Делимся опытом автоматизации остатков на маркетплейсах',
+    //  path: '39'
+    path: '/articles/cases/stock_automation'
+  }, {
+    label_item: 'Автоматизация переноса контента',
+    description: 'Делимся опытом быстрого переноса карточек на маркетплейсы',
+    // path: '40'
+    path: '/articles/cases/content_automation'
+  }, {
+    label_item: 'Создание аналитического дашборда',
+    description: 'Кейсы по созданию и настройке аналитических дашбордов',
+    // path: '41',
+    path: '/articles/cases/analitics_dashboard'
+  }, {
+    label_item: 'Аналитика e-Commerce',
+    description: 'Подборка кейсов применения аналитики через парсинг',
+    path: '/articles/cases/e-commerce_analitics'
+  }, {
+    label_main_3: 'Управление ценами',
+    description_main_3: 'Автоматизация цен и остатков исходя из себестоимости',
+    path_3: '/article/cpu/438',
+    img_main_3: _управлениеЦенами["default"]
+  }]
+}, {
+  label: 'Блог',
+  icon: _bxDetail["default"],
+  path: '/articles/news'
+}, {
+  label: 'Партнерам',
+  icon: _bxUserPin["default"],
+  path: '/partners'
+}, {
+  label: 'О компании',
+  icon: _bxBuilding["default"],
+  path: '/article/O_kompanii/395'
+}
+// {
+//     label: 'Pim',
+//     path: '/pim',
+// },
+// {
+//     label: 'Wiki',
+//     path: '/wiki',
+// },
+// {
+//     label: 'CRM',
+//     path: '/crm',
+// },
+// {
+//     label: 'Соц. сети',
+//     path: 'c',
+// },
+// {
+//     label: 'Ключевые слова',
+//     path: '/keywords',
+// },
+// {
+//     label: 'Календарь',
+//     path: '/calendar',
+// },
+// {
+//     label: 'Заказы',
+//     path: '/orders',
+// },
+// {
+//     label: 'Задачи',
+//     path: '/tasks',
+// },
+// {
+//     label: 'Команда',
+//     path: 'articles/team/Komanda_Ecomru/1105',
+// },
+// {
+//     label: 'Политика компании',
+//     path: 'articles/politics',
+// },
+// {
+//     label: 'Контакты',
+//     path: 'articles/contacts',
+// }
+// {
+//     label: 'Автоотзыв',
+//     path: '/auto_feedback',
+// }
+];
+var btn = [{
+  label: _utils.LANGS.RUS,
+  className: 'btn__language_ru'
+}];
+var Header = function Header(_ref) {
+  var _ref$activeLang = _ref.activeLang,
+    activeLang = _ref$activeLang === void 0 ? 'ru' : _ref$activeLang,
+    setActiveLang = _ref.setActiveLang;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpenSelect = _useState2[0],
+    setIsOpenSelect = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpenMobileMenu = _useState4[0],
+    setIsOpenMobileMenu = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    widtWindow = _useState6[0],
+    setWidthWindow = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isOpenMenu = _useState8[0],
+    setIsOpenMenu = _useState8[1];
+  var _useState9 = (0, _react.useState)(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    refUtm = _useState10[0],
+    setRefUtm = _useState10[1];
+  var searchParams = (0, _navigation.useSearchParams)();
+  var router = (0, _router.useRouter)();
+  (0, _react.useEffect)(function () {
+    var ref_utm = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('ref_utm');
+    if (ref_utm) {
+      setRefUtm(ref_utm);
+    } else {
+      if (refUtm) {
+        router.replace("?".concat(refUtm));
+      }
+    }
+  }, [searchParams]);
+  var gropBtn = btn.map(function (_ref2, ind) {
+    var label = _ref2.label,
+      className = _ref2.className;
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      key: label + ind,
+      onClick: function onClick() {
+        setActiveLang(label);
+        setIsOpenSelect(false);
+      },
+      className: 'btn__language' + ' ' + className + ' ' + (label === activeLang ? 'btn__language__active' : '')
+    }, label.toUpperCase());
+  });
+  (0, _react.useEffect)(function () {
+    var closeLanguageTab = function closeLanguageTab(e) {
+      var el = e.target;
+      var btn = el.closest('.language-selection');
+      var box = el.closest('.select-language');
+      if (btn || box) {
+        return;
+      } else {
+        setIsOpenSelect(false);
+      }
+    };
+    document.addEventListener('click', closeLanguageTab);
+    return function () {
+      document.removeEventListener('click', closeLanguageTab);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    window.onresize = function () {
+      //  ReactDOM.render(<App />, document.getElementById('root'));
+      setWidthWindow(window.innerWidth);
+      setIsOpenMobileMenu(false);
+    };
+  });
+  (0, _react.useEffect)(function () {
+    setWidthWindow(window.innerWidth);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("header", {
+    className: "header"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header__content"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "nav-group"
+  }, /*#__PURE__*/_react["default"].createElement(_Logo.LogoBox, null), /*#__PURE__*/_react["default"].createElement(_DropMenuMobileVersion.DropMenuMobileVersion, {
+    items: menu_items,
+    isOpenMobileMenu: isOpenMobileMenu,
+    setOpen: function setOpen(e) {
+      return setIsOpenMobileMenu(e);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("nav", {
+    className: "header__nav"
+  }, menu_items.map(function (_ref3, ind) {
+    var label = _ref3.label,
+      path = _ref3.path,
+      subItemsMenu = _ref3.subItemsMenu,
+      menu = _ref3.menu,
+      icon = _ref3.icon;
+    return subItemsMenu ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "menu-items-wrap",
+      href: path ? path : '#',
+      key: label + path + ind,
+      onMouseOver: function onMouseOver(e) {
+        return setIsOpenMenu(label);
+      },
+      onMouseOut: function onMouseOut(e) {
+        return setIsOpenMenu(null);
+      },
+      onClick: function onClick(e) {
+        return setIsOpenMenu(null);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "header__nav-item"
+    }, label, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      src: _bxsDownArrow["default"],
+      alt: "icon"
+    })), subItemsMenu ? /*#__PURE__*/_react["default"].createElement(_DropMenuItem.DropMenuItem, {
+      isOpenMenu: isOpenMenu,
+      parentLabel: label,
+      subItemsMenu: subItemsMenu,
+      setIsOpenMenu: setIsOpenMenu
+    }) : null) : /*#__PURE__*/_react["default"].createElement(_link["default"], {
+      className: "menu-items-wrap",
+      href: path ? path : '#',
+      key: label + path + ind,
+      onMouseOver: function onMouseOver(e) {
+        return setIsOpenMenu(label);
+      },
+      onMouseOut: function onMouseOut(e) {
+        return setIsOpenMenu(null);
+      },
+      onClick: function onClick(e) {
+        return setIsOpenMenu(null);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "header__nav-item"
+    }, label));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-and-text"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "panel-btn"
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: "header__link-box",
+    href: "https://t.me/itkasha",
+    target: "_blank"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "header__btn-tg"
+  }, /*#__PURE__*/_react["default"].createElement(_Telegram.Telegram, null))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "language-selection",
+    onClick: function onClick() {
+      return setIsOpenSelect(!isOpenSelect);
+    }
+  }, isOpenSelect && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "select-language"
+  }, gropBtn), activeLang === null || activeLang === void 0 ? void 0 : activeLang.toUpperCase(), /*#__PURE__*/_react["default"].createElement(_ArrowGreen.ArrowGreen, null)), /*#__PURE__*/_react["default"].createElement("a", {
+    className: "header__link-box",
+    href: "https://lk.ecomru.ru/auth".concat(refUtm ? "?ref_utm=".concat(refUtm) : ''),
+    target: "_blank"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "header__btn-green"
+  }, "\u0412\u0445\u043E\u0434/\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn-box"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "header__btn-green",
+    onClick: function onClick(e) {
+      return setIsOpenMobileMenu(!isOpenMobileMenu);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Burger.Burger, null))))));
+};
+var _default = exports["default"] = Header;