react-survey-builder 1.0.41 → 1.0.43

package/lib/toolbar.js

@@ -13,10 +13,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntl = require("react-intl");
 var _toolbarDraggableItem = _interopRequireDefault(require("./toolbar-draggable-item"));
 var _toolbarGroupItem = _interopRequireDefault(require("./toolbar-group-item"));
-var _UUID = _interopRequireDefault(require("./UUID"));
 var _store = _interopRequireDefault(require("./stores/store"));
 var _functions = require("./functions");
 var _fa = require("react-icons/fa");
@@ -24,15 +22,8 @@ var _pi = require("react-icons/pi");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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) { (0, _defineProperty2["default"])(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; } /**
-  * <Toolbar />
-  */
-// function isDefaultItem(item) {
-//   const keys = Object.keys(item);
-//   return keys.filter(x => x !== 'element' && x !== 'key' && x !== 'groupName').length === 0;
-// }
-
-function buildItems(items, defaultItems) {
+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) { (0, _defineProperty2["default"])(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; }
+var buildItems = function buildItems(items, defaultItems) {
   if (!items) {
     return defaultItems;
   }
@@ -54,8 +45,8 @@ function buildItems(items, defaultItems) {
     }
     return found || x;
   });
-}
-function buildGroupItems(allItems) {
+};
+var buildGroupItems = function buildGroupItems(allItems) {
   var items = allItems.filter(function (x) {
     return !x.groupName;
   });
@@ -75,7 +66,7 @@ function buildGroupItems(allItems) {
     grouped: grouped,
     groupKeys: groupKeys
   };
-}
+};
 var Toolbar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Toolbar, _React$Component);
   var _super = _createSuper(Toolbar);
@@ -91,8 +82,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         onCreate: _this.create
       });
     });
-    var intl = _this.props.intl;
-    var items = buildItems(props.items, _this._defaultItems(intl));
+    var items = buildItems(props.items, _this._defaultItems());
     _this.state = {
       items: items
     };
@@ -111,63 +101,41 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "_defaultItems",
-    value: function _defaultItems(intl) {
+    value: function _defaultItems() {
       return [{
         key: 'Header',
-        name: intl.formatMessage({
-          id: 'header-text'
-        }),
+        name: "Header Text",
         icon: _fa.FaHeading,
         "static": true,
-        content: intl.formatMessage({
-          id: 'place-holder-text'
-        })
+        content: "Text..."
       }, {
         key: 'Label',
-        name: intl.formatMessage({
-          id: 'label'
-        }),
+        name: "Label",
         "static": true,
         icon: _fa.FaFont,
-        content: intl.formatMessage({
-          id: 'place-holder-text'
-        })
+        content: "Text..."
       }, {
         key: 'Paragraph',
-        name: intl.formatMessage({
-          id: 'paragraph'
-        }),
+        name: "Paragraph",
         "static": true,
         icon: _fa.FaParagraph,
-        content: intl.formatMessage({
-          id: 'place-holder-text'
-        })
+        content: "Text..."
       }, {
         key: 'ContentBody',
-        name: intl.formatMessage({
-          id: 'content-body'
-        }),
+        name: "Static Content",
         "static": true,
         icon: _pi.PiFileHtml,
-        content: intl.formatMessage({
-          id: 'place-holder-text'
-        })
+        content: "Text..."
       }, {
         key: 'LineBreak',
-        name: intl.formatMessage({
-          id: 'line-break'
-        }),
+        name: "Line Break",
         "static": true,
         icon: _fa.FaArrowsAltH
       }, {
         key: 'Dropdown',
-        name: intl.formatMessage({
-          id: 'dropdown'
-        }),
+        name: "Dropdown",
         icon: _fa.FaCaretSquareDown,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'dropdown_',
         canHaveHelp: true,
         options: [],
@@ -176,13 +144,9 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         answerType: 'ARRAY'
       }, {
         key: 'Tags',
-        name: intl.formatMessage({
-          id: 'tags'
-        }),
+        name: "Tags",
         icon: _fa.FaTags,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'tags_',
         canHaveHelp: true,
         options: [],
@@ -191,26 +155,18 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         answerType: 'ARRAY'
       }, {
         key: 'Checkboxes',
-        name: intl.formatMessage({
-          id: 'checkboxes'
-        }),
+        name: "Checkboxes",
         icon: _fa.FaCheckSquare,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'checkboxes_',
         canHaveHelp: true,
         options: [],
         answerType: 'ARRAY'
       }, {
         key: 'Checkbox',
-        name: intl.formatMessage({
-          id: 'checkbox'
-        }),
+        name: "Checkbox",
         icon: _fa.FaCheckSquare,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'checkbox_',
         canHaveHelp: true,
         boxLabel: 'Pick me',
@@ -219,57 +175,37 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         hideLabel: true
       }, {
         key: 'RadioButtons',
-        name: intl.formatMessage({
-          id: 'multiple-choice'
-        }),
+        name: "Radio Buttons",
         icon: _fa.FaRegDotCircle,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'radiobuttons_',
         canHaveHelp: true,
         options: [],
         answerType: 'STRING'
       }, {
         key: 'TextInput',
-        name: intl.formatMessage({
-          id: 'text-input'
-        }),
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        name: "Text Input",
+        label: "Label",
         icon: _fa.FaFont,
         fieldName: 'text_input_',
         canHaveHelp: true,
-        placeholder: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        placeholder: "Label",
         canHaveLabelLocation: true,
         answerType: 'STRING'
       }, {
         key: 'EmailInput',
-        name: intl.formatMessage({
-          id: 'email-input'
-        }),
-        label: intl.formatMessage({
-          id: 'place-holder-email'
-        }),
+        name: "Email Input",
+        label: "Email Address",
         icon: _fa.FaEnvelope,
         fieldName: 'email_input_',
         canHaveHelp: true,
-        placeholder: intl.formatMessage({
-          id: 'place-holder-email'
-        }),
+        placeholder: "Email Address",
         canHaveLabelLocation: true,
         answerType: 'STRING'
       }, {
         key: 'PhoneNumber',
-        name: intl.formatMessage({
-          id: 'phone-input'
-        }),
-        label: intl.formatMessage({
-          id: 'place-holder-phone-number'
-        }),
+        name: "Phone Number",
+        label: "Phone Number",
         icon: _fa.FaPhone,
         fieldName: 'phone_input_',
         canHaveHelp: true,
@@ -280,25 +216,17 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         canDefaultToday: true,
         canReadOnly: true,
         dateFormat: 'MM/DD/YYYY',
-        name: intl.formatMessage({
-          id: 'date'
-        }),
+        name: "Date",
         icon: _fa.FaRegCalendarAlt,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'date_picker_',
         canHaveHelp: true,
         canHaveLabelLocation: true,
         answerType: 'STRING'
       }, {
         key: 'TextArea',
-        name: intl.formatMessage({
-          id: 'multi-line-input'
-        }),
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        name: "Multi-line Input",
+        label: "Label",
         icon: _fa.FaTextHeight,
         fieldName: 'text_area_',
         canHaveHelp: true,
@@ -306,12 +234,8 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         answerType: 'STRING'
       }, {
         key: 'NumberInput',
-        name: intl.formatMessage({
-          id: 'number-input'
-        }),
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        name: "Numerical Input",
+        label: "Label",
         icon: _fa.FaPlus,
         fieldName: 'number_input_',
         canHaveHelp: true,
@@ -322,89 +246,59 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         answerType: 'NUMBER'
       }, {
         key: 'Rating',
-        name: intl.formatMessage({
-          id: 'rating'
-        }),
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        name: "Rating",
+        label: "Label",
         icon: _fa.FaStar,
         fieldName: 'rating_',
         canHaveHelp: true,
         answerType: 'NUMBER'
       }, {
         key: 'Range',
-        name: intl.formatMessage({
-          id: 'range'
-        }),
+        name: "Range",
         icon: _fa.FaSlidersH,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'range_',
         step: 1,
         defaultValue: 3,
         minValue: 1,
         maxValue: 5,
-        minLabel: intl.formatMessage({
-          id: 'easy'
-        }),
-        maxLabel: intl.formatMessage({
-          id: 'difficult'
-        }),
+        minLabel: "Easy",
+        maxLabel: "Difficult",
         canHaveHelp: true,
         answerType: 'NUMBER'
       }, {
         key: 'Signature',
         canReadOnly: true,
-        name: intl.formatMessage({
-          id: 'signature'
-        }),
+        name: "Signature",
         icon: _fa.FaPenSquare,
-        label: intl.formatMessage({
-          id: 'signature'
-        }),
+        label: "Signature",
         fieldName: 'signature_',
         canHaveHelp: true,
         answerType: 'IMAGE'
       }, {
         key: 'Camera',
-        name: intl.formatMessage({
-          id: 'camera'
-        }),
+        name: "Camera",
         icon: _fa.FaCamera,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'camera_',
         answerType: 'IMAGE'
       }, {
         key: 'FileUpload',
-        name: intl.formatMessage({
-          id: 'file-upload'
-        }),
+        name: "File Upload",
         icon: _fa.FaFile,
-        label: intl.formatMessage({
-          id: 'place-holder-label'
-        }),
+        label: "Label",
         fieldName: 'file_upload_',
         answerType: 'FILE'
       }, {
         key: 'FieldSet',
-        name: intl.formatMessage({
-          id: 'fieldset'
-        }),
-        label: intl.formatMessage({
-          id: 'fieldset'
-        }),
+        name: "Fieldset",
+        label: "Fieldset",
         icon: _fa.FaBars,
         fieldName: 'fieldset-element',
         "static": true
       }, {
         key: 'Image',
-        name: intl.formatMessage({
-          id: 'image'
-        }),
+        name: "Image",
         label: '',
         icon: _fa.FaRegImage,
         fieldName: 'image_',
@@ -412,42 +306,30 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         "static": true
       }, {
         key: 'HyperLink',
-        name: intl.formatMessage({
-          id: 'website'
-        }),
+        name: "Hyperlink",
         icon: _fa.FaLink,
-        content: intl.formatMessage({
-          id: 'place-holder-website-link'
-        }),
+        content: "Website Link...",
         href: 'http://www.example.com',
         "static": true
       }, {
         key: 'Download',
-        name: intl.formatMessage({
-          id: 'file-attachment'
-        }),
+        name: "File Attachment",
         icon: _fa.FaFile,
-        content: intl.formatMessage({
-          id: 'place-holder-file-name'
-        }),
+        content: "File name...",
         fieldName: 'download_',
         filePath: '',
         href: '',
         "static": true
       }, {
         key: 'TwoColumnRow',
-        name: intl.formatMessage({
-          id: 'two-columns-row'
-        }),
+        name: "Two Column Row",
         label: '',
         icon: _fa.FaColumns,
         fieldName: 'two_col_row_',
         "static": true
       }, {
         key: 'ThreeColumnRow',
-        name: intl.formatMessage({
-          id: 'three-columns-row'
-        }),
+        name: "Three Columns Row",
         label: '',
         icon: _fa.FaColumns,
         fieldName: 'three_col_row_',
@@ -455,9 +337,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
       }, {
         key: 'FourColumnRow',
         element: 'MultiColumnRow',
-        name: intl.formatMessage({
-          id: 'four-columns-row'
-        }),
+        name: "Four Columns Row",
         label: '',
         icon: _fa.FaColumns,
         fieldName: 'four_col_row_',
@@ -467,9 +347,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
       }, {
         key: 'FiveColumnRow',
         element: 'MultiColumnRow',
-        name: intl.formatMessage({
-          id: 'five-columns-row'
-        }),
+        name: "Five Columns Row",
         label: '',
         icon: _fa.FaColumns,
         fieldName: 'five_col_row_',
@@ -479,9 +357,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
       }, {
         key: 'SixColumnRow',
         element: 'MultiColumnRow',
-        name: intl.formatMessage({
-          id: 'six-columns-row'
-        }),
+        name: "Six Columns Row",
         label: '',
         icon: _fa.FaColumns,
         fieldName: 'six_col_row_',
@@ -506,10 +382,9 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
     key: "create",
     value: function create(item) {
       var _item$static;
-      var intl = this.props.intl;
       var element = item.element || item.key;
       var elementOptions = this.addCustomOptions(item, {
-        id: _UUID["default"].uuid(),
+        id: (0, _functions.generateUUID)(),
         element: element,
         text: item.name,
         "static": (_item$static = item["static"]) !== null && _item$static !== void 0 ? _item$static : false
@@ -626,7 +501,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         elementOptions.defaultValue = item.defaultValue;
       }
       if (item.fieldName) {
-        elementOptions.fieldName = item.fieldName + _UUID["default"].uuid();
+        elementOptions.fieldName = item.fieldName + (0, _functions.generateUUID)();
       }
       if (!item["static"]) {
         var _item$customName;
@@ -639,11 +514,11 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         if (item.options.length > 0) {
           elementOptions.options = item.options.map(function (x) {
             return _objectSpread(_objectSpread({}, x), {}, {
-              key: "custom_option_".concat(_UUID["default"].uuid())
+              key: "custom_option_".concat((0, _functions.generateUUID)())
             });
           });
         } else {
-          elementOptions.options = Toolbar._defaultItemOptions(elementOptions.element, intl);
+          elementOptions.options = Toolbar._defaultItemOptions(elementOptions.element);
         }
       }
       return elementOptions;
@@ -664,9 +539,7 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         groupKeys = _buildGroupItems.groupKeys;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "react-survey-builder-toolbar"
-      }, /*#__PURE__*/_react["default"].createElement("h4", null, this.props.intl.formatMessage({
-        id: 'toolbox'
-      })), /*#__PURE__*/_react["default"].createElement("ul", null, items.map(this.renderItem), groupKeys.map(function (k) {
+      }, /*#__PURE__*/_react["default"].createElement("h4", null, "Survey Blocks Toolbox"), /*#__PURE__*/_react["default"].createElement("ul", null, items.map(this.renderItem), groupKeys.map(function (k) {
         return /*#__PURE__*/_react["default"].createElement(_toolbarGroupItem["default"], {
           key: k,
           name: k,
@@ -677,87 +550,63 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
     }
   }], [{
     key: "_defaultItemOptions",
-    value: function _defaultItemOptions(element, intl) {
+    value: function _defaultItemOptions(element) {
       switch (element) {
         case 'Dropdown':
           return [{
             value: 'place_holder_option_1',
-            text: intl.formatMessage({
-              id: 'place-holder-option-1'
-            }),
-            key: "dropdown_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 1",
+            key: "dropdown_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_option_2',
-            text: intl.formatMessage({
-              id: 'place-holder-option-2'
-            }),
-            key: "dropdown_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 2",
+            key: "dropdown_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_option_3',
-            text: intl.formatMessage({
-              id: 'place-holder-option-3'
-            }),
-            key: "dropdown_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 3",
+            key: "dropdown_option_".concat((0, _functions.generateUUID)())
           }];
         case 'Tags':
           return [{
             value: 'place_holder_tag_1',
-            text: intl.formatMessage({
-              id: 'place-holder-tag-1'
-            }),
-            key: "tags_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 1",
+            key: "tags_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_tag_2',
-            text: intl.formatMessage({
-              id: 'place-holder-tag-2'
-            }),
-            key: "tags_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 2",
+            key: "tags_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_tag_3',
-            text: intl.formatMessage({
-              id: 'place-holder-tag-3'
-            }),
-            key: "tags_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 3",
+            key: "tags_option_".concat((0, _functions.generateUUID)())
           }];
         case 'Checkboxes':
           return [{
             value: 'place_holder_option_1',
-            text: intl.formatMessage({
-              id: 'place-holder-option-1'
-            }),
-            key: "checkboxes_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 1",
+            key: "checkboxes_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_option_2',
-            text: intl.formatMessage({
-              id: 'place-holder-option-2'
-            }),
-            key: "checkboxes_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 2",
+            key: "checkboxes_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_option_3',
-            text: intl.formatMessage({
-              id: 'place-holder-option-3'
-            }),
-            key: "checkboxes_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 3",
+            key: "checkboxes_option_".concat((0, _functions.generateUUID)())
           }];
         case 'RadioButtons':
           return [{
             value: 'place_holder_option_1',
-            text: intl.formatMessage({
-              id: 'place-holder-option-1'
-            }),
-            key: "radiobuttons_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 1",
+            key: "radiobuttons_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_option_2',
-            text: intl.formatMessage({
-              id: 'place-holder-option-2'
-            }),
-            key: "radiobuttons_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 2",
+            key: "radiobuttons_option_".concat((0, _functions.generateUUID)())
           }, {
             value: 'place_holder_option_3',
-            text: intl.formatMessage({
-              id: 'place-holder-option-3'
-            }),
-            key: "radiobuttons_option_".concat(_UUID["default"].uuid())
+            text: "Place holder option 3",
+            key: "radiobuttons_option_".concat((0, _functions.generateUUID)())
           }];
         default:
           return [];
@@ -766,4 +615,4 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
   }]);
   return Toolbar;
 }(_react["default"].Component);
-var _default = exports["default"] = (0, _reactIntl.injectIntl)(Toolbar);
+var _default = exports["default"] = Toolbar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
@@ -44,15 +44,17 @@
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.44",
     "prop-types": "^15.7.2",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.10.2",
     "react-bootstrap-range-slider": "^3.0.8",
     "react-bootstrap-typeahead": "^6.3.2",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
+    "react-dom": "^18.2.0",
     "react-draft-wysiwyg": "^1.15.0",
     "react-hook-form": "^7.45.4",
     "react-icons": "^5.0.1",
-    "react-imask": "^7.5.0",
-    "react-intl": "^5.24.3",
+    "react-imask": "^7.6.0",
     "react-phone-number-input": "^3.3.9",
     "react-signature-canvas": "^1.0.3",
     "react-simple-wysiwyg": "^3.0.2",
@@ -87,9 +89,6 @@
     "eslint-plugin-react": "^7.22.0",
     "express": "^4.17.1",
     "multer": "^1.4.2",
-    "react": "^18.2.0",
-    "react-bootstrap": "^2.10.2",
-    "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "sass": "^1.69.7",
     "sass-loader": "^14.0.0",