ecomlab-components-next 0.1.32 → 0.1.34

package/dist/components/Article/Editor/Editor.js

@@ -0,0 +1,92 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Editor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+require("./Editor.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Editor = exports.Editor = function Editor(_ref) {
+  var handleInput = _ref.handleInput;
+  //   const [content, setContent] = useState('<p><a href="https://apps0.ecomru.ru:4453/docs#/" target="_blank" style="color: blue;">Методы</a>&nbsp;для <u><font color="#e0ad2e">редактора</font></u><b style=""><u style=""><font color="#e0ad2e"></font></u></b></p>');
+  //   const [finalHTML, setFinalHTML] = useState('');
+  var editorRef = (0, _react.useRef)(null);
+
+  // Функция для изменения жирности текста
+  var toggleBold = function toggleBold() {
+    document.execCommand('bold');
+  };
+
+  // Функция для изменения курсива текста
+  var toggleItalic = function toggleItalic() {
+    document.execCommand('italic');
+  };
+
+  // Функция для изменения курсива текста
+  var toggleUnderline = function toggleUnderline() {
+    document.execCommand('underline');
+  };
+
+  // Функция для изменения цвета текста
+  var changeTextColor = function changeTextColor() {
+    var color = prompt('Введите цвет для текста (например, red, #ff5733):', '');
+    if (color) {
+      document.execCommand('foreColor', false, color); // Изменяем цвет текста
+    }
+  };
+
+  // Функция для обновления содержимого редактора
+  var handleChange = function handleChange() {
+    if (editorRef.current) {
+      // setContent(editorRef.current.innerHTML); // Обновляем состояние содержимого редактора
+    }
+  };
+
+  // Функция для записи итоговой разметки
+  var saveHTML = function saveHTML() {
+    // setFinalHTML(editorRef.current.innerHTML); 
+    // Сохраняем текущую разметку в состояние finalHTML
+  };
+
+  // Функция для добавления текста и ссылки
+  var insertLink = function insertLink() {
+    var url = prompt('Введите URL ссылки:', '');
+    var linkText = prompt('Введите текст ссылки:', '');
+    if (url && linkText) {
+      var selection = window.getSelection();
+      var range = selection.getRangeAt(0);
+      var linkNode = document.createElement('a');
+      linkNode.href = url;
+      linkNode.target = '_blank';
+      linkNode.textContent = linkText;
+      linkNode.style.color = 'blue';
+      range.deleteContents(); // Удаляем выбранный текст
+      range.insertNode(linkNode); // Вставляем ссылку
+    }
+    handleInput();
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "editor-article"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "editor-article__btn",
+    onClick: toggleBold
+  }, "\u0416\u0438\u0440\u043D\u044B\u0439"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "editor-article__btn",
+    onClick: toggleItalic
+  }, "\u041A\u0443\u0440\u0441\u0438\u0432"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "editor-article__btn",
+    onClick: toggleUnderline
+  }, "\u041F\u043E\u0434\u0447\u0435\u0440\u043A\u0438\u0432\u0430\u043D\u0438\u0435"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "editor-article__btn",
+    onClick: changeTextColor
+  }, "\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430"), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "editor-article__btn",
+    onClick: insertLink
+  }, "\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443"));
+};

package/dist/components/Article/Editor/Editor.scss

@@ -0,0 +1,35 @@
+.editor-article {
+    display: flex;
+    gap: 4px;
+    position: relative;
+    flex-wrap: wrap;
+
+    &__modal-link {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        padding: 12px;
+        top: calc(100% + 4px);
+        position: absolute;
+        width: 300px;
+        height: auto;
+        background-color: white;
+        border: 1px solid black;
+        border-radius: 12px;
+        border: 1px solid #EDEFFB;
+    }
+
+    &__btn {
+        padding-left: 4px;
+        padding-right: 4px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: #EDEFFB;
+        border-radius: 4px;
+        min-width: 24px;
+        height: 24px;
+        cursor: pointer;
+        border: none;
+    }
+}

package/dist/components/Article/Editor/img/copy.svg

@@ -0,0 +1,6 @@
+<svg width="18" height="18" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bx-link-alt.svg">
+<path id="Vector" d="M2.81466 13.6851C3.12391 13.9948 3.49131 14.2404 3.89574 14.4076C4.30017 14.5749 4.73367 14.6606 5.17133 14.6598C5.60908 14.6606 6.04267 14.5749 6.44721 14.4076C6.85175 14.2403 7.21927 13.9948 7.52866 13.6851L9.41399 11.7991L8.47133 10.8565L6.58599 12.7425C6.21031 13.1165 5.70178 13.3265 5.17166 13.3265C4.64155 13.3265 4.13301 13.1165 3.75733 12.7425C3.383 12.367 3.1728 11.8584 3.1728 11.3281C3.1728 10.7979 3.383 10.2893 3.75733 9.91381L5.64333 8.02848L4.70066 7.08581L2.81466 8.97115C2.19053 9.59678 1.84003 10.4444 1.84003 11.3281C1.84003 12.2119 2.19053 13.0595 2.81466 13.6851ZM13.1853 8.02848C13.8091 7.40267 14.1594 6.55509 14.1594 5.67148C14.1594 4.78787 13.8091 3.94029 13.1853 3.31448C12.5597 2.69035 11.712 2.33984 10.8283 2.33984C9.94461 2.33984 9.09697 2.69035 8.47133 3.31448L6.58599 5.20048L7.52866 6.14315L9.41399 4.25715C9.78968 3.88314 10.2982 3.67316 10.8283 3.67316C11.3584 3.67316 11.867 3.88314 12.2427 4.25715C12.617 4.63266 12.8272 5.14126 12.8272 5.67148C12.8272 6.2017 12.617 6.7103 12.2427 7.08581L10.3567 8.97115L11.2993 9.91381L13.1853 8.02848Z" fill="#636D65"/>
+<path id="Vector_2" d="M5.64267 11.7992L4.69934 10.8566L10.3573 5.19922L11.3 6.14255L5.64267 11.7992Z" fill="#636D65"/>
+</g>
+</svg>

package/dist/components/Article/FormBtn/FormBtn.js

@@ -0,0 +1,229 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormBtn = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
+var _ModalBitrixForm = require("./ModalBitrixForm/ModalBitrixForm");
+var _EditWrapper = require("../EditWrapper/EditWrapper");
+require("./FormBtn.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var formStubTitle = '';
+var formStubSubTitle = '';
+var formStubBitrixToken = 'hxdxe0cpclw65c0j';
+var FormBtn = exports.FormBtn = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _window$location$href;
+  var data = _ref.data,
+    onChange = _ref.onChange,
+    changeContent = _ref.changeContent,
+    position = _ref.position,
+    setContentArr = _ref.setContentArr,
+    id = _ref.id,
+    setCurrentIndex = _ref.setCurrentIndex,
+    ind = _ref.ind,
+    setIsModal = _ref.setIsModal,
+    before = _ref.before,
+    setBeforeBlock = _ref.setBeforeBlock,
+    deleteBlock = _ref.deleteBlock,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
+    draggableElement = _ref.draggableElement,
+    setDraggableElement = _ref.setDraggableElement,
+    articleId = _ref.articleId,
+    fetchDataById = _ref.fetchDataById,
+    changeBlock = _ref.changeBlock;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalBitrix = _useState2[0],
+    setIsModalBitrix = _useState2[1];
+  var activeLang = localStorage.getItem('lang');
+  var activePortal = localStorage.getItem('portal_id');
+  var formStubData = [{
+    id: 'FIELDS[TITLE]',
+    placeholder: 'Название лида',
+    hidden: true,
+    value: 'Лид клиент',
+    inputType: 'text',
+    type: 'input'
+  }, {
+    id: 'FIELDS[NAME]',
+    placeholder: 'Имя',
+    inputType: 'text',
+    type: 'input',
+    required: true
+  }, {
+    id: 'FIELDS[EMAIL][0][VALUE]',
+    placeholder: 'Email',
+    type: 'input',
+    inputType: 'email'
+  }, {
+    id: 'FIELDS[PHONE][0][VALUE]',
+    placeholder: 'Номер телефона',
+    type: 'input',
+    inputType: 'tel'
+  }, {
+    id: 'FIELDS[COMMENTS]',
+    placeholder: 'Комментарии',
+    type: 'textarea',
+    inputType: 'text'
+  }, {
+    id: 'FIELDS[SOURCE_ID]',
+    placeholder: 'выбирается из справочника источников в CRM',
+    type: 'input',
+    hidden: true,
+    value: ((_window$location$href = window.location.href) === null || _window$location$href === void 0 ? void 0 : _window$location$href.indexOf('ecomru')) > -1 ? 4 : 13
+  }, {
+    id: 'FIELDS[SOURCE_DESCRIPTION]',
+    placeholder: 'URL страницы',
+    type: 'input',
+    value: window.location.href,
+    hidden: true
+  }, {
+    id: 'FIELDS[ASSIGNED_BY_ID]',
+    placeholder: 'ФИО ответственного',
+    type: 'input',
+    value: 11,
+    hidden: true
+  }, {
+    id: 'FIELDS[UTM_CAMPAIGN]',
+    placeholder: 'Обозначение рекламной кампании',
+    type: 'input',
+    value: '',
+    hidden: true
+  }, {
+    id: 'FIELDS[UTM_CONTENT]',
+    placeholder: 'Содержание кампании',
+    type: 'input',
+    value: '',
+    hidden: true
+  }, {
+    id: 'FIELDS[UTM_MEDIUM]',
+    placeholder: 'Тип трафика',
+    value: '',
+    type: 'input',
+    hidden: true
+  }, {
+    id: 'FIELDS[UTM_SOURCE]',
+    placeholder: 'Рекламная система',
+    value: '',
+    type: 'input',
+    hidden: true
+  }, {
+    id: 'FIELDS[UTM_TERM]',
+    placeholder: 'Условие поиска кампании',
+    value: '',
+    type: 'input',
+    hidden: true
+  }];
+  var currentColor = function currentColor() {
+    if (activePortal == '6') return '#22C55E'; //gtcom зел
+    if (activePortal == '2') return '#1890FF'; //ecom гол
+    if (activePortal == '1') return '#3900B1'; //ecom фиол
+    return '#3900B1';
+  };
+  var translatePlaceholderOpen = function translatePlaceholderOpen() {
+    if (activeLang == 'ru') return 'Получить консультацию';
+    if (activeLang == 'en') return 'Leave a request';
+    if (activeLang == 'tr') return "Bir istek bırakın";
+    return 'Получить консультацию';
+  };
+  var translateTitle = function translateTitle() {
+    if (activeLang == 'en') return 'Free consultation';
+    if (activeLang == 'tr') return 'Uzmanlarımızdan ücretsiz';
+    return 'Бесплатная консультация';
+  };
+  var translateDescription = function translateDescription() {
+    if (activeLang == 'en') return 'from our expert';
+    if (activeLang == 'tr') return 'danışmanlık';
+    return 'от нашего специалиста';
+  };
+  // Удалить блок
+  var handleDeleteBlock = function handleDeleteBlock(e) {
+    //  setContent(e.currentTarget.textContent)
+    setContentArr(function (prev) {
+      return prev.filter(function (el) {
+        if ((el === null || el === void 0 ? void 0 : el.block_id) != id) {
+          return el;
+        }
+      });
+    });
+    deleteBlock(id);
+  };
+  (0, _react.useEffect)(function () {
+    setCurrentIndex(ind);
+    setBeforeBlock(before);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_EditWrapper.EditWrapper, {
+    id: id,
+    before: before,
+    readonly: readonly,
+    deleteFunc: function deleteFunc(e) {
+      return handleDeleteBlock(id);
+    },
+    type: "form",
+    articleId: articleId,
+    changeBlock: changeBlock,
+    draggableElement: draggableElement,
+    setDraggableElement: setDraggableElement,
+    fetchDataById: fetchDataById,
+    child: /*#__PURE__*/_react["default"].createElement("div", {
+      className: "form-consultation",
+      tabIndex: 0,
+      onClick: function onClick(e) {
+        console.log(before);
+        setCurrentIndex(ind);
+        setBeforeBlock(before);
+      },
+      onContextMenu: function onContextMenu(e) {
+        if (!readonly) {
+          e.preventDefault();
+          setCurrentIndex(ind);
+          setIsModal(true);
+        }
+      }
+    }, isModalBitrix && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm.ModalBitrixForm, {
+      formTitle: "\u0417\u0430\u044F\u0432\u043A\u0430 \u043D\u0430 \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044E",
+      setIsModal: function setIsModal(e) {
+        return setIsModalBitrix(e);
+      },
+      inputArr: formStubData,
+      bitrixToken: formStubBitrixToken,
+      subTitle: 'Оставьте заявку и получите бесплатную консультацию'
+    }), /*#__PURE__*/_react["default"].createElement("p", {
+      className: "text_blue",
+      onClick: function onClick(e) {
+        setCurrentIndex(ind);
+        setBeforeBlock(before);
+      },
+      style: {
+        color: currentColor()
+      }
+    }, translateTitle()), /*#__PURE__*/_react["default"].createElement("p", {
+      className: "text_grey"
+    }, translateDescription()), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+      green: true,
+      maxWidth: "560px",
+      width: "100%",
+      size: "60px",
+      onClick: function onClick(e) {
+        return setIsModalBitrix(true);
+      },
+      text: translatePlaceholderOpen(),
+      style: {
+        marginTop: '14px'
+      }
+    }))
+  });
+});