@crystaldesign/media-upload 26.5.0-beta.53 → 26.5.0-beta.55

package/build/esm/index.js

@@ -16,7 +16,6 @@ import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Alert from '@mui/lab/Alert';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import { LinearProgress, ThemeProvider, createTheme } from '@mui/material';
@@ -92,7 +91,6 @@ function FileFromWeb (_ref) {
   });
 }
 
-var _excluded = ["ref"];
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DivaFile = /*#__PURE__*/function () {
@@ -289,17 +287,30 @@ var DivaFile = /*#__PURE__*/function () {
     key: "uploadViaAssetsEndpoint",
     value: function () {
       var _uploadViaAssetsEndpoint = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, organizationId, params) {
-        var _params$metadata, _this$_classes, _simpleUpload$headers;
-        var type, metadata, uploadInitResponse, uploadInitResult, uploadInitData, simpleUpload, uploadFileResponse, completeUploadResponse;
+        var _params$metadata, _this$_classes, _params$ref$functionT, _params$ref, _params$ref2, _params$ref3, _params$ref4, _simpleUpload$headers;
+        var type, metadata, refPayload, uploadInitResponse, uploadInitResult, uploadInitData, simpleUpload, uploadFileResponse, completeUploadResponse;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               type = file.type;
               if (!type) type = 'application/octet-stream';
-              metadata = _objectSpread$1(_objectSpread$1({}, (_params$metadata = params === null || params === void 0 ? void 0 : params.metadata) !== null && _params$metadata !== void 0 ? _params$metadata : {}), (_this$_classes = this._classes) !== null && _this$_classes !== void 0 && _this$_classes.length ? {
+              metadata = _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, (_params$metadata = params === null || params === void 0 ? void 0 : params.metadata) !== null && _params$metadata !== void 0 ? _params$metadata : {}), (_this$_classes = this._classes) !== null && _this$_classes !== void 0 && _this$_classes.length ? {
                 classes: this._classes
+              } : {}), this._description ? {
+                description: this._description
+              } : {}), this._borderPercentage !== undefined ? {
+                borderPercentage: this._borderPercentage
               } : {});
-              _context2.next = 5;
+              refPayload = this.createRef && !(params !== null && params !== void 0 && params.refCount) ? _objectSpread$1(_objectSpread$1(_objectSpread$1({
+                functionType: (_params$ref$functionT = params === null || params === void 0 || (_params$ref = params.ref) === null || _params$ref === void 0 ? void 0 : _params$ref.functionType) !== null && _params$ref$functionT !== void 0 ? _params$ref$functionT : this._functionType
+              }, params !== null && params !== void 0 && (_params$ref2 = params.ref) !== null && _params$ref2 !== void 0 && _params$ref2.referencingService ? {
+                referencingService: params.ref.referencingService
+              } : {}), params !== null && params !== void 0 && (_params$ref3 = params.ref) !== null && _params$ref3 !== void 0 && _params$ref3.metadata ? {
+                metadata: params.ref.metadata
+              } : {}), (params === null || params === void 0 || (_params$ref4 = params.ref) === null || _params$ref4 === void 0 ? void 0 : _params$ref4.locked) !== undefined ? {
+                locked: params.ref.locked
+              } : {}) : undefined;
+              _context2.next = 6;
               return fetch("".concat(this.config.url, "/v1/assets/uploads"), {
                 method: 'POST',
                 headers: _objectSpread$1({
@@ -317,42 +328,42 @@ var DivaFile = /*#__PURE__*/function () {
                   }]
                 })
               });
-            case 5:
+            case 6:
               uploadInitResponse = _context2.sent;
               if (uploadInitResponse.ok) {
-                _context2.next = 9;
+                _context2.next = 10;
                 break;
               }
-              _context2.next = 9;
+              _context2.next = 10;
               return this.parseErrorResponse(uploadInitResponse, 'Error while starting upload');
-            case 9:
-              _context2.next = 11;
+            case 10:
+              _context2.next = 12;
               return uploadInitResponse.json();
-            case 11:
+            case 12:
               uploadInitResult = _context2.sent;
               uploadInitData = Array.isArray(uploadInitResult) ? uploadInitResult[0] : uploadInitResult;
               simpleUpload = uploadInitData === null || uploadInitData === void 0 ? void 0 : uploadInitData.simpleUpload;
               if (!(!(simpleUpload !== null && simpleUpload !== void 0 && simpleUpload.url) || !(simpleUpload !== null && simpleUpload !== void 0 && simpleUpload.method))) {
-                _context2.next = 16;
+                _context2.next = 17;
                 break;
               }
               throw new Error('Upload initialization response is missing upload information');
-            case 16:
-              _context2.next = 18;
+            case 17:
+              _context2.next = 19;
               return fetch(simpleUpload.url, {
                 method: simpleUpload.method,
                 headers: (_simpleUpload$headers = simpleUpload.headers) !== null && _simpleUpload$headers !== void 0 ? _simpleUpload$headers : {},
                 body: file
               });
-            case 18:
+            case 19:
               uploadFileResponse = _context2.sent;
               if (uploadFileResponse.ok) {
-                _context2.next = 21;
+                _context2.next = 22;
                 break;
               }
               throw new Error('Error while uploading file');
-            case 21:
-              _context2.next = 23;
+            case 22:
+              _context2.next = 24;
               return fetch("".concat(this.config.url, "/v1/assets/uploads/complete"), {
                 method: 'POST',
                 headers: _objectSpread$1({
@@ -371,23 +382,23 @@ var DivaFile = /*#__PURE__*/function () {
                   metadata: metadata
                 } : {}), params !== null && params !== void 0 && params.reference ? {
                   reference: params.reference
-                } : {}), params !== null && params !== void 0 && params.ref ? {
-                  ref: params.ref
+                } : {}), refPayload ? {
+                  ref: refPayload
                 } : {}), params !== null && params !== void 0 && params.overwrite ? {
                   overwrite: params.overwrite
                 } : {}))
               });
-            case 23:
+            case 24:
               completeUploadResponse = _context2.sent;
               if (completeUploadResponse.ok) {
-                _context2.next = 27;
+                _context2.next = 28;
                 break;
               }
-              _context2.next = 27;
+              _context2.next = 28;
               return this.parseErrorResponse(completeUploadResponse, 'Error while completing upload');
-            case 27:
-              return _context2.abrupt("return", completeUploadResponse.json());
             case 28:
+              return _context2.abrupt("return", completeUploadResponse.json());
+            case 29:
             case "end":
               return _context2.stop();
           }
@@ -398,35 +409,75 @@ var DivaFile = /*#__PURE__*/function () {
       }
       return uploadViaAssetsEndpoint;
     }()
+  }, {
+    key: "createMediaItemRefsByCount",
+    value: function () {
+      var _createMediaItemRefsByCount = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(mediaItemId, count, body) {
+        var url, response;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              url = "".concat(this.config.url, "/v1/mediaitems/").concat(mediaItemId, "/refs/").concat(count);
+              _context3.next = 3;
+              return fetch(url, {
+                method: 'POST',
+                body: JSON.stringify(body),
+                headers: _objectSpread$1({
+                  'Content-Type': 'application/json'
+                }, this.config.jwt ? {
+                  Authorization: "Bearer ".concat(this.config.jwt)
+                } : {})
+              });
+            case 3:
+              response = _context3.sent;
+              if (response.ok) {
+                _context3.next = 7;
+                break;
+              }
+              _context3.next = 7;
+              return this.parseErrorResponse(response, 'Error while creating media item refs');
+            case 7:
+              return _context3.abrupt("return", response.json());
+            case 8:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function createMediaItemRefsByCount(_x6, _x7, _x8) {
+        return _createMediaItemRefsByCount.apply(this, arguments);
+      }
+      return createMediaItemRefsByCount;
+    }()
   }, {
     key: "save",
     value: function () {
-      var _save = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(params) {
-        var mediaItemRef, _refUrl, _this$fileObject, _refs, _this$itemRef, _this$itemRef$url, _this$itemRef2, _file2, _url, response, blob, formData, mediaitem, _url2, organizationId, useAssetsUploadEndpoint, _completedUpload$medi, _uploadedMediaItem$ur, _uploadedMediaItem$ur2, completedUpload, uploadedMediaItem, mediaitemref, refs, data, _mediaitemref, media, _media, ref, item, _this$item, _params$refIds, _refs2, _this$itemRef3, _this$itemRef4, result;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+      var _save = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(params) {
+        var mediaItemRef, _refUrl, _this$fileObject, _file2, _url, response, blob, _completedUpload$medi, _uploadedMediaItem$ur, _ref2, _uploadedMediaItemRef, organizationId, completedUpload, uploadedMediaItem, uploadedMediaItemRef, mediaItemUrl, mediaItemRefUrl, _params$ref$functionT2, _params$ref5, _params$ref6, _params$ref7, _params$ref8, _primaryRef$url, refMeta, refsPayload, primaryRef, _this$item, _params$refIds, refs, _this$itemRef, _this$itemRef2, result;
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (!(!this.itemRef && this._state != 'NEW')) {
-                _context7.next = 22;
+                _context6.next = 22;
                 break;
               }
               if (this._ref) {
-                _context7.next = 3;
+                _context6.next = 3;
                 break;
               }
               throw new Error('If state is not NEW, there must be a ref present');
             case 3:
-              _context7.next = 5;
+              _context6.next = 5;
               return this.getMediaItemRef(this._ref, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
             case 5:
-              mediaItemRef = _context7.sent;
+              mediaItemRef = _context6.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)) {
-                _context7.next = 13;
+                _context6.next = 13;
                 break;
               }
               throw new Error('The existing mediaItemRef belongs to a different organization');
@@ -435,22 +486,22 @@ var DivaFile = /*#__PURE__*/function () {
               this._url = this.itemRef.url;
               this._ref = this.itemRef._id;
               if (this.item) {
-                _context7.next = 22;
+                _context6.next = 22;
                 break;
               }
               if (this.itemRef) {
-                _context7.next = 19;
+                _context6.next = 19;
                 break;
               }
               throw new Error('If state is not NEW, there must be a url present');
             case 19:
-              _context7.next = 21;
+              _context6.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 = _context7.sent;
+              this.item = _context6.sent;
             case 22:
               if (!(this._state == 'NEW' && !this.isExternalVid(this._url))) {
-                _context7.next = 82;
+                _context6.next = 72;
                 break;
               }
               // create the mediaItem
@@ -458,11 +509,11 @@ 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)) {
-                _context7.next = 38;
+                _context6.next = 38;
                 break;
               }
               if (this._url) {
-                _context7.next = 27;
+                _context6.next = 27;
                 break;
               }
               throw new Error('Either file or url must be specified');
@@ -473,192 +524,92 @@ var DivaFile = /*#__PURE__*/function () {
                 // add a dummy query to avoid the browser cache (cached response is missing cors headers)
                 _url.searchParams.set('dt', Date.now().toString());
               }
-              _context7.next = 31;
+              _context6.next = 31;
               return fetch(_url.toString());
             case 31:
-              response = _context7.sent;
+              response = _context6.sent;
               if (!(response.status === 400)) {
-                _context7.next = 34;
+                _context6.next = 34;
                 break;
               }
               throw new Error('Error on saving media.');
             case 34:
-              _context7.next = 36;
+              _context6.next = 36;
               return response.blob();
             case 36:
-              blob = _context7.sent;
+              blob = _context6.sent;
               _file2 = new File([blob], this._fileName, {
                 type: blob.type
               });
             case 38:
-              formData = new FormData();
-              mediaitem = {
-                fileName: this._fileName,
-                mediaType: this._mediaType
-              };
-              if (params !== null && params !== void 0 && params.organizationId || this._organizationId) {
-                mediaitem.organizationId = (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId;
-              }
-              if (this._classes) {
-                mediaitem.classes = this._classes;
-              }
-              if (this._description) {
-                mediaitem.description = this._description;
-              }
-              if (this._borderPercentage) {
-                mediaitem.borderPercentage = this._borderPercentage;
-              }
               if (!_file2) {
-                _context7.next = 63;
+                _context6.next = 69;
                 break;
               }
               organizationId = (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId;
-              useAssetsUploadEndpoint = !this.createRef && !(params !== null && params !== void 0 && params.refCount) && !!organizationId;
-              if (!(useAssetsUploadEndpoint && organizationId)) {
-                _context7.next = 57;
+              if (organizationId) {
+                _context6.next = 42;
                 break;
               }
-              _context7.next = 50;
+              throw new Error('OrganizationId must be set to upload media');
+            case 42:
+              _context6.next = 44;
               return this.uploadViaAssetsEndpoint(_file2, organizationId, params);
-            case 50:
-              completedUpload = _context7.sent;
+            case 44:
+              completedUpload = _context6.sent;
               uploadedMediaItem = (_completedUpload$medi = completedUpload === null || completedUpload === void 0 ? void 0 : completedUpload.mediaItem) !== null && _completedUpload$medi !== void 0 ? _completedUpload$medi : completedUpload;
+              uploadedMediaItemRef = completedUpload === null || completedUpload === void 0 ? void 0 : completedUpload.mediaItemRef;
+              mediaItemUrl = (_uploadedMediaItem$ur = uploadedMediaItem === null || uploadedMediaItem === void 0 ? void 0 : uploadedMediaItem.url) !== null && _uploadedMediaItem$ur !== void 0 ? _uploadedMediaItem$ur : uploadedMediaItem === null || uploadedMediaItem === void 0 ? void 0 : uploadedMediaItem.cdnUrl;
+              mediaItemRefUrl = (_ref2 = (_uploadedMediaItemRef = uploadedMediaItemRef === null || uploadedMediaItemRef === void 0 ? void 0 : uploadedMediaItemRef.url) !== null && _uploadedMediaItemRef !== void 0 ? _uploadedMediaItemRef : uploadedMediaItemRef === null || uploadedMediaItemRef === void 0 ? void 0 : uploadedMediaItemRef.cdnUrl) !== null && _ref2 !== void 0 ? _ref2 : uploadedMediaItemRef === null || uploadedMediaItemRef === void 0 ? void 0 : uploadedMediaItemRef.refUrl;
               this.item = _objectSpread$1(_objectSpread$1({}, uploadedMediaItem), {}, {
-                url: (_uploadedMediaItem$ur = uploadedMediaItem === null || uploadedMediaItem === void 0 ? void 0 : uploadedMediaItem.url) !== null && _uploadedMediaItem$ur !== void 0 ? _uploadedMediaItem$ur : uploadedMediaItem === null || uploadedMediaItem === void 0 ? void 0 : uploadedMediaItem.cdnUrl
+                url: mediaItemUrl
               });
-              this.itemRef = undefined;
-              this._ref = undefined;
-              this._url = (_uploadedMediaItem$ur2 = uploadedMediaItem === null || uploadedMediaItem === void 0 ? void 0 : uploadedMediaItem.url) !== null && _uploadedMediaItem$ur2 !== void 0 ? _uploadedMediaItem$ur2 : uploadedMediaItem === null || uploadedMediaItem === void 0 ? void 0 : uploadedMediaItem.cdnUrl;
-              return _context7.abrupt("return", []);
-            case 57:
-              formData.append('mediaItem', JSON.stringify(mediaitem));
-              formData.append('file', _file2);
-              _url2 = "".concat(this.config.url, "/v1/mediaitems");
-              if (this.createRef && !(params !== null && params !== void 0 && params.refCount)) {
-                mediaitemref = {
-                  functionType: this._functionType
-                };
-                formData.append('mediaItemRef', JSON.stringify(mediaitemref));
-                _url2 = _url2 + '?ref=true';
+              if (params !== null && params !== void 0 && params.refCount) {
+                _context6.next = 55;
+                break;
               }
-              _context7.next = 64;
-              break;
-            case 63:
-              throw new Error('Either file or url must be specified');
-            case 64:
-              _context7.next = 66;
-              return fetch(_url2, {
-                method: 'POST',
-                body: formData,
-                headers: this.config.jwt ? {
-                  Authorization: "Bearer ".concat(this.config.jwt)
-                } : {}
-              }).then(/*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(r) {
-                  var error, err;
-                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        if (r.ok) {
-                          _context3.next = 12;
-                          break;
-                        }
-                        _context3.prev = 1;
-                        _context3.next = 4;
-                        return r.json();
-                      case 4:
-                        err = _context3.sent;
-                        error = err.error;
-                        _context3.next = 11;
-                        break;
-                      case 8:
-                        _context3.prev = 8;
-                        _context3.t0 = _context3["catch"](1);
-                        throw new Error('Error while saving');
-                      case 11:
-                        throw new Error(error);
-                      case 12:
-                        return _context3.abrupt("return", r.json());
-                      case 13:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }, _callee3, null, [[1, 8]]);
-                }));
-                return function (_x7) {
-                  return _ref2.apply(this, arguments);
-                };
-              }());
-            case 66:
-              data = _context7.sent;
-              if (!(this.createRef && params !== null && params !== void 0 && params.refCount)) {
-                _context7.next = 73;
+              this.itemRef = uploadedMediaItemRef;
+              this._ref = uploadedMediaItemRef === null || uploadedMediaItemRef === void 0 ? void 0 : uploadedMediaItemRef._id;
+              this._url = mediaItemRefUrl !== null && mediaItemRefUrl !== void 0 ? mediaItemRefUrl : mediaItemUrl;
+              return _context6.abrupt("return", []);
+            case 55:
+              if (!(this.createRef && params.refCount)) {
+                _context6.next = 65;
                 break;
               }
-              _mediaitemref = {
-                functionType: this._functionType
-              };
-              _url2 = "".concat(this.config.url, "/v1/mediaitems/").concat(data._id, "/refs/").concat(params.refCount);
-              _context7.next = 72;
-              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 _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 (_x8) {
-                  return _ref3.apply(this, arguments);
-                };
-              }());
+              refMeta = _objectSpread$1(_objectSpread$1(_objectSpread$1({
+                functionType: (_params$ref$functionT2 = params === null || params === void 0 || (_params$ref5 = params.ref) === null || _params$ref5 === void 0 ? void 0 : _params$ref5.functionType) !== null && _params$ref$functionT2 !== void 0 ? _params$ref$functionT2 : this._functionType
+              }, params !== null && params !== void 0 && (_params$ref6 = params.ref) !== null && _params$ref6 !== void 0 && _params$ref6.referencingService ? {
+                referencingService: params.ref.referencingService
+              } : {}), params !== null && params !== void 0 && (_params$ref7 = params.ref) !== null && _params$ref7 !== void 0 && _params$ref7.metadata ? {
+                metadata: params.ref.metadata
+              } : {}), (params === null || params === void 0 || (_params$ref8 = params.ref) === null || _params$ref8 === void 0 ? void 0 : _params$ref8.locked) !== undefined ? {
+                locked: params.ref.locked
+              } : {});
+              _context6.next = 59;
+              return this.createMediaItemRefsByCount(uploadedMediaItem._id, params.refCount, refMeta);
+            case 59:
+              refsPayload = _context6.sent;
+              primaryRef = _objectSpread$1(_objectSpread$1({}, refsPayload.ref), {}, {
+                _id: refsPayload.ids[0]
+              });
+              this.itemRef = primaryRef;
+              this._ref = primaryRef._id;
+              this._url = (_primaryRef$url = primaryRef.url) !== null && _primaryRef$url !== void 0 ? _primaryRef$url : mediaItemUrl;
+              return _context6.abrupt("return", refsPayload);
+            case 65:
+              this.itemRef = uploadedMediaItemRef;
+              this._ref = uploadedMediaItemRef === null || uploadedMediaItemRef === void 0 ? void 0 : uploadedMediaItemRef._id;
+              this._url = mediaItemRefUrl !== null && mediaItemRefUrl !== void 0 ? mediaItemRefUrl : mediaItemUrl;
+              return _context6.abrupt("return", []);
+            case 69:
+              throw new Error('Either file or url must be specified');
             case 72:
-              refs = _context7.sent;
-            case 73:
-              media = data;
-              _media = media, ref = _media.ref, item = _objectWithoutProperties(_media, _excluded);
-              this.item = item;
-              this.itemRef = ref !== null && ref !== void 0 ? ref : (_refs = refs) === null || _refs === void 0 ? void 0 : _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;
-              return _context7.abrupt("return", refs);
-            case 82:
               if (!(this._state == 'CHANGED')) {
-                _context7.next = 95;
+                _context6.next = 85;
                 break;
               }
-              _context7.next = 85;
+              _context6.next = 75;
               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({
@@ -686,53 +637,53 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {})
               }).then(/*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(r) {
+                var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(r) {
                   var error, err;
-                  return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-                    while (1) switch (_context5.prev = _context5.next) {
+                  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
                       case 0:
                         if (r.ok) {
-                          _context5.next = 12;
+                          _context4.next = 12;
                           break;
                         }
-                        _context5.prev = 1;
-                        _context5.next = 4;
+                        _context4.prev = 1;
+                        _context4.next = 4;
                         return r.json();
                       case 4:
-                        err = _context5.sent;
+                        err = _context4.sent;
                         error = err.error;
-                        _context5.next = 11;
+                        _context4.next = 11;
                         break;
                       case 8:
-                        _context5.prev = 8;
-                        _context5.t0 = _context5["catch"](1);
+                        _context4.prev = 8;
+                        _context4.t0 = _context4["catch"](1);
                         throw new Error('Error while saving');
                       case 11:
                         throw new Error(error);
                       case 12:
-                        return _context5.abrupt("return", r.json());
+                        return _context4.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context5.stop();
+                        return _context4.stop();
                     }
-                  }, _callee5, null, [[1, 8]]);
+                  }, _callee4, null, [[1, 8]]);
                 }));
-                return function (_x9) {
-                  return _ref4.apply(this, arguments);
+                return function (_x10) {
+                  return _ref3.apply(this, arguments);
                 };
               }());
-            case 85:
-              this.item = _context7.sent;
-              _refs2 = (_params$refIds = params === null || params === void 0 ? void 0 : params.refIds) !== null && _params$refIds !== void 0 ? _params$refIds : [this.ref];
-              if (!(_refs2 !== null && _refs2 !== void 0 && _refs2.length)) {
-                _context7.next = 95;
+            case 75:
+              this.item = _context6.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)) {
+                _context6.next = 85;
                 break;
               }
-              _context7.next = 90;
+              _context6.next = 80;
               return fetch("".concat(this.config.url, "/v1/mediaitems/refs/bulk"), {
                 method: 'PATCH',
                 body: JSON.stringify({
-                  ids: _refs2,
+                  ids: refs,
                   patch: [{
                     op: 'replace',
                     path: '/functionType',
@@ -745,58 +696,58 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {})
               }).then(/*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(r) {
+                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(r) {
                   var error, err;
-                  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-                    while (1) switch (_context6.prev = _context6.next) {
+                  return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+                    while (1) switch (_context5.prev = _context5.next) {
                       case 0:
                         if (r.ok) {
-                          _context6.next = 12;
+                          _context5.next = 12;
                           break;
                         }
-                        _context6.prev = 1;
-                        _context6.next = 4;
+                        _context5.prev = 1;
+                        _context5.next = 4;
                         return r.json();
                       case 4:
-                        err = _context6.sent;
+                        err = _context5.sent;
                         error = err.error;
-                        _context6.next = 11;
+                        _context5.next = 11;
                         break;
                       case 8:
-                        _context6.prev = 8;
-                        _context6.t0 = _context6["catch"](1);
+                        _context5.prev = 8;
+                        _context5.t0 = _context5["catch"](1);
                         throw new Error('Error while saving');
                       case 11:
                         throw new Error(error);
                       case 12:
-                        return _context6.abrupt("return", r.json());
+                        return _context5.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context6.stop();
+                        return _context5.stop();
                     }
-                  }, _callee6, null, [[1, 8]]);
+                  }, _callee5, null, [[1, 8]]);
                 }));
-                return function (_x10) {
-                  return _ref5.apply(this, arguments);
+                return function (_x11) {
+                  return _ref4.apply(this, arguments);
                 };
               }());
-            case 90:
-              result = _context7.sent;
+            case 80:
+              result = _context6.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 _context7.abrupt("return", result.map(function (r) {
+              this._ref = (_this$itemRef = this.itemRef) === null || _this$itemRef === void 0 ? void 0 : _this$itemRef._id;
+              this._url = (_this$itemRef2 = this.itemRef) === null || _this$itemRef2 === void 0 ? void 0 : _this$itemRef2.url;
+              return _context6.abrupt("return", result.map(function (r) {
                 return r._id;
               }));
-            case 95:
-              return _context7.abrupt("return", []);
-            case 96:
+            case 85:
+              return _context6.abrupt("return", []);
+            case 86:
             case "end":
-              return _context7.stop();
+              return _context6.stop();
           }
-        }, _callee7, this);
+        }, _callee6, this);
       }));
-      function save(_x6) {
+      function save(_x9) {
         return _save.apply(this, arguments);
       }
       return save;
@@ -804,31 +755,31 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "load",
     value: function () {
-      var _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(params) {
+      var _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(params) {
         var _mediaItemRef$refUrl;
         var mediaItemRef;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(!this.ref || !(params !== null && params !== void 0 && params.organizationId) && !this._organizationId)) {
-                _context8.next = 2;
+                _context7.next = 2;
                 break;
               }
               throw new Error('Ref or OrganizationId must be set to load data form server');
             case 2:
               if (!this.itemRef) {
-                _context8.next = 4;
+                _context7.next = 4;
                 break;
               }
-              return _context8.abrupt("return");
+              return _context7.abrupt("return");
             case 4:
-              _context8.next = 6;
+              _context7.next = 6;
               return this.getMediaItemRef(this.ref, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
             case 6:
-              mediaItemRef = _context8.sent;
+              mediaItemRef = _context7.sent;
               this.itemRef = mediaItemRef;
               if (!(this._organizationId && this._organizationId != this.itemRef.organizationId)) {
-                _context8.next = 10;
+                _context7.next = 10;
                 break;
               }
               throw new Error('The existing mediaItemRef belongs to a different organization');
@@ -839,21 +790,21 @@ var DivaFile = /*#__PURE__*/function () {
               this._mediaType = mediaItemRef.mediaType;
               this._functionType = mediaItemRef.functionType;
               this._state = 'SAVED';
-              _context8.next = 18;
+              _context7.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 = _context8.sent;
+              this.item = _context7.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 _context8.stop();
+              return _context7.stop();
           }
-        }, _callee8, this);
+        }, _callee7, this);
       }));
-      function load(_x11) {
+      function load(_x12) {
         return _load.apply(this, arguments);
       }
       return load;
@@ -861,43 +812,43 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "loadMany",
     value: function () {
-      var _loadMany = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(params) {
+      var _loadMany = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(params) {
         var _params$refIds2, _params$organizationI, _refs$0$refUrl;
         var refs, mediaItem;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               if (params !== null && params !== void 0 && (_params$refIds2 = params.refIds) !== null && _params$refIds2 !== void 0 && _params$refIds2.length) {
-                _context9.next = 2;
+                _context8.next = 2;
                 break;
               }
               throw new Error('refs are undefined');
             case 2:
               if (!(!(params !== null && params !== void 0 && params.organizationId) && !this._organizationId)) {
-                _context9.next = 4;
+                _context8.next = 4;
                 break;
               }
               throw new Error('Ref or OrganizationId must be set to load data form server');
             case 4:
-              _context9.next = 6;
+              _context8.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 = _context9.sent;
-              _context9.next = 9;
+              refs = _context8.sent;
+              _context8.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 = _context9.sent;
-              return _context9.abrupt("return", {
+              mediaItem = _context8.sent;
+              return _context8.abrupt("return", {
                 mediaItem: mediaItem,
                 refs: refs
               });
             case 11:
             case "end":
-              return _context9.stop();
+              return _context8.stop();
           }
-        }, _callee9, this);
+        }, _callee8, this);
       }));
-      function loadMany(_x12) {
+      function loadMany(_x13) {
         return _loadMany.apply(this, arguments);
       }
       return loadMany;
@@ -910,10 +861,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItem",
     value: function () {
-      var _getMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(imageUrl, organizationId) {
+      var _getMediaItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(imageUrl, organizationId) {
         var url, filter, mediaItem;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.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"));
               filter = "{url,eq,".concat(imageUrl, "}");
@@ -922,7 +873,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', '1');
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context10.next = 7;
+              _context9.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -932,18 +883,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context10.next = 9;
-              return _context10.sent;
+              _context9.next = 9;
+              return _context9.sent;
             case 9:
-              mediaItem = _context10.sent;
-              return _context10.abrupt("return", mediaItem === null || mediaItem === void 0 ? void 0 : mediaItem.data[0]);
+              mediaItem = _context9.sent;
+              return _context9.abrupt("return", mediaItem === null || mediaItem === void 0 ? void 0 : mediaItem.data[0]);
             case 11:
             case "end":
-              return _context10.stop();
+              return _context9.stop();
           }
-        }, _callee10, this);
+        }, _callee9, this);
       }));
-      function getMediaItem(_x13, _x14) {
+      function getMediaItem(_x14, _x15) {
         return _getMediaItem.apply(this, arguments);
       }
       return getMediaItem;
@@ -951,10 +902,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItemRef",
     value: function () {
-      var _getMediaItemRef = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(ref, organizationId) {
+      var _getMediaItemRef = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(ref, organizationId) {
         var url, filter, mediaItemRef;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        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,eq,".concat(ref, "}");
@@ -963,7 +914,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', '1');
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context11.next = 7;
+              _context10.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -973,18 +924,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context11.next = 9;
-              return _context11.sent;
+              _context10.next = 9;
+              return _context10.sent;
             case 9:
-              mediaItemRef = _context11.sent;
-              return _context11.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data[0]);
+              mediaItemRef = _context10.sent;
+              return _context10.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data[0]);
             case 11:
             case "end":
-              return _context11.stop();
+              return _context10.stop();
           }
-        }, _callee11, this);
+        }, _callee10, this);
       }));
-      function getMediaItemRef(_x15, _x16) {
+      function getMediaItemRef(_x16, _x17) {
         return _getMediaItemRef.apply(this, arguments);
       }
       return getMediaItemRef;
@@ -992,10 +943,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItemRefs",
     value: function () {
-      var _getMediaItemRefs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(refs, organizationId) {
+      var _getMediaItemRefs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(refs, organizationId) {
         var url, filter, mediaItemRef;
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               url = new URL("".concat(this.config.url, "/v1/mediaitems/refs"));
               filter = "{_id,in,".concat(refs.join(','), "}");
@@ -1004,7 +955,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', refs.length.toString());
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context12.next = 7;
+              _context11.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -1014,18 +965,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context12.next = 9;
-              return _context12.sent;
+              _context11.next = 9;
+              return _context11.sent;
             case 9:
-              mediaItemRef = _context12.sent;
-              return _context12.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data);
+              mediaItemRef = _context11.sent;
+              return _context11.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data);
             case 11:
             case "end":
-              return _context12.stop();
+              return _context11.stop();
           }
-        }, _callee12, this);
+        }, _callee11, this);
       }));
-      function getMediaItemRefs(_x17, _x18) {
+      function getMediaItemRefs(_x18, _x19) {
         return _getMediaItemRefs.apply(this, arguments);
       }
       return getMediaItemRefs;