@crystaldesign/media-upload 24.13.0-beta.2 → 24.13.0-beta.21

package/build/esm/index.js

@@ -179,6 +179,24 @@ var DivaFile = /*#__PURE__*/function () {
         this._state = 'CHANGED';
       }
     }
+  }, {
+    key: "setMediaItemAndRef",
+    value: function setMediaItemAndRef(_ref) {
+      var item = _ref.item,
+        ref = _ref.ref;
+      this._state = 'SAVED';
+      this.itemRef = ref;
+      this._url = ref.url;
+      this._organizationId = ref.organizationId;
+      this._mediaType = ref.mediaType;
+      this._functionType = ref.functionType;
+      this._ref = ref._id;
+      this.item = item;
+      this._description = item.description;
+      this._borderPercentage = item.borderPercentage;
+      this._fileName = item.fileName;
+      this._classes = item.classes;
+    }
   }, {
     key: "fileName",
     get: function get() {
@@ -241,49 +259,56 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "save",
     value: function () {
-      var _save = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(params) {
-        var _this$fileObject, _this$itemRef, _this$itemRef$url, _this$itemRef2, _file2, _url, response, blob, formData, mediaitem, _url2, mediaitemref, _mediaitemref, data, media, _media$spinImages, _media, ref, item, _this$item;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _save = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(params) {
+        var mediaItemRef, _refUrl, _this$fileObject, _this$itemRef, _this$itemRef$url, _this$itemRef2, _file2, _url, response, blob, formData, mediaitem, _url2, mediaitemref, refs, data, _mediaitemref, media, _media, ref, item, _this$item, _params$refIds, _refs, _this$itemRef3, _this$itemRef4, result;
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!(!this.itemRef && this._state != 'NEW')) {
-                _context3.next = 15;
+                _context5.next = 22;
                 break;
               }
               if (this._ref) {
-                _context3.next = 3;
+                _context5.next = 3;
                 break;
               }
               throw new Error('If state is not NEW, there must be a ref present');
             case 3:
-              _context3.next = 5;
+              _context5.next = 5;
               return this.getMediaItemRef(this._ref, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
             case 5:
+              mediaItemRef = _context5.sent;
+              this.itemRef = mediaItemRef;
+              if (!this._functionType) this._functionType = this.itemRef.functionType;
+              if (!this._description) this._description = this.itemRef.description;
+              if (!this._fileName) this._fileName = this.itemRef.fileName;
+              this._mediaType = this.itemRef.mediaType;
+              if (!(this._organizationId && this._organizationId != this.itemRef.organizationId)) {
+                _context5.next = 13;
+                break;
+              }
+              throw new Error('The existing mediaItemRef belongs to a different organization');
+            case 13:
+              this._organizationId = this.itemRef.organizationId;
+              this._url = this.itemRef.url;
+              this._ref = this.itemRef._id;
               if (this.item) {
-                _context3.next = 15;
+                _context5.next = 22;
                 break;
               }
               if (this.itemRef) {
-                _context3.next = 8;
+                _context5.next = 19;
                 break;
               }
               throw new Error('If state is not NEW, there must be a url present');
-            case 8:
-              if (!this.itemRef.refUrl) {
-                _context3.next = 13;
-                break;
-              }
-              _context3.next = 11;
-              return this.getMediaItem(this.itemRef.refUrl, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
-            case 11:
-              _context3.next = 15;
-              break;
-            case 13:
-              _context3.next = 15;
-              return this.getMediaItem(this.itemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
-            case 15:
+            case 19:
+              _context5.next = 21;
+              return this.getMediaItem((_refUrl = this.itemRef.refUrl) !== null && _refUrl !== void 0 ? _refUrl : this.itemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
+            case 21:
+              this.item = _context5.sent;
+            case 22:
               if (!(this._state == 'NEW' && !this.isExternalVid(this._url))) {
-                _context3.next = 63;
+                _context5.next = 70;
                 break;
               }
               // create the mediaItem
@@ -291,39 +316,39 @@ var DivaFile = /*#__PURE__*/function () {
               // for this type we only support url
               _file2 = (_this$fileObject = this.fileObject) === null || _this$fileObject === void 0 ? void 0 : _this$fileObject.file;
               if (!(!_file2 && !this._spinFiles)) {
-                _context3.next = 31;
+                _context5.next = 38;
                 break;
               }
               if (this._url) {
-                _context3.next = 20;
+                _context5.next = 27;
                 break;
               }
               throw new Error('Either file or url must be specified');
-            case 20:
+            case 27:
               // if only a url is providied get the actual file
               _url = new URL(this._url);
               if (_url.protocol.startsWith('http')) {
                 // add a dummy query to avoid the browser cache (cached response is missing cors headers)
                 _url.searchParams.set('dt', Date.now().toString());
               }
-              _context3.next = 24;
+              _context5.next = 31;
               return fetch(_url.toString());
-            case 24:
-              response = _context3.sent;
+            case 31:
+              response = _context5.sent;
               if (!(response.status === 400)) {
-                _context3.next = 27;
+                _context5.next = 34;
                 break;
               }
               throw new Error('Error on saving media.');
-            case 27:
-              _context3.next = 29;
+            case 34:
+              _context5.next = 36;
               return response.blob();
-            case 29:
-              blob = _context3.sent;
+            case 36:
+              blob = _context5.sent;
               _file2 = new File([blob], this._fileName, {
                 type: blob.type
               });
-            case 31:
+            case 38:
               formData = new FormData();
               mediaitem = {
                 fileName: this._fileName,
@@ -341,45 +366,26 @@ var DivaFile = /*#__PURE__*/function () {
               if (this._borderPercentage) {
                 mediaitem.borderPercentage = this._borderPercentage;
               }
-              if (!this._spinFiles) {
-                _context3.next = 44;
-                break;
-              }
-              formData.append('mediaItems', JSON.stringify(mediaitem));
-              this._spinFiles.forEach(function (sf) {
-                return formData.append('files', sf.file);
-              });
-              _url2 = "".concat(this.config.url, "/v1/mediaitems/bulk?spin=true");
-              if (this.createRef) {
-                mediaitemref = {
-                  functionType: this._functionType
-                };
-                formData.append('mediaItemRefs', JSON.stringify(mediaitemref));
-                _url2 = _url2 + '&ref=true';
-              }
-              _context3.next = 52;
-              break;
-            case 44:
               if (!_file2) {
-                _context3.next = 51;
+                _context5.next = 51;
                 break;
               }
               formData.append('mediaItem', JSON.stringify(mediaitem));
               formData.append('file', _file2);
               _url2 = "".concat(this.config.url, "/v1/mediaitems");
-              if (this.createRef) {
-                _mediaitemref = {
+              if (this.createRef && !(params !== null && params !== void 0 && params.refCount)) {
+                mediaitemref = {
                   functionType: this._functionType
                 };
-                formData.append('mediaItemRef', JSON.stringify(_mediaitemref));
+                formData.append('mediaItemRef', JSON.stringify(mediaitemref));
                 _url2 = _url2 + '?ref=true';
               }
-              _context3.next = 52;
+              _context5.next = 52;
               break;
             case 51:
               throw new Error('Either file or url must be specified');
             case 52:
-              _context3.next = 54;
+              _context5.next = 54;
               return fetch(_url2, {
                 method: 'POST',
                 body: formData,
@@ -387,7 +393,7 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {}
               }).then(/*#__PURE__*/function () {
-                var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(r) {
+                var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(r) {
                   var error, err;
                   return _regeneratorRuntime.wrap(function _callee$(_context) {
                     while (1) switch (_context.prev = _context.next) {
@@ -419,30 +425,79 @@ var DivaFile = /*#__PURE__*/function () {
                   }, _callee, null, [[1, 8]]);
                 }));
                 return function (_x2) {
-                  return _ref.apply(this, arguments);
+                  return _ref2.apply(this, arguments);
                 };
               }());
             case 54:
-              data = _context3.sent;
-              if (this._spinFiles) {
-                media = data.success[0];
-                this._thumbnail = (_media$spinImages = media.spinImages) === null || _media$spinImages === void 0 ? void 0 : _media$spinImages[0];
-              } else {
-                media = data;
+              data = _context5.sent;
+              if (!(this.createRef && params !== null && params !== void 0 && params.refCount)) {
+                _context5.next = 61;
+                break;
               }
+              _mediaitemref = {
+                functionType: this._functionType
+              };
+              _url2 = "".concat(this.config.url, "/v1/mediaitems/").concat(data._id, "/refs/").concat(params.refCount);
+              _context5.next = 60;
+              return fetch(_url2, {
+                method: 'POST',
+                body: JSON.stringify(_mediaitemref),
+                headers: this.config.jwt ? {
+                  'Content-Type': 'application/json',
+                  Authorization: "Bearer ".concat(this.config.jwt)
+                } : {}
+              }).then(/*#__PURE__*/function () {
+                var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(r) {
+                  var error, err;
+                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        if (r.ok) {
+                          _context2.next = 12;
+                          break;
+                        }
+                        _context2.prev = 1;
+                        _context2.next = 4;
+                        return r.json();
+                      case 4:
+                        err = _context2.sent;
+                        error = err.error;
+                        _context2.next = 11;
+                        break;
+                      case 8:
+                        _context2.prev = 8;
+                        _context2.t0 = _context2["catch"](1);
+                        throw new Error('Error while saving');
+                      case 11:
+                        throw new Error(error);
+                      case 12:
+                        return _context2.abrupt("return", r.json());
+                      case 13:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2, null, [[1, 8]]);
+                }));
+                return function (_x3) {
+                  return _ref3.apply(this, arguments);
+                };
+              }());
+            case 60:
+              refs = _context5.sent;
+            case 61:
+              media = data;
               _media = media, ref = _media.ref, item = _objectWithoutProperties(_media, _excluded);
               this.item = item;
-              this.itemRef = ref;
+              this.itemRef = ref !== null && ref !== void 0 ? ref : refs[0];
               this._ref = (_this$itemRef = this.itemRef) === null || _this$itemRef === void 0 ? void 0 : _this$itemRef._id;
               this._url = (_this$itemRef$url = (_this$itemRef2 = this.itemRef) === null || _this$itemRef2 === void 0 ? void 0 : _this$itemRef2.url) !== null && _this$itemRef$url !== void 0 ? _this$itemRef$url : this.item.url;
-              _context3.next = 67;
-              break;
-            case 63:
+              return _context5.abrupt("return", refs);
+            case 70:
               if (!(this._state == 'CHANGED')) {
-                _context3.next = 67;
+                _context5.next = 83;
                 break;
               }
-              _context3.next = 66;
+              _context5.next = 73;
               return fetch("".concat(this.config.url, "/v1/mediaitems/").concat((_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item._id), {
                 method: 'PATCH',
                 body: JSON.stringify({
@@ -470,48 +525,115 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {})
               }).then(/*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(r) {
+                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(r) {
                   var error, err;
-                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
+                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
                       case 0:
                         if (r.ok) {
-                          _context2.next = 12;
+                          _context3.next = 12;
                           break;
                         }
-                        _context2.prev = 1;
-                        _context2.next = 4;
+                        _context3.prev = 1;
+                        _context3.next = 4;
                         return r.json();
                       case 4:
-                        err = _context2.sent;
+                        err = _context3.sent;
                         error = err.error;
-                        _context2.next = 11;
+                        _context3.next = 11;
                         break;
                       case 8:
-                        _context2.prev = 8;
-                        _context2.t0 = _context2["catch"](1);
+                        _context3.prev = 8;
+                        _context3.t0 = _context3["catch"](1);
                         throw new Error('Error while saving');
                       case 11:
                         throw new Error(error);
                       case 12:
-                        return _context2.abrupt("return", r.json());
+                        return _context3.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context2.stop();
+                        return _context3.stop();
                     }
-                  }, _callee2, null, [[1, 8]]);
+                  }, _callee3, null, [[1, 8]]);
                 }));
-                return function (_x3) {
-                  return _ref2.apply(this, arguments);
+                return function (_x4) {
+                  return _ref4.apply(this, arguments);
+                };
+              }());
+            case 73:
+              this.item = _context5.sent;
+              _refs = (_params$refIds = params === null || params === void 0 ? void 0 : params.refIds) !== null && _params$refIds !== void 0 ? _params$refIds : [this.ref];
+              if (!(_refs !== null && _refs !== void 0 && _refs.length)) {
+                _context5.next = 83;
+                break;
+              }
+              _context5.next = 78;
+              return fetch("".concat(this.config.url, "/v1/mediaitems/refs/bulk"), {
+                method: 'PATCH',
+                body: JSON.stringify({
+                  ids: _refs,
+                  patch: [{
+                    op: 'replace',
+                    path: '/functionType',
+                    value: this._functionType
+                  }]
+                }),
+                headers: _objectSpread$1({
+                  'Content-Type': 'application/json'
+                }, this.config.jwt ? {
+                  Authorization: "Bearer ".concat(this.config.jwt)
+                } : {})
+              }).then(/*#__PURE__*/function () {
+                var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(r) {
+                  var error, err;
+                  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
+                      case 0:
+                        if (r.ok) {
+                          _context4.next = 12;
+                          break;
+                        }
+                        _context4.prev = 1;
+                        _context4.next = 4;
+                        return r.json();
+                      case 4:
+                        err = _context4.sent;
+                        error = err.error;
+                        _context4.next = 11;
+                        break;
+                      case 8:
+                        _context4.prev = 8;
+                        _context4.t0 = _context4["catch"](1);
+                        throw new Error('Error while saving');
+                      case 11:
+                        throw new Error(error);
+                      case 12:
+                        return _context4.abrupt("return", r.json());
+                      case 13:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }, _callee4, null, [[1, 8]]);
+                }));
+                return function (_x5) {
+                  return _ref5.apply(this, arguments);
                 };
               }());
-            case 66:
-              this.item = _context3.sent;
-            case 67:
+            case 78:
+              result = _context5.sent;
+              this.itemRef = result[0];
+              this._ref = (_this$itemRef3 = this.itemRef) === null || _this$itemRef3 === void 0 ? void 0 : _this$itemRef3._id;
+              this._url = (_this$itemRef4 = this.itemRef) === null || _this$itemRef4 === void 0 ? void 0 : _this$itemRef4.url;
+              return _context5.abrupt("return", result.map(function (r) {
+                return r._id;
+              }));
+            case 83:
+              return _context5.abrupt("return", []);
+            case 84:
             case "end":
-              return _context3.stop();
+              return _context5.stop();
           }
-        }, _callee3, this);
+        }, _callee5, this);
       }));
       function save(_x) {
         return _save.apply(this, arguments);
@@ -521,60 +643,104 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "load",
     value: function () {
-      var _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(params) {
+      var _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(params) {
+        var _mediaItemRef$refUrl;
         var mediaItemRef;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (!(!this.ref || !(params !== null && params !== void 0 && params.organizationId) && !this._organizationId)) {
-                _context4.next = 2;
+                _context6.next = 2;
                 break;
               }
               throw new Error('Ref or OrganizationId must be set to load data form server');
             case 2:
               if (!this.itemRef) {
-                _context4.next = 4;
+                _context6.next = 4;
                 break;
               }
-              return _context4.abrupt("return");
+              return _context6.abrupt("return");
             case 4:
-              _context4.next = 6;
+              _context6.next = 6;
               return this.getMediaItemRef(this.ref, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
             case 6:
-              mediaItemRef = this.itemRef;
+              mediaItemRef = _context6.sent;
+              this.itemRef = mediaItemRef;
+              if (!(this._organizationId && this._organizationId != this.itemRef.organizationId)) {
+                _context6.next = 10;
+                break;
+              }
+              throw new Error('The existing mediaItemRef belongs to a different organization');
+            case 10:
+              this._ref = mediaItemRef._id;
               this._url = mediaItemRef.url;
               this._organizationId = mediaItemRef.organizationId;
               this._mediaType = mediaItemRef.mediaType;
               this._functionType = mediaItemRef.functionType;
               this._state = 'SAVED';
-              if (!mediaItemRef.refUrl) {
-                _context4.next = 17;
-                break;
-              }
-              _context4.next = 15;
-              return this.getMediaItem(mediaItemRef.refUrl, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
-            case 15:
-              _context4.next = 19;
-              break;
-            case 17:
-              _context4.next = 19;
-              return this.getMediaItem(mediaItemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
-            case 19:
+              _context6.next = 18;
+              return this.getMediaItem((_mediaItemRef$refUrl = mediaItemRef.refUrl) !== null && _mediaItemRef$refUrl !== void 0 ? _mediaItemRef$refUrl : mediaItemRef.url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
+            case 18:
+              this.item = _context6.sent;
               this._description = this.item.description;
               this._borderPercentage = this.item.borderPercentage;
               this._fileName = this.item.fileName;
               this._classes = this.item.classes;
             case 23:
             case "end":
-              return _context4.stop();
+              return _context6.stop();
           }
-        }, _callee4, this);
+        }, _callee6, this);
       }));
-      function load(_x4) {
+      function load(_x6) {
         return _load.apply(this, arguments);
       }
       return load;
     }()
+  }, {
+    key: "loadMany",
+    value: function () {
+      var _loadMany = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(params) {
+        var _params$refIds2, _params$organizationI, _refs$0$refUrl;
+        var refs, mediaItem;
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              if (params !== null && params !== void 0 && (_params$refIds2 = params.refIds) !== null && _params$refIds2 !== void 0 && _params$refIds2.length) {
+                _context7.next = 2;
+                break;
+              }
+              throw new Error('refs are undefined');
+            case 2:
+              if (!(!(params !== null && params !== void 0 && params.organizationId) && !this._organizationId)) {
+                _context7.next = 4;
+                break;
+              }
+              throw new Error('Ref or OrganizationId must be set to load data form server');
+            case 4:
+              _context7.next = 6;
+              return this.getMediaItemRefs(params.refIds, (_params$organizationI = params === null || params === void 0 ? void 0 : params.organizationId) !== null && _params$organizationI !== void 0 ? _params$organizationI : this._organizationId);
+            case 6:
+              refs = _context7.sent;
+              _context7.next = 9;
+              return this.getMediaItem((_refs$0$refUrl = refs[0].refUrl) !== null && _refs$0$refUrl !== void 0 ? _refs$0$refUrl : refs[0].url, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
+            case 9:
+              mediaItem = _context7.sent;
+              return _context7.abrupt("return", {
+                mediaItem: mediaItem,
+                refs: refs
+              });
+            case 11:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, this);
+      }));
+      function loadMany(_x7) {
+        return _loadMany.apply(this, arguments);
+      }
+      return loadMany;
+    }()
   }, {
     key: "clone",
     value: function clone() {
@@ -583,10 +749,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItem",
     value: function () {
-      var _getMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(imageUrl, organizationId) {
+      var _getMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(imageUrl, organizationId) {
         var url, filter, mediaItem;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               url = new URL("".concat(this.config.url, "/v1/mediaitems"));
               filter = "{url,eq,".concat(imageUrl, "}");
@@ -595,7 +761,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', '1');
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context5.next = 7;
+              _context8.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -605,18 +771,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context5.next = 9;
-              return _context5.sent;
+              _context8.next = 9;
+              return _context8.sent;
             case 9:
-              mediaItem = _context5.sent;
-              this.item = mediaItem === null || mediaItem === void 0 ? void 0 : mediaItem.data[0];
+              mediaItem = _context8.sent;
+              return _context8.abrupt("return", mediaItem === null || mediaItem === void 0 ? void 0 : mediaItem.data[0]);
             case 11:
             case "end":
-              return _context5.stop();
+              return _context8.stop();
           }
-        }, _callee5, this);
+        }, _callee8, this);
       }));
-      function getMediaItem(_x5, _x6) {
+      function getMediaItem(_x8, _x9) {
         return _getMediaItem.apply(this, arguments);
       }
       return getMediaItem;
@@ -624,10 +790,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItemRef",
     value: function () {
-      var _getMediaItemRef = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(ref, organizationId) {
+      var _getMediaItemRef = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(ref, organizationId) {
         var url, filter, mediaItemRef;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               url = new URL("".concat(this.config.url, "/v1/mediaitems/refs"));
               filter = "{_id,eq,".concat(ref, "}");
@@ -636,7 +802,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', '1');
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context6.next = 7;
+              _context9.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -646,35 +812,63 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context6.next = 9;
-              return _context6.sent;
+              _context9.next = 9;
+              return _context9.sent;
             case 9:
-              mediaItemRef = _context6.sent;
-              this.itemRef = mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data[0];
-              if (!this._functionType) this._functionType = this.itemRef.functionType;
-              if (!this._description) this._description = this.itemRef.description;
-              if (!this._fileName) this._fileName = this.itemRef.fileName;
-              this._mediaType = this.itemRef.mediaType;
-              if (!(this._organizationId && this._organizationId != this.itemRef.organizationId)) {
-                _context6.next = 17;
-                break;
-              }
-              throw new Error('The existing mediaItemRef belongs to a different organization');
-            case 17:
-              this._organizationId = this.itemRef.organizationId;
-              this._url = this.itemRef.url;
-              this._ref = this.itemRef._id;
-            case 20:
+              mediaItemRef = _context9.sent;
+              return _context9.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data[0]);
+            case 11:
             case "end":
-              return _context6.stop();
+              return _context9.stop();
           }
-        }, _callee6, this);
+        }, _callee9, this);
       }));
-      function getMediaItemRef(_x7, _x8) {
+      function getMediaItemRef(_x10, _x11) {
         return _getMediaItemRef.apply(this, arguments);
       }
       return getMediaItemRef;
     }()
+  }, {
+    key: "getMediaItemRefs",
+    value: function () {
+      var _getMediaItemRefs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(refs, organizationId) {
+        var url, filter, mediaItemRef;
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              url = new URL("".concat(this.config.url, "/v1/mediaitems/refs"));
+              filter = "{_id,in,".concat(refs.join(','), "}");
+              if (organizationId) {
+                filter = filter + ",{organizationId,eq,".concat(organizationId, "}");
+              }
+              url.searchParams.append('limit', refs.length.toString());
+              url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
+              _context10.next = 7;
+              return fetch(url.toString(), {
+                method: 'GET',
+                headers: this.config.jwt ? {
+                  Authorization: "Bearer ".concat(this.config.jwt)
+                } : {}
+              }).then(function (r) {
+                return r.json();
+              });
+            case 7:
+              _context10.next = 9;
+              return _context10.sent;
+            case 9:
+              mediaItemRef = _context10.sent;
+              return _context10.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data);
+            case 11:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10, this);
+      }));
+      function getMediaItemRefs(_x12, _x13) {
+        return _getMediaItemRefs.apply(this, arguments);
+      }
+      return getMediaItemRefs;
+    }()
   }, {
     key: "getMediaTypeFromFile",
     value: function getMediaTypeFromFile(file) {
@@ -795,9 +989,9 @@ function index (_ref) {
   var initState = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
       var _newState$0$classes;
-      var newState, files, i, file, newFile, fileEndingIndex;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      var newState, files, groupedFiles, _loop, i, _i, group, _yield$group$files$0$, mediaItem, refs, _loop2, j, fileEndingIndex;
+      return _regeneratorRuntime.wrap(function _callee$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             newState = [];
             setLoading(true);
@@ -806,33 +1000,107 @@ function index (_ref) {
             } else {
               files = [data];
             }
+            groupedFiles = [];
+            _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
+              var file, newFile, _group;
+              return _regeneratorRuntime.wrap(function _loop$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    file = files[i];
+                    if (file instanceof DivaFile) {
+                      newState.push(file);
+                    } else {
+                      newFile = new DivaFile(config, file, createRef);
+                      _group = groupedFiles.find(function (g) {
+                        return g.url === newFile.url && g.files.length <= 250;
+                      });
+                      if (!_group) {
+                        groupedFiles.push({
+                          files: [newFile],
+                          url: newFile.url
+                        });
+                      } else {
+                        _group.files.push(newFile);
+                      }
+                    }
+                  case 2:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _loop);
+            });
             i = 0;
-          case 4:
+          case 6:
             if (!(i < files.length)) {
-              _context.next = 17;
+              _context3.next = 11;
               break;
             }
-            file = files[i];
-            if (!(file instanceof DivaFile)) {
-              _context.next = 10;
+            return _context3.delegateYield(_loop(), "t0", 8);
+          case 8:
+            i++;
+            _context3.next = 6;
+            break;
+          case 11:
+            _i = 0;
+          case 12:
+            if (!(_i < groupedFiles.length)) {
+              _context3.next = 29;
               break;
             }
-            newState.push(file);
-            _context.next = 14;
-            break;
-          case 10:
-            newFile = new DivaFile(config, file, createRef);
-            _context.next = 13;
-            return newFile.load({
+            group = groupedFiles[_i];
+            _context3.next = 16;
+            return group.files[0].loadMany({
+              refIds: group.files.map(function (f) {
+                return f.ref;
+              }),
               organizationId: organizationId
             });
-          case 13:
-            newState.push(newFile);
-          case 14:
-            i++;
-            _context.next = 4;
+          case 16:
+            _yield$group$files$0$ = _context3.sent;
+            mediaItem = _yield$group$files$0$.mediaItem;
+            refs = _yield$group$files$0$.refs;
+            _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
+              var ref, file;
+              return _regeneratorRuntime.wrap(function _loop2$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    ref = refs[j];
+                    file = group.files.find(function (f) {
+                      return f.ref === ref._id;
+                    });
+                    if (file) {
+                      _context.next = 4;
+                      break;
+                    }
+                    throw new Error('file with refid ' + ref._id + ' not found');
+                  case 4:
+                    file.setMediaItemAndRef({
+                      item: mediaItem,
+                      ref: ref
+                    });
+                    newState.push(file);
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _loop2);
+            });
+            j = 0;
+          case 21:
+            if (!(j < refs.length)) {
+              _context3.next = 26;
+              break;
+            }
+            return _context3.delegateYield(_loop2(), "t1", 23);
+          case 23:
+            j++;
+            _context3.next = 21;
+            break;
+          case 26:
+            _i++;
+            _context3.next = 12;
             break;
-          case 17:
+          case 29:
             setState(newState);
             if (newState[0].fileName) {
               fileEndingIndex = newState[0].fileName.lastIndexOf('.');
@@ -844,9 +1112,9 @@ function index (_ref) {
             setClasses((_newState$0$classes = newState[0].classes) !== null && _newState$0$classes !== void 0 ? _newState$0$classes : []);
             setType(newState[0].mediaType == 'SPIN' ? 'spin' : 'standard');
             setLoading(false);
-          case 25:
+          case 37:
           case "end":
-            return _context.stop();
+            return _context3.stop();
         }
       }, _callee);
     }));