ecomlab-components-next 0.1.18 → 0.1.20

package/dist/components/ConstructorComponents/ArticlesBlock/ArticlesBlock.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getArticleBoxData = exports["default"] = void 0;
 var _image = _interopRequireDefault(require("next/image"));
 var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../../../common/utils");
+var _utils = require("../../../common/utils");
 var _ArticlesBlockModule = _interopRequireDefault(require("./ArticlesBlock.module.scss"));
 var _ShortTileArticleBox = _interopRequireDefault(require("../../ArticleElements/ShortTileArticleBox/ShortTileArticleBox"));
 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); }

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

@@ -0,0 +1,140 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
+var _ModalBitrixForm = _interopRequireDefault(require("../ModalBitrixForm/ModalBitrixForm"));
+require("./FormWithBtn.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 formStubBitrixToken = 'hxdxe0cpclw65c0j';
+var formStubData = [{
+  id: 'FIELDS[TITLE]',
+  placeholder: 'Название лида',
+  hidden: true,
+  value: 'Лид клиент ',
+  inputType: 'text',
+  type: 'input'
+}, {
+  id: 'FIELDS[NAME]',
+  placeholder: 'Имя',
+  inputType: 'name',
+  type: 'input',
+  required: true
+}, {
+  id: 'FIELDS[EMAIL][0][VALUE]',
+  placeholder: 'Email',
+  inputType: 'email',
+  type: 'input',
+  required: true
+}, {
+  id: 'FIELDS[PHONE][0][VALUE]',
+  placeholder: 'Номер телефона',
+  inputType: 'tel',
+  type: 'input',
+  required: true
+}, {
+  id: 'FIELDS[COMMENTS]',
+  placeholder: 'Комментарии',
+  inputType: 'description',
+  type: 'description'
+}, {
+  id: 'FIELDS[SOURCE_ID]',
+  placeholder: 'выбирается из справочника источников в CRM',
+  hidden: true,
+  value: 4,
+  type: 'input'
+}, {
+  id: 'FIELDS[SOURCE_DESCRIPTION]',
+  placeholder: 'URL страницы',
+  value: 'https://new.ecomru.ru',
+  hidden: true,
+  type: 'input'
+}, {
+  id: 'FIELDS[ASSIGNED_BY_ID]',
+  placeholder: 'ФИО ответственного',
+  value: 11,
+  hidden: true,
+  type: 'input'
+}, {
+  id: 'FIELDS[UTM_CAMPAIGN]',
+  placeholder: 'Обозначение рекламной кампании',
+  value: '',
+  hidden: true,
+  type: 'input'
+}, {
+  id: 'FIELDS[UTM_CONTENT]',
+  placeholder: 'Содержание кампании',
+  value: '',
+  hidden: true,
+  type: 'input'
+}, {
+  id: 'FIELDS[UTM_MEDIUM]',
+  placeholder: 'Тип трафика',
+  value: '',
+  hidden: true,
+  type: 'input'
+}, {
+  id: 'FIELDS[UTM_SOURCE]',
+  placeholder: 'Рекламная система',
+  value: '',
+  hidden: true,
+  type: 'input'
+}, {
+  id: 'FIELDS[UTM_TERM]',
+  placeholder: 'Условие поиска кампании',
+  value: '',
+  hidden: true,
+  type: 'input'
+}];
+var FormWithBtn = function FormWithBtn(_ref) {
+  var title = _ref.title,
+    description = _ref.description;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModal = _useState2[0],
+    _setIsModal = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isModal && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm["default"]
+  //  modal={false}
+  , {
+    inputArr: formStubData,
+    bitrixToken: formStubBitrixToken,
+    setIsModal: function setIsModal(e) {
+      return _setIsModal(e);
+    },
+    formTitle: 'Желаемый способ связи',
+    communicationMethod: true
+  }), /*#__PURE__*/_react["default"].createElement("section", {
+    className: "form-with-btn"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "form-with-btn__title"
+  }, "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439 \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E\xA0"), description && /*#__PURE__*/_react["default"].createElement("p", {
+    className: "form-with-btn__description"
+  }, "\u0417\u0430\u043F\u0438\u0448\u0438\u0441\u044C \u043D\u0430 \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044E \u0441 \u043D\u0430\u0448\u0438\u043C \u0441\u043F\u0435\u0446\u0438\u0430\u043B\u0438\u0441\u0442\u043E\u043C, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u044B\u0439 \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435 \u043D\u0430 \u043C\u0435\u0441\u044F\u0446"), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+    green: true,
+    text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
+    maxWidth: '472px',
+    width: '100%',
+    size: '54px',
+    style: {
+      fontSize: '20px',
+      marginTop: '12px'
+    },
+    onClick: function onClick(e) {
+      _setIsModal(true);
+    }
+  })));
+};
+var _default = exports["default"] = FormWithBtn;

package/dist/components/ConstructorComponents/FormWithBtn/FormWithBtn.scss

@@ -0,0 +1,64 @@
+.form-with-btn {
+    display: flex;
+    padding: 32px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    align-self: stretch;
+    border-radius: 20px;
+    background: #EEE;
+
+    &__title {
+        text-align: center;
+        color: #333;
+        font-family: "Golos Text";
+        font-size: 42px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 50px
+    }
+
+    &__description {
+        color: #333;
+        text-align: center;
+        font-family: "Golos Text";
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 32px;
+        max-width: 840px;
+    }
+}
+
+@media (max-width: 1100px) {
+    .form-with-btn {
+
+        &__title {
+            font-size: 28px;
+            line-height: 32px
+        }
+
+        &__description {
+            font-size: 20px;
+            line-height: 30px
+        }
+    }
+}
+
+@media (max-width: 430px) {
+    .form-with-btn {
+        padding: 20px;
+        gap: 16px;
+
+        &__title {
+            font-size: 20px;
+            line-height: 24px;
+        }
+
+        &__description {
+            font-size: 14px;
+            line-height: 20px;
+        }
+    }
+}

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

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

package/dist/components/ConstructorComponents/ModalBitrixForm/ModalBitrixForm.js

@@ -0,0 +1,423 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _done_icon = _interopRequireDefault(require("./img/done_icon.svg"));
+var _close_icon = _interopRequireDefault(require("./img/close_icon.svg"));
+var _DownSelector = _interopRequireDefault(require("../../Inputs/DropDownSelector/DownSelector"));
+var _InputDinamycPlaceholder = _interopRequireDefault(require("../../Inputs/InputDinamycPlaceholder/InputDinamycPlaceholder"));
+var _TextareaDynamicPlaceholder = _interopRequireDefault(require("../../Inputs/TextareaDynamicPlaceholder/TextareaDynamicPlaceholder"));
+var _ButtonBasic = _interopRequireDefault(require("../../Buttons/ButtonBasic/ButtonBasic"));
+var _utils = require("../../../common/utils");
+require("./ModalBitrixForm.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 communication_method = [{
+  label: 'Звонок'
+}, {
+  label: 'Telegram'
+}, {
+  label: 'WhatsApp'
+}];
+var ModalBitrixForm = function ModalBitrixForm(_ref) {
+  var setIsModal = _ref.setIsModal,
+    inputArr = _ref.inputArr,
+    formTitle = _ref.formTitle,
+    subTitle = _ref.subTitle,
+    bitrixToken = _ref.bitrixToken,
+    _ref$modal = _ref.modal,
+    modal = _ref$modal === void 0 ? true : _ref$modal,
+    _ref$colorBtn = _ref.colorBtn,
+    colorBtn = _ref$colorBtn === void 0 ? 'green' : _ref$colorBtn,
+    _ref$btnName = _ref.btnName,
+    btnName = _ref$btnName === void 0 ? false : _ref$btnName,
+    _ref$communicationMet = _ref.communicationMethod,
+    communicationMethod = _ref$communicationMet === void 0 ? false : _ref$communicationMet;
+  var _useState = (0, _react.useState)({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedValue = _useState4[0],
+    setSelectedValue = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    err = _useState6[0],
+    setErr = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    inputs = _useState8[0],
+    setInputs = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    successfulResponse = _useState10[0],
+    setsuccessfulResponse = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isSubmitting = _useState12[0],
+    setIsSunmitting = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isFormValid = _useState14[0],
+    setIsFormValid = _useState14[1];
+  var _useState15 = (0, _react.useState)('Звонок'),
+    _useState16 = _slicedToArray(_useState15, 2),
+    currentCommunication = _useState16[0],
+    setCurrentCommunication = _useState16[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    allFieldsValid = _useState18[0],
+    setAllFieldsValid = _useState18[1];
+  var formInputs = inputs.filter(function (el) {
+    return el !== undefined;
+  });
+  var requiredKeys = formInputs.filter(function (el) {
+    return el.props.required;
+  }).map(function (el) {
+    return el.key;
+  });
+  if (typeof localStorage !== 'undefined') {
+    localStorage.setItem('required-keys', JSON.stringify(requiredKeys));
+  }
+  var fetchTest = function fetchTest() {
+    var _Object$entries;
+    setIsSunmitting(true);
+    var queries = (_Object$entries = Object.entries(inputValue)) === null || _Object$entries === void 0 || (_Object$entries = _Object$entries.map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+      if (key == 'FIELDS[TITLE]') {
+        return "".concat(key, "=").concat(value + ' // ' + inputValue['FIELDS[NAME]']);
+      }
+      if (key == 'FIELDS[COMMENTS]') {
+        return selectedValue !== null && selectedValue !== void 0 && selectedValue.label ? "".concat(key, "=\u0422\u0438\u043F \u043F\u0430\u0440\u0442\u043D\u0435\u0440\u0430: ").concat(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label, "  // ").concat(value) : "".concat(key, "=").concat(value);
+      } else return "".concat(key, "=").concat(value);
+    })) === null || _Object$entries === void 0 ? void 0 : _Object$entries.join('&');
+    var testUrl = "https://ecs.bitrix24.ru/rest/1/".concat(bitrixToken, "/crm.lead.add.json?").concat(queries);
+    fetch(testUrl).then(function (res) {
+      return res.json();
+    }).then(function (json) {
+      if (json !== null && json !== void 0 && json.result) {
+        setsuccessfulResponse(true);
+      }
+    })["catch"](function (err) {
+      console.error(err);
+      setIsSunmitting(false);
+    });
+  };
+  var handleChange = function handleChange(e, id) {
+    setInputValue(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, e === null || e === void 0 ? void 0 : e.value));
+    });
+    setSelectedValue(e);
+  };
+  var validateField = function validateField(id, inputType, value) {
+    var error = {};
+    var isValid = true;
+    if (inputType === 'email') {
+      if (!(0, _utils.validationEmail)(value)) {
+        error[id] = 'Неверный email';
+        isValid = false;
+      }
+    } else if (inputType === 'tel') {
+      var regex = /^\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}$/;
+      if (!regex.test(value)) {
+        error[id] = 'Неверный телефон';
+        isValid = false;
+      }
+    } else if (inputType === 'dropdown') {
+      if (!(selectedValue !== null && selectedValue !== void 0 && selectedValue.label)) {
+        error[id] = 'Выберите значение';
+        isValid = false;
+      }
+    } else if (inputType === 'text') {
+      if (value.length < 1) {
+        error[id] = 'Поле не заполнено';
+        isValid = false;
+      }
+    } else if (inputType === 'name') {
+      var _name$split;
+      var name = value;
+      if (name.length <= 2) {
+        error[id] = 'Минимальная длина 3 символов';
+        isValid = false;
+      }
+      if (name.length > 100) {
+        error[id] = 'Максимальная длина 100 символов';
+        isValid = false;
+      }
+      if (((_name$split = name.split(' ')) === null || _name$split === void 0 ? void 0 : _name$split.length) > 3) {
+        error[id] = 'Максимальное количество пробелов 3';
+        isValid = false;
+      }
+      var nameRegex = /^[a-zA-Zа-яА-ЯёЁ]+([ '-][a-zA-Zа-яА-ЯёЁ]+)*$/;
+      if (!nameRegex.test(name)) {
+        error[id] = 'Имя может состоять только из букв';
+        isValid = false;
+      }
+    } else if (inputType === 'description') {
+      if (value.length > 1000) {
+        error[id] = 'Максимальная длина 1000 символов';
+        isValid = false;
+      }
+    }
+    setErr(function (prev) {
+      var newErrors = _objectSpread(_objectSpread({}, prev), error);
+      if (!error[id]) {
+        delete newErrors[id];
+      }
+      return newErrors;
+    });
+    var storedStatus;
+    if (typeof localStorage !== 'undefined') {
+      storedStatus = localStorage.getItem('form-validation-status');
+    }
+    var validationStatus = storedStatus ? JSON.parse(storedStatus) : {};
+    validationStatus[id] = isValid;
+    if (typeof localStorage !== 'undefined') {
+      localStorage.setItem('form-validation-status', JSON.stringify(validationStatus));
+    }
+    var storedRequiredKeys;
+    if (typeof localStorage !== 'undefined') {
+      storedRequiredKeys = localStorage.getItem('required-keys');
+    }
+    var requiredKeys = storedRequiredKeys ? JSON.parse(storedRequiredKeys) : [];
+    var allRequiredValid = requiredKeys.every(function (key) {
+      return validationStatus[key] === true;
+    });
+    setIsFormValid(allRequiredValid);
+  };
+  (0, _react.useEffect)(function () {
+    if (typeof localStorage !== 'undefined') {
+      localStorage.removeItem('form-validation-status');
+      return function () {
+        localStorage.removeItem('form-validation-status');
+      };
+    }
+  }, []);
+  var handleBlur = function handleBlur(id, inputType, value) {
+    validateField(id, inputType, value);
+  };
+  var validateFieldWithoutErrors = function validateFieldWithoutErrors(id, inputType, value) {
+    var isValid = true;
+    if (inputType === 'email') {
+      if (!(0, _utils.validationEmail)(value)) {
+        isValid = false;
+      }
+    } else if (inputType === 'tel') {
+      var regex = /^\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}$/;
+      if (!regex.test(value)) {
+        isValid = false;
+      }
+    } else if (inputType === 'dropdown') {
+      if (!(selectedValue !== null && selectedValue !== void 0 && selectedValue.label)) {
+        isValid = false;
+      }
+    } else if (inputType === 'text') {
+      if ((value === null || value === void 0 ? void 0 : value.length) < 1) {
+        isValid = false;
+      }
+    } else if (inputType === 'name') {
+      var _name$split2;
+      var name = value;
+      if ((name === null || name === void 0 ? void 0 : name.length) <= 2 || (name === null || name === void 0 ? void 0 : name.length) > 100 || (name === null || name === void 0 || (_name$split2 = name.split(' ')) === null || _name$split2 === void 0 ? void 0 : _name$split2.length) > 3) {
+        isValid = false;
+      }
+      var nameRegex = /^[a-zA-Zа-яА-ЯёЁ]+([ '-][a-zA-Zа-яА-ЯёЁ]+)*$/;
+      if (!nameRegex.test(name)) {
+        isValid = false;
+      }
+    } else if (inputType === 'description') {
+      if ((value === null || value === void 0 ? void 0 : value.length) > 1000) {
+        isValid = false;
+      }
+    }
+    setInputValue(function (prevInputValue) {
+      if (prevInputValue[id] !== value) {
+        return _objectSpread(_objectSpread({}, prevInputValue), {}, _defineProperty({}, id, value));
+      }
+      return prevInputValue;
+    });
+    return isValid;
+  };
+  (0, _react.useEffect)(function () {
+    var allRequiredValid = inputArr.filter(function (field) {
+      return field.required;
+    }).every(function (_ref4) {
+      var id = _ref4.id,
+        inputType = _ref4.inputType;
+      return validateFieldWithoutErrors(id, inputType, inputValue[id]);
+    });
+    setAllFieldsValid(allRequiredValid);
+  }, [inputValue, selectedValue, inputArr]);
+  (0, _react.useEffect)(function () {
+    setInputs(_toConsumableArray(inputArr === null || inputArr === void 0 ? void 0 : inputArr.map(function (_ref5, ind) {
+      var id = _ref5.id,
+        placeholder = _ref5.placeholder,
+        hidden = _ref5.hidden,
+        value = _ref5.value,
+        inputType = _ref5.inputType,
+        options_prop = _ref5.options_prop,
+        type = _ref5.type,
+        required = _ref5.required;
+      if (hidden) {
+        setInputValue(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, value));
+        });
+        return;
+      }
+      if (type == 'textarea') {
+        return /*#__PURE__*/_react["default"].createElement(_TextareaDynamicPlaceholder["default"], {
+          key: id,
+          width: "100%",
+          changeValue: inputValue === null || inputValue === void 0 ? void 0 : inputValue[id],
+          onChange: function onChange(e) {
+            return setInputValue(function (prev) {
+              return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, e));
+            });
+          },
+          required: required,
+          placeholder: placeholder
+        });
+      }
+      if (type == 'dropdown') {
+        return /*#__PURE__*/_react["default"].createElement(_DownSelector["default"], {
+          key: id,
+          options_prop: options_prop,
+          type: inputType,
+          state: selectedValue,
+          setState: function setState(e) {
+            handleChange(e, id);
+          },
+          err: err === null || err === void 0 ? void 0 : err[id],
+          required: required,
+          placeholder: placeholder,
+          size: "l",
+          width: "100%",
+          onBlur: function onBlur(value) {
+            return handleBlur(id, inputType, value);
+          }
+        });
+      }
+      if (type == 'input') {
+        return /*#__PURE__*/_react["default"].createElement(_InputDinamycPlaceholder["default"], {
+          key: id,
+          type: inputType ? inputType : 'text',
+          placeholder: placeholder,
+          changeValue: inputValue === null || inputValue === void 0 ? void 0 : inputValue[id],
+          onChange: function onChange(e) {
+            return setInputValue(function (prev) {
+              return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, e));
+            });
+          },
+          autoComplete: false,
+          err: err === null || err === void 0 ? void 0 : err[id],
+          required: required,
+          textErr: err === null || err === void 0 ? void 0 : err[id],
+          onBlur: function onBlur(value) {
+            return handleBlur(id, inputType, value);
+          },
+          mask: inputType === 'tel' ? '+{7} (000) 000-00-00' : ''
+        });
+      }
+    })));
+  }, [inputArr, err, selectedValue]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: modal ? 'blackout' : '',
+    style: {
+      maxWidth: !modal ? '560px' : '',
+      width: !modal ? '100%' : ''
+    },
+    onClick: function onClick(e) {
+      if (modal) {
+        var el = e.target;
+        if (el.classList.contains('blackout')) {
+          setIsModal(false);
+        }
+      }
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal-bitrix-form",
+    style: {
+      zIndex: !modal ? 'inherit' : '',
+      boxShadow: !modal ? 'none' : ''
+    }
+  }, successfulResponse && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal-bitrix-form__successful"
+  }, /*#__PURE__*/_react["default"].createElement("img", _extends({
+    className: "modal-bitrix-form__icon-done",
+    alt: "icon"
+  }, _done_icon["default"])), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "modal-bitrix-form__text-green"
+  }, "\u0417\u0430\u044F\u0432\u043A\u0443 \u043F\u0440\u0438\u043D\u044F\u043B\u0438!"), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "modal-bitrix-form__text"
+  }, "\u0412 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043C\u044F \u0441\u0432\u044F\u0436\u0435\u043C\u0441\u044F \u0441 \u0432\u0430\u043C\u0438!")), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (formTitle || subTitle) && /*#__PURE__*/_react["default"].createElement("header", {
+    className: "modal-bitrix-form__header"
+  }, /*#__PURE__*/_react["default"].createElement("h1", {
+    className: "modal-bitrix-form__title"
+  }, formTitle), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "modal-bitrix-form__description"
+  }, subTitle), communicationMethod && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal-bitrix-form__radio-group"
+  }, communication_method.map(function (_ref6) {
+    var label = _ref6.label;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-bitrix-form__radio-item",
+      key: label
+    }, /*#__PURE__*/_react["default"].createElement("input", {
+      id: "header",
+      checked: currentCommunication == label,
+      onChange: function onChange(e) {
+        return setCurrentCommunication(label);
+      },
+      className: "radio",
+      type: "radio",
+      radioGroup: "communication"
+    }), /*#__PURE__*/_react["default"].createElement("label", {
+      htmlFor: "header",
+      className: "modal-bitrix-form__radio-label"
+    }, label));
+  })), modal && /*#__PURE__*/_react["default"].createElement("button", {
+    className: "modal-bitrix-form__btn-close",
+    onClick: function onClick(e) {
+      return setIsModal(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", _close_icon["default"]))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal-bitrix-form__content"
+  }, inputs), /*#__PURE__*/_react["default"].createElement(_ButtonBasic["default"], {
+    text: btnName ? btnName : 'Отправить',
+    disabled: !allFieldsValid,
+    green: colorBtn == 'green',
+    darkViolet: colorBtn == 'darkViolet',
+    size: "56px",
+    width: "100%",
+    maxWidth: "100%",
+    onClick: function onClick(e) {
+      fetchTest();
+    }
+  }))));
+};
+var _default = exports["default"] = ModalBitrixForm;