ecomlab-components-next 0.1.14 → 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock.js +15 -12
- package/dist/components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock.stories.js +9 -6
- package/dist/components/ConstructorComponents/CardsInfo/CardsInfo.js +2 -2
- package/dist/components/ConstructorComponents/Header/Header.js +19 -16
- package/dist/components/ConstructorComponents/Tariff/TariffPlan.js +88 -85
- package/dist/components/ConstructorComponents/Tariff/TariffPlan.stories.js +2 -2
- package/dist/index.js +49 -0
- package/package.json +1 -1
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use client';
|
|
3
3
|
|
|
4
|
+
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); }
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
10
|
require("./AdvantagesBlock.scss");
|
|
9
11
|
var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
|
|
10
|
-
var _react = require("react");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
12
15
|
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
13
16
|
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."); }
|
|
14
17
|
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
@@ -68,40 +71,40 @@ var AdvantagesBlock = function AdvantagesBlock(_ref) {
|
|
|
68
71
|
(_window4 = window) === null || _window4 === void 0 || _window4.removeEventListener('load', setHeight);
|
|
69
72
|
};
|
|
70
73
|
}, [blocksRef]);
|
|
71
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
72
75
|
className: "advantages-block ".concat(className)
|
|
73
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
74
77
|
className: "advantages-block__header"
|
|
75
|
-
}, title && /*#__PURE__*/
|
|
78
|
+
}, title && /*#__PURE__*/_react["default"].createElement("h2", {
|
|
76
79
|
className: "advantages-block__title"
|
|
77
|
-
}, title), description && /*#__PURE__*/
|
|
80
|
+
}, title), description && /*#__PURE__*/_react["default"].createElement("p", {
|
|
78
81
|
className: "advantages-block__description"
|
|
79
|
-
}, description)), descriptionWhite && /*#__PURE__*/
|
|
82
|
+
}, description)), descriptionWhite && /*#__PURE__*/_react["default"].createElement("p", {
|
|
80
83
|
className: "advantages-block__description-white"
|
|
81
|
-
}, descriptionWhite), (list === null || list === void 0 ? void 0 : list.length) > 0 && /*#__PURE__*/
|
|
84
|
+
}, descriptionWhite), (list === null || list === void 0 ? void 0 : list.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
82
85
|
className: "advantages-block__items"
|
|
83
86
|
}, list === null || list === void 0 ? void 0 : list.map(function (_ref2, ind) {
|
|
84
87
|
var title = _ref2.title,
|
|
85
88
|
description = _ref2.description;
|
|
86
|
-
return /*#__PURE__*/
|
|
89
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
90
|
className: "advantages-block__item ".concat(className),
|
|
88
91
|
key: title + ind,
|
|
89
92
|
style: {
|
|
90
93
|
maxWidth: width == 'auto' ? 'fit-content' : ''
|
|
91
94
|
}
|
|
92
|
-
}, /*#__PURE__*/
|
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
93
96
|
style: {
|
|
94
97
|
height: withGeneral > 430 ? maxHeight : ''
|
|
95
98
|
}
|
|
96
|
-
}, title && /*#__PURE__*/
|
|
99
|
+
}, title && /*#__PURE__*/_react["default"].createElement("div", {
|
|
97
100
|
className: "advantages-block__item-title",
|
|
98
101
|
ref: function ref(el) {
|
|
99
102
|
return blocksRef.current[ind] = el;
|
|
100
103
|
}
|
|
101
|
-
}, title)), description && /*#__PURE__*/
|
|
104
|
+
}, title)), description && /*#__PURE__*/_react["default"].createElement("p", {
|
|
102
105
|
className: "advantages-block__item-description"
|
|
103
106
|
}, description));
|
|
104
|
-
})), btn && /*#__PURE__*/
|
|
107
|
+
})), btn && /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
105
108
|
green: true,
|
|
106
109
|
width: "320px",
|
|
107
110
|
text: btn,
|
|
@@ -1,31 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = exports.AdvantagesBlockTest = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _AdvantagesBlock = _interopRequireDefault(require("./AdvantagesBlock"));
|
|
9
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
10
13
|
var advantages_list = [{
|
|
11
14
|
title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
|
|
12
|
-
description: /*#__PURE__*/
|
|
15
|
+
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))
|
|
13
16
|
}, {
|
|
14
17
|
title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
|
|
15
|
-
description: /*#__PURE__*/
|
|
18
|
+
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.")
|
|
16
19
|
}, {
|
|
17
20
|
title: "\u042D\u043A\u043E\u043D\u043E\u043C\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0438 \u0434\u0435\u043D\u0435\u0433",
|
|
18
|
-
description: /*#__PURE__*/
|
|
21
|
+
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.")
|
|
19
22
|
}, {
|
|
20
23
|
title: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432",
|
|
21
|
-
description: /*#__PURE__*/
|
|
24
|
+
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))
|
|
22
25
|
}];
|
|
23
26
|
var _default = exports["default"] = {
|
|
24
27
|
title: 'AdvantagesBlock',
|
|
25
28
|
component: _AdvantagesBlock["default"]
|
|
26
29
|
};
|
|
27
30
|
var AdvantagesBlockTest = exports.AdvantagesBlockTest = function AdvantagesBlockTest() {
|
|
28
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_AdvantagesBlock["default"], {
|
|
29
32
|
title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
|
|
30
33
|
description: '60% клиентов сотрудничают с нами уже более 2-х лет',
|
|
31
34
|
list: advantages_list
|
|
@@ -125,11 +125,11 @@ var CardsInfo = function CardsInfo(_ref) {
|
|
|
125
125
|
key: label + img
|
|
126
126
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
127
127
|
className: "block-cards-info__img-box"
|
|
128
|
-
}, !img && /*#__PURE__*/_react["default"].createElement(
|
|
128
|
+
}, !img && /*#__PURE__*/_react["default"].createElement("img", {
|
|
129
129
|
alt: "icon",
|
|
130
130
|
className: "block-cards-info__img-development",
|
|
131
131
|
src: "https://dl.ecomru.ru:9001/dev-images/frame_1321317238.png"
|
|
132
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
132
|
+
}), /*#__PURE__*/_react["default"].createElement("img", {
|
|
133
133
|
alt: "icon",
|
|
134
134
|
className: "block-cards-info__img",
|
|
135
135
|
src: img ? img : 'https://dl.ecomru.ru:9001/dev-images/6_2.png'
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use client';
|
|
3
3
|
|
|
4
|
+
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); }
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
|
|
10
11
|
var _image = _interopRequireDefault(require("next/image"));
|
|
11
12
|
var _YandexMarket = _interopRequireDefault(require("./img/Yandex Market.svg"));
|
|
@@ -13,6 +14,8 @@ var _WB = _interopRequireDefault(require("./img/WB.svg"));
|
|
|
13
14
|
var _Ozon = _interopRequireDefault(require("./img/Ozon.svg"));
|
|
14
15
|
require("./Header.scss");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
16
19
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
17
20
|
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."); }
|
|
18
21
|
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; } }
|
|
@@ -41,53 +44,53 @@ var Header = function Header(_ref) {
|
|
|
41
44
|
var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.href;
|
|
42
45
|
setRefPage("?ref_page=".concat(currentUrl));
|
|
43
46
|
}, []);
|
|
44
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/_react["default"].createElement("header", {
|
|
45
48
|
className: "landing-header"
|
|
46
|
-
}, /*#__PURE__*/
|
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
47
50
|
className: "landing-header__info-content"
|
|
48
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
49
52
|
className: "landing-header__img-box"
|
|
50
53
|
}, arrIcon ? arrIcon.map(function (el, ind) {
|
|
51
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
52
55
|
className: "landing-header__img-ozon",
|
|
53
56
|
alt: "icon",
|
|
54
57
|
key: el + ind,
|
|
55
58
|
src: el
|
|
56
59
|
});
|
|
57
|
-
}) : /*#__PURE__*/
|
|
60
|
+
}) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !hideYandex && /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
58
61
|
className: "landing-header__img-yandex",
|
|
59
62
|
src: _YandexMarket["default"]
|
|
60
|
-
}), /*#__PURE__*/
|
|
63
|
+
}), /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
61
64
|
className: "landing-header__img-ozon",
|
|
62
65
|
src: _Ozon["default"],
|
|
63
66
|
alt: "icon"
|
|
64
|
-
}), /*#__PURE__*/
|
|
67
|
+
}), /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
65
68
|
className: "landing-header__img-wb",
|
|
66
69
|
src: _WB["default"],
|
|
67
70
|
alt: "icon"
|
|
68
|
-
})), (name_service || icon_service) && Array.isArray(name_service) ? /*#__PURE__*/
|
|
69
|
-
return /*#__PURE__*/
|
|
71
|
+
})), (name_service || icon_service) && Array.isArray(name_service) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, name_service === null || name_service === void 0 ? void 0 : name_service.map(function (el, ind) {
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
73
|
style: {
|
|
71
74
|
background: color[ind] ? color[ind] : ''
|
|
72
75
|
},
|
|
73
76
|
className: "landing-header__service-box"
|
|
74
|
-
}, /*#__PURE__*/
|
|
77
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
75
78
|
src: icon_service[ind],
|
|
76
79
|
alt: "icon"
|
|
77
80
|
}), el);
|
|
78
|
-
})) : name_service ? /*#__PURE__*/
|
|
81
|
+
})) : name_service ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
79
82
|
style: {
|
|
80
83
|
background: color ? color : ''
|
|
81
84
|
},
|
|
82
85
|
className: "landing-header__service-box"
|
|
83
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
84
87
|
src: icon_service,
|
|
85
88
|
alt: "icon"
|
|
86
|
-
}), name_service) : null), /*#__PURE__*/
|
|
89
|
+
}), name_service) : null), /*#__PURE__*/_react["default"].createElement("h1", {
|
|
87
90
|
className: "landing-header__title"
|
|
88
|
-
}, title), description && /*#__PURE__*/
|
|
91
|
+
}, title), description && /*#__PURE__*/_react["default"].createElement("h2", {
|
|
89
92
|
className: "landing-header__description"
|
|
90
|
-
}, description), /*#__PURE__*/
|
|
93
|
+
}, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
91
94
|
green: true,
|
|
92
95
|
onClick: function onClick() {
|
|
93
96
|
var _window2;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use client';
|
|
3
3
|
|
|
4
|
+
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); }
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
10
|
var _image = _interopRequireDefault(require("next/image"));
|
|
9
|
-
var _react = require("react");
|
|
10
11
|
var _active = _interopRequireDefault(require("./img/active.svg"));
|
|
11
12
|
var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
|
|
12
13
|
require("./TariffPlan.scss");
|
|
@@ -31,6 +32,8 @@ var _check = _interopRequireDefault(require("./imgs/check.svg"));
|
|
|
31
32
|
var _bxNotification = _interopRequireDefault(require("./imgs/bx-notification.svg"));
|
|
32
33
|
var _bxSlider = _interopRequireDefault(require("./imgs/bx-slider.svg"));
|
|
33
34
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
35
|
+
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); }
|
|
36
|
+
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; }
|
|
34
37
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
35
38
|
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."); }
|
|
36
39
|
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; } }
|
|
@@ -135,26 +138,26 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
135
138
|
icon: _bxPackage["default"],
|
|
136
139
|
inside: [{
|
|
137
140
|
label: 'Перенос товаров на маркетплейсы',
|
|
138
|
-
text1: /*#__PURE__*/
|
|
141
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
139
142
|
style: {
|
|
140
143
|
color: '#00B45E)'
|
|
141
144
|
}
|
|
142
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/
|
|
143
|
-
text2: /*#__PURE__*/
|
|
145
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 10 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441"),
|
|
146
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
144
147
|
style: {
|
|
145
148
|
color: '#00B45E)'
|
|
146
149
|
}
|
|
147
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 300 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/
|
|
148
|
-
text3: /*#__PURE__*/
|
|
150
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 300 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 8 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441"),
|
|
151
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
149
152
|
style: {
|
|
150
153
|
color: '#00B45E)'
|
|
151
154
|
}
|
|
152
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 500 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/
|
|
153
|
-
text4: /*#__PURE__*/
|
|
155
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 500 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 6 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441"),
|
|
156
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
154
157
|
style: {
|
|
155
158
|
color: '#00B45E)'
|
|
156
159
|
}
|
|
157
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 2000 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/
|
|
160
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 2000 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 4 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441")
|
|
158
161
|
}, {
|
|
159
162
|
label: 'Создание мастер товаров',
|
|
160
163
|
base1: 'active',
|
|
@@ -181,10 +184,10 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
181
184
|
base4: 'active'
|
|
182
185
|
}, {
|
|
183
186
|
label: 'Улучшение товаров',
|
|
184
|
-
text1: /*#__PURE__*/
|
|
185
|
-
text2: /*#__PURE__*/
|
|
186
|
-
text3: /*#__PURE__*/
|
|
187
|
-
text4: /*#__PURE__*/
|
|
187
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439"),
|
|
188
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439"),
|
|
189
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439"),
|
|
190
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439")
|
|
188
191
|
}, {
|
|
189
192
|
label: 'Внесение и анализ себестоимости',
|
|
190
193
|
base1: 'active',
|
|
@@ -203,26 +206,26 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
203
206
|
icon: _bxMessageDetail["default"],
|
|
204
207
|
inside: [{
|
|
205
208
|
label: 'Генерация кастомных ответов на каждый отзыв с ИИ. Опционально - утверждение оператором',
|
|
206
|
-
text1: /*#__PURE__*/
|
|
209
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
207
210
|
style: {
|
|
208
211
|
color: '#00B45E)'
|
|
209
212
|
}
|
|
210
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/
|
|
211
|
-
text2: /*#__PURE__*/
|
|
213
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 9 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432"),
|
|
214
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
212
215
|
style: {
|
|
213
216
|
color: '#00B45E)'
|
|
214
217
|
}
|
|
215
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 300 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/
|
|
216
|
-
text3: /*#__PURE__*/
|
|
218
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 300 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 7 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432"),
|
|
219
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
217
220
|
style: {
|
|
218
221
|
color: '#00B45E)'
|
|
219
222
|
}
|
|
220
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 500 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/
|
|
221
|
-
text4: /*#__PURE__*/
|
|
223
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 500 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 5 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432"),
|
|
224
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
222
225
|
style: {
|
|
223
226
|
color: '#00B45E)'
|
|
224
227
|
}
|
|
225
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 2000 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/
|
|
228
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 2000 \u043E\u0442\u0437\u044B\u0432\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 3 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432")
|
|
226
229
|
}, {
|
|
227
230
|
label: 'Автоопределение темы отзыва',
|
|
228
231
|
base1: 'active',
|
|
@@ -397,26 +400,26 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
397
400
|
icon: _bxSlider["default"],
|
|
398
401
|
inside: [{
|
|
399
402
|
label: 'Создание задач и досок проектов',
|
|
400
|
-
text1: /*#__PURE__*/
|
|
403
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
401
404
|
style: {
|
|
402
405
|
color: '#00B45E)'
|
|
403
406
|
}
|
|
404
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
405
|
-
text2: /*#__PURE__*/
|
|
407
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442"),
|
|
408
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
406
409
|
style: {
|
|
407
410
|
color: '#00B45E)'
|
|
408
411
|
}
|
|
409
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 20 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
410
|
-
text3: /*#__PURE__*/
|
|
412
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 20 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442"),
|
|
413
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
411
414
|
style: {
|
|
412
415
|
color: '#00B45E)'
|
|
413
416
|
}
|
|
414
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 40 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
415
|
-
text4: /*#__PURE__*/
|
|
417
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 40 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442"),
|
|
418
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
416
419
|
style: {
|
|
417
420
|
color: '#00B45E)'
|
|
418
421
|
}
|
|
419
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
422
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442")
|
|
420
423
|
}, {
|
|
421
424
|
label: 'Добавление сотрудников в проект',
|
|
422
425
|
base1: 'active',
|
|
@@ -485,26 +488,26 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
485
488
|
base4: 'active'
|
|
486
489
|
}, {
|
|
487
490
|
label: 'Создание чат бота',
|
|
488
|
-
text1: /*#__PURE__*/
|
|
491
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
489
492
|
style: {
|
|
490
493
|
color: '#00B45E)'
|
|
491
494
|
}
|
|
492
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
493
|
-
text2: /*#__PURE__*/
|
|
495
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430"),
|
|
496
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
494
497
|
style: {
|
|
495
498
|
color: '#00B45E)'
|
|
496
499
|
}
|
|
497
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 20 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
498
|
-
text3: /*#__PURE__*/
|
|
500
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 20 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430"),
|
|
501
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
499
502
|
style: {
|
|
500
503
|
color: '#00B45E)'
|
|
501
504
|
}
|
|
502
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 40 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
503
|
-
text4: /*#__PURE__*/
|
|
505
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 40 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430"),
|
|
506
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
504
507
|
style: {
|
|
505
508
|
color: '#00B45E)'
|
|
506
509
|
}
|
|
507
|
-
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/
|
|
510
|
+
}, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0447\u0430\u0442 \u0431\u043E\u0442\u043E\u0432"), " ", /*#__PURE__*/_react["default"].createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430")
|
|
508
511
|
}, {
|
|
509
512
|
label: 'Автоматизация общения с пользователями с помощью ИИ',
|
|
510
513
|
base1: 'active',
|
|
@@ -523,16 +526,16 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
523
526
|
icon: _bxNotification["default"],
|
|
524
527
|
inside: [{
|
|
525
528
|
label: 'Создание подключений к площадкам',
|
|
526
|
-
text1: /*#__PURE__*/
|
|
527
|
-
text2: /*#__PURE__*/
|
|
528
|
-
text3: /*#__PURE__*/
|
|
529
|
-
text4: /*#__PURE__*/
|
|
529
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 3 \u043F\u043B\u043E\u0449\u0430\u0434\u043A\u0438"),
|
|
530
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 5 \u043F\u043B\u043E\u0449\u0430\u0434\u043E\u043A"),
|
|
531
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 6 \u043F\u043B\u043E\u0449\u0430\u0434\u043E\u043A"),
|
|
532
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u043F\u043B\u043E\u0449\u0430\u0434\u043E\u043A")
|
|
530
533
|
}, {
|
|
531
534
|
label: 'Добавление сотрудников',
|
|
532
|
-
text1: /*#__PURE__*/
|
|
533
|
-
text2: /*#__PURE__*/
|
|
534
|
-
text3: /*#__PURE__*/
|
|
535
|
-
text4: /*#__PURE__*/
|
|
535
|
+
text1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432"),
|
|
536
|
+
text2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 20 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432"),
|
|
537
|
+
text3: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 40 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432"),
|
|
538
|
+
text4: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432")
|
|
536
539
|
}, {
|
|
537
540
|
label: 'Создание Пространств для разделения проектов',
|
|
538
541
|
base1: 'active',
|
|
@@ -567,17 +570,17 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
567
570
|
label: '1 Месяц',
|
|
568
571
|
value: '1 Месяц'
|
|
569
572
|
}, {
|
|
570
|
-
label: /*#__PURE__*/
|
|
573
|
+
label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "3 \u043C\u0435\u0441\u044F\u0446\u0430 ", /*#__PURE__*/_react["default"].createElement("div", {
|
|
571
574
|
className: "discount"
|
|
572
575
|
}, "5 %")),
|
|
573
576
|
value: '3 месяца'
|
|
574
577
|
}, {
|
|
575
|
-
label: /*#__PURE__*/
|
|
578
|
+
label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "6 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 ", /*#__PURE__*/_react["default"].createElement("div", {
|
|
576
579
|
className: "discount"
|
|
577
580
|
}, "5 %")),
|
|
578
581
|
value: '6 месяцев'
|
|
579
582
|
}, {
|
|
580
|
-
label: /*#__PURE__*/
|
|
583
|
+
label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "12 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 ", /*#__PURE__*/_react["default"].createElement("div", {
|
|
581
584
|
className: "discount"
|
|
582
585
|
}, "5 %")),
|
|
583
586
|
value: '12 месяцев'
|
|
@@ -586,24 +589,24 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
586
589
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
587
590
|
status = _useState10[0],
|
|
588
591
|
setStatus = _useState10[1];
|
|
589
|
-
return /*#__PURE__*/
|
|
592
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
590
593
|
className: "tariffs-plan"
|
|
591
|
-
}, /*#__PURE__*/
|
|
594
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
592
595
|
className: "tariffs-plan__header"
|
|
593
|
-
}, /*#__PURE__*/
|
|
596
|
+
}, /*#__PURE__*/_react["default"].createElement("h1", {
|
|
594
597
|
className: "tariffs-plan__title"
|
|
595
|
-
}, "\u0422\u0430\u0440\u0438\u0444\u044B")), /*#__PURE__*/
|
|
598
|
+
}, "\u0422\u0430\u0440\u0438\u0444\u044B")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
596
599
|
className: "tariffs-plan__top"
|
|
597
|
-
}, /*#__PURE__*/
|
|
600
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
598
601
|
className: "cards-group"
|
|
599
|
-
}, /*#__PURE__*/
|
|
602
|
+
}, /*#__PURE__*/_react["default"].createElement(_TabsGreen.TabsGreen, {
|
|
600
603
|
btns: btns,
|
|
601
604
|
currentBtn: status,
|
|
602
605
|
setCurrentBtn: function setCurrentBtn(e) {
|
|
603
606
|
return setStatus(e);
|
|
604
607
|
},
|
|
605
608
|
checkValue: true
|
|
606
|
-
}), /*#__PURE__*/
|
|
609
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
607
610
|
className: "tariffs-plan__cards"
|
|
608
611
|
}, tariffs_list.map(function (_ref2, ind) {
|
|
609
612
|
var label = _ref2.label,
|
|
@@ -612,20 +615,20 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
612
615
|
description = _ref2.description,
|
|
613
616
|
popular = _ref2.popular,
|
|
614
617
|
ref = _ref2.ref;
|
|
615
|
-
return /*#__PURE__*/
|
|
618
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
616
619
|
className: "tariff-card"
|
|
617
|
-
}, popular && /*#__PURE__*/
|
|
620
|
+
}, popular && /*#__PURE__*/_react["default"].createElement("div", {
|
|
618
621
|
className: "tariff-card__sticker"
|
|
619
|
-
}, "\u0421\u0430\u043C\u044B\u0439 \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0439"), /*#__PURE__*/
|
|
622
|
+
}, "\u0421\u0430\u043C\u044B\u0439 \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0439"), /*#__PURE__*/_react["default"].createElement("h3", {
|
|
620
623
|
className: "tariff-card__name",
|
|
621
624
|
style: {
|
|
622
625
|
color: color
|
|
623
626
|
}
|
|
624
|
-
}, label), /*#__PURE__*/
|
|
627
|
+
}, label), /*#__PURE__*/_react["default"].createElement("div", {
|
|
625
628
|
className: "tariff-card__sum-box"
|
|
626
|
-
}, " ", sum.toLocaleString(), " ", /*#__PURE__*/
|
|
629
|
+
}, " ", sum.toLocaleString(), " ", /*#__PURE__*/_react["default"].createElement("span", null, " ".concat(' ₽')), '/мес'), /*#__PURE__*/_react["default"].createElement("p", {
|
|
627
630
|
className: "tariff-card__description"
|
|
628
|
-
}, description), /*#__PURE__*/
|
|
631
|
+
}, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
|
|
629
632
|
green: true,
|
|
630
633
|
text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C",
|
|
631
634
|
onClick: function onClick() {
|
|
@@ -639,16 +642,16 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
639
642
|
}
|
|
640
643
|
// onClick={(e) => setIsModalTariffActivation(true)}
|
|
641
644
|
}));
|
|
642
|
-
})), /*#__PURE__*/
|
|
645
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
643
646
|
className: "tariffs-plan__content"
|
|
644
647
|
}, parametr_list.map(function (_ref3) {
|
|
645
648
|
var label = _ref3.label,
|
|
646
649
|
icon = _ref3.icon,
|
|
647
650
|
inside = _ref3.inside;
|
|
648
651
|
var parrent_label = label;
|
|
649
|
-
return /*#__PURE__*/
|
|
652
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
650
653
|
className: "tariffs-plan__item"
|
|
651
|
-
}, /*#__PURE__*/
|
|
654
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
652
655
|
className: "tariffs-plan__item-min",
|
|
653
656
|
style: {
|
|
654
657
|
cursor: 'pointer'
|
|
@@ -662,17 +665,17 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
662
665
|
}
|
|
663
666
|
setIsOpenItems(newState);
|
|
664
667
|
}
|
|
665
|
-
}, /*#__PURE__*/
|
|
668
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
666
669
|
className: "tariffs-plan__label"
|
|
667
|
-
}, /*#__PURE__*/
|
|
670
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
668
671
|
alt: "icon",
|
|
669
672
|
src: icon
|
|
670
|
-
}), label), /*#__PURE__*/
|
|
673
|
+
}), label), /*#__PURE__*/_react["default"].createElement("button", {
|
|
671
674
|
className: isOpenItems.has(parrent_label) ? 'tariffs-plan__drop' : 'tariffs-plan__drop_hide'
|
|
672
|
-
}, /*#__PURE__*/
|
|
675
|
+
}, /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
673
676
|
alt: "icon",
|
|
674
677
|
src: _bxChevronDown["default"]
|
|
675
|
-
}))), /*#__PURE__*/
|
|
678
|
+
}))), /*#__PURE__*/_react["default"].createElement("div", null, (inside === null || inside === void 0 ? void 0 : inside.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
676
679
|
className: isOpenItems.has(parrent_label) ? 'tariffs-plan__items' : 'tariffs-plan__items_hide'
|
|
677
680
|
}, inside === null || inside === void 0 ? void 0 : inside.map(function (_ref4) {
|
|
678
681
|
var label = _ref4.label,
|
|
@@ -684,46 +687,46 @@ var TariffPlan = function TariffPlan(_ref) {
|
|
|
684
687
|
text2 = _ref4.text2,
|
|
685
688
|
text3 = _ref4.text3,
|
|
686
689
|
text4 = _ref4.text4;
|
|
687
|
-
return /*#__PURE__*/
|
|
690
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
688
691
|
className: 'tariffs-plan__item-min'
|
|
689
|
-
}, /*#__PURE__*/
|
|
692
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
690
693
|
className: "tariffs-plan__item-section-label"
|
|
691
|
-
}, /*#__PURE__*/
|
|
694
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
692
695
|
className: "tariffs-plan__label-min"
|
|
693
|
-
}, label, " ", /*#__PURE__*/
|
|
696
|
+
}, label, " ", /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
694
697
|
alt: "icon",
|
|
695
698
|
src: _bxInfoCircle["default"]
|
|
696
|
-
}))), /*#__PURE__*/
|
|
699
|
+
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
697
700
|
className: "tariffs-plan__item-section"
|
|
698
|
-
}, base1 && base1 == 'active' ? /*#__PURE__*/
|
|
701
|
+
}, base1 && base1 == 'active' ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
699
702
|
alt: "icon",
|
|
700
703
|
className: "tariffs-plan__done",
|
|
701
704
|
src: _active["default"]
|
|
702
|
-
}) : '', text1 && /*#__PURE__*/
|
|
705
|
+
}) : '', text1 && /*#__PURE__*/_react["default"].createElement("p", {
|
|
703
706
|
className: "tariffs-plan__text"
|
|
704
|
-
}, text1)), /*#__PURE__*/
|
|
707
|
+
}, text1)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
705
708
|
className: "tariffs-plan__item-section"
|
|
706
|
-
}, base2 && base2 == 'active' ? /*#__PURE__*/
|
|
709
|
+
}, base2 && base2 == 'active' ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
707
710
|
alt: "icon",
|
|
708
711
|
className: "tariffs-plan__done",
|
|
709
712
|
src: _active["default"]
|
|
710
|
-
}) : '', text2 && /*#__PURE__*/
|
|
713
|
+
}) : '', text2 && /*#__PURE__*/_react["default"].createElement("p", {
|
|
711
714
|
className: "tariffs-plan__text"
|
|
712
|
-
}, text2)), /*#__PURE__*/
|
|
715
|
+
}, text2)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
713
716
|
className: "tariffs-plan__item-section"
|
|
714
|
-
}, base3 && base3 == 'active' ? /*#__PURE__*/
|
|
717
|
+
}, base3 && base3 == 'active' ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
715
718
|
alt: "icon",
|
|
716
719
|
className: "tariffs-plan__done",
|
|
717
720
|
src: _active["default"]
|
|
718
|
-
}) : '', text3 && /*#__PURE__*/
|
|
721
|
+
}) : '', text3 && /*#__PURE__*/_react["default"].createElement("p", {
|
|
719
722
|
className: "tariffs-plan__text"
|
|
720
|
-
}, text3)), /*#__PURE__*/
|
|
723
|
+
}, text3)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
721
724
|
className: "tariffs-plan__item-section"
|
|
722
|
-
}, base4 && base4 == 'active' ? /*#__PURE__*/
|
|
725
|
+
}, base4 && base4 == 'active' ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
|
|
723
726
|
alt: "icon",
|
|
724
727
|
className: "tariffs-plan__done",
|
|
725
728
|
src: _active["default"]
|
|
726
|
-
}) : '', text4 && /*#__PURE__*/
|
|
729
|
+
}) : '', text4 && /*#__PURE__*/_react["default"].createElement("p", {
|
|
727
730
|
className: "tariffs-plan__text"
|
|
728
731
|
}, text4)));
|
|
729
732
|
}))));
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.TariffPlanTest = void 0;
|
|
7
|
-
var _react = require("react");
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _TariffPlan = _interopRequireDefault(require("./TariffPlan"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
var _default = exports["default"] = {
|
|
@@ -12,5 +12,5 @@ var _default = exports["default"] = {
|
|
|
12
12
|
component: _TariffPlan["default"]
|
|
13
13
|
};
|
|
14
14
|
var TariffPlanTest = exports.TariffPlanTest = function TariffPlanTest() {
|
|
15
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement(_TariffPlan["default"], null);
|
|
16
16
|
};
|
package/dist/index.js
CHANGED
|
@@ -3,18 +3,67 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "AdvantagesBlock", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _AdvantagesBlock["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "Button", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function get() {
|
|
9
15
|
return _Button["default"];
|
|
10
16
|
}
|
|
11
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "CardsInfo", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _CardsInfo["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
12
24
|
Object.defineProperty(exports, "ClientsAboutUs", {
|
|
13
25
|
enumerable: true,
|
|
14
26
|
get: function get() {
|
|
15
27
|
return _ClientsAboutUs["default"];
|
|
16
28
|
}
|
|
17
29
|
});
|
|
30
|
+
Object.defineProperty(exports, "Header", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _Header["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "PhoneBlock", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _PhoneBlock["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "Questions", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _Questions["default"];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "TariffPlan", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _TariffPlan["default"];
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "VideoBlock", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _VideoBlock["default"];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
18
60
|
var _Button = _interopRequireDefault(require("./components/Button"));
|
|
19
61
|
var _ClientsAboutUs = _interopRequireDefault(require("./components/ConstructorComponents/ClientsAboutUs/ClientsAboutUs"));
|
|
62
|
+
var _AdvantagesBlock = _interopRequireDefault(require("./components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock"));
|
|
63
|
+
var _CardsInfo = _interopRequireDefault(require("./components/ConstructorComponents/CardsInfo/CardsInfo"));
|
|
64
|
+
var _Header = _interopRequireDefault(require("./components/ConstructorComponents/Header/Header"));
|
|
65
|
+
var _PhoneBlock = _interopRequireDefault(require("./components/ConstructorComponents/PhoneBlock/PhoneBlock"));
|
|
66
|
+
var _Questions = _interopRequireDefault(require("./components/ConstructorComponents/Questions/Questions"));
|
|
67
|
+
var _TariffPlan = _interopRequireDefault(require("./components/ConstructorComponents/Tariff/TariffPlan"));
|
|
68
|
+
var _VideoBlock = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlock/VideoBlock"));
|
|
20
69
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|