@atlaskit/media-client 35.7.1 → 36.0.0

package/dist/cjs/client/media-store/MediaStore.js

@@ -45,6 +45,9 @@ var cdnFeatureFlag = function cdnFeatureFlag(endpoint) {
   }
   return result;
 };
+var decodeJwtToken = function decodeJwtToken(token) {
+  return JSON.parse(atob(token.split('.')[1].replace(/-/g, '+').replace(/_/g, '/')));
+};
 var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   function MediaStore(config) {
     var _this = this;
@@ -170,12 +173,49 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
     this._chunkHashAlgorithm = config.chunkHashAlgorithm || _mediaCore.ChunkHashAlgorithm.Sha256;
   }
   return (0, _createClass2.default)(MediaStore, [{
-    key: "removeCollectionFile",
+    key: "getClientId",
     value: function () {
-      var _removeCollectionFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(id, collectionName, occurrenceKey, traceContext) {
-        var metadata, body, options;
+      var _getClientId = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(collectionName) {
+        var auth, jwtPayload;
         return _regenerator.default.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return this.resolveAuth({
+                collectionName: collectionName
+              });
+            case 2:
+              auth = _context4.sent;
+              if ((0, _mediaCore.isClientBasedAuth)(auth)) {
+                _context4.next = 11;
+                break;
+              }
+              _context4.prev = 4;
+              jwtPayload = decodeJwtToken(auth.token);
+              return _context4.abrupt("return", jwtPayload.clientId);
+            case 9:
+              _context4.prev = 9;
+              _context4.t0 = _context4["catch"](4);
+            case 11:
+              return _context4.abrupt("return", (0, _mediaCore.isClientBasedAuth)(auth) ? auth.clientId : undefined);
+            case 12:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this, [[4, 9]]);
+      }));
+      function getClientId(_x11) {
+        return _getClientId.apply(this, arguments);
+      }
+      return getClientId;
+    }()
+  }, {
+    key: "removeCollectionFile",
+    value: function () {
+      var _removeCollectionFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(id, collectionName, occurrenceKey, traceContext) {
+        var metadata, body, options;
+        return _regenerator.default.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               metadata = {
                 method: 'PUT',
@@ -202,15 +242,15 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 body: JSON.stringify(body),
                 traceContext: traceContext
               });
-              _context4.next = 5;
+              _context5.next = 5;
               return this.request("/collection/".concat(collectionName), options);
             case 5:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
-      function removeCollectionFile(_x11, _x12, _x13, _x14) {
+      function removeCollectionFile(_x12, _x13, _x14, _x15) {
         return _removeCollectionFile.apply(this, arguments);
       }
       return removeCollectionFile;
@@ -243,10 +283,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "uploadChunk",
     value: function () {
-      var _uploadChunk = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(etag, blob, uploadId, partNumber, collectionName, traceContext) {
+      var _uploadChunk = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(etag, blob, uploadId, partNumber, collectionName, traceContext) {
         var metadata, options;
-        return _regenerator.default.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator.default.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               metadata = {
                 method: 'PUT',
@@ -263,15 +303,15 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 body: blob,
                 traceContext: traceContext
               });
-              _context5.next = 4;
+              _context6.next = 4;
               return this.request("/chunk/".concat(etag), options);
             case 4:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
-      function uploadChunk(_x15, _x16, _x17, _x18, _x19, _x20) {
+      function uploadChunk(_x16, _x17, _x18, _x19, _x20, _x21) {
         return _uploadChunk.apply(this, arguments);
       }
       return uploadChunk;
@@ -313,17 +353,17 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "touchFiles",
     value: function () {
-      var _touchFiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(body) {
+      var _touchFiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(body) {
         var params,
           traceContext,
           metadata,
           options,
-          _args6 = arguments;
-        return _regenerator.default.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+          _args7 = arguments;
+        return _regenerator.default.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              params = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : {};
-              traceContext = _args6.length > 2 ? _args6[2] : undefined;
+              params = _args7.length > 1 && _args7[1] !== undefined ? _args7[1] : {};
+              traceContext = _args7.length > 2 ? _args7[2] : undefined;
               metadata = {
                 method: 'POST',
                 endpoint: '/upload/createWithFiles'
@@ -339,14 +379,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                   hashAlgorithm: this._chunkHashAlgorithm
                 }
               });
-              return _context6.abrupt("return", this.request('/upload/createWithFiles', options).then((0, _helpers.createMapResponseToJson)(metadata)));
+              return _context7.abrupt("return", this.request('/upload/createWithFiles', options).then((0, _helpers.createMapResponseToJson)(metadata)));
             case 5:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
-      function touchFiles(_x21) {
+      function touchFiles(_x22) {
         return _touchFiles.apply(this, arguments);
       }
       return touchFiles;
@@ -372,26 +412,26 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getFileImageURL",
     value: function () {
-      var _getFileImageURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(id, params) {
+      var _getFileImageURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(id, params) {
         var _ref5, collectionName, auth;
-        return _regenerator.default.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regenerator.default.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               _ref5 = params || {}, collectionName = _ref5.collection;
-              _context7.next = 3;
+              _context8.next = 3;
               return this.resolveAuth({
                 collectionName: collectionName
               });
             case 3:
-              auth = _context7.sent;
-              return _context7.abrupt("return", this.createFileImageURL(id, auth, params));
+              auth = _context8.sent;
+              return _context8.abrupt("return", this.createFileImageURL(id, auth, params));
             case 5:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
-      function getFileImageURL(_x22, _x23) {
+      function getFileImageURL(_x23, _x24) {
         return _getFileImageURL.apply(this, arguments);
       }
       return getFileImageURL;
@@ -418,17 +458,17 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getFileBinary",
     value: function () {
-      var _getFileBinary = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(id, collectionName, abortController) {
+      var _getFileBinary = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(id, collectionName, abortController) {
         var maxAge,
           headers,
           binaryEndpoint,
           metadata,
           options,
-          _args8 = arguments;
-        return _regenerator.default.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+          _args9 = arguments;
+        return _regenerator.default.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              maxAge = _args8.length > 3 && _args8[3] !== undefined ? _args8[3] : _constants.FILE_CACHE_MAX_AGE;
+              maxAge = _args9.length > 3 && _args9[3] !== undefined ? _args9[3] : _constants.FILE_CACHE_MAX_AGE;
               headers = {};
               binaryEndpoint = cdnFeatureFlag('binary');
               metadata = {
@@ -445,14 +485,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                   'max-age': "".concat(maxAge)
                 }
               });
-              return _context8.abrupt("return", this.request("/file/".concat(id, "/").concat(binaryEndpoint), options, abortController, true).then((0, _helpers.createMapResponseToBlob)(metadata)));
+              return _context9.abrupt("return", this.request("/file/".concat(id, "/").concat(binaryEndpoint), options, abortController, true).then((0, _helpers.createMapResponseToBlob)(metadata)));
             case 6:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
-      function getFileBinary(_x24, _x25, _x26) {
+      function getFileBinary(_x25, _x26, _x27) {
         return _getFileBinary.apply(this, arguments);
       }
       return getFileBinary;
@@ -460,22 +500,22 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getFileBinaryURL",
     value: function () {
-      var _getFileBinaryURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(id, collectionName) {
+      var _getFileBinaryURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee0(id, collectionName) {
         var maxAge,
           auth,
           options,
           binaryEndpoint,
-          _args9 = arguments;
-        return _regenerator.default.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+          _args0 = arguments;
+        return _regenerator.default.wrap(function _callee0$(_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
-              maxAge = _args9.length > 2 && _args9[2] !== undefined ? _args9[2] : _constants.FILE_CACHE_MAX_AGE;
-              _context9.next = 3;
+              maxAge = _args0.length > 2 && _args0[2] !== undefined ? _args0[2] : _constants.FILE_CACHE_MAX_AGE;
+              _context0.next = 3;
               return this.resolveAuth({
                 collectionName: collectionName
               });
             case 3:
-              auth = _context9.sent;
+              auth = _context0.sent;
               options = {
                 params: {
                   dl: true,
@@ -486,19 +526,19 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
               };
               binaryEndpoint = cdnFeatureFlag('binary');
               if (!(0, _pathBasedUrl.isPathBasedEnabled)()) {
-                _context9.next = 8;
+                _context0.next = 8;
                 break;
               }
-              return _context9.abrupt("return", (0, _pathBasedUrl.mapToPathBasedUrl)((0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/").concat(binaryEndpoint), options)));
+              return _context0.abrupt("return", (0, _pathBasedUrl.mapToPathBasedUrl)((0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/").concat(binaryEndpoint), options)));
             case 8:
-              return _context9.abrupt("return", (0, _mediaCdn.mapToMediaCdnUrl)((0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/").concat(binaryEndpoint), options), auth.token));
+              return _context0.abrupt("return", (0, _mediaCdn.mapToMediaCdnUrl)((0, _helpers.createUrl)("".concat(auth.baseUrl, "/file/").concat(id, "/").concat(binaryEndpoint), options), auth.token));
             case 9:
             case "end":
-              return _context9.stop();
+              return _context0.stop();
           }
-        }, _callee9, this);
+        }, _callee0, this);
       }));
-      function getFileBinaryURL(_x27, _x28) {
+      function getFileBinaryURL(_x28, _x29) {
         return _getFileBinaryURL.apply(this, arguments);
       }
       return getFileBinaryURL;
@@ -506,17 +546,17 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getArtifactURL",
     value: function () {
-      var _getArtifactURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee0(artifacts, artifactName, collectionName) {
+      var _getArtifactURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee1(artifacts, artifactName, collectionName) {
         var maxAge,
           artifactUrl,
           auth,
           options,
           url,
-          _args0 = arguments;
-        return _regenerator.default.wrap(function _callee0$(_context0) {
-          while (1) switch (_context0.prev = _context0.next) {
+          _args1 = arguments;
+        return _regenerator.default.wrap(function _callee1$(_context1) {
+          while (1) switch (_context1.prev = _context1.next) {
             case 0:
-              maxAge = _args0.length > 3 && _args0[3] !== undefined ? _args0[3] : _constants.FILE_CACHE_MAX_AGE;
+              maxAge = _args1.length > 3 && _args1[3] !== undefined ? _args1[3] : _constants.FILE_CACHE_MAX_AGE;
               // ----- WARNING ----------
               // DO NOT USE!!!!!
               // artifact.cdnUrl fails in Jira.
@@ -531,17 +571,17 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
               } */
               artifactUrl = (0, _artifacts.getArtifactUrl)(artifacts, artifactName);
               if (artifactUrl) {
-                _context0.next = 4;
+                _context1.next = 4;
                 break;
               }
               throw new Error("artifact ".concat(artifactName, " not found"));
             case 4:
-              _context0.next = 6;
+              _context1.next = 6;
               return this.resolveAuth({
                 collectionName: collectionName
               });
             case 6:
-              auth = _context0.sent;
+              auth = _context1.sent;
               options = {
                 params: {
                   collection: collectionName,
@@ -551,19 +591,19 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
               };
               url = (0, _mediaCdn.mapToMediaCdnUrl)((0, _helpers.createUrl)("".concat(auth.baseUrl).concat(artifactUrl), options), auth.token);
               if (!(0, _pathBasedUrl.isPathBasedEnabled)()) {
-                _context0.next = 11;
+                _context1.next = 11;
                 break;
               }
-              return _context0.abrupt("return", (0, _pathBasedUrl.mapToPathBasedUrl)(url));
+              return _context1.abrupt("return", (0, _pathBasedUrl.mapToPathBasedUrl)(url));
             case 11:
-              return _context0.abrupt("return", url);
+              return _context1.abrupt("return", url);
             case 12:
             case "end":
-              return _context0.stop();
+              return _context1.stop();
           }
-        }, _callee0, this);
+        }, _callee1, this);
       }));
-      function getArtifactURL(_x29, _x30, _x31) {
+      function getArtifactURL(_x30, _x31, _x32) {
         return _getArtifactURL.apply(this, arguments);
       }
       return getArtifactURL;
@@ -571,10 +611,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getImage",
     value: function () {
-      var _getImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee1(id, params, controller, fetchMaxRes, traceContext) {
+      var _getImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(id, params, controller, fetchMaxRes, traceContext) {
         var isWebpSupported, headers, imageEndpoint, metadata, options;
-        return _regenerator.default.wrap(function _callee1$(_context1) {
-          while (1) switch (_context1.prev = _context1.next) {
+        return _regenerator.default.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               // TODO add checkWebpSupport() back https://product-fabric.atlassian.net/browse/MPT-584
               isWebpSupported = false;
@@ -596,14 +636,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 traceContext: traceContext,
                 addMediaClientParam: true
               });
-              return _context1.abrupt("return", this.request("/file/".concat(id, "/").concat(imageEndpoint), options, controller, true).then((0, _helpers.createMapResponseToBlob)(metadata)));
+              return _context10.abrupt("return", this.request("/file/".concat(id, "/").concat(imageEndpoint), options, controller, true).then((0, _helpers.createMapResponseToBlob)(metadata)));
             case 7:
             case "end":
-              return _context1.stop();
+              return _context10.stop();
           }
-        }, _callee1, this);
+        }, _callee10, this);
       }));
-      function getImage(_x32, _x33, _x34, _x35, _x36) {
+      function getImage(_x33, _x34, _x35, _x36, _x37) {
         return _getImage.apply(this, arguments);
       }
       return getImage;
@@ -611,10 +651,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getItems",
     value: function () {
-      var _getItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(ids, collectionName, traceContext, includeHashForDuplicateFiles) {
+      var _getItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(ids, collectionName, traceContext, includeHashForDuplicateFiles) {
         var descriptors, metadata, options;
-        return _regenerator.default.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regenerator.default.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               descriptors = ids.map(function (id) {
                 return {
@@ -638,14 +678,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 }),
                 traceContext: traceContext
               });
-              return _context10.abrupt("return", this.request('/items', options).then((0, _helpers.createMapResponseToJson)(metadata)));
+              return _context11.abrupt("return", this.request('/items', options).then((0, _helpers.createMapResponseToJson)(metadata)));
             case 4:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
-      function getItems(_x37, _x38, _x39, _x40) {
+      function getItems(_x38, _x39, _x40, _x41) {
         return _getItems.apply(this, arguments);
       }
       return getItems;
@@ -653,10 +693,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getImageMetadata",
     value: function () {
-      var _getImageMetadata = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(id, params, traceContext) {
+      var _getImageMetadata = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(id, params, traceContext) {
         var metadata, options;
-        return _regenerator.default.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator.default.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               metadata = {
                 method: 'GET',
@@ -669,14 +709,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 params: params,
                 traceContext: traceContext
               });
-              return _context11.abrupt("return", this.request("/file/".concat(id, "/image/metadata"), options).then((0, _helpers.createMapResponseToJson)(metadata)));
+              return _context12.abrupt("return", this.request("/file/".concat(id, "/image/metadata"), options).then((0, _helpers.createMapResponseToJson)(metadata)));
             case 3:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11, this);
+        }, _callee12, this);
       }));
-      function getImageMetadata(_x41, _x42, _x43) {
+      function getImageMetadata(_x42, _x43, _x44) {
         return _getImageMetadata.apply(this, arguments);
       }
       return getImageMetadata;
@@ -684,10 +724,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getDocumentContent",
     value: function () {
-      var _getDocumentContent = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(id, options, traceContext) {
+      var _getDocumentContent = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(id, options, traceContext) {
         var shouldCache, endpoint, metadata, headers, requestOptions;
-        return _regenerator.default.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regenerator.default.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               // when requesting for password protected document don't use CDN as it won't forward headers
               // this is deliberate to avoid caching Password protected files
@@ -714,14 +754,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 },
                 traceContext: traceContext
               });
-              return _context12.abrupt("return", this.request("/file/".concat(id, "/document/").concat(endpoint), requestOptions).then((0, _helpers.createMapResponseToJson)(metadata)));
+              return _context13.abrupt("return", this.request("/file/".concat(id, "/document/").concat(endpoint), requestOptions).then((0, _helpers.createMapResponseToJson)(metadata)));
             case 6:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12, this);
+        }, _callee13, this);
       }));
-      function getDocumentContent(_x44, _x45, _x46) {
+      function getDocumentContent(_x45, _x46, _x47) {
         return _getDocumentContent.apply(this, arguments);
       }
       return getDocumentContent;
@@ -729,10 +769,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "getDocumentPageImage",
     value: function () {
-      var _getDocumentPageImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(id, options, traceContext) {
+      var _getDocumentPageImage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(id, options, traceContext) {
         var shouldCache, endpoint, metadata, headers, requestOptions;
-        return _regenerator.default.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regenerator.default.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
               // when requesting for password protected document don't use CDN as it won't forward headers
               // this is deliberate to avoid caching Password protected files
@@ -759,14 +799,14 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 },
                 traceContext: traceContext
               });
-              return _context13.abrupt("return", this.request("/file/".concat(id, "/document/").concat(endpoint), requestOptions).then((0, _helpers.createMapResponseToBlob)(metadata)));
+              return _context14.abrupt("return", this.request("/file/".concat(id, "/document/").concat(endpoint), requestOptions).then((0, _helpers.createMapResponseToBlob)(metadata)));
             case 6:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13, this);
+        }, _callee14, this);
       }));
-      function getDocumentPageImage(_x47, _x48, _x49) {
+      function getDocumentPageImage(_x48, _x49, _x50) {
         return _getDocumentPageImage.apply(this, arguments);
       }
       return getDocumentPageImage;
@@ -774,10 +814,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "appendChunksToUpload",
     value: function () {
-      var _appendChunksToUpload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(uploadId, body, collectionName, traceContext) {
+      var _appendChunksToUpload = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(uploadId, body, collectionName, traceContext) {
         var metadata, options;
-        return _regenerator.default.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regenerator.default.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               metadata = {
                 method: 'PUT',
@@ -791,15 +831,15 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 body: JSON.stringify(body),
                 traceContext: traceContext
               });
-              _context14.next = 4;
+              _context15.next = 4;
               return this.request("/upload/".concat(uploadId, "/chunks"), options);
             case 4:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
-      function appendChunksToUpload(_x50, _x51, _x52, _x53) {
+      function appendChunksToUpload(_x51, _x52, _x53, _x54) {
         return _appendChunksToUpload.apply(this, arguments);
       }
       return appendChunksToUpload;
@@ -827,7 +867,7 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
     }
   }, {
     key: "copyFile",
-    value: function copyFile(id, params, traceContext) {
+    value: function copyFile(id, params, traceContext, clientId) {
       var metadata = {
         method: 'POST',
         endpoint: '/v2/file/copy'
@@ -839,7 +879,8 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
         params: params,
         headers: jsonHeaders,
         body: JSON.stringify({
-          id: id
+          id: id,
+          clientId: clientId
         }),
         traceContext: traceContext,
         clientOptions: {
@@ -856,10 +897,10 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "registerCopyIntents",
     value: function () {
-      var _registerCopyIntents = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(files, traceContext, resolvedAuth) {
+      var _registerCopyIntents = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(files, traceContext, resolvedAuth) {
         var metadata, options;
-        return _regenerator.default.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regenerator.default.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               metadata = {
                 method: 'POST',
@@ -873,15 +914,15 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 traceContext: traceContext,
                 resolvedAuth: resolvedAuth
               });
-              _context15.next = 4;
+              _context16.next = 4;
               return this.request('/file/copy/intents', options);
             case 4:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
-      function registerCopyIntents(_x54, _x55, _x56) {
+      function registerCopyIntents(_x55, _x56, _x57) {
         return _registerCopyIntents.apply(this, arguments);
       }
       return registerCopyIntents;
@@ -889,7 +930,7 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "request",
     value: function () {
-      var _request2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(path) {
+      var _request2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(path) {
         var options,
           controller,
           useMediaCdn,
@@ -909,32 +950,32 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
           extendedParams,
           url,
           response,
-          _args16 = arguments;
-        return _regenerator.default.wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+          _args17 = arguments;
+        return _regenerator.default.wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              options = _args16.length > 1 && _args16[1] !== undefined ? _args16[1] : {
+              options = _args17.length > 1 && _args17[1] !== undefined ? _args17[1] : {
                 method: 'GET',
                 endpoint: undefined,
                 authContext: {}
               };
-              controller = _args16.length > 2 ? _args16[2] : undefined;
-              useMediaCdn = _args16.length > 3 ? _args16[3] : undefined;
+              controller = _args17.length > 2 ? _args17[2] : undefined;
+              useMediaCdn = _args17.length > 3 ? _args17[3] : undefined;
               method = options.method, endpoint = options.endpoint, authContext = options.authContext, params = options.params, headers = options.headers, body = options.body, clientOptions = options.clientOptions, traceContext = options.traceContext, addMediaClientParam = options.addMediaClientParam, resolvedAuth = options.resolvedAuth;
               if (!(resolvedAuth !== null && resolvedAuth !== void 0)) {
-                _context16.next = 8;
+                _context17.next = 8;
                 break;
               }
-              _context16.t0 = resolvedAuth;
-              _context16.next = 11;
+              _context17.t0 = resolvedAuth;
+              _context17.next = 11;
               break;
             case 8:
-              _context16.next = 10;
+              _context17.next = 10;
               return this.resolveAuth(authContext);
             case 10:
-              _context16.t0 = _context16.sent;
+              _context17.t0 = _context17.sent;
             case 11:
-              auth = _context16.t0;
+              auth = _context17.t0;
               clientId = (0, _mediaCore.isClientBasedAuth)(auth) ? auth.clientId : undefined;
               extendedTraceContext = (0, _helpers.extendTraceContext)(traceContext);
               extendedParams = addMediaClientParam ? _objectSpread(_objectSpread({}, params), {}, {
@@ -947,7 +988,7 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
               if ((0, _pathBasedUrl.isPathBasedEnabled)()) {
                 url = (0, _pathBasedUrl.mapToPathBasedUrl)(url);
               }
-              _context16.next = 20;
+              _context17.next = 20;
               return (0, _request3.request)(url, {
                 method: method,
                 endpoint: endpoint,
@@ -959,17 +1000,17 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
                 traceContext: extendedTraceContext
               }, controller);
             case 20:
-              response = _context16.sent;
+              response = _context17.sent;
               setKeyValueInSessionStorage(MEDIA_API_REGION, response.headers.get('x-media-region'));
               setKeyValueInSessionStorage(MEDIA_API_ENVIRONMENT, response.headers.get('x-media-env'));
-              return _context16.abrupt("return", response);
+              return _context17.abrupt("return", response);
             case 24:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function request(_x57) {
+      function request(_x58) {
         return _request2.apply(this, arguments);
       }
       return request;
@@ -977,16 +1018,16 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
   }, {
     key: "testUrl",
     value: function () {
-      var _testUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(url) {
+      var _testUrl = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(url) {
         var options,
           traceContext,
-          _args17 = arguments;
-        return _regenerator.default.wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+          _args18 = arguments;
+        return _regenerator.default.wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              options = _args17.length > 1 && _args17[1] !== undefined ? _args17[1] : {};
+              options = _args18.length > 1 && _args18[1] !== undefined ? _args18[1] : {};
               traceContext = options.traceContext;
-              _context17.next = 4;
+              _context18.next = 4;
               return (0, _request3.request)(url, {
                 method: 'HEAD',
                 traceContext: (0, _helpers.extendTraceContext)(traceContext),
@@ -998,11 +1039,11 @@ var MediaStore = exports.MediaStore = /*#__PURE__*/function () {
               });
             case 4:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17);
+        }, _callee18);
       }));
-      function testUrl(_x58) {
+      function testUrl(_x59) {
         return _testUrl.apply(this, arguments);
       }
       return testUrl;