@bigbinary/neeto-editor 1.43.10 → 1.43.12

package/dist/{chunk-_Z694ouv.js → chunk-DkkKVDm4.js}

@@ -1,4 +1,4 @@
-import React__default, { useEffect } from 'react';
+import React__default, { useEffect, useRef } from 'react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -81,66 +81,71 @@ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useFileUploadStore = create$1(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: removeById(fileId, state.files)
-        };
+        var _state$contextId4;
+        return _defineProperty({}, contextId, _objectSpread$2(_objectSpread$2({}, state[contextId]), {}, {
+          files: 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 findBy(function (_ref) {
-        var status = _ref.status;
+    getNextQueuedFile: function getNextQueuedFile(contextId) {
+      var files = get()[contextId].files;
+      return 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);
         })
-      });
+      })));
     }
   };
 }));
@@ -7247,6 +7252,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"];
@@ -7411,36 +7420,44 @@ var useFileUploader = function useFileUploader(_ref) {
     previousAttachments = _ref$attachments === void 0 ? [] : _ref$attachments,
     _ref$setIsUploadingOn = _ref.setIsUploadingOnHost,
     setIsUploadingOnHost = _ref$setIsUploadingOn === void 0 ? noop : _ref$setIsUploadingOn;
+  var contextIdRef = useRef(getRandomString());
   var _useTranslation = 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),
     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),
+    _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) {
@@ -7464,7 +7481,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,
@@ -7480,7 +7497,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":
@@ -7498,16 +7515,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 (!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:
@@ -7517,7 +7534,7 @@ var useFileUploader = function useFileUploader(_ref) {
             remainingUploadedFiles = _yield$Promise$all2[1];
             uploadedFiles = [uploadedFile].concat(_toConsumableArray(remainingUploadedFiles));
             uploadedFileIds = pluck("id", uploadedFiles);
-            removeFilesFromQueue(uploadedFileIds);
+            removeFilesFromQueue(contextId, uploadedFileIds);
             uploadControllers = omit(uploadedFileIds, uploadControllers);
             return _context2.abrupt("return", uploadedFiles.filter(isNot(null)));
           case 17:
@@ -7531,7 +7548,7 @@ var useFileUploader = function useFileUploader(_ref) {
     };
   }();
   var uploadFiles = function uploadFiles() {
-    setIsUploading(true);
+    setIsUploading(contextId, true);
     setIsUploadingOnHost(true);
     return handleUploadFiles();
   };
@@ -7551,12 +7568,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,
@@ -8505,4 +8522,4 @@ var File = function File(_ref) {
 };
 
 export { ALLOWED_IMAGE_TYPES as A, DEFAULT_IMAGE_UPLOAD_CONFIG as D, File as F, PropTypes as P, FileIcon as a, useDropFiles as b, ALLOWED_VIDEO_TYPES as c, directUploadsApi as d, convertToFileSize as e, DEFAULT_VIDEO_UPLOAD_CONFIG as f, getTabs as g, buildImageOptions as h, DirectUpload as i, commonjsRequire as j, propTypesExports as p, useFileUploader as u };
-//# sourceMappingURL=chunk-_Z694ouv.js.map
+//# sourceMappingURL=chunk-DkkKVDm4.js.map