ecomlab-components-next 0.1.21 → 0.1.23

package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.js

@@ -0,0 +1,101 @@
+"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 _image = _interopRequireDefault(require("next/image"));
+require("./BlocksInfo.scss");
+var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
+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; }
+var BlocksInfo = function BlocksInfo(_ref) {
+  var title = _ref.title,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    child = _ref.child;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    refPage = _useState2[0],
+    setRefPage = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var _window;
+    var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.href;
+    setRefPage("?ref_page=".concat(currentUrl));
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "landing-blocks-info-2"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "landing-blocks-info-2__title"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "landing-blocks-info-2__items"
+  }, list.map(function (_ref2, ind) {
+    var label = _ref2.label,
+      img = _ref2.img,
+      description = _ref2.description;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        flexDirection: ind % 2 == 0 ? 'row-reverse' : ''
+      },
+      className: "landing-blocks-info-2__item",
+      key: label + img
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "landing-blocks-info-2__img-box"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      layout: "fill",
+      className: "landing-blocks-info-2__img",
+      src: img ? img : 'https://dl.ecomru.ru:9001/dev-images/3_12.png',
+      alt: 'icon'
+    }), !img && /*#__PURE__*/_react["default"].createElement("img", {
+      className: "landing-blocks-info-2__img-development",
+      src: "https://dl.ecomru.ru:9001/dev-images/frame_1321317238.png"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "landing-blocks-info-2__info-box"
+    }, label && /*#__PURE__*/_react["default"].createElement("h3", {
+      className: "landing-blocks-info-2__title_card"
+    }, label), description && /*#__PURE__*/_react["default"].createElement("p", {
+      className: "landing-blocks-info-2__description"
+    }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+      className: 'landing-blocks-info-2__btn-1',
+      green: true,
+      width: "100%",
+      text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C",
+      onClick: function onClick() {
+        var _window2;
+        return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("https://lk.ecomru.ru/auth".concat(refPage), '_blunk');
+      },
+      size: "60px",
+      style: {
+        fontSize: '24px',
+        marginTop: '16px'
+      }
+    }))), ind == 1 && child && child, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'landing-blocks-info-2__btn-box'
+    }, /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+      className: 'landing-blocks-info-2__btn-2',
+      green: true,
+      width: "100%",
+      maxWidth: "382px",
+      text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C",
+      size: "50px",
+      onClick: function onClick() {
+        var _window3;
+        return (_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.open("https://lk.ecomru.ru/auth".concat(refPage), '_blunk');
+      },
+      style: {
+        fontSize: '16px'
+      }
+    })));
+  })));
+};
+var _default = exports["default"] = BlocksInfo;

package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.scss

@@ -0,0 +1,225 @@
+.landing-blocks-info-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+
+    &__title {
+        font-family: "Golos Text";
+        font-size: 42px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 51px;
+    }
+
+    &__items {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+    }
+
+    &__item {
+        display: flex;
+        align-items: center;
+        gap: 100px;
+        flex-direction: row;
+        padding: 0px;
+        background: #fff;
+        padding-top: 80px;
+        padding-bottom: 80px;
+        border-bottom: 1px solid #D8D8D8;
+
+        &:nth-child(1) {
+            padding-top: 0px;
+        }
+    }
+
+    &__title_card {
+        color: #464853;
+        font-family: Inter;
+        font-size: 28px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 37px;
+    }
+
+    &__info-box {
+        display: flex;
+        flex-direction: column;
+        gap: 40px;
+        width: calc(100% - 55%);
+    }
+
+    &__info-block {
+        display: flex;
+        height: auto;
+        width: 100%;
+        padding: 20px 24px;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        gap: 20px;
+        align-self: stretch;
+        border-radius: 12px;
+        background: #FFF;
+    }
+
+    &__description {
+        color: #464853;
+        font-family: Inter;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+    }
+
+    &__img-box {
+        width: 100%;
+        max-width: 55%;
+        height: 100%;
+        border-radius: 10px;
+        border: 1px solid #7585D5;
+        background: #F7F7F7;
+        overflow: hidden;
+        aspect-ratio: 1.75/1;
+        position: relative;
+    }
+
+    &__img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+    }
+
+
+    &__img-development {
+        position: absolute;
+        z-index: 1;
+        top: 35px;
+        left: 35px;
+    }
+
+    &__btn-2 {
+        display: none;
+    }
+
+    &__btn-box {
+        display: none;
+        align-items: center;
+        justify-content: center;
+        //background-color: #FFF;
+        width: 100%;
+        padding: 8px;
+    }
+}
+
+@media (max-width: 1100px) {
+    .landing-blocks-info-2 {
+        gap: 24px;
+
+        &__btn-box {
+            display: flex;
+        }
+
+        &__btn-2 {
+            display: inline-block;
+        }
+
+        &__btn-1 {
+            display: none;
+        }
+
+        &__title {}
+
+        &__items {
+            align-items: center;
+            gap: 8px;
+        }
+
+        &__item {
+            gap: 16px;
+            padding: 8px 12px;
+            flex-direction: column-reverse !important;
+        }
+
+        &__title_card {
+            font-size: 18px;
+            line-height: 24px;
+        }
+
+        &__info-box {
+            gap: 10px;
+            width: 100%;
+        }
+
+        &__info-block {}
+
+        &__description {
+            font-size: 14px;
+            line-height: 24px;
+        }
+
+        &__img-box {
+            width: 100%;
+        }
+
+        &__img {
+            width: 100%;
+            //   height: auto;
+        }
+    }
+}
+
+@media (max-width: 430px) {
+    .landing-blocks-info-2 {
+        gap: 20px;
+
+        &__btn-box {
+            display: flex;
+        }
+
+        &__btn-2 {
+            display: inline-block !important;
+        }
+
+        &__btn-1 {
+            display: none;
+        }
+
+        &__title {
+            font-size: 20px;
+            line-height: 28px;
+        }
+
+        &__items {
+            gap: 8px;
+        }
+
+        &__item {
+            gap: 16px;
+            padding: 8px 12px;
+            flex-direction: column-reverse !important;
+        }
+
+        &__title_card {
+            font-size: 18px;
+            line-height: 24px;
+        }
+
+        &__info-box {
+            gap: 10px;
+            width: 100%;
+        }
+
+        &__info-block {}
+
+        &__description {
+            font-size: 14px;
+            line-height: 24px;
+        }
+
+        &__img-box {
+            width: 100%;
+            aspect-ratio: none;
+        }
+    }
+}

package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.stories.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.BlocksInfoTest = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BlocksInfo = _interopRequireDefault(require("./BlocksInfo"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var possibilities_list = [{
+  label: "\u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 \u043F\u0440\u043E\u0434\u0430\u0436 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u041F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u0442\u0432\u043E\u0438\u0445 \u043F\u0440\u043E\u0434\u0430\u0436 \u043F\u043E Wildberries, Ozon \u0438 \u042F\u043D\u0434\u0435\u043A\u0441 \u041C\u0430\u0440\u043A\u0435\u0442 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437\u0435 \u0431\u043E\u043B\u0435\u0435 20 \u043C\u0435\u0442\u0440\u0438\u043A.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439 \u0441\u0432\u043E\u0438 \u043F\u0440\u043E\u0434\u0430\u0436\u0438 \u043D\u0430 \u043E\u0441\u043D\u043E\u0432\u0435 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u0438 \u043D\u0430\u0448\u0438\u0445 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043E\u043A."),
+  img: "https://dl.ecomru.ru:9001/dev-images/image_383.png"
+}, {
+  label: "\u0410\u043D\u0430\u043B\u0438\u0437 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0435\u0439",
+  description: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u044D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C \u0440\u0435\u043A\u043B\u0430\u043C\u044B, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439 \n        \u043D\u0430\u0448\u0438 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0435 \u043F\u043E\u0434\u0431\u043E\u0440\u043A\u0438 \u0434\u043B\u044F \u0437\u0430\u043F\u0443\u0441\u043A\u0430 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u0432\u044B\u0431\u043E\u0440\u043A\u0438 \n        \u0442\u043E\u0432\u0430\u0440\u043E\u0432. \u041D\u0430\u0448 \u0441\u0435\u0440\u0432\u0438\u0441 \u0432\u0435\u0431 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0438 \u043F\u043E\u0437\u0432\u043E\u043B\u0438\u0442 \u0442\u0435\u0431\u0435 \u0432 \u043E\u0434\u043D\u043E\u043C \u043E\u0442\u0447\u0435\u0442\u0435 \n        \u0432\u0438\u0434\u0435\u0442\u044C \u0432\u0441\u0435 \u043C\u0435\u0442\u0440\u0438\u043A\u0438 \u043F\u0440\u043E\u0434\u0430\u0436 \u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0435 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0438.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_384.png"
+}, {
+  label: "\u0417\u0430\u043A\u0430\u0437\u044B \u0438 \u043F\u0440\u043E\u0434\u0430\u0436\u0438",
+  description: "\u0421\u043C\u043E\u0442\u0440\u0438 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u043C\u0443 \n        \u0437\u0430\u043A\u0430\u0437\u0443 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0435. \u041E\u0442\u0441\u043B\u0435\u0436\u0438\u0432\u0430\u0439 \u0441\u0442\u0430\u0442\u0443\u0441\u044B, \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \n        \u0433\u0435\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0441\u0442\u0430\u0432\u043E\u043A \u0438 \u0432\u044B\u0447\u0438\u0441\u043B\u044F\u0439 \u044E\u043D\u0438\u0442-\u044D\u043A\u043E\u043D\u043E\u043C\u0438\u043A\u0443 \u043D\u0430 \u043E\u0441\u043D\u043E\u0432\u0435 \n        \u0440\u0430\u0441\u0445\u043E\u0434\u043E\u0432 \u0438 \u0447\u0438\u0441\u0442\u043E\u0439 \u043F\u0440\u0438\u0431\u044B\u043B\u0438 \u0441 \u043A\u0430\u0436\u0434\u043E\u0433\u043E \u043F\u0440\u043E\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_385.png"
+}, {
+  label: "\u0412\u043E\u0437\u0432\u0440\u0430\u0442\u044B \u0438 \u043E\u0442\u043C\u0435\u043D\u044B",
+  description: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u0441\u0432\u043E\u0439 \u0430\u0441\u0441\u043E\u0440\u0442\u0438\u043C\u0435\u043D\u0442 \u043F\u043E \u043E\u0442\u043C\u0435\u043D\u0430\u043C \u0438 \u0432\u043E\u0437\u0432\u0440\u0430\u0442\u0430\u043C, \n        \u0432\u044B\u044F\u0432\u043B\u044F\u0439 \u043A\u0430\u043A\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u044B \u0438 \u043F\u043E\u0447\u0435\u043C\u0443 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043E \u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u044E\u0442 \u043A\u043B\u0438\u0435\u043D\u0442\u044B.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_391.png",
+  link: '/tasks'
+}, {
+  label: "\u0426\u0435\u043D\u044B",
+  description: "\u0421\u043B\u0435\u0434\u0438 \u0437\u0430 \u0434\u0438\u043D\u0430\u043C\u0438\u043A\u043E\u0439 \u0446\u0435\u043D \u043D\u0430 \u0440\u044B\u043D\u043A\u0435, \u0441\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u0439 \n        \u0441\u043E \u0441\u0432\u043E\u0438\u043C\u0438 \u0438 \u043F\u0440\u043E\u0432\u043E\u0434\u0438 \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_386_1.png",
+  link: '/marketing'
+}, {
+  label: "\u041E\u0441\u0442\u0430\u0442\u043A\u0438",
+  description: "\u041E\u0442\u0441\u043B\u0435\u0436\u0438\u0432\u0430\u0439 \u043D\u0430\u043B\u0438\u0447\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043D\u0430 \u0441\u043A\u043B\u0430\u0434\u0430\u0445, \n        \u0432\u044B\u0447\u0438\u0441\u043B\u044F\u0439 \u043E\u0431\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043C\u043E\u0441\u0442\u044C, \u0443\u043F\u0443\u0449\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0434\u0430\u0436\u0438 \n        \u0438 \u0441\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0439 \u043E\u043F\u0442\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0433\u0440\u0430\u0444\u0438\u043A \u043F\u043E\u0441\u0442\u0430\u0432\u043E\u043A.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_388.png",
+  link: '/products'
+}, {
+  label: "\u041A\u0440\u043E\u0441\u0441-\u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430",
+  description: "\u041F\u0440\u043E\u0432\u043E\u0434\u0438 \u0441\u0440\u0430\u0432\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0430\u043D\u0430\u043B\u0438\u0437 \u0432\u0441\u0435\u0445 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0435\u0439 \n        \u043C\u0435\u0436\u0434\u0443 \u0442\u0440\u0435\u043C\u044F \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u043C\u0438 \n        \u0438 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438 \u043A\u0430\u043A\u043E\u0439 \u043A\u0430\u043D\u0430\u043B \u043F\u0440\u043E\u0434\u0430\u0436 \u043D\u0430\u0438\u0431\u043E\u043B\u0435\u0435 \u043F\u0440\u0438\u0431\u044B\u043B\u044C\u043D\u044B\u0439 \u0434\u043B\u044F \u0442\u0435\u0431\u044F.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_389.png",
+  link: '/orders'
+}, {
+  label: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043E\u0447\u043D\u0438\u043A",
+  description: "\u041F\u043E\u043B\u0443\u0447\u0430\u0439 \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0430\u0446\u0438\u0438 \n        \u043F\u043E \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u043F\u0440\u043E\u0434\u0430\u0436, \u0443\u043F\u0440\u043E\u0441\u0442\u0438 \u043F\u043E\u0438\u0441\u043A \u043D\u043E\u0432\u044B\u0445 \u0442\u043E\u0447\u0435\u043A \u0440\u043E\u0441\u0442\u0430.",
+  img: "https://dl.ecomru.ru:9001/dev-images/image_390.png",
+  link: '/competitor_analysis'
+}];
+var _default = exports["default"] = {
+  title: 'BlocksInfo',
+  component: _BlocksInfo["default"]
+};
+var BlocksInfoTest = exports.BlocksInfoTest = function BlocksInfoTest() {
+  return /*#__PURE__*/_react["default"].createElement(_BlocksInfo["default"], {
+    title: "\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430",
+    list: possibilities_list
+  });
+};

package/dist/components/ConstructorComponents/CardsInfo/CardsInfo.js

@@ -1,4 +1,5 @@
 "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", {

package/dist/components/ConstructorComponents/StatisticCard/StatisticCard.js

@@ -0,0 +1,46 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _image = _interopRequireDefault(require("next/image"));
+var _utils = require("../../../common/utils");
+var _StatisticCardModule = _interopRequireDefault(require("./StatisticCard.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+// import "./StatisticCard.scss"
+
+var StatisticCard = function StatisticCard(_ref) {
+  var list = _ref.list,
+    _ref$reverse = _ref.reverse,
+    reverse = _ref$reverse === void 0 ? false : _ref$reverse;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: (0, _utils.classes)(_StatisticCardModule["default"], 'statistic')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _utils.classes)(_StatisticCardModule["default"], 'statistic__cards')
+  }, list.map(function (_ref2) {
+    var label = _ref2.label,
+      sum = _ref2.sum,
+      color = _ref2.color;
+    if (label && sum) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: label + sum,
+        className: (0, _utils.classes)(_StatisticCardModule["default"], 'statistic__card'),
+        style: {
+          flexDirection: reverse ? 'column-reverse' : '',
+          justifyContent: !reverse ? 'flex-start' : 'flex-end'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _utils.classes)(_StatisticCardModule["default"], 'statistic__card_name')
+      }, reverse ? sum === null || sum === void 0 ? void 0 : sum.toLocaleString() : label), /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _utils.classes)(_StatisticCardModule["default"], 'statistic__card_sum'),
+        style: {
+          color: color ? color : ''
+        }
+      }, reverse ? label : sum === null || sum === void 0 ? void 0 : sum.toLocaleString()));
+    }
+  })));
+};
+var _default = exports["default"] = StatisticCard;

package/dist/components/ConstructorComponents/StatisticCard/StatisticCard.module.scss

@@ -0,0 +1,94 @@
+.statistic {
+    display: flex;
+    gap: 32px;
+    align-items: center;
+
+    &__title {
+        color: #333;
+        font-family: "Golos Text";
+        font-size: 42px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 51px;
+    }
+
+    &__cards {
+        display: flex;
+        flex-wrap: wrap;
+        width: 100%;
+        gap: 12px;
+    }
+
+    &__card {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: flex-start;
+        min-width: calc(25% - 12px);
+        max-width: calc(25% - 12px);
+        padding: 12px 14px;
+        gap: 14px;
+        border-radius: 8px;
+        background: #F7F7F7;
+    }
+
+    &__card_name {
+        text-align: center;
+        color: #333;
+        font-family: "Golos Text";
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 24px;
+    }
+
+    &__card_sum {
+        text-align: center;
+        color: #00B45E;
+        font-family: "Golos Text";
+        font-size: 32px;
+        font-style: normal;
+        font-weight: 500;
+    }
+}
+
+@media (max-width: 1100px) {
+    .statistic {
+        display: flex;
+        gap: 32px;
+        align-items: center;
+    
+        &__title {}
+    
+        &__cards {
+            flex-wrap: wrap;
+           justify-content: center;
+        }
+    
+        &__card { 
+            min-width: 155px;
+            width: 100%;
+        }
+    
+        &__card_name { }
+    
+        &__card_sum {}
+    }
+}
+
+@media (max-width: 430px) {
+    .statistic {
+    
+        &__title {}
+    
+        &__cards {}
+    
+        &__card { 
+            min-width: 155px;
+        }
+    
+        &__card_name { }
+    
+        &__card_sum {}
+    }
+}

package/dist/components/ConstructorComponents/StatisticCard/StatisticCard.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StatisticCardTest = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _StatisticCard = _interopRequireDefault(require("./StatisticCard"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cards_list = [{
+  sum: 'Аналитика повышает продажи',
+  label: 'На 50%'
+}, {
+  sum: 'Брендов доверяют нам',
+  label: '1 млн+'
+}, {
+  sum: 'Товаров ежедневно в мониторинге',
+  label: '77 млн+'
+}, {
+  sum: 'Бюджета экономят наши клиенты',
+  label: 'До 30%'
+}];
+var _default = exports["default"] = {
+  title: 'StatisticCard',
+  component: _StatisticCard["default"]
+};
+var StatisticCardTest = exports.StatisticCardTest = function StatisticCardTest() {
+  return /*#__PURE__*/_react["default"].createElement(_StatisticCard["default"], {
+    reverse: true,
+    list: cards_list
+  });
+};

package/dist/components/ConstructorComponents/StepItems/StepItems.js

@@ -0,0 +1,74 @@
+"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 _image = _interopRequireDefault(require("next/image"));
+var _utils = require("../../../common/utils");
+var _StepItemsModule = _interopRequireDefault(require("./StepItems.module.scss"));
+var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
+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; }
+var StepItems = function StepItems(_ref) {
+  var title = _ref.title,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    refPage = _useState2[0],
+    setRefPage = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var _window;
+    var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.href;
+    setRefPage("?ref_page=".concat(currentUrl));
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: (0, _utils.classes)(_StepItemsModule["default"], 'steps')
+  }, title && /*#__PURE__*/_react["default"].createElement("h3", {
+    className: (0, _utils.classes)(_StepItemsModule["default"], 'steps__title')
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _utils.classes)(_StepItemsModule["default"], 'steps__items')
+  }, list.map(function (_ref2, ind) {
+    var title = _ref2.title,
+      description = _ref2.description;
+    if (title) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: title + description,
+        className: (0, _utils.classes)(_StepItemsModule["default"], 'steps__item')
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _utils.classes)(_StepItemsModule["default"], 'steps__count')
+      }, ind + 1), title && /*#__PURE__*/_react["default"].createElement("h4", {
+        className: (0, _utils.classes)(_StepItemsModule["default"], 'steps__title_step')
+      }, title), description && /*#__PURE__*/_react["default"].createElement("p", {
+        className: (0, _utils.classes)(_StepItemsModule["default"], 'steps__description')
+      }, description));
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+    green: true,
+    text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
+    style: {
+      marginLeft: 'auto',
+      marginRight: 'auto'
+    },
+    maxWidth: '320px',
+    width: "100%",
+    onClick: function onClick() {
+      var _window2;
+      return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("https://lk.ecomru.ru/auth".concat(refPage), '_blunk');
+    }
+  }));
+};
+var _default = exports["default"] = StepItems;

package/dist/components/ConstructorComponents/StepItems/StepItems.module.scss

@@ -0,0 +1,149 @@
+.steps {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 30px;
+    align-items: flex-start;
+    gap: 30px;
+    border-radius: 20px;
+
+    &__title {
+        color: black;
+        font-family: "Golos Text";
+        font-size: 42px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 51px;
+    }
+
+    &__items {
+        display: flex;
+        gap: 16px;
+    }
+
+    &__item {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        gap: 12px;
+        max-width: calc(25% - 12px);
+
+        &:nth-child(2) {
+            .steps__count {
+                color: #19AD30;
+                background: #DBFFDA;
+            }
+        }
+
+        &:nth-child(3) {
+            .steps__count {
+                color: #4989FF;
+                background: #DEEFFF;
+            }
+        }
+
+        &:nth-child(4) {
+
+            .steps__count {
+                color: #B251FF;
+                background: #F5E1FF;
+            }
+        }
+
+        &:nth-child(5) {
+
+            .steps__count {
+                color: #FF5166;
+                background: #FFE1E3;
+            }
+        }
+    }
+
+    &__title_step {
+        color: #333;
+        font-family: "Golos Text";
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+    }
+
+    &__count {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 8px;
+        width: 42px;
+        height: 42px;
+        padding: 10px;
+        background: #FFF3DE;
+        color: #FFA008;
+        font-family: "Golos Text";
+        font-size: 32px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 51px;
+    }
+
+    &__description {
+        color: #C5C5C5;
+        font-family: "Golos Text";
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+    }
+}
+
+@media(max-width: 1100px) {
+    .steps {
+
+        &__title {
+            font-family: "Golos Text";
+            font-size: 28px;
+            line-height: 32px;
+        }
+
+        &__items {
+            flex-direction: column;
+        }
+
+        &__item {
+            max-width: 100%;
+            width: 100%;
+        }
+
+        &__title_step {}
+
+        &__count {}
+
+        &__description {}
+    }
+}
+
+@media(max-width: 430px) {
+    .steps {
+
+        &__title {
+            font-size: 20px;
+            line-height: 24px;
+        }
+
+        &__items {
+            flex-direction: column;
+        }
+
+        &__item {
+            max-width: 100%;
+            width: 100%;
+        }
+
+        &__title_step {
+            font-size: 16px;
+            line-height: 24px;
+        }
+
+        &__count {}
+
+        &__description {}
+    }
+}

package/dist/components/ConstructorComponents/StepItems/StepItems.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StepItemsTest = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _StepItems = _interopRequireDefault(require("./StepItems"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var steps = [{
+  title: 'Зарегистрируй личный кабинет на платформе ECOMRU'
+}, {
+  title: "\u0414\u043E\u0431\u0430\u0432\u044C \u0441\u0432\u043E\u0438\u0445 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432 \u043D\u0430 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B"
+}, {
+  title: "\u0414\u043B\u044F \u0443\u0434\u043E\u0431\u0441\u0442\u0432\u0430 \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u0439 \u0438\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044E \u043F\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044E \u0440\u0430\u0437\u0434\u0435\u043B\u0430 \u201C\u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430\u201D"
+}, {
+  title: "\u0410\u043D\u0430\u043B\u0438\u0437\u0438\u0440\u0443\u0439 \u043F\u0440\u043E\u0434\u0430\u0436\u0438, \u0446\u0435\u043D\u044B, \u0437\u0430\u043A\u0430\u0437\u044B \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u0438 \u0441\u0432\u043E\u0435\u0433\u043E \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 \u0443\u0434\u043E\u0431\u043D\u043E\u0433\u043E \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0430"
+}];
+var _default = exports["default"] = {
+  title: 'StepItems',
+  component: _StepItems["default"]
+};
+var StepItemsTest = exports.StepItemsTest = function StepItemsTest() {
+  return /*#__PURE__*/_react["default"].createElement(_StepItems["default"], {
+    title: 'Как начать пользоваться сервисом',
+    list: steps
+  });
+};

package/dist/components/ConstructorComponents/VideoBlock/VideoBlock.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/index.js

@@ -15,12 +15,24 @@ Object.defineProperty(exports, "ArticlesBlock", {
     return _ArticlesBlock["default"];
   }
 });
+Object.defineProperty(exports, "BlocksInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BlocksInfo["default"];
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
     return _Button["default"];
   }
 });
+Object.defineProperty(exports, "ButtonBasic", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonBasic["default"];
+  }
+});
 Object.defineProperty(exports, "CardsInfo", {
   enumerable: true,
   get: function get() {
@@ -57,6 +69,18 @@ Object.defineProperty(exports, "Questions", {
     return _Questions["default"];
   }
 });
+Object.defineProperty(exports, "StatisticCard", {
+  enumerable: true,
+  get: function get() {
+    return _StatisticCard["default"];
+  }
+});
+Object.defineProperty(exports, "StepItems", {
+  enumerable: true,
+  get: function get() {
+    return _StepItems["default"];
+  }
+});
 Object.defineProperty(exports, "TariffPlan", {
   enumerable: true,
   get: function get() {
@@ -80,4 +104,8 @@ var _TariffPlan = _interopRequireDefault(require("./components/ConstructorCompon
 var _VideoBlock = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlock/VideoBlock"));
 var _ArticlesBlock = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock/ArticlesBlock"));
 var _FormWithBtn = _interopRequireDefault(require("./components/ConstructorComponents/FormWithBtn/FormWithBtn"));
+var _BlocksInfo = _interopRequireDefault(require("./components/ConstructorComponents/BlocksInfo/BlocksInfo"));
+var _StepItems = _interopRequireDefault(require("./components/ConstructorComponents/StepItems/StepItems"));
+var _StatisticCard = _interopRequireDefault(require("./components/ConstructorComponents/StatisticCard/StatisticCard"));
+var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [