@bigbinary/neeto-editor 1.43.9 → 1.43.11

package/dist/cjs/Attachments.cjs.js

@@ -12,8 +12,8 @@ require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Toastr');
 require('ramda');
 require('react-i18next');
-require('./chunk-ZOMU_YZG.cjs.js');
-var Attachments = require('./chunk-BWX7biFj.cjs.js');
+require('./chunk-BKXRiCh0.cjs.js');
+var Attachments = require('./chunk-C6guuEBs.cjs.js');
 require('react/jsx-runtime');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('zustand/shallow');

package/dist/cjs/Editor.cjs.js

@@ -5,7 +5,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var Menu$3 = require('./chunk-BvCaILtB.cjs.js');
+var Menu$3 = require('./chunk-BvZ-xgkj.cjs.js');
 var classnames = require('classnames');
 var constants = require('./chunk-DkpWugF2.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -28,7 +28,7 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var ReactDOM = require('react-dom');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
-var FileIcon = require('./chunk-ZOMU_YZG.cjs.js');
+var FileIcon = require('./chunk-BKXRiCh0.cjs.js');
 var tippy = require('tippy.js');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
@@ -71,7 +71,7 @@ var ToggleHeaderRow = require('@bigbinary/neeto-icons/ToggleHeaderRow');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var Input$1 = require('@bigbinary/neetoui/formik/Input');
-var Attachments = require('./chunk-BWX7biFj.cjs.js');
+var Attachments = require('./chunk-C6guuEBs.cjs.js');
 require('tippy.js/dist/svg-arrow.css');
 require('@bigbinary/neeto-icons/Link');
 require('@bigbinary/neeto-commons-frontend/utils');

package/dist/cjs/FormikEditor.cjs.js

@@ -9,7 +9,7 @@ var Editor = require('./Editor.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
-require('./chunk-BvCaILtB.cjs.js');
+require('./chunk-BvZ-xgkj.cjs.js');
 require('ramda');
 require('./chunk-vQvjPR2x.cjs.js');
 require('i18next');
@@ -66,7 +66,7 @@ require('react-colorful');
 require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
-require('./chunk-ZOMU_YZG.cjs.js');
+require('./chunk-BKXRiCh0.cjs.js');
 require('zustand/shallow');
 require('@bigbinary/neetoui/Toastr');
 require('zustand');
@@ -103,7 +103,7 @@ require('@bigbinary/neeto-icons/MergeSplit');
 require('@bigbinary/neeto-icons/ToggleHeaderRow');
 require('@bigbinary/neetoui/formik/Form');
 require('@bigbinary/neetoui/formik/Input');
-require('./chunk-BWX7biFj.cjs.js');
+require('./chunk-C6guuEBs.cjs.js');
 require('@bigbinary/neeto-icons/MenuVertical');
 require('@bigbinary/neetoui/Alert');
 

package/dist/cjs/Menu.cjs.js

@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('ramda');
-var Menu = require('./chunk-BvCaILtB.cjs.js');
+var Menu = require('./chunk-BvZ-xgkj.cjs.js');
 require('./chunk-lFAlCXAz.cjs.js');
 require('react/jsx-runtime');
 require('./chunk-vQvjPR2x.cjs.js');
@@ -63,7 +63,7 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
-require('./chunk-ZOMU_YZG.cjs.js');
+require('./chunk-BKXRiCh0.cjs.js');
 require('zustand/shallow');
 require('@bigbinary/neetoui/Toastr');
 require('zustand');

package/dist/cjs/{chunk-ZOMU_YZG.cjs.js → chunk-BKXRiCh0.cjs.js}

@@ -83,66 +83,71 @@ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useFileUploadStore = zustand.create(reactUtils.withImmutableActions(function (set, get) {
   return {
-    files: [],
-    isUploading: false,
-    addFiles: function addFiles(newFiles) {
+    // {[contextId]: { files: File[], isUploading: boolean }}
+
+    addFiles: function addFiles(contextId, newFiles) {
       return set(function (state) {
-        return {
-          files: [].concat(_toConsumableArray(state.files), _toConsumableArray(newFiles))
-        };
+        var _state$contextId;
+        return _defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, state[contextId]), {}, {
+          files: [].concat(_toConsumableArray(((_state$contextId = state[contextId]) === null || _state$contextId === void 0 ? void 0 : _state$contextId["files"]) || []), _toConsumableArray(newFiles))
+        }));
       });
     },
-    updateFileStatus: function updateFileStatus(fileId, status) {
+    updateFileStatus: function updateFileStatus(contextId, fileId, status) {
       return set(function (state) {
-        return {
-          files: state.files.map(function (file) {
+        var _state$contextId2;
+        return _defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, state[contextId]), {}, {
+          files: (_state$contextId2 = state[contextId]) === null || _state$contextId2 === void 0 || (_state$contextId2 = _state$contextId2["files"]) === null || _state$contextId2 === void 0 ? void 0 : _state$contextId2.map(function (file) {
             return file.id === fileId ? _objectSpread$2(_objectSpread$2({}, file), {}, {
               status: status
             }) : file;
           })
-        };
+        }));
       });
     },
-    updateFileUploadProgress: function updateFileUploadProgress(fileId, progress) {
+    updateFileUploadProgress: function updateFileUploadProgress(contextId, fileId, progress) {
       return set(function (state) {
-        return {
-          files: state.files.map(function (file) {
+        var _state$contextId3;
+        return _defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, state[contextId]), {}, {
+          files: ((_state$contextId3 = state[contextId]) === null || _state$contextId3 === void 0 || (_state$contextId3 = _state$contextId3["files"]) === null || _state$contextId3 === void 0 ? void 0 : _state$contextId3.map(function (file) {
             return file.id === fileId ? _objectSpread$2(_objectSpread$2({}, file), {}, {
               progress: progress
             }) : file;
-          })
-        };
+          })) || []
+        }));
       });
     },
-    removeFile: function removeFile(fileId) {
+    removeFile: function removeFile(contextId, fileId) {
       return set(function (state) {
-        return {
-          files: neetoCist.removeById(fileId, state.files)
-        };
+        var _state$contextId4;
+        return _defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, state[contextId]), {}, {
+          files: neetoCist.removeById(fileId, ((_state$contextId4 = state[contextId]) === null || _state$contextId4 === void 0 ? void 0 : _state$contextId4["files"]) || [])
+        }));
       });
     },
-    setIsUploading: function setIsUploading(status) {
-      return set({
-        isUploading: status
+    setIsUploading: function setIsUploading(contextId, status) {
+      return set(function (state) {
+        var _state$contextId5;
+        return _defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, (_state$contextId5 = state[contextId]) !== null && _state$contextId5 !== void 0 ? _state$contextId5 : []), {}, {
+          isUploading: status
+        }));
       });
     },
-    getNextQueuedFile: function getNextQueuedFile() {
-      var _get = get(),
-        files = _get.files;
-      return neetoCist.findBy(function (_ref) {
-        var status = _ref.status;
+    getNextQueuedFile: function getNextQueuedFile(contextId) {
+      var files = get()[contextId].files;
+      return neetoCist.findBy(function (_ref6) {
+        var status = _ref6.status;
         return status === "queued";
       }, files);
     },
-    removeFilesFromQueue: function removeFilesFromQueue(uploadedFiles) {
-      var _get2 = get(),
-        files = _get2.files;
-      set({
-        files: files.filter(function (_ref2) {
-          var id = _ref2.id;
+    removeFilesFromQueue: function removeFilesFromQueue(contextId, uploadedFiles) {
+      var data = get()[contextId];
+      set(_defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, data), {}, {
+        files: (data["files"] || []).filter(function (_ref7) {
+          var id = _ref7.id;
           return !uploadedFiles.includes(id);
         })
-      });
+      })));
     }
   };
 }));
@@ -7249,6 +7254,10 @@ var FILE_UPLOAD_STATUS = {
   UPLOADED: "uploaded"
 };
 
+var getRandomString = function getRandomString() {
+  return Math.random().toString(36).substring(7).toUpperCase();
+};
+
 var MAX_VIDEO_SIZE = 100 * 1024 * 1024; // 100 MB
 
 var FILE_SIZE_UNITS = ["B", "KB", "MB", "GB"];
@@ -7413,36 +7422,44 @@ var useFileUploader = function useFileUploader(_ref) {
     previousAttachments = _ref$attachments === void 0 ? [] : _ref$attachments,
     _ref$setIsUploadingOn = _ref.setIsUploadingOnHost,
     setIsUploadingOnHost = _ref$setIsUploadingOn === void 0 ? neetoCist.noop : _ref$setIsUploadingOn;
+  var contextIdRef = React.useRef(getRandomString());
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var contextId = contextIdRef.current;
   var _useFileUploadStore = useFileUploadStore(function (store) {
       return {
         addFiles: store["addFiles"],
-        isUploading: store["isUploading"],
         getNextQueuedFile: store["getNextQueuedFile"],
         updateFileStatus: store["updateFileStatus"],
         removeFilesFromQueue: store["removeFilesFromQueue"],
         setIsUploading: store["setIsUploading"],
         updateFileUploadProgress: store["updateFileUploadProgress"],
-        files: store["files"],
         removeFile: store["removeFile"]
       };
     }, shallow.shallow),
     addFilesToStore = _useFileUploadStore.addFiles,
-    isUploading = _useFileUploadStore.isUploading,
     getNextQueuedFile = _useFileUploadStore.getNextQueuedFile,
     updateFileStatus = _useFileUploadStore.updateFileStatus,
     removeFilesFromQueue = _useFileUploadStore.removeFilesFromQueue,
     setIsUploading = _useFileUploadStore.setIsUploading,
     updateFileUploadProgress = _useFileUploadStore.updateFileUploadProgress,
-    files = _useFileUploadStore.files,
     removeFile = _useFileUploadStore.removeFile;
+  var _useFileUploadStore2 = useFileUploadStore(function (store) {
+      var _store$contextId, _store$contextId2;
+      return {
+        files: (_store$contextId = store[contextId]) === null || _store$contextId === void 0 ? void 0 : _store$contextId["files"],
+        isUploading: (_store$contextId2 = store[contextId]) === null || _store$contextId2 === void 0 ? void 0 : _store$contextId2["isUploading"]
+      };
+    }, shallow.shallow),
+    _useFileUploadStore2$ = _useFileUploadStore2.files,
+    files = _useFileUploadStore2$ === void 0 ? [] : _useFileUploadStore2$,
+    isUploading = _useFileUploadStore2.isUploading;
   var handleUploadProgress = function handleUploadProgress(xhr, file) {
     if (!xhr.event.lengthComputable) return;
     var bytesUploaded = xhr.loaded;
     var bytesTotal = xhr.total;
     var progress = Math.round(bytesUploaded / bytesTotal * 100);
-    updateFileUploadProgress(file.id, progress);
+    updateFileUploadProgress(contextId, file.id, progress);
   };
   var uploadFile = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
@@ -7466,7 +7483,7 @@ var useFileUploader = function useFileUploader(_ref) {
             _yield$upload$create$ = _yield$upload$create.data;
             data = _yield$upload$create$ === void 0 ? {} : _yield$upload$create$;
             response = _objectWithoutProperties(_yield$upload$create, _excluded);
-            updateFileStatus(file.id, FILE_UPLOAD_STATUS.UPLOADED);
+            updateFileStatus(contextId, file.id, FILE_UPLOAD_STATUS.UPLOADED);
             return _context.abrupt("return", {
               id: file.id,
               filename: file.filename,
@@ -7482,7 +7499,7 @@ var useFileUploader = function useFileUploader(_ref) {
             }
             // eslint-disable-next-line no-console
             console.error("Failed to upload attachment", _context.t0);
-            removeFile(file.id);
+            removeFile(contextId, file.id);
             return _context.abrupt("return", null);
           case 19:
           case "end":
@@ -7500,16 +7517,16 @@ var useFileUploader = function useFileUploader(_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            queuedFile = getNextQueuedFile();
+            queuedFile = getNextQueuedFile(contextId);
             if (!neetoCist.isNotPresent(queuedFile)) {
               _context2.next = 5;
               break;
             }
-            setIsUploading(false);
+            setIsUploading(contextId, false);
             setIsUploadingOnHost(false);
             return _context2.abrupt("return", []);
           case 5:
-            updateFileStatus(queuedFile.id, FILE_UPLOAD_STATUS.UPLOADING);
+            updateFileStatus(contextId, queuedFile.id, FILE_UPLOAD_STATUS.UPLOADING);
             _context2.next = 8;
             return Promise.all([uploadFile(queuedFile), handleUploadFiles()]);
           case 8:
@@ -7519,7 +7536,7 @@ var useFileUploader = function useFileUploader(_ref) {
             remainingUploadedFiles = _yield$Promise$all2[1];
             uploadedFiles = [uploadedFile].concat(_toConsumableArray(remainingUploadedFiles));
             uploadedFileIds = ramda.pluck("id", uploadedFiles);
-            removeFilesFromQueue(uploadedFileIds);
+            removeFilesFromQueue(contextId, uploadedFileIds);
             uploadControllers = ramda.omit(uploadedFileIds, uploadControllers);
             return _context2.abrupt("return", uploadedFiles.filter(neetoCist.isNot(null)));
           case 17:
@@ -7533,7 +7550,7 @@ var useFileUploader = function useFileUploader(_ref) {
     };
   }();
   var uploadFiles = function uploadFiles() {
-    setIsUploading(true);
+    setIsUploading(contextId, true);
     setIsUploadingOnHost(true);
     return handleUploadFiles();
   };
@@ -7553,12 +7570,12 @@ var useFileUploader = function useFileUploader(_ref) {
         status: FILE_UPLOAD_STATUS.QUEUED
       };
     });
-    addFilesToStore(selectedFiles);
+    addFilesToStore(contextId, selectedFiles);
   };
   var cancelUpload = function cancelUpload(fileId) {
     var _uploadControllers$fi, _uploadControllers$fi2;
     (_uploadControllers$fi = uploadControllers[fileId]) === null || _uploadControllers$fi === void 0 || (_uploadControllers$fi2 = _uploadControllers$fi.abort) === null || _uploadControllers$fi2 === void 0 || _uploadControllers$fi2.call(_uploadControllers$fi);
-    removeFile(fileId);
+    removeFile(contextId, fileId);
   };
   return {
     addFiles: addFiles,
@@ -8522,4 +8539,4 @@ exports.getTabs = getTabs;
 exports.propTypesExports = propTypesExports;
 exports.useDropFiles = useDropFiles;
 exports.useFileUploader = useFileUploader;
-//# sourceMappingURL=chunk-ZOMU_YZG.cjs.js.map
+//# sourceMappingURL=chunk-BKXRiCh0.cjs.js.map