ecomlab-components-next 0.1.259 → 0.1.261

package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.js

@@ -16,7 +16,9 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var ButtonBasicV2 = function ButtonBasicV2(_ref) {
-  var text = _ref.text,
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    text = _ref.text,
     _onClick = _ref.onClick,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 210 : _ref$width,
@@ -27,58 +29,29 @@ var ButtonBasicV2 = function ButtonBasicV2(_ref) {
     props = _ref.props,
     maxWidth = _ref.maxWidth,
     style = _ref.style,
-    _ref$blue = _ref.blue,
-    blue = _ref$blue === void 0 ? false : _ref$blue,
-    _ref$orange = _ref.orange,
-    orange = _ref$orange === void 0 ? false : _ref$orange,
-    _ref$red = _ref.red,
-    red = _ref$red === void 0 ? false : _ref$red,
     _ref$green = _ref.green,
     green = _ref$green === void 0 ? false : _ref$green,
-    _ref$whiteBlue = _ref.whiteBlue,
-    whiteBlue = _ref$whiteBlue === void 0 ? false : _ref$whiteBlue,
-    _ref$grey = _ref.grey,
-    grey = _ref$grey === void 0 ? false : _ref$grey,
-    _ref$violet = _ref.violet,
-    violet = _ref$violet === void 0 ? false : _ref$violet,
-    _ref$lilac = _ref.lilac,
-    lilac = _ref$lilac === void 0 ? false : _ref$lilac,
-    _ref$action = _ref.action,
-    action = _ref$action === void 0 ? false : _ref$action,
     _ref$white = _ref.white,
-    white = _ref$white === void 0 ? false : _ref$white,
-    _ref$whiteGreen = _ref.whiteGreen,
-    whiteGreen = _ref$whiteGreen === void 0 ? false : _ref$whiteGreen,
-    _ref$darkViolet = _ref.darkViolet,
-    darkViolet = _ref$darkViolet === void 0 ? false : _ref$darkViolet;
+    white = _ref$white === void 0 ? false : _ref$white;
   // Если передан только "width" - то она становится статичной шириной, кнопка не расширяется и не сужается
   // Если передана "minWidth" кнопка становится пластичной и тянется до with(наибольшей ширины), minWidt(наименьшей ширины)
 
-  var colorClassName = function colorClassName() {
-    if (blue) return 'blue-btn2';
-    if (whiteBlue) return 'white-blue-btn2';
-    if (green) return 'green-btn2';
-    if (orange) return 'orange-btn2';
-    if (red) return 'red-btn2';
-    if (grey) return 'grey-btn2';
-    if (violet) return 'violet-btn2';
-    if (lilac) return 'lilac-btn2';
-    if (action) return 'action-btn2';
-    if (white) return 'white-btn2';
-    if (whiteGreen) return 'white-green-btn2';
-    if (darkViolet) return 'dark-violet-btn2';
+  var getColorClass = function getColorClass() {
+    if (green) return 'btn-basic-v2__green';
+    if (white) return 'btn-basic-v2__white';
+    return 'btn-basic-v2--violet';
   };
   return /*#__PURE__*/_react["default"].createElement("button", _extends({
-    className: "btn-basic2 ".concat(colorClassName() || 'violet-btn2'),
+    className: "btn-basic-v2 ".concat(getColorClass(), " ").concat(className),
     disabled: disabled,
-    style: _objectSpread(_defineProperty({
+    style: _objectSpread({
       minWidth: minWidth ? minWidth : '',
       width: width ? width : '',
       maxWidth: maxWidth ? maxWidth : '',
       height: size ? size : '40px'
-    }, "maxWidth", maxWidth ? maxWidth : ''), style),
+    }, style),
     onClick: function onClick(e) {
-      return _onClick(e);
+      return _onClick && _onClick(e);
     }
   }, props), text);
 };

package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.scss

@@ -1,55 +1,63 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../../ConstructorComponents/variables.scss';
 
-.btn-basic2 {
-    width: 100%;
-    min-height: 32px;
-    font-size: 14px;
-    // max-width: 200px;
-    width: 200px;
-    border-radius: 8px;
+.btn-basic-v2 {
+    font-family: 'Manrope', sans-serif;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
     border: none;
-    //margin-top: 32px;
-    color: white;
-    font-weight: 700;
-    min-width: 120px;
-    padding: 4px 8px;
+    border-radius: 10px;
+    font-weight: 600;
     cursor: pointer;
+    transition: all 0.2s ease;
+    padding: 0 24px;
 
-    * {
-        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    &:active {
+        transform: translateY(0);
     }
-}
 
-.green-btn2 {
-    background-color: $green;
-    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.3);
+    &__green {
+        background: $green;
+        color: $white;
 
-    &:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 8px 24px rgba(5, 150, 105, 0.4);
-        background: $green-dark;
-        transition: 0.5s;
+        &:hover {
+            background: $green-dark;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 16px rgba(5, 150, 105, 0.35);
+        }
     }
 
-    &[disabled] {
-        position: relative;
-        cursor: not-allowed;
-        background-color: #BBF7D0;
-        color: #ffffff;
-        -webkit-box-shadow: none;
-        -moz-box-shadow: none;
-        box-shadow: none;
+    &__white {
+        background: $white;
+        color: $green;
+        border: 1px solid $border;
 
         &:hover {
-            box-shadow: none;
-            background-color: #BBF7D0;
-            box-shadow: none;
+            background: $green-light-bg;
+            transform: translateY(-2px);
         }
+    }
 
-        &:active {
-            border: none;
+    &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+        
+        &:hover {
+            transform: none;
+            box-shadow: none;
         }
+    }
 
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
     }
 }

package/dist/components/ConstructorComponents/BlocksInfoV2/BlocksInfoV2.js

@@ -108,7 +108,7 @@ var BlocksInfo = function BlocksInfo(_ref) {
     isForm = _ref$isForm === void 0 ? false : _ref$isForm,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? null : _ref$onClick;
-  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.href;
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   var currentUrl = (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.href;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/components/ConstructorComponents/CardsServicesV2/CardsServicesV2.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./CardsServicesV2.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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -154,9 +156,12 @@ var CardsServicesV2 = function CardsServicesV2(_ref) {
     }, description), /*#__PURE__*/_react["default"].createElement("span", {
       className: "cards-services-v2__card-link-text"
     }, "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435 \u2192")));
-  })), isShowButton && /*#__PURE__*/_react["default"].createElement("button", {
-    className: "cards-services-v2__button",
-    onClick: handleShowMore
-  }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435"));
+  })), isShowButton && /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: 'cards-services-v2__button',
+    green: true,
+    onClick: handleShowMore,
+    text: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435",
+    size: "52px"
+  }));
 };
 var _default = exports["default"] = CardsServicesV2;

package/dist/components/ConstructorComponents/CardsServicesV2/CardsServicesV2.scss

@@ -2,6 +2,10 @@
 @import '../variables.scss';
 
 .cards-services-v2 {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
     font-family: 'Manrope', sans-serif;
     background: $bg;
     width: 100%;
@@ -120,23 +124,9 @@
     }
 
     &__button {
-        background: $green;
-        color: $white;
-        border: none;
-        border-radius: 10px;
-        padding: 14px 28px;
-        font-size: 15px;
-        font-weight: 700;
-        font-family: 'Manrope', sans-serif;
-        cursor: pointer;
-        transition: all 0.2s ease;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 8px;
         margin: 48px auto 0;
-        max-width: 280px;
-        width: 100%;
+        margin-left: auto;
+        margin-right: auto;
 
         &:hover {
             background: $green-dark;
@@ -154,6 +144,7 @@
             opacity: 0;
             transform: translateY(24px);
         }
+
         to {
             opacity: 1;
             transform: translateY(0);
@@ -266,10 +257,6 @@
             font-size: 14px;
         }
 
-        &__button {
-            margin-top: 32px;
-            max-width: 100%;
-        }
 
         &__placeholder-text {
             font-size: 28px;
@@ -305,5 +292,11 @@
         &__placeholder-text {
             font-size: 24px;
         }
+
+        &__button {
+            margin-top: 32px;
+            width: 100% !important;
+            max-width: 100% !important;
+        }
     }
 }

package/dist/components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2.js

@@ -7,15 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./ClientsAboutUsV2.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 _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 list_about_us = [{
   title: 'До сотрудничества с ECOMRU:',
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0411\u043E\u043B\u0435\u0435 4 \u0447\u0430\u0441\u043E\u0432 \u0432 \u0434\u0435\u043D\u044C \u0443\u0445\u043E\u0434\u0438\u043B\u043E \u043D\u0430 \u043C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 (\u0446\u0435\u043D\u044B, \u0430\u0441\u0441\u043E\u0440\u0442\u0438\u043C\u0435\u043D\u0442, \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433\u043E\u0432\u044B\u0435 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438)", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0414\u043E\u0445\u043E\u0434\u043D\u043E\u0441\u0442\u044C \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u0441\u0442\u043E\u044F\u043B\u0430 \u043D\u0430 \u043C\u0435\u0441\u0442\u0435, \u0438\u0437-\u0437\u0430 \u043D\u0435\u0445\u0432\u0430\u0442\u043A\u0438 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u043D\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u044B", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041D\u0435 \u0431\u044B\u043B\u043E \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0434\u043B\u044F \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F")
@@ -24,6 +20,7 @@ var list_about_us = [{
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0417\u0430\u0442\u0440\u0430\u0442\u044B \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u043D\u0430 \u0430\u043D\u0430\u043B\u0438\u0437 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 \u0441\u043E\u043A\u0440\u0430\u0442\u0438\u043B\u0438\u0441\u044C \u0441 4 \u0447\u0430\u0441\u043E\u0432 \u0434\u043E 1 \u0447\u0430\u0441\u0430 \u0432 \u0434\u0435\u043D\u044C", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043B\u0438 \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435, \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0443 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u0438 \u0430\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0421\u043E\u0437\u0434\u0430\u043B\u0438 \u043C\u0430\u0433\u0430\u0437\u0438\u043D \u043D\u0430 OZON (\u0440\u0430\u043D\u044C\u0448\u0435 \u0431\u044B\u043B \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430 Wildberries)", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0441\u0448\u0438\u0440\u0438\u043B\u0438 \u0430\u0441\u0441\u043E\u0440\u0442\u0438\u043C\u0435\u043D\u0442 \u043D\u0430 \u0442\u0440\u0435\u0442\u044C, \u043D\u0430\u0448\u043B\u0438 \u043D\u043E\u0432\u044B\u0435 \u043F\u0435\u0440\u0441\u043F\u0435\u043A\u0442\u0438\u0432\u043D\u044B\u0435 \u0442\u043E\u0432\u0430\u0440\u044B \u0432 \u0441\u0432\u043E\u0435\u0439 \u043D\u0438\u0448\u0435", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0423\u0432\u0435\u043B\u0438\u0447\u0438\u043B\u0438 \u043F\u0440\u0438\u0431\u044B\u043B\u044C \u0432\u0434\u0432\u043E\u0435, \u0438 \u043E\u043D\u0430 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0430\u0435\u0442 \u0440\u0430\u0441\u0442\u0438 \u043A\u0430\u0436\u0434\u044B\u0439 \u043C\u0435\u0441\u044F\u0446")
 }];
 var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
+  var _window;
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "Клиенты о нас" : _ref$title,
     _ref$blockquote = _ref.blockquote,
@@ -32,15 +29,7 @@ var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
     cite = _ref$cite === void 0 ? "Андрей Краснов - индивидуальный предприниматель, селлер на Wildberries и OZON" : _ref$cite,
     _ref$linkMain = _ref.linkMain,
     linkMain = _ref$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref$linkMain;
-  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));
-  }, []);
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "clients-about-v2"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
@@ -65,19 +54,17 @@ var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
       className: "clients-about-v2__card-title"
     }, title), /*#__PURE__*/_react["default"].createElement("div", {
       className: "clients-about-v2__description"
-    }, description), isRightCard ? /*#__PURE__*/_react["default"].createElement("button", {
-      className: "clients-about-v2__button clients-about-v2__button_green",
+    }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+      className: "clients-about-v2__button",
+      green: isRightCard,
+      white: !isRightCard,
       onClick: function onClick() {
         var _window2;
-        return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(refPage), '_blank');
-      }
-    }, btnName ? btnName : 'Подключиться', " \u2192") : /*#__PURE__*/_react["default"].createElement("button", {
-      className: "clients-about-v2__button clients-about-v2__button_outline",
-      onClick: function onClick() {
-        var _window3;
-        return (_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.open("".concat(linkMain, "/auth").concat(refPage), '_blank');
-      }
-    }, btnName ? btnName : 'Подключиться', " \u2192"));
+        return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
+      },
+      text: btnName ? btnName : 'Подключиться',
+      size: "40px"
+    }));
   })));
 };
 var _default = exports["default"] = ClientsAboutUsV2;

package/dist/components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2.scss

@@ -99,49 +99,6 @@
         }
     }
 
-    &__button {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        gap: 8px;
-        padding: 12px 24px;
-        border-radius: 10px;
-        font-size: 14px;
-        font-weight: 600;
-        cursor: pointer;
-        transition: all 0.2s ease;
-        font-family: 'Manrope', sans-serif;
-        width: fit-content;
-        min-width: 160px;
-
-        &:active {
-            transform: translateY(0);
-        }
-
-        &_green {
-            background: $green;
-            color: $white;
-            border: none;
-
-            &:hover {
-                background: $green-dark;
-                transform: translateY(-2px);
-                box-shadow: 0 4px 16px rgba(5, 150, 105, 0.35);
-            }
-        }
-
-        &_outline {
-            background: transparent;
-            color: $green;
-            border: 1.5px solid $green;
-
-            &:hover {
-                background: $green-light-bg;
-                transform: translateY(-2px);
-            }
-        }
-    }
-
     @keyframes fadeUp {
         from {
             opacity: 0;
@@ -223,8 +180,8 @@
         }
 
         &__button {
-            padding: 8px 16px;
-            font-size: 12px;
+            max-width: 100% !important;
+            width: 100% !important;
         }
     }
 }

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

@@ -23,12 +23,15 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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 _window;
   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;
+    description = _ref$description === void 0 ? '' : _ref$description,
+    _ref$linkMain = _ref.linkMain,
+    linkMain = _ref$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref$linkMain;
   var blocksRef = (0, _react.useRef)([]);
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -38,6 +41,7 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     windowWidth = _useState4[0],
     setWindowWidth = _useState4[1];
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   var syncHeight = (0, _react.useCallback)(function () {
     var heights = blocksRef.current.filter(function (el) {
       return el && el.offsetHeight > 0;
@@ -75,9 +79,14 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
   }, title), description && /*#__PURE__*/_react["default"].createElement("p", {
     className: "features-grid-v2__subtitle"
   }, description)), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: "features-grid-v2__btn",
     size: '52px',
     green: true,
-    text: 'Попробовать бесплатно →'
+    onClick: function onClick() {
+      var _window2;
+      return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
+    },
+    text: 'Попробовать бесплатно'
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "features-grid-v2__items"
   }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {

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

@@ -146,6 +146,11 @@
     .features-grid-v2 {
         padding: 40px 20px;
 
+        &__btn {
+            width: 100% !important;
+            max-width: 100% !important;
+        }
+
         &__title {
             font-size: 22px;
         }

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ModalBitrixForm = _interopRequireDefault(require("../../Article/FormBtn/ModalBitrixForm/ModalBitrixForm"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 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); }
@@ -130,11 +131,15 @@ var FormV2 = function FormV2(_ref) {
     className: "form-v2__title"
   }, title), /*#__PURE__*/_react["default"].createElement("p", {
     className: "form-v2__description"
-  }, description), /*#__PURE__*/_react["default"].createElement("button", {
-    className: "form-v2__button",
+  }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    white: true,
     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")));
+    },
+    text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
+    maxWidth: "430px",
+    width: "100%",
+    size: "52px"
+  })));
 };
 var _default = exports["default"] = FormV2;

package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js

@@ -96,7 +96,7 @@ var HeaderV2 = function HeaderV2(_ref) {
     text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
     maxWidth: "430px",
     width: "100%",
-    size: "56px"
+    size: "52px"
   })), services && /*#__PURE__*/_react["default"].createElement(_ServicesSectionV["default"], null)));
 };
 var _default = exports["default"] = HeaderV2;

package/dist/components/ConstructorComponents/PhoneBlockV2/PhoneBlockV2.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _image = _interopRequireDefault(require("next/image"));
 var _phone = _interopRequireDefault(require("./img/phone.png"));
 require("./PhoneBlockV2.scss");
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 var PhoneBlockV2 = function PhoneBlockV2(_ref) {
@@ -23,13 +24,16 @@ var PhoneBlockV2 = function PhoneBlockV2(_ref) {
     className: "phone-block-v2__title"
   }, "\u0417\u0430\u0445\u043E\u0434\u0438 \u0432 \u043D\u0430\u0448 ", /*#__PURE__*/_react["default"].createElement("span", null, "Telegram-\u043A\u0430\u043D\u0430\u043B"), ", \u0442\u0430\u043C \u043C\u044B \u0440\u0435\u0433\u0443\u043B\u044F\u0440\u043D\u043E \u0434\u0435\u043B\u0438\u043C\u0441\u044F \u043F\u043E\u043B\u0435\u0437\u043D\u043E\u0439 \u0438\u043D\u0444\u043E\u0439 \u0438 \u043D\u0430\u0448\u0438\u043C\u0438 \u043A\u0435\u0439\u0441\u0430\u043C\u0438"), /*#__PURE__*/_react["default"].createElement("p", {
     className: "phone-block-v2__description"
-  }, "\u0422\u0430\u043C \u0442\u044B \u043D\u0430\u0439\u0434\u0451\u0448\u044C \u0435\u0434\u0438\u043D\u043E\u043C\u044B\u0448\u043B\u0435\u043D\u043D\u0438\u043A\u043E\u0432, \u043F\u043E\u0434\u0435\u043B\u0438\u0448\u044C\u0441\u044F \u043E\u043F\u044B\u0442\u043E\u043C \u0438 \u0437\u0430\u0434\u0430\u0448\u044C \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B, \u043D\u0430 \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u044B \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u043E\u0442\u0432\u0435\u0442\u0438\u043C"), /*#__PURE__*/_react["default"].createElement("button", {
-    className: "phone-block-v2__button",
+  }, "\u0422\u0430\u043C \u0442\u044B \u043D\u0430\u0439\u0434\u0451\u0448\u044C \u0435\u0434\u0438\u043D\u043E\u043C\u044B\u0448\u043B\u0435\u043D\u043D\u0438\u043A\u043E\u0432, \u043F\u043E\u0434\u0435\u043B\u0438\u0448\u044C\u0441\u044F \u043E\u043F\u044B\u0442\u043E\u043C \u0438 \u0437\u0430\u0434\u0430\u0448\u044C \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u044B, \u043D\u0430 \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u044B \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u043E\u0442\u0432\u0435\u0442\u0438\u043C"), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: "phone-block-v2__btn",
+    green: true,
     onClick: function onClick() {
       var _window;
       return (_window = window) === null || _window === void 0 ? void 0 : _window.open('https://t.me/itkasha', '_blank');
-    }
-  }, "\u041D\u0430\u0448\u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u0438 \u2192")), /*#__PURE__*/_react["default"].createElement("div", {
+    },
+    text: 'Наши новости →',
+    size: "40px"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "phone-block-v2__image-box"
   }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
     className: "phone-block-v2__image",

package/dist/components/ConstructorComponents/PhoneBlockV2/PhoneBlockV2.scss

@@ -67,30 +67,6 @@
         max-width: 500px;
     }
 
-    &__button {
-        background: $green;
-        color: $white;
-        border: none;
-        border-radius: 10px;
-        padding: 12px 28px;
-        font-size: 15px;
-        font-weight: 600;
-        cursor: pointer;
-        transition: all 0.2s ease;
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-
-        &:hover {
-            background: $green-dark;
-            transform: translateY(-1px);
-        }
-
-        &:active {
-            transform: translateY(0);
-        }
-    }
-
     &__image-box {
         flex-shrink: 0;
         padding: 24px 48px 24px 0;
@@ -166,11 +142,6 @@
         &__image {
             width: 180px;
         }
-
-        &__button {
-            display: inline-flex;
-            justify-content: center;
-        }
     }
 }
 
@@ -195,13 +166,6 @@
         &__image {
             width: 160px;
         }
-
-        &__button {
-            padding: 10px 20px;
-            font-size: 14px;
-            width: 100%;
-            justify-content: center;
-        }
     }
 }
 
@@ -237,10 +201,6 @@
             font-size: 12px;
             padding: 4px 12px;
         }
-        
-        &__button {
-            border-radius: 10px;
-        }
     }
 }
 
@@ -274,5 +234,10 @@
             font-size: 11px;
             padding: 3px 10px;
         }
+
+        &__btn {
+            max-width: 100% !important;
+            width: 100% !important;
+        }
     }
 }

package/dist/components/ConstructorComponents/ServicesSectionV2/ServicesSectionV2.js

@@ -108,8 +108,10 @@ var ImagePlaceholder = function ImagePlaceholder(_ref) {
 var ServicesSectionV2 = function ServicesSectionV2(_ref2) {
   var _window;
   var _ref2$items = _ref2.items,
-    items = _ref2$items === void 0 ? list_default : _ref2$items;
-  var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
+    items = _ref2$items === void 0 ? list_default : _ref2$items,
+    _ref2$linkMain = _ref2.linkMain,
+    linkMain = _ref2$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref2$linkMain;
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   var _useState = (0, _react.useState)(items[0]),
     _useState2 = _slicedToArray(_useState, 2),
     activeItem = _useState2[0],
@@ -177,7 +179,7 @@ var ServicesSectionV2 = function ServicesSectionV2(_ref2) {
     onClick: function onClick(e) {
       var _window2;
       e.preventDefault();
-      (_window2 = window) === null || _window2 === void 0 || _window2.open("https://lk.ecomru.ru/auth".concat(currentUrl), '_blank');
+      (_window2 = window) === null || _window2 === void 0 || _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
     },
     href: activeItem.link,
     className: "services-v2__link"

package/dist/components/ConstructorComponents/SmartReplies/SmartReplies.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasicV = _interopRequireDefault(require("@/components/Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./SmartReplies.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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -120,9 +122,12 @@ var SmartReplies = function SmartReplies(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("p", null, review.answer))));
   })), reviews.length > 2 && visibleCount < reviews.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: "smart-replies__show-more"
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    className: "smart-replies__show-more-btn",
-    onClick: showMore
-  }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435"))));
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: "phone-block-v2__btn",
+    white: true,
+    onClick: showMore,
+    text: 'Показать еще',
+    size: "52px"
+  }))));
 };
 var _default = exports["default"] = SmartReplies;

package/dist/components/ConstructorComponents/StepsV2/StepsV2.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _image = _interopRequireDefault(require("next/image"));
 var _utils = require("../../../common/utils");
 var _StepsV2Module = _interopRequireDefault(require("./StepsV2.module.scss"));
-var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 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; }
@@ -21,6 +21,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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 StepsV2 = function StepsV2(_ref) {
+  var _window;
   var title = _ref.title,
     _ref$list = _ref.list,
     list = _ref$list === void 0 ? [] : _ref$list,
@@ -28,18 +29,12 @@ var StepsV2 = function StepsV2(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$linkMain = _ref.linkMain,
     linkMain = _ref$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref$linkMain;
-  var _useState = (0, _react.useState)(''),
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    refPage = _useState2[0],
-    setRefPage = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isMobile = _useState4[0],
-    setIsMobile = _useState4[1];
+    isMobile = _useState2[0],
+    setIsMobile = _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));
     var checkMobile = function checkMobile() {
       return setIsMobile(window.innerWidth <= 1100);
     };
@@ -75,12 +70,15 @@ var StepsV2 = function StepsV2(_ref) {
     }, stepTitle), description && /*#__PURE__*/_react["default"].createElement("p", {
       className: (0, _utils.classes)(_StepsV2Module["default"], "steps-v2__description")
     }, description)));
-  })), /*#__PURE__*/_react["default"].createElement("button", {
-    className: (0, _utils.classes)(_StepsV2Module["default"], "steps-v2__button"),
+  })), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: (0, _utils.classes)(_StepsV2Module["default"], "steps-v2__btn"),
     onClick: function onClick() {
       var _window2;
-      return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(refPage), '_blank');
-    }
-  }, "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E \u2192"));
+      return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
+    },
+    size: '52px',
+    green: true,
+    text: 'Попробовать бесплатно'
+  }));
 };
 var _default = exports["default"] = StepsV2;

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

@@ -102,34 +102,6 @@
         gap: 6px;
     }
 
-    &__button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 8px;
-        background: $green;
-        color: $white;
-        border: none;
-        border-radius: 10px;
-        padding: 16px 32px;
-        font-size: 15px;
-        font-weight: 700;
-        cursor: pointer;
-        width: 100%;
-        max-width: 430px;
-        height: 56px;
-        margin: 0 auto;
-        transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
-        box-shadow: 0 4px 16px rgba(5, 150, 105, 0.35);
-        box-sizing: border-box;
-
-        &:hover {
-            background: $green-dark;
-            transform: translateY(-2px);
-            box-shadow: 0 8px 24px rgba(5, 150, 105, 0.4);
-        }
-    }
-
     @keyframes fadeUp {
         from {
             opacity: 0;
@@ -217,10 +189,9 @@
             padding: 16px 0;
         }
 
-        &__button {
-            font-size: 14px;
-            height: 52px;
-            max-width: 100%;
+        &__btn {
+            max-width: 100% !important;
+            width: 100% !important;
         }
     }
 }

package/package.json

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