ecomlab-components-next 0.1.237 → 0.1.239

package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.js

@@ -0,0 +1,102 @@
+"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 _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
+require("./FeaturesGridV2.scss");
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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 FeaturesGridV2 = function FeaturesGridV2(_ref) {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? '' : _ref$description;
+  var blocksRef = (0, _react.useRef)([]);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    maxHeight = _useState2[0],
+    setMaxHeight = _useState2[1];
+  var _useState3 = (0, _react.useState)(window.innerWidth),
+    _useState4 = _slicedToArray(_useState3, 2),
+    windowWidth = _useState4[0],
+    setWindowWidth = _useState4[1];
+  var syncHeight = (0, _react.useCallback)(function () {
+    var heights = blocksRef.current.filter(function (el) {
+      return el && el.offsetHeight > 0;
+    }).map(function (el) {
+      return el.offsetHeight;
+    });
+    if (heights.length > 0) {
+      var next = Math.max.apply(Math, _toConsumableArray(heights));
+      if (next !== maxHeight) setMaxHeight(next);
+    }
+  }, [maxHeight]);
+  (0, _react.useEffect)(function () {
+    [0, 100, 300].forEach(function (d) {
+      return setTimeout(syncHeight, d);
+    });
+    var onResize = function onResize() {
+      setWindowWidth(window.innerWidth);
+      syncHeight();
+    };
+    window.addEventListener('resize', onResize);
+    return function () {
+      return window.removeEventListener('resize', onResize);
+    };
+  }, [syncHeight]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("section", {
+    className: "fg5"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "fg5__inner"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "fg5__header"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "fg5__header-left"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "fg5__title"
+  }, title), description && /*#__PURE__*/_react["default"].createElement("p", {
+    className: "fg5__subtitle"
+  }, description)), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    size: '52px',
+    green: true,
+    text: 'Попробовать бесплатно →'
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "fg5__items"
+  }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
+    var title = _ref2.title,
+      description = _ref2.description;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "fg5__card"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "fg5__card-heading",
+      ref: function ref(el) {
+        blocksRef.current[index] = el;
+      },
+      style: {
+        minHeight: windowWidth > 430 && maxHeight > 0 ? maxHeight : undefined
+      }
+    }, title), /*#__PURE__*/_react["default"].createElement("p", {
+      className: "fg5__card-text"
+    }, description));
+  })))));
+};
+var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(FeaturesGridV2);

package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss

@@ -0,0 +1,145 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+.fg5 {
+    font-family: 'Manrope', sans-serif;
+    background: #F7F8FC;
+    width: 100%;
+    padding: 96px 48px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+}
+
+.fg5__inner {
+    max-width: 1280px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 56px;
+}
+
+/* ── Header ── */
+.fg5__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: 32px;
+}
+
+.fg5__header-left {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.fg5__title {
+    font-size: 30px;
+    font-weight: 800;
+    letter-spacing: -0.5px;
+    color: #1A1A2E;
+    margin: 0;
+}
+
+.fg5__subtitle {
+    font-size: 15px;
+    color: #6B7280;
+    line-height: 1.65;
+    max-width: 440px;
+    margin: 0;
+}
+
+/* ── Grid ── */
+.fg5__items {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 16px;
+}
+
+/* ── Card ── */
+.fg5__card {
+    background: #fff;
+    border: 1px solid #E5E7EB;
+    border-radius: 16px;
+    padding: 28px 24px 32px;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    transition: transform .2s, box-shadow .2s;
+    cursor: default;
+}
+
+.fg5__card:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
+}
+
+/* colored top stripe — all purple */
+.fg5__card {
+    border-top: 3px solid $green;
+}
+
+.fg5__card-heading {
+    font-size: 16px;
+    font-weight: 700;
+    color: #1A1A2E;
+    line-height: 1.35;
+    margin-bottom: 12px;
+}
+
+.fg5__card-text {
+    font-size: 13px;
+    color: #6B7280;
+    line-height: 1.7;
+}
+
+/* ── TABLET ── */
+@media (max-width: 1024px) {
+    .fg5 {
+        padding: 72px 32px;
+    }
+
+    .fg5__items {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .fg5__title {
+        font-size: 26px;
+    }
+
+    .fg5__header {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .fg5__btn {
+        width: 100%;
+        justify-content: center;
+    }
+}
+
+@media (max-width: 500px) {
+    .fg5 {
+        padding: 48px 16px;
+    }
+
+    .fg5__title {
+        font-size: 22px;
+    }
+
+    .fg5__items {
+        grid-template-columns: 1fr;
+        gap: 12px;
+    }
+
+    .fg5__card {
+        padding: 22px 20px 26px;
+    }
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+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"] = exports.FeaturesGridTest = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FeaturesGridV = _interopRequireDefault(require("./FeaturesGridV2"));
+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; }
+var advantages_list = [{
+  title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
+}, {
+  title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0412 2 \u0440\u0430\u0437\u0430 \u0441\u043E\u043A\u0440\u0430\u0442\u0438 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u043D\u0430 \u0440\u0435\u043A\u043B\u0430\u043C\u0443. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u042D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u0439 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0438. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041F\u043E\u043B\u0443\u0447\u0438 \u0431\u043E\u043B\u0435\u0435 50 \u0444\u0443\u043D\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445.")
+}, {
+  title: "\u042D\u043A\u043E\u043D\u043E\u043C\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0438 \u0434\u0435\u043D\u0435\u0433",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0421\u0447\u0438\u0442\u0430\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0439 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0438\u0437 \u0435\u0434\u0438\u043D\u043E\u0433\u043E \u043B\u0438\u0447\u043D\u043E\u0433\u043E \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0430.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0440\u0443\u0442\u0438\u043D\u043D\u044B\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043E\u0441\u0432\u043E\u0431\u043E\u0434\u0438 \u0431\u043E\u043B\u0435\u0435 50% \u0440\u0430\u0431\u043E\u0447\u0435\u0433\u043E \u0432\u0440\u0435\u043C\u0435\u043D\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0421\u044D\u043A\u043E\u043D\u043E\u043C\u044C 40% \u0431\u044E\u0434\u0436\u0435\u0442\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u0437\u0430 \u0441\u0447\u0451\u0442 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441-\u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432.")
+}, {
+  title: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432",
+  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0431\u043E\u043B\u0435\u0435 75% \u0432\u0441\u0435\u0445 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u044E\u0442\u0441\u044F \u0440\u0443\u043A\u0430\u043C\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439 \u0441\u044D\u043A\u043E\u043D\u043E\u043C\u043B\u0435\u043D\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u043D\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0438\u0437\u043D\u0435\u0441\u0430.", /*#__PURE__*/_react["default"].createElement("br", null))
+}];
+var _default = exports["default"] = {
+  title: 'FeaturesGridV2',
+  component: _FeaturesGridV["default"]
+};
+var FeaturesGridTest = exports.FeaturesGridTest = function FeaturesGridTest() {
+  return /*#__PURE__*/_react["default"].createElement(_FeaturesGridV["default"], {
+    title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
+    description: '60% клиентов сотрудничают с нами уже более 2-х лет',
+    list: advantages_list
+  });
+};

package/dist/components/ConstructorComponents/FormV2/FormV2.js

@@ -0,0 +1,139 @@
+"use strict";
+
+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 _ModalBitrixForm = _interopRequireDefault(require("../../Article/FormBtn/ModalBitrixForm/ModalBitrixForm"));
+require("./FormV2.scss");
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; } // FormV2.jsx — альтернативная версия с кастомной кнопкой, если ButtonBasic не гибкий
+// DOTASK (токены без изменений)
+var token_DOTASK = 'gAAAAABopIEPlTICTdgD52GgH_GRFS30Tou2Ok2ICeC3ECQ8_aSQMMjTqU0HS7y9krbifcKbXroyR0iMmN6UXq1KL4xP0UtjYg==';
+var url_DOTASK = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=167&token=".concat(token_DOTASK, "&author=546&responsible=546");
+var name_id_DOTASK = 'f_61';
+var form_data_DOTASK = [{
+  id: 'name',
+  placeholder: '',
+  hidden: true,
+  value: 'Лид клиент',
+  inputType: 'text',
+  type: 'input'
+}, {
+  id: 'f_61',
+  placeholder: 'Имя',
+  inputType: 'name',
+  required: true,
+  type: 'input'
+}, {
+  id: 'f_62',
+  placeholder: 'Email',
+  inputType: 'email',
+  type: 'input',
+  required: true
+}, {
+  id: 'f_63',
+  placeholder: 'Телефон',
+  inputType: 'tel',
+  type: 'input',
+  required: true
+}, {
+  id: 'f_64',
+  placeholder: 'Комментарий',
+  inputType: 'description',
+  type: 'textarea',
+  required: true
+}];
+
+// ECOMRU
+var token_ECOMRU = 'gAAAAABoic_FGeFf0ovZb3kdbMwakwFHd6KhIdq7IZEaQxjQx4LjfB2mu4_nj3xmzAWRvCI3XP_AIkeoPnYCnyid3sZhkm3xaA==';
+var url_ECOMRU = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=157&token=".concat(token_ECOMRU, "&author=197&responsible=546");
+var name_id_ECOMRU = 'f_34';
+var form_data_ECOMRU = [{
+  id: 'name',
+  placeholder: '',
+  hidden: true,
+  value: 'Лид клиент',
+  inputType: 'text',
+  type: 'input'
+}, {
+  id: 'f_34',
+  placeholder: 'Имя',
+  inputType: 'name',
+  required: true,
+  type: 'input'
+}, {
+  id: 'f_33',
+  placeholder: 'Email',
+  inputType: 'email',
+  type: 'input',
+  required: true
+}, {
+  id: 'f_35',
+  placeholder: 'Телефон',
+  inputType: 'tel',
+  type: 'input',
+  required: true
+}, {
+  id: 'f_58',
+  placeholder: 'Комментарий',
+  inputType: 'description',
+  type: 'textarea',
+  required: true
+}];
+var FormV2 = function FormV2(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Попробуй бесплатно' : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? 'Запишись на консультацию с нашим специалистом, чтобы получить бесплатный доступ к платформе на месяц' : _ref$description;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModal = _useState2[0],
+    setIsModal = _useState2[1];
+  var currentProps = function currentProps() {
+    var isClient = typeof window !== 'undefined';
+    var currentUrl = isClient ? window.location.href : '';
+    if (currentUrl !== null && currentUrl !== void 0 && currentUrl.includes('dotask.ru')) {
+      return {
+        bitrixToken: token_DOTASK,
+        inputArr: form_data_DOTASK,
+        nameId: name_id_DOTASK,
+        urlFetch: url_DOTASK
+      };
+    } else {
+      return {
+        bitrixToken: token_ECOMRU,
+        inputArr: form_data_ECOMRU,
+        nameId: name_id_ECOMRU,
+        urlFetch: url_ECOMRU
+      };
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isModal && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm["default"], _extends({
+    modal: true,
+    setIsModal: setIsModal,
+    formTitle: 'Желаемый способ связи'
+  }, currentProps())), /*#__PURE__*/_react["default"].createElement("section", {
+    className: "form-with-btn"
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "form-with-btn__title"
+  }, title), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "form-with-btn__description"
+  }, description), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "form-with-btn__button",
+    onClick: function onClick() {
+      return setIsModal(true);
+    }
+  }, "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E \u2192")));
+};
+var _default = exports["default"] = FormV2;

package/dist/components/ConstructorComponents/FormV2/FormV2.scss

@@ -0,0 +1,153 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+.form-with-btn {
+    background: linear-gradient(135deg, $green-forest 0%, $green-light 100%);
+    padding: 48px 40px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+
+    // Декоративные элементы
+    &::before {
+        content: '';
+        position: absolute;
+        top: -60px;
+        right: -60px;
+        width: 260px;
+        height: 260px;
+        background: rgba(255, 255, 255, 0.06);
+        border-radius: 50%;
+        pointer-events: none;
+    }
+
+    &::after {
+        content: '';
+        position: absolute;
+        bottom: -80px;
+        left: -40px;
+        width: 220px;
+        height: 220px;
+        background: rgba(255, 255, 255, 0.04);
+        border-radius: 50%;
+        pointer-events: none;
+    }
+
+    &__title {
+        font-family: 'Manrope', sans-serif;
+        font-size: 34px;
+        font-weight: 800;
+        letter-spacing: -1px;
+        color: #FFFFFF;
+        margin-bottom: 16px;
+        line-height: 1.2;
+        position: relative;
+        z-index: 1;
+    }
+
+    &__description {
+        font-family: 'Manrope', sans-serif;
+        font-size: 16px;
+        line-height: 1.5;
+        color: rgba(255, 255, 255, 0.8);
+        margin-bottom: 32px;
+        max-width: 500px;
+        margin-left: auto;
+        margin-right: auto;
+        position: relative;
+        z-index: 1;
+    }
+
+    &__button {
+        position: relative;
+        z-index: 1;
+        background: #FFFFFF;
+        color: $green;
+        border: none;
+        border-radius: 12px;
+        padding: 14px 28px;
+        font-size: 16px;
+        font-weight: 700;
+        font-family: 'Manrope', sans-serif;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        width: 100%;
+        max-width: 430px;
+        margin: 0 auto;
+
+        &:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
+            background: #FFFFFF;
+        }
+
+        &:active {
+            transform: translateY(0);
+        }
+    }
+}
+
+// Мобильная адаптация
+@media (max-width: 768px) {
+    .form-with-btn {
+        padding: 36px 24px;
+        border-radius: 20px;
+
+        &__title {
+            font-size: 26px;
+            letter-spacing: -0.5px;
+            margin-bottom: 12px;
+        }
+
+        &__description {
+            font-size: 14px;
+            margin-bottom: 24px;
+            padding: 0 8px;
+        }
+
+        &__button {
+            font-size: 15px;
+            padding: 13px 24px;
+            max-width: 100%;
+        }
+    }
+}
+
+@media (max-width: 480px) {
+    .form-with-btn {
+        padding: 28px 20px;
+
+        &__title {
+            font-size: 22px;
+        }
+
+        &__description {
+            font-size: 13px;
+            line-height: 1.45;
+        }
+
+        &__button {
+            font-size: 14px;
+            padding: 12px 20px;
+        }
+    }
+}
+
+@media (min-width: 769px) and (max-width: 1024px) {
+    .form-with-btn {
+        padding: 42px 32px;
+
+        &__title {
+            font-size: 30px;
+        }
+    }
+}

package/dist/components/ConstructorComponents/FormV2/FormWithBtn.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FormV2Test = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FormV = _interopRequireDefault(require("./FormV2"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'FormV2',
+  component: _FormV["default"]
+};
+var FormV2Test = exports.FormV2Test = function FormV2Test() {
+  return /*#__PURE__*/_react["default"].createElement(_FormV["default"], null);
+};

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

@@ -21,7 +21,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 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; } //import { ButtonBasic, InputDinamycPlaceholder, DropContainer } from '@lk-gtcom/ecomlab-components';
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var Header = function Header(_ref) {
   var title = _ref.title,
     description = _ref.description,