@crystaldesign/media-upload 26.5.0-beta.4 → 26.5.0-beta.41

package/build/cjs/index.js

@@ -274,35 +274,183 @@ var DivaFile = /*#__PURE__*/function () {
     get: function get() {
       return this._mediaType;
     }
+  }, {
+    key: "parseErrorResponse",
+    value: function () {
+      var _parseErrorResponse = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(response, fallbackMessage) {
+        var errorMessage, err;
+        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              errorMessage = fallbackMessage;
+              _context.prev = 1;
+              _context.next = 4;
+              return response.json();
+            case 4:
+              err = _context.sent;
+              if (err !== null && err !== void 0 && err.error && typeof err.error === 'string') {
+                errorMessage = err.error;
+              }
+              _context.next = 10;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](1);
+            case 10:
+              throw new Error(errorMessage);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[1, 8]]);
+      }));
+      function parseErrorResponse(_x, _x2) {
+        return _parseErrorResponse.apply(this, arguments);
+      }
+      return parseErrorResponse;
+    }()
+  }, {
+    key: "uploadViaAssetsEndpoint",
+    value: function () {
+      var _uploadViaAssetsEndpoint = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(file, organizationId, params) {
+        var _params$metadata, _this$_classes, _simpleUpload$headers;
+        var type, metadata, uploadInitResponse, uploadInitResult, uploadInitData, simpleUpload, uploadFileResponse, completeUploadResponse;
+        return _regeneratorRuntime__default["default"].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 ? {
+                classes: this._classes
+              } : {});
+              _context2.next = 5;
+              return fetch("".concat(this.config.url, "/v1/assets/uploads"), {
+                method: 'POST',
+                headers: _objectSpread$1({
+                  'Content-Type': 'application/json'
+                }, this.config.jwt ? {
+                  Authorization: "Bearer ".concat(this.config.jwt)
+                } : {}),
+                body: JSON.stringify({
+                  uploads: [{
+                    fileName: this._fileName,
+                    mimeType: type,
+                    size: file.size,
+                    organizationId: organizationId,
+                    mediaType: this._mediaType
+                  }]
+                })
+              });
+            case 5:
+              uploadInitResponse = _context2.sent;
+              if (uploadInitResponse.ok) {
+                _context2.next = 9;
+                break;
+              }
+              _context2.next = 9;
+              return this.parseErrorResponse(uploadInitResponse, 'Error while starting upload');
+            case 9:
+              _context2.next = 11;
+              return uploadInitResponse.json();
+            case 11:
+              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;
+                break;
+              }
+              throw new Error('Upload initialization response is missing upload information');
+            case 16:
+              _context2.next = 18;
+              return fetch(simpleUpload.url, {
+                method: simpleUpload.method,
+                headers: (_simpleUpload$headers = simpleUpload.headers) !== null && _simpleUpload$headers !== void 0 ? _simpleUpload$headers : {},
+                body: file
+              });
+            case 18:
+              uploadFileResponse = _context2.sent;
+              if (uploadFileResponse.ok) {
+                _context2.next = 21;
+                break;
+              }
+              throw new Error('Error while uploading file');
+            case 21:
+              _context2.next = 23;
+              return fetch("".concat(this.config.url, "/v1/assets/uploads/complete"), {
+                method: 'POST',
+                headers: _objectSpread$1({
+                  'Content-Type': 'application/json'
+                }, this.config.jwt ? {
+                  Authorization: "Bearer ".concat(this.config.jwt)
+                } : {}),
+                body: JSON.stringify(_objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({
+                  uploadId: uploadInitData.uploadId,
+                  fileName: this._fileName,
+                  organizationId: organizationId,
+                  mediaType: this._mediaType
+                }, params !== null && params !== void 0 && params.renderJob ? {
+                  renderJob: params.renderJob
+                } : {}), Object.keys(metadata).length ? {
+                  metadata: metadata
+                } : {}), params !== null && params !== void 0 && params.reference ? {
+                  reference: params.reference
+                } : {}), params !== null && params !== void 0 && params.ref ? {
+                  ref: params.ref
+                } : {}), params !== null && params !== void 0 && params.overwrite ? {
+                  overwrite: params.overwrite
+                } : {}))
+              });
+            case 23:
+              completeUploadResponse = _context2.sent;
+              if (completeUploadResponse.ok) {
+                _context2.next = 27;
+                break;
+              }
+              _context2.next = 27;
+              return this.parseErrorResponse(completeUploadResponse, 'Error while completing upload');
+            case 27:
+              return _context2.abrupt("return", completeUploadResponse.json());
+            case 28:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function uploadViaAssetsEndpoint(_x3, _x4, _x5) {
+        return _uploadViaAssetsEndpoint.apply(this, arguments);
+      }
+      return uploadViaAssetsEndpoint;
+    }()
   }, {
     key: "save",
     value: function () {
-      var _save = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(params) {
-        var mediaItemRef, _refUrl, _this$fileObject, _refs, _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, _refs2, _this$itemRef3, _this$itemRef4, result;
-        return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _save = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].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__default["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(!this.itemRef && this._state != 'NEW')) {
-                _context5.next = 22;
+                _context7.next = 22;
                 break;
               }
               if (this._ref) {
-                _context5.next = 3;
+                _context7.next = 3;
                 break;
               }
               throw new Error('If state is not NEW, there must be a ref present');
             case 3:
-              _context5.next = 5;
+              _context7.next = 5;
               return this.getMediaItemRef(this._ref, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
             case 5:
-              mediaItemRef = _context5.sent;
+              mediaItemRef = _context7.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;
+                _context7.next = 13;
                 break;
               }
               throw new Error('The existing mediaItemRef belongs to a different organization');
@@ -311,22 +459,22 @@ var DivaFile = /*#__PURE__*/function () {
               this._url = this.itemRef.url;
               this._ref = this.itemRef._id;
               if (this.item) {
-                _context5.next = 22;
+                _context7.next = 22;
                 break;
               }
               if (this.itemRef) {
-                _context5.next = 19;
+                _context7.next = 19;
                 break;
               }
               throw new Error('If state is not NEW, there must be a url present');
             case 19:
-              _context5.next = 21;
+              _context7.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;
+              this.item = _context7.sent;
             case 22:
               if (!(this._state == 'NEW' && !this.isExternalVid(this._url))) {
-                _context5.next = 70;
+                _context7.next = 82;
                 break;
               }
               // create the mediaItem
@@ -334,11 +482,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)) {
-                _context5.next = 38;
+                _context7.next = 38;
                 break;
               }
               if (this._url) {
-                _context5.next = 27;
+                _context7.next = 27;
                 break;
               }
               throw new Error('Either file or url must be specified');
@@ -349,20 +497,20 @@ 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());
               }
-              _context5.next = 31;
+              _context7.next = 31;
               return fetch(_url.toString());
             case 31:
-              response = _context5.sent;
+              response = _context7.sent;
               if (!(response.status === 400)) {
-                _context5.next = 34;
+                _context7.next = 34;
                 break;
               }
               throw new Error('Error on saving media.');
             case 34:
-              _context5.next = 36;
+              _context7.next = 36;
               return response.blob();
             case 36:
-              blob = _context5.sent;
+              blob = _context7.sent;
               _file2 = new File([blob], this._fileName, {
                 type: blob.type
               });
@@ -385,9 +533,28 @@ var DivaFile = /*#__PURE__*/function () {
                 mediaitem.borderPercentage = this._borderPercentage;
               }
               if (!_file2) {
-                _context5.next = 51;
+                _context7.next = 63;
+                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;
                 break;
               }
+              _context7.next = 50;
+              return this.uploadViaAssetsEndpoint(_file2, organizationId, params);
+            case 50:
+              completedUpload = _context7.sent;
+              uploadedMediaItem = (_completedUpload$medi = completedUpload === null || completedUpload === void 0 ? void 0 : completedUpload.mediaItem) !== null && _completedUpload$medi !== void 0 ? _completedUpload$medi : completedUpload;
+              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
+              });
+              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");
@@ -398,12 +565,12 @@ var DivaFile = /*#__PURE__*/function () {
                 formData.append('mediaItemRef', JSON.stringify(mediaitemref));
                 _url2 = _url2 + '?ref=true';
               }
-              _context5.next = 52;
+              _context7.next = 64;
               break;
-            case 51:
+            case 63:
               throw new Error('Either file or url must be specified');
-            case 52:
-              _context5.next = 54;
+            case 64:
+              _context7.next = 66;
               return fetch(_url2, {
                 method: 'POST',
                 body: formData,
@@ -411,52 +578,52 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {}
               }).then(/*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(r) {
+                var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(r) {
                   var error, err;
-                  return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
+                  return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
                       case 0:
                         if (r.ok) {
-                          _context.next = 12;
+                          _context3.next = 12;
                           break;
                         }
-                        _context.prev = 1;
-                        _context.next = 4;
+                        _context3.prev = 1;
+                        _context3.next = 4;
                         return r.json();
                       case 4:
-                        err = _context.sent;
+                        err = _context3.sent;
                         error = err.error;
-                        _context.next = 11;
+                        _context3.next = 11;
                         break;
                       case 8:
-                        _context.prev = 8;
-                        _context.t0 = _context["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 _context.abrupt("return", r.json());
+                        return _context3.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context.stop();
+                        return _context3.stop();
                     }
-                  }, _callee, null, [[1, 8]]);
+                  }, _callee3, null, [[1, 8]]);
                 }));
-                return function (_x2) {
+                return function (_x7) {
                   return _ref2.apply(this, arguments);
                 };
               }());
-            case 54:
-              data = _context5.sent;
+            case 66:
+              data = _context7.sent;
               if (!(this.createRef && params !== null && params !== void 0 && params.refCount)) {
-                _context5.next = 61;
+                _context7.next = 73;
                 break;
               }
               _mediaitemref = {
                 functionType: this._functionType
               };
               _url2 = "".concat(this.config.url, "/v1/mediaitems/").concat(data._id, "/refs/").concat(params.refCount);
-              _context5.next = 60;
+              _context7.next = 72;
               return fetch(_url2, {
                 method: 'POST',
                 body: JSON.stringify(_mediaitemref),
@@ -465,57 +632,57 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {}
               }).then(/*#__PURE__*/function () {
-                var _ref3 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(r) {
+                var _ref3 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(r) {
                   var error, err;
-                  return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
+                  return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
                       case 0:
                         if (r.ok) {
-                          _context2.next = 12;
+                          _context4.next = 12;
                           break;
                         }
-                        _context2.prev = 1;
-                        _context2.next = 4;
+                        _context4.prev = 1;
+                        _context4.next = 4;
                         return r.json();
                       case 4:
-                        err = _context2.sent;
+                        err = _context4.sent;
                         error = err.error;
-                        _context2.next = 11;
+                        _context4.next = 11;
                         break;
                       case 8:
-                        _context2.prev = 8;
-                        _context2.t0 = _context2["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 _context2.abrupt("return", r.json());
+                        return _context4.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context2.stop();
+                        return _context4.stop();
                     }
-                  }, _callee2, null, [[1, 8]]);
+                  }, _callee4, null, [[1, 8]]);
                 }));
-                return function (_x3) {
+                return function (_x8) {
                   return _ref3.apply(this, arguments);
                 };
               }());
-            case 60:
-              refs = _context5.sent;
-            case 61:
+            case 72:
+              refs = _context7.sent;
+            case 73:
               media = data;
               _media = media, ref = _media.ref, item = _objectWithoutProperties__default["default"](_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 _context5.abrupt("return", refs);
-            case 70:
+              return _context7.abrupt("return", refs);
+            case 82:
               if (!(this._state == 'CHANGED')) {
-                _context5.next = 83;
+                _context7.next = 95;
                 break;
               }
-              _context5.next = 73;
+              _context7.next = 85;
               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({
@@ -543,49 +710,49 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {})
               }).then(/*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(r) {
+                var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(r) {
                   var error, err;
-                  return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
+                  return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
+                    while (1) switch (_context5.prev = _context5.next) {
                       case 0:
                         if (r.ok) {
-                          _context3.next = 12;
+                          _context5.next = 12;
                           break;
                         }
-                        _context3.prev = 1;
-                        _context3.next = 4;
+                        _context5.prev = 1;
+                        _context5.next = 4;
                         return r.json();
                       case 4:
-                        err = _context3.sent;
+                        err = _context5.sent;
                         error = err.error;
-                        _context3.next = 11;
+                        _context5.next = 11;
                         break;
                       case 8:
-                        _context3.prev = 8;
-                        _context3.t0 = _context3["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 _context3.abrupt("return", r.json());
+                        return _context5.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context3.stop();
+                        return _context5.stop();
                     }
-                  }, _callee3, null, [[1, 8]]);
+                  }, _callee5, null, [[1, 8]]);
                 }));
-                return function (_x4) {
+                return function (_x9) {
                   return _ref4.apply(this, arguments);
                 };
               }());
-            case 73:
-              this.item = _context5.sent;
+            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)) {
-                _context5.next = 83;
+                _context7.next = 95;
                 break;
               }
-              _context5.next = 78;
+              _context7.next = 90;
               return fetch("".concat(this.config.url, "/v1/mediaitems/refs/bulk"), {
                 method: 'PATCH',
                 body: JSON.stringify({
@@ -602,58 +769,58 @@ var DivaFile = /*#__PURE__*/function () {
                   Authorization: "Bearer ".concat(this.config.jwt)
                 } : {})
               }).then(/*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(r) {
+                var _ref5 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(r) {
                   var error, err;
-                  return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
-                    while (1) switch (_context4.prev = _context4.next) {
+                  return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
+                    while (1) switch (_context6.prev = _context6.next) {
                       case 0:
                         if (r.ok) {
-                          _context4.next = 12;
+                          _context6.next = 12;
                           break;
                         }
-                        _context4.prev = 1;
-                        _context4.next = 4;
+                        _context6.prev = 1;
+                        _context6.next = 4;
                         return r.json();
                       case 4:
-                        err = _context4.sent;
+                        err = _context6.sent;
                         error = err.error;
-                        _context4.next = 11;
+                        _context6.next = 11;
                         break;
                       case 8:
-                        _context4.prev = 8;
-                        _context4.t0 = _context4["catch"](1);
+                        _context6.prev = 8;
+                        _context6.t0 = _context6["catch"](1);
                         throw new Error('Error while saving');
                       case 11:
                         throw new Error(error);
                       case 12:
-                        return _context4.abrupt("return", r.json());
+                        return _context6.abrupt("return", r.json());
                       case 13:
                       case "end":
-                        return _context4.stop();
+                        return _context6.stop();
                     }
-                  }, _callee4, null, [[1, 8]]);
+                  }, _callee6, null, [[1, 8]]);
                 }));
-                return function (_x5) {
+                return function (_x10) {
                   return _ref5.apply(this, arguments);
                 };
               }());
-            case 78:
-              result = _context5.sent;
+            case 90:
+              result = _context7.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 _context7.abrupt("return", result.map(function (r) {
                 return r._id;
               }));
-            case 83:
-              return _context5.abrupt("return", []);
-            case 84:
+            case 95:
+              return _context7.abrupt("return", []);
+            case 96:
             case "end":
-              return _context5.stop();
+              return _context7.stop();
           }
-        }, _callee5, this);
+        }, _callee7, this);
       }));
-      function save(_x) {
+      function save(_x6) {
         return _save.apply(this, arguments);
       }
       return save;
@@ -661,31 +828,31 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "load",
     value: function () {
-      var _load = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(params) {
+      var _load = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(params) {
         var _mediaItemRef$refUrl;
         var mediaItemRef;
-        return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               if (!(!this.ref || !(params !== null && params !== void 0 && params.organizationId) && !this._organizationId)) {
-                _context6.next = 2;
+                _context8.next = 2;
                 break;
               }
               throw new Error('Ref or OrganizationId must be set to load data form server');
             case 2:
               if (!this.itemRef) {
-                _context6.next = 4;
+                _context8.next = 4;
                 break;
               }
-              return _context6.abrupt("return");
+              return _context8.abrupt("return");
             case 4:
-              _context6.next = 6;
+              _context8.next = 6;
               return this.getMediaItemRef(this.ref, (params === null || params === void 0 ? void 0 : params.organizationId) || this._organizationId);
             case 6:
-              mediaItemRef = _context6.sent;
+              mediaItemRef = _context8.sent;
               this.itemRef = mediaItemRef;
               if (!(this._organizationId && this._organizationId != this.itemRef.organizationId)) {
-                _context6.next = 10;
+                _context8.next = 10;
                 break;
               }
               throw new Error('The existing mediaItemRef belongs to a different organization');
@@ -696,21 +863,21 @@ var DivaFile = /*#__PURE__*/function () {
               this._mediaType = mediaItemRef.mediaType;
               this._functionType = mediaItemRef.functionType;
               this._state = 'SAVED';
-              _context6.next = 18;
+              _context8.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.item = _context8.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 _context6.stop();
+              return _context8.stop();
           }
-        }, _callee6, this);
+        }, _callee8, this);
       }));
-      function load(_x6) {
+      function load(_x11) {
         return _load.apply(this, arguments);
       }
       return load;
@@ -718,43 +885,43 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "loadMany",
     value: function () {
-      var _loadMany = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(params) {
+      var _loadMany = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(params) {
         var _params$refIds2, _params$organizationI, _refs$0$refUrl;
         var refs, mediaItem;
-        return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               if (params !== null && params !== void 0 && (_params$refIds2 = params.refIds) !== null && _params$refIds2 !== void 0 && _params$refIds2.length) {
-                _context7.next = 2;
+                _context9.next = 2;
                 break;
               }
               throw new Error('refs are undefined');
             case 2:
               if (!(!(params !== null && params !== void 0 && params.organizationId) && !this._organizationId)) {
-                _context7.next = 4;
+                _context9.next = 4;
                 break;
               }
               throw new Error('Ref or OrganizationId must be set to load data form server');
             case 4:
-              _context7.next = 6;
+              _context9.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;
+              refs = _context9.sent;
+              _context9.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 = _context9.sent;
+              return _context9.abrupt("return", {
                 mediaItem: mediaItem,
                 refs: refs
               });
             case 11:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
-        }, _callee7, this);
+        }, _callee9, this);
       }));
-      function loadMany(_x7) {
+      function loadMany(_x12) {
         return _loadMany.apply(this, arguments);
       }
       return loadMany;
@@ -767,10 +934,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItem",
     value: function () {
-      var _getMediaItem = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(imageUrl, organizationId) {
+      var _getMediaItem = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(imageUrl, organizationId) {
         var url, filter, mediaItem;
-        return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               url = new URL("".concat(this.config.url, "/v1/mediaitems"));
               filter = "{url,eq,".concat(imageUrl, "}");
@@ -779,7 +946,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', '1');
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context8.next = 7;
+              _context10.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -789,18 +956,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context8.next = 9;
-              return _context8.sent;
+              _context10.next = 9;
+              return _context10.sent;
             case 9:
-              mediaItem = _context8.sent;
-              return _context8.abrupt("return", mediaItem === null || mediaItem === void 0 ? void 0 : mediaItem.data[0]);
+              mediaItem = _context10.sent;
+              return _context10.abrupt("return", mediaItem === null || mediaItem === void 0 ? void 0 : mediaItem.data[0]);
             case 11:
             case "end":
-              return _context8.stop();
+              return _context10.stop();
           }
-        }, _callee8, this);
+        }, _callee10, this);
       }));
-      function getMediaItem(_x8, _x9) {
+      function getMediaItem(_x13, _x14) {
         return _getMediaItem.apply(this, arguments);
       }
       return getMediaItem;
@@ -808,10 +975,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItemRef",
     value: function () {
-      var _getMediaItemRef = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(ref, organizationId) {
+      var _getMediaItemRef = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(ref, organizationId) {
         var url, filter, mediaItemRef;
-        return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime__default["default"].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,eq,".concat(ref, "}");
@@ -820,7 +987,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', '1');
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context9.next = 7;
+              _context11.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -830,18 +997,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context9.next = 9;
-              return _context9.sent;
+              _context11.next = 9;
+              return _context11.sent;
             case 9:
-              mediaItemRef = _context9.sent;
-              return _context9.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data[0]);
+              mediaItemRef = _context11.sent;
+              return _context11.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data[0]);
             case 11:
             case "end":
-              return _context9.stop();
+              return _context11.stop();
           }
-        }, _callee9, this);
+        }, _callee11, this);
       }));
-      function getMediaItemRef(_x10, _x11) {
+      function getMediaItemRef(_x15, _x16) {
         return _getMediaItemRef.apply(this, arguments);
       }
       return getMediaItemRef;
@@ -849,10 +1016,10 @@ var DivaFile = /*#__PURE__*/function () {
   }, {
     key: "getMediaItemRefs",
     value: function () {
-      var _getMediaItemRefs = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(refs, organizationId) {
+      var _getMediaItemRefs = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(refs, organizationId) {
         var url, filter, mediaItemRef;
-        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               url = new URL("".concat(this.config.url, "/v1/mediaitems/refs"));
               filter = "{_id,in,".concat(refs.join(','), "}");
@@ -861,7 +1028,7 @@ var DivaFile = /*#__PURE__*/function () {
               }
               url.searchParams.append('limit', refs.length.toString());
               url.searchParams.append('filter', encodeURIComponent("[".concat(filter, "]")));
-              _context10.next = 7;
+              _context12.next = 7;
               return fetch(url.toString(), {
                 method: 'GET',
                 headers: this.config.jwt ? {
@@ -871,18 +1038,18 @@ var DivaFile = /*#__PURE__*/function () {
                 return r.json();
               });
             case 7:
-              _context10.next = 9;
-              return _context10.sent;
+              _context12.next = 9;
+              return _context12.sent;
             case 9:
-              mediaItemRef = _context10.sent;
-              return _context10.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data);
+              mediaItemRef = _context12.sent;
+              return _context12.abrupt("return", mediaItemRef === null || mediaItemRef === void 0 ? void 0 : mediaItemRef.data);
             case 11:
             case "end":
-              return _context10.stop();
+              return _context12.stop();
           }
-        }, _callee10, this);
+        }, _callee12, this);
       }));
-      function getMediaItemRefs(_x12, _x13) {
+      function getMediaItemRefs(_x17, _x18) {
         return _getMediaItemRefs.apply(this, arguments);
       }
       return getMediaItemRefs;