ecomlab-components-next 0.1.15 → 0.1.17

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.
Files changed (40) hide show
  1. package/dist/components/ArticleElements/ShareComponent/ShareComponent.js +165 -0
  2. package/dist/components/ArticleElements/ShareComponent/ShareComponent.scss +75 -0
  3. package/dist/components/ArticleElements/ShareComponent/img/copy_icon.svg +5 -0
  4. package/dist/components/ArticleElements/ShareComponent/img/facebook_icon.svg +5 -0
  5. package/dist/components/ArticleElements/ShareComponent/img/linkedin_icon.svg +6 -0
  6. package/dist/components/ArticleElements/ShareComponent/img/ok_icon.svg +5 -0
  7. package/dist/components/ArticleElements/ShareComponent/img/share_icon.svg +5 -0
  8. package/dist/components/ArticleElements/ShareComponent/img/tg_icon.svg +5 -0
  9. package/dist/components/ArticleElements/ShareComponent/img/vk_icon.svg +5 -0
  10. package/dist/components/ArticleElements/ShareComponent/img/whatsapp_icon.svg +5 -0
  11. package/dist/components/ArticleElements/ShareComponent/img/x_icon.svg +5 -0
  12. package/dist/components/ArticleElements/ShortTileArticleBox/ShortTileArticleBox.js +165 -0
  13. package/dist/components/ArticleElements/ShortTileArticleBox/ShortTileArticleBox.scss +693 -0
  14. package/dist/components/ArticleElements/ShortTileArticleBox/ShortTileArticleBox.stories.js +33 -0
  15. package/dist/components/ArticleElements/ShortTileArticleBox/img/arrow_blue.svg +6 -0
  16. package/dist/components/ArticleElements/ShortTileArticleBox/img/calendar_icon.svg +6 -0
  17. package/dist/components/ArticleElements/ShortTileArticleBox/img/copy_icon.svg +5 -0
  18. package/dist/components/ArticleElements/ShortTileArticleBox/img/ok_icon.svg +5 -0
  19. package/dist/components/ArticleElements/ShortTileArticleBox/img/share_icon.svg +5 -0
  20. package/dist/components/ArticleElements/ShortTileArticleBox/img/tag_icon.svg +5 -0
  21. package/dist/components/ArticleElements/ShortTileArticleBox/img/tg_icon.svg +5 -0
  22. package/dist/components/ArticleElements/ShortTileArticleBox/img/time_icon.svg +6 -0
  23. package/dist/components/ArticleElements/ShortTileArticleBox/img/view_icon.svg +6 -0
  24. package/dist/components/ArticleElements/ShortTileArticleBox/img/vk_icon.svg +5 -0
  25. package/dist/components/ArticleElements/ShortTileArticleBox/img/whatsapp_icon.svg +5 -0
  26. package/dist/components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock.js +15 -12
  27. package/dist/components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock.stories.js +9 -6
  28. package/dist/components/ConstructorComponents/ArticlesBlock/ArticlesBlock.js +142 -0
  29. package/dist/components/ConstructorComponents/ArticlesBlock/ArticlesBlock.module.scss +62 -0
  30. package/dist/components/ConstructorComponents/ArticlesBlock/ArticlesBlock.stories.js +16 -0
  31. package/dist/components/ConstructorComponents/CardsInfo/CardsInfo.js +2 -2
  32. package/dist/components/ConstructorComponents/Header/Header.js +19 -16
  33. package/dist/components/ConstructorComponents/Tariff/TariffPlan.js +88 -85
  34. package/dist/components/ConstructorComponents/Tariff/TariffPlan.stories.js +2 -2
  35. package/dist/components/Slider/SliderCarousel/SliderCarousel.js +118 -0
  36. package/dist/components/Slider/SliderCarousel/SliderCarousel.scss +86 -0
  37. package/dist/components/Slider/SliderCarousel/SliderCarousel.stories.js +26 -0
  38. package/dist/components/Slider/SliderCarousel/img/no_image.svg +3 -0
  39. package/dist/index.js +7 -0
  40. package/package.json +3 -1
@@ -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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 10 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441"),
143
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 8 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441"),
148
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 6 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441"),
153
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 4 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0435\u0440\u0435\u043D\u043E\u0441")
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__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439"),
185
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439"),
186
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439"),
187
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0443\u043B\u0443\u0447\u0448\u0435\u043D\u0438\u0439")
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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 9 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432"),
211
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 7 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432"),
216
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 5 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432"),
221
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 3 \u0440\u0443\u0431 \u0437\u0430 \u043E\u0442\u0437\u044B\u0432")
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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442"),
405
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442"),
410
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442"),
415
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 100 \u0440\u0443\u0431 \u0437\u0430 \u043F\u0440\u043E\u0435\u043A\u0442")
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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430"),
493
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430"),
498
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430"),
503
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
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__*/React.createElement("br", null), "\u0434\u0430\u043B\u0435\u0435 \u043F\u043E 1000 \u0437\u0430 \u0447\u0430\u0442 \u0431\u043E\u0442\u0430")
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__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 3 \u043F\u043B\u043E\u0449\u0430\u0434\u043A\u0438"),
527
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 5 \u043F\u043B\u043E\u0449\u0430\u0434\u043E\u043A"),
528
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 6 \u043F\u043B\u043E\u0449\u0430\u0434\u043E\u043A"),
529
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u043F\u043B\u043E\u0449\u0430\u0434\u043E\u043A")
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__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 10 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432"),
533
- text2: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 20 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432"),
534
- text3: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 40 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432"),
535
- text4: /*#__PURE__*/React.createElement(React.Fragment, null, "\u0432\u043A\u043B\u044E\u0447\u0435\u043D\u043E 100 \u0441\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A\u043E\u0432")
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__*/React.createElement(React.Fragment, null, "3 \u043C\u0435\u0441\u044F\u0446\u0430 ", /*#__PURE__*/React.createElement("div", {
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__*/React.createElement(React.Fragment, null, "6 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 ", /*#__PURE__*/React.createElement("div", {
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__*/React.createElement(React.Fragment, null, "12 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 ", /*#__PURE__*/React.createElement("div", {
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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
592
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
590
593
  className: "tariffs-plan"
591
- }, /*#__PURE__*/React.createElement("div", {
594
+ }, /*#__PURE__*/_react["default"].createElement("div", {
592
595
  className: "tariffs-plan__header"
593
- }, /*#__PURE__*/React.createElement("h1", {
596
+ }, /*#__PURE__*/_react["default"].createElement("h1", {
594
597
  className: "tariffs-plan__title"
595
- }, "\u0422\u0430\u0440\u0438\u0444\u044B")), /*#__PURE__*/React.createElement("div", {
598
+ }, "\u0422\u0430\u0440\u0438\u0444\u044B")), /*#__PURE__*/_react["default"].createElement("div", {
596
599
  className: "tariffs-plan__top"
597
- }, /*#__PURE__*/React.createElement("div", {
600
+ }, /*#__PURE__*/_react["default"].createElement("div", {
598
601
  className: "cards-group"
599
- }, /*#__PURE__*/React.createElement(_TabsGreen.TabsGreen, {
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__*/React.createElement("div", {
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__*/React.createElement("div", {
618
+ return /*#__PURE__*/_react["default"].createElement("div", {
616
619
  className: "tariff-card"
617
- }, popular && /*#__PURE__*/React.createElement("div", {
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__*/React.createElement("h3", {
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__*/React.createElement("div", {
627
+ }, label), /*#__PURE__*/_react["default"].createElement("div", {
625
628
  className: "tariff-card__sum-box"
626
- }, " ", sum.toLocaleString(), " ", /*#__PURE__*/React.createElement("span", null, " ".concat(' ₽')), '/мес'), /*#__PURE__*/React.createElement("p", {
629
+ }, " ", sum.toLocaleString(), " ", /*#__PURE__*/_react["default"].createElement("span", null, " ".concat(' ₽')), '/мес'), /*#__PURE__*/_react["default"].createElement("p", {
627
630
  className: "tariff-card__description"
628
- }, description), /*#__PURE__*/React.createElement(_ButtonBasic["default"], {
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__*/React.createElement("div", {
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__*/React.createElement("div", {
652
+ return /*#__PURE__*/_react["default"].createElement("div", {
650
653
  className: "tariffs-plan__item"
651
- }, /*#__PURE__*/React.createElement("div", {
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__*/React.createElement("p", {
668
+ }, /*#__PURE__*/_react["default"].createElement("p", {
666
669
  className: "tariffs-plan__label"
667
- }, /*#__PURE__*/React.createElement(_image["default"], {
670
+ }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
668
671
  alt: "icon",
669
672
  src: icon
670
- }), label), /*#__PURE__*/React.createElement("button", {
673
+ }), label), /*#__PURE__*/_react["default"].createElement("button", {
671
674
  className: isOpenItems.has(parrent_label) ? 'tariffs-plan__drop' : 'tariffs-plan__drop_hide'
672
- }, /*#__PURE__*/React.createElement(_image["default"], {
675
+ }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
673
676
  alt: "icon",
674
677
  src: _bxChevronDown["default"]
675
- }))), /*#__PURE__*/React.createElement("div", null, (inside === null || inside === void 0 ? void 0 : inside.length) > 0 && /*#__PURE__*/React.createElement("div", {
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__*/React.createElement("div", {
690
+ return /*#__PURE__*/_react["default"].createElement("div", {
688
691
  className: 'tariffs-plan__item-min'
689
- }, /*#__PURE__*/React.createElement("div", {
692
+ }, /*#__PURE__*/_react["default"].createElement("div", {
690
693
  className: "tariffs-plan__item-section-label"
691
- }, /*#__PURE__*/React.createElement("p", {
694
+ }, /*#__PURE__*/_react["default"].createElement("p", {
692
695
  className: "tariffs-plan__label-min"
693
- }, label, " ", /*#__PURE__*/React.createElement(_image["default"], {
696
+ }, label, " ", /*#__PURE__*/_react["default"].createElement(_image["default"], {
694
697
  alt: "icon",
695
698
  src: _bxInfoCircle["default"]
696
- }))), /*#__PURE__*/React.createElement("div", {
699
+ }))), /*#__PURE__*/_react["default"].createElement("div", {
697
700
  className: "tariffs-plan__item-section"
698
- }, base1 && base1 == 'active' ? /*#__PURE__*/React.createElement(_image["default"], {
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__*/React.createElement("p", {
705
+ }) : '', text1 && /*#__PURE__*/_react["default"].createElement("p", {
703
706
  className: "tariffs-plan__text"
704
- }, text1)), /*#__PURE__*/React.createElement("div", {
707
+ }, text1)), /*#__PURE__*/_react["default"].createElement("div", {
705
708
  className: "tariffs-plan__item-section"
706
- }, base2 && base2 == 'active' ? /*#__PURE__*/React.createElement(_image["default"], {
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__*/React.createElement("p", {
713
+ }) : '', text2 && /*#__PURE__*/_react["default"].createElement("p", {
711
714
  className: "tariffs-plan__text"
712
- }, text2)), /*#__PURE__*/React.createElement("div", {
715
+ }, text2)), /*#__PURE__*/_react["default"].createElement("div", {
713
716
  className: "tariffs-plan__item-section"
714
- }, base3 && base3 == 'active' ? /*#__PURE__*/React.createElement(_image["default"], {
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__*/React.createElement("p", {
721
+ }) : '', text3 && /*#__PURE__*/_react["default"].createElement("p", {
719
722
  className: "tariffs-plan__text"
720
- }, text3)), /*#__PURE__*/React.createElement("div", {
723
+ }, text3)), /*#__PURE__*/_react["default"].createElement("div", {
721
724
  className: "tariffs-plan__item-section"
722
- }, base4 && base4 == 'active' ? /*#__PURE__*/React.createElement(_image["default"], {
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__*/React.createElement("p", {
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__*/React.createElement(_TariffPlan["default"], null);
15
+ return /*#__PURE__*/_react["default"].createElement(_TariffPlan["default"], null);
16
16
  };
@@ -0,0 +1,118 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _no_image = _interopRequireDefault(require("./img/no_image.svg"));
9
+ require("./SliderCarousel.scss");
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; }
13
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
14
+ 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."); }
15
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
16
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
17
+ 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); }
18
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
19
+ 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."); }
20
+ 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; } }
21
+ 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; }
22
+ 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; } }
23
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
24
+ var SliderCarousel = function SliderCarousel(_ref) {
25
+ var imgArr = _ref.imgArr;
26
+ var _useState = (0, _react.useState)(0),
27
+ _useState2 = _slicedToArray(_useState, 2),
28
+ currentImg = _useState2[0],
29
+ setCurrentImg = _useState2[1];
30
+ var currentImgArr = function currentImgArr() {
31
+ var _curr_arr$;
32
+ var curr_arr = imgArr.filter(function (el) {
33
+ return el;
34
+ });
35
+ if ((curr_arr === null || curr_arr === void 0 ? void 0 : curr_arr.length) > 0 && (_curr_arr$ = curr_arr[0]) !== null && _curr_arr$ !== void 0 && _curr_arr$.value) {
36
+ return curr_arr;
37
+ } else {
38
+ var new_arr = curr_arr === null || curr_arr === void 0 ? void 0 : curr_arr.map(function (el) {
39
+ return {
40
+ value: el,
41
+ alt: 'img'
42
+ };
43
+ });
44
+ return new_arr;
45
+ }
46
+ };
47
+ try {
48
+ var _currentImgArr, _currentImgArr3, _currentImgArr4, _currentImgArr$curren, _currentImgArr5, _currentImgArr6, _currentImgArr7, _currentImgArr8, _ref2, _currentImgArr9;
49
+ if (!Array.isArray(currentImgArr())) throw new Error("Recive ImgArr that is not an array, but ".concat(_typeof(currentImgArr())));
50
+ return /*#__PURE__*/_react["default"].createElement("div", {
51
+ className: "slider-carousel"
52
+ }, /*#__PURE__*/_react["default"].createElement("div", {
53
+ className: "img-container"
54
+ }, (_currentImgArr = currentImgArr()) === null || _currentImgArr === void 0 ? void 0 : _currentImgArr.map(function (el, ind) {
55
+ var _currentImgArr2;
56
+ if (_typeof(el) !== 'object' || Array.isArray(el)) {
57
+ throw new Error("Type of the carousel item shold be object - { value, alt }, but recive ".concat(Array.isArray(el) ? 'array' : _typeof(el)));
58
+ } else {
59
+ if (!(el !== null && el !== void 0 && el.value && el !== null && el !== void 0 && el.alt)) throw new Error("Wrong carousel item format, it should be { value, alt }, but recive { ".concat(Object === null || Object === void 0 ? void 0 : Object.keys(el), " }"));
60
+ }
61
+ var value = el.value,
62
+ alt = el.alt;
63
+ return /*#__PURE__*/_react["default"].createElement("div", {
64
+ key: value,
65
+ className: "",
66
+ onMouseOver: function onMouseOver(e) {
67
+ return setCurrentImg(ind);
68
+ },
69
+ style: {
70
+ width: "calc(".concat(100 / ((_currentImgArr2 = currentImgArr()) === null || _currentImgArr2 === void 0 ? void 0 : _currentImgArr2.length) + '%', ")")
71
+ }
72
+ }, value ? /*#__PURE__*/_react["default"].createElement("a", {
73
+ href: value ? value : '#',
74
+ target: "_blank"
75
+ }, /*#__PURE__*/_react["default"].createElement("img", {
76
+ className: "slider-carousel__img",
77
+ src: value,
78
+ onError: function onError(e) {
79
+ return e.target.src = _no_image["default"];
80
+ },
81
+ alt: alt
82
+ })) : /*#__PURE__*/_react["default"].createElement("img", {
83
+ className: "slider-carousel__img",
84
+ src: _no_image["default"],
85
+ onError: function onError(e) {
86
+ return e.target.src = _no_image["default"];
87
+ },
88
+ alt: alt
89
+ }));
90
+ })), /*#__PURE__*/_react["default"].createElement("div", {
91
+ className: "main-img"
92
+ }, /*#__PURE__*/_react["default"].createElement("img", {
93
+ className: ((_currentImgArr3 = currentImgArr()) === null || _currentImgArr3 === void 0 ? void 0 : _currentImgArr3.length) > 0 ? 'img' : 'no-photo',
94
+ src: currentImgArr() && ((_currentImgArr4 = currentImgArr()) === null || _currentImgArr4 === void 0 ? void 0 : _currentImgArr4.length) > 0 ? (_currentImgArr$curren = (_currentImgArr5 = currentImgArr()) === null || _currentImgArr5 === void 0 || (_currentImgArr5 = _currentImgArr5[currentImg]) === null || _currentImgArr5 === void 0 ? void 0 : _currentImgArr5.value) !== null && _currentImgArr$curren !== void 0 ? _currentImgArr$curren : _no_image["default"] : _no_image["default"],
95
+ alt: currentImgArr() && ((_currentImgArr6 = currentImgArr()) === null || _currentImgArr6 === void 0 ? void 0 : _currentImgArr6.length) > 0 ? (_currentImgArr7 = currentImgArr()) === null || _currentImgArr7 === void 0 || (_currentImgArr7 = _currentImgArr7[currentImg]) === null || _currentImgArr7 === void 0 ? void 0 : _currentImgArr7.alt : '',
96
+ onError: function onError(e) {
97
+ return e.target.src = _no_image["default"];
98
+ }
99
+ }), ((_currentImgArr8 = currentImgArr()) === null || _currentImgArr8 === void 0 ? void 0 : _currentImgArr8.length) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
100
+ className: "points-group"
101
+ }, (_ref2 = _toConsumableArray(Array((_currentImgArr9 = currentImgArr()) === null || _currentImgArr9 === void 0 ? void 0 : _currentImgArr9.length))) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (e, i) {
102
+ return /*#__PURE__*/_react["default"].createElement("div", {
103
+ key: i,
104
+ className: i == currentImg ? 'point_active' : 'point'
105
+ });
106
+ }))));
107
+ } catch (error) {
108
+ console.error(error);
109
+ return /*#__PURE__*/_react["default"].createElement("div", {
110
+ className: "slider-carousel"
111
+ }, /*#__PURE__*/_react["default"].createElement("div", {
112
+ className: "img-container"
113
+ }, "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A"), /*#__PURE__*/_react["default"].createElement("div", {
114
+ className: "main-img"
115
+ }, "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A"));
116
+ }
117
+ };
118
+ var _default = exports["default"] = SliderCarousel;