@atlaskit/media-client 19.1.1 → 20.0.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/media-client
 
+## 20.0.1
+
+### Patch Changes
+
+- [`90f6203e794`](https://bitbucket.org/atlassian/atlassian-frontend/commits/90f6203e794) - Media Client now fetch remote file state regardless of file browser support (behind feature flag)
+- Updated dependencies
+
+## 20.0.0
+
+### Major Changes
+
+- [`2e902a363ad`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e902a363ad) - MEX-1649 Update uploadChunk and probeChunk functions in mediastore with mandatory params - uploadId and partNumber
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.1.1
 
 ### Patch Changes

package/dist/cjs/client/file-fetcher/index.js

@@ -83,12 +83,14 @@ var _polling = require("../../utils/polling");
 
 var _detectEmptyFile = require("../../utils/detectEmptyFile");
 
+var _mediaCommon = require("@atlaskit/media-common");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var FileFetcherImpl = /*#__PURE__*/function () {
-  function FileFetcherImpl(mediaStore) {
+  function FileFetcherImpl(mediaStore, featureFlags) {
     var _this = this;
 
     (0, _classCallCheck2.default)(this, FileFetcherImpl);
@@ -161,7 +163,47 @@ var FileFetcherImpl = /*#__PURE__*/function () {
       })));
       return subject;
     });
+    (0, _defineProperty2.default)(this, "getUploadingFileStateBase", function (file, upfrontId) {
+      // TODO: DO not modify the input parameter 'content' attribute
+      if (typeof file.content === 'string') {
+        file.content = (0, _convertBase64ToBlob.convertBase64ToBlob)(file.content);
+      }
+
+      var content = file.content,
+          _file$name = file.name,
+          name = _file$name === void 0 ? '' : _file$name;
+      var id = upfrontId.id,
+          occurrenceKey = upfrontId.occurrenceKey;
+      var preview; // TODO [MSW-796]: get file size for base64
+
+      var size = 0;
+      var mimeType = '';
+
+      if (content instanceof Blob) {
+        size = content.size;
+        mimeType = content.type;
+
+        if ((0, _mediaTypeUtils.isMimeTypeSupportedByBrowser)(content.type)) {
+          preview = {
+            value: content,
+            origin: 'local'
+          };
+        }
+      }
+
+      var mediaType = (0, _getMediaTypeFromUploadableFile.getMediaTypeFromUploadableFile)(file);
+      return {
+        id: id,
+        occurrenceKey: occurrenceKey,
+        name: name,
+        size: size,
+        mediaType: mediaType,
+        mimeType: mimeType,
+        preview: preview
+      };
+    });
     this.mediaStore = mediaStore;
+    this.featureFlags = featureFlags;
     this.dataloader = (0, _createFileDataLoader.createFileDataloader)(mediaStore);
   }
 
@@ -383,17 +425,68 @@ var FileFetcherImpl = /*#__PURE__*/function () {
       return uploadExternal;
     }()
   }, {
-    key: "upload",
-    value: function upload(file, controller, uploadableFileUpfrontIds, traceContext) {
+    key: "uploadAwlaysPullFileStates",
+    value: // TODO: make this the public upload method when the FF is removed
+    function uploadAwlaysPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext) {
       var _this4 = this;
 
+      var collection = file.collection;
+      var upfrontId = uploadableFileUpfrontIds || this.generateUploadableFileUpfrontIds(collection, traceContext);
+      var id = upfrontId.id,
+          occurrenceKey = upfrontId.occurrenceKey;
+      var stateBase = this.getUploadingFileStateBase(file, upfrontId);
+      var subject = (0, _createMediaSubject.createMediaSubject)();
+      (0, _fileStreamsCache.getFileStreamsCache)().set(id, subject);
+
+      var onProgress = function onProgress(progress) {
+        subject.next(_objectSpread(_objectSpread({
+          status: 'uploading'
+        }, stateBase), {}, {
+          progress: progress
+        }));
+      };
+
+      var processingSubscription = new _Subscription.Subscription();
+
+      var onUploadFinish = function onUploadFinish(error) {
+        if (error) {
+          return subject.error(error);
+        }
+
+        processingSubscription = _this4.createDownloadFileStream(id, collection, occurrenceKey).pipe((0, _map.map)(function (remoteFileState) {
+          return _objectSpread(_objectSpread(_objectSpread({}, stateBase), remoteFileState), (0, _overrideMediaTypeIfUnknown.overrideMediaTypeIfUnknown)(remoteFileState, stateBase.mediaType));
+        })).subscribe(subject);
+      };
+
+      var _uploadFile = (0, _uploader.uploadFile)(file, this.mediaStore, upfrontId, {
+        onUploadFinish: onUploadFinish,
+        onProgress: onProgress
+      }, traceContext),
+          cancel = _uploadFile.cancel;
+
+      controller === null || controller === void 0 ? void 0 : controller.setAbort(function () {
+        cancel(); // TODO: filestate should turn to "Aborted" or something.
+        // Consider canceling an upload that is already finished
+
+        processingSubscription.unsubscribe();
+      }); // We should report progress asynchronously, since this is what consumer expects
+      // (otherwise in newUploadService file-converting event will be emitted before files-added)
+
+      setTimeout(onProgress, 0, 0);
+      return (0, _mediaSubscribable.fromObservable)(subject);
+    }
+  }, {
+    key: "uploadConditionallyPullFileStates",
+    value: function uploadConditionallyPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext) {
+      var _this5 = this;
+
       if (typeof file.content === 'string') {
         file.content = (0, _convertBase64ToBlob.convertBase64ToBlob)(file.content);
       }
 
       var content = file.content,
-          _file$name = file.name,
-          name = _file$name === void 0 ? '' : _file$name,
+          _file$name2 = file.name,
+          name = _file$name2 === void 0 ? '' : _file$name2,
           collection = file.collection;
 
       if (!uploadableFileUpfrontIds) {
@@ -447,7 +540,7 @@ var FileFetcherImpl = /*#__PURE__*/function () {
 
         processingSubscription.add((0, _shouldFetchRemoteFileStates.shouldFetchRemoteFileStatesObservable)(mediaType, mimeType, preview).pipe((0, _concatMap.concatMap)(function (shouldFetchRemoteFileStates) {
           if (shouldFetchRemoteFileStates) {
-            return _this4.createDownloadFileStream(id, collection, occurrenceKey).pipe((0, _map.map)(function (remoteFileState) {
+            return _this5.createDownloadFileStream(id, collection, occurrenceKey).pipe((0, _map.map)(function (remoteFileState) {
               return _objectSpread(_objectSpread(_objectSpread({}, stateBase), remoteFileState), (0, _overrideMediaTypeIfUnknown.overrideMediaTypeIfUnknown)(remoteFileState, mediaType));
             }));
           }
@@ -459,11 +552,11 @@ var FileFetcherImpl = /*#__PURE__*/function () {
         })).subscribe(subject));
       };
 
-      var _uploadFile = (0, _uploader.uploadFile)(file, this.mediaStore, uploadableFileUpfrontIds, {
+      var _uploadFile2 = (0, _uploader.uploadFile)(file, this.mediaStore, uploadableFileUpfrontIds, {
         onUploadFinish: onUploadFinish,
         onProgress: onProgress
       }, traceContext),
-          cancel = _uploadFile.cancel;
+          cancel = _uploadFile2.cancel;
 
       (0, _fileStreamsCache.getFileStreamsCache)().set(id, subject); // We should report progress asynchronously, since this is what consumer expects
       // (otherwise in newUploadService file-converting event will be emitted before files-added)
@@ -480,6 +573,17 @@ var FileFetcherImpl = /*#__PURE__*/function () {
       }
 
       return (0, _mediaSubscribable.fromObservable)(subject);
+    }
+  }, {
+    key: "upload",
+    value: function upload(file, controller, uploadableFileUpfrontIds, traceContext) {
+      var shouldAlwaysFetchFileState = (0, _mediaCommon.getMediaFeatureFlag)('fetchFileStateAfterUpload', this.featureFlags);
+
+      if (shouldAlwaysFetchFileState) {
+        return this.uploadAwlaysPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext);
+      }
+
+      return this.uploadConditionallyPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext);
     } // TODO: ----- ADD TICKET
 
   }, {

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

@@ -44,7 +44,7 @@ var MediaClient = /*#__PURE__*/function () {
     }, featureFlags);
     this.config = mediaClientConfig;
     this.collection = new _collectionFetcher.CollectionFetcher(this.mediaStore);
-    this.file = new _fileFetcher.FileFetcherImpl(this.mediaStore);
+    this.file = new _fileFetcher.FileFetcherImpl(this.mediaStore, featureFlags);
     this.eventEmitter = new _eventemitter.EventEmitter2();
     this.stargate = new _stargateClient.StargateClient(mediaClientConfig.stargateBaseUrl);
   }

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

@@ -231,22 +231,12 @@ var MediaStore = /*#__PURE__*/function () {
   }, {
     key: "uploadChunk",
     value: function () {
-      var _uploadChunk = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(etag, blob) {
-        var _ref,
-            collectionName,
-            uploadId,
-            partNumber,
-            traceContext,
-            metadata,
-            options,
-            _args3 = arguments;
-
+      var _uploadChunk = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(etag, blob, uploadId, partNumber, collectionName, traceContext) {
+        var metadata, options;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                _ref = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : {}, collectionName = _ref.collectionName, uploadId = _ref.uploadId, partNumber = _ref.partNumber;
-                traceContext = _args3.length > 3 ? _args3[3] : undefined;
                 metadata = {
                   method: 'PUT',
                   endpoint: '/chunk/{etag}'
@@ -262,10 +252,10 @@ var MediaStore = /*#__PURE__*/function () {
                   body: blob,
                   traceContext: traceContext
                 });
-                _context3.next = 6;
+                _context3.next = 4;
                 return this.request("/chunk/".concat(etag), options);
 
-              case 6:
+              case 4:
               case "end":
                 return _context3.stop();
             }
@@ -273,7 +263,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee3, this);
       }));
 
-      function uploadChunk(_x8, _x9) {
+      function uploadChunk(_x8, _x9, _x10, _x11, _x12, _x13) {
         return _uploadChunk.apply(this, arguments);
       }
 
@@ -281,12 +271,7 @@ var MediaStore = /*#__PURE__*/function () {
     }()
   }, {
     key: "probeChunks",
-    value: function probeChunks(chunks) {
-      var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          collectionName = _ref2.collectionName,
-          uploadId = _ref2.uploadId;
-
-      var traceContext = arguments.length > 2 ? arguments[2] : undefined;
+    value: function probeChunks(chunks, uploadId, collectionName, traceContext) {
       var metadata = {
         method: 'POST',
         endpoint: '/chunk/probe'
@@ -375,13 +360,13 @@ var MediaStore = /*#__PURE__*/function () {
     key: "getFileImageURL",
     value: function () {
       var _getFileImageURL = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(id, params) {
-        var _ref3, collectionName, auth;
+        var _ref, collectionName, auth;
 
         return _regenerator.default.wrap(function _callee4$(_context4) {
           while (1) {
             switch (_context4.prev = _context4.next) {
               case 0:
-                _ref3 = params || {}, collectionName = _ref3.collection;
+                _ref = params || {}, collectionName = _ref.collection;
                 _context4.next = 3;
                 return this.resolveAuth({
                   collectionName: collectionName
@@ -399,7 +384,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee4, this);
       }));
 
-      function getFileImageURL(_x10, _x11) {
+      function getFileImageURL(_x14, _x15) {
         return _getFileImageURL.apply(this, arguments);
       }
 
@@ -455,7 +440,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee5, this);
       }));
 
-      function getFileBinaryURL(_x12, _x13) {
+      function getFileBinaryURL(_x16, _x17) {
         return _getFileBinaryURL.apply(this, arguments);
       }
 
@@ -504,7 +489,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee6, this);
       }));
 
-      function getArtifactURL(_x14, _x15, _x16) {
+      function getArtifactURL(_x18, _x19, _x20) {
         return _getArtifactURL.apply(this, arguments);
       }
 
@@ -549,7 +534,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee7, this);
       }));
 
-      function getImage(_x17, _x18, _x19, _x20, _x21) {
+      function getImage(_x21, _x22, _x23, _x24, _x25) {
         return _getImage.apply(this, arguments);
       }
 
@@ -595,7 +580,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee8, this);
       }));
 
-      function getItems(_x22, _x23, _x24) {
+      function getItems(_x26, _x27, _x28) {
         return _getItems.apply(this, arguments);
       }
 
@@ -631,7 +616,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee9, this);
       }));
 
-      function getImageMetadata(_x25, _x26, _x27) {
+      function getImageMetadata(_x29, _x30, _x31) {
         return _getImageMetadata.apply(this, arguments);
       }
 
@@ -669,7 +654,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee10, this);
       }));
 
-      function appendChunksToUpload(_x28, _x29, _x30, _x31) {
+      function appendChunksToUpload(_x32, _x33, _x34, _x35) {
         return _appendChunksToUpload.apply(this, arguments);
       }
 
@@ -761,7 +746,7 @@ var MediaStore = /*#__PURE__*/function () {
         }, _callee11, this);
       }));
 
-      function request(_x32) {
+      function request(_x36) {
         return _request2.apply(this, arguments);
       }
 

package/dist/cjs/uploader/index.js

@@ -62,28 +62,24 @@ var createProbingFunction = function createProbingFunction(store, deferredUpload
             case 0:
               _context2.t0 = store;
               _context2.t1 = hashedChunks(chunks);
-              _context2.t2 = collectionName;
-              _context2.next = 5;
+              _context2.next = 4;
               return deferredUploadId;
 
-            case 5:
-              _context2.t3 = _context2.sent;
-              _context2.t4 = {
-                collectionName: _context2.t2,
-                uploadId: _context2.t3
-              };
-              _context2.t5 = traceContext;
-              _context2.next = 10;
-              return _context2.t0.probeChunks.call(_context2.t0, _context2.t1, _context2.t4, _context2.t5);
+            case 4:
+              _context2.t2 = _context2.sent;
+              _context2.t3 = collectionName;
+              _context2.t4 = traceContext;
+              _context2.next = 9;
+              return _context2.t0.probeChunks.call(_context2.t0, _context2.t1, _context2.t2, _context2.t3, _context2.t4);
 
-            case 10:
+            case 9:
               response = _context2.sent;
               results = response.data.results;
               return _context2.abrupt("return", Object.values(results).map(function (result) {
                 return result.exists;
               }));
 
-            case 13:
+            case 12:
             case "end":
               return _context2.stop();
           }
@@ -107,26 +103,21 @@ var createUploadingFunction = function createUploadingFunction(store, deferredUp
               _context3.t0 = store;
               _context3.t1 = chunk.hash;
               _context3.t2 = chunk.blob;
-              _context3.t3 = collectionName;
-              _context3.t4 = chunk.partNumber;
-              _context3.next = 7;
+              _context3.next = 5;
               return deferredUploadId;
 
-            case 7:
-              _context3.t5 = _context3.sent;
-              _context3.t6 = {
-                collectionName: _context3.t3,
-                partNumber: _context3.t4,
-                uploadId: _context3.t5
-              };
-              _context3.t7 = traceContext;
-              _context3.next = 12;
-              return _context3.t0.uploadChunk.call(_context3.t0, _context3.t1, _context3.t2, _context3.t6, _context3.t7);
+            case 5:
+              _context3.t3 = _context3.sent;
+              _context3.t4 = chunk.partNumber;
+              _context3.t5 = collectionName;
+              _context3.t6 = traceContext;
+              _context3.next = 11;
+              return _context3.t0.uploadChunk.call(_context3.t0, _context3.t1, _context3.t2, _context3.t3, _context3.t4, _context3.t5, _context3.t6);
 
-            case 12:
+            case 11:
               return _context3.abrupt("return", _context3.sent);
 
-            case 13:
+            case 12:
             case "end":
               return _context3.stop();
           }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-client",
-	"version": "19.1.1",
+	"version": "20.0.1",
 	"sideEffects": false
 }

package/dist/es2019/client/file-fetcher/index.js

@@ -28,9 +28,10 @@ import { isMimeTypeSupportedByBrowser, getMediaTypeFromMimeType } from '@atlaski
 import { shouldFetchRemoteFileStates, shouldFetchRemoteFileStatesObservable } from '../../utils/shouldFetchRemoteFileStates';
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
+import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export { isFileFetcherError, FileFetcherError } from './error';
 export class FileFetcherImpl {
-  constructor(mediaStore) {
+  constructor(mediaStore, featureFlags) {
     _defineProperty(this, "createDownloadFileStream", (id, collectionName, occurrenceKey) => {
       const subject = createMediaSubject();
       const poll = new PollingFunction(); // ensure subject errors if polling exceeds max iterations or uncaught exception in executor
@@ -74,7 +75,52 @@ export class FileFetcherImpl {
       return subject;
     });
 
+    _defineProperty(this, "getUploadingFileStateBase", (file, upfrontId) => {
+      // TODO: DO not modify the input parameter 'content' attribute
+      if (typeof file.content === 'string') {
+        file.content = convertBase64ToBlob(file.content);
+      }
+
+      const {
+        content,
+        name = '' // name property is not available in base64 image
+
+      } = file;
+      const {
+        id,
+        occurrenceKey
+      } = upfrontId;
+      let preview; // TODO [MSW-796]: get file size for base64
+
+      let size = 0;
+      let mimeType = '';
+
+      if (content instanceof Blob) {
+        size = content.size;
+        mimeType = content.type;
+
+        if (isMimeTypeSupportedByBrowser(content.type)) {
+          preview = {
+            value: content,
+            origin: 'local'
+          };
+        }
+      }
+
+      const mediaType = getMediaTypeFromUploadableFile(file);
+      return {
+        id,
+        occurrenceKey,
+        name,
+        size,
+        mediaType,
+        mimeType,
+        preview
+      };
+    });
+
     this.mediaStore = mediaStore;
+    this.featureFlags = featureFlags;
     this.dataloader = createFileDataloader(mediaStore);
   }
 
@@ -209,7 +255,61 @@ export class FileFetcherImpl {
     });
   }
 
-  upload(file, controller, uploadableFileUpfrontIds, traceContext) {
+  // TODO: make this the public upload method when the FF is removed
+  uploadAwlaysPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext) {
+    const {
+      collection
+    } = file;
+    const upfrontId = uploadableFileUpfrontIds || this.generateUploadableFileUpfrontIds(collection, traceContext);
+    const {
+      id,
+      occurrenceKey
+    } = upfrontId;
+    const stateBase = this.getUploadingFileStateBase(file, upfrontId);
+    const subject = createMediaSubject();
+    getFileStreamsCache().set(id, subject);
+
+    const onProgress = progress => {
+      subject.next({
+        status: 'uploading',
+        ...stateBase,
+        progress
+      });
+    };
+
+    let processingSubscription = new Subscription();
+
+    const onUploadFinish = error => {
+      if (error) {
+        return subject.error(error);
+      }
+
+      processingSubscription = this.createDownloadFileStream(id, collection, occurrenceKey).pipe(map(remoteFileState => ({ // merges base state with remote state
+        ...stateBase,
+        ...remoteFileState,
+        ...overrideMediaTypeIfUnknown(remoteFileState, stateBase.mediaType)
+      }))).subscribe(subject);
+    };
+
+    const {
+      cancel
+    } = uploadFile(file, this.mediaStore, upfrontId, {
+      onUploadFinish,
+      onProgress
+    }, traceContext);
+    controller === null || controller === void 0 ? void 0 : controller.setAbort(() => {
+      cancel(); // TODO: filestate should turn to "Aborted" or something.
+      // Consider canceling an upload that is already finished
+
+      processingSubscription.unsubscribe();
+    }); // We should report progress asynchronously, since this is what consumer expects
+    // (otherwise in newUploadService file-converting event will be emitted before files-added)
+
+    setTimeout(onProgress, 0, 0);
+    return fromObservable(subject);
+  }
+
+  uploadConditionallyPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext) {
     if (typeof file.content === 'string') {
       file.content = convertBase64ToBlob(file.content);
     }
@@ -308,6 +408,16 @@ export class FileFetcherImpl {
     }
 
     return fromObservable(subject);
+  }
+
+  upload(file, controller, uploadableFileUpfrontIds, traceContext) {
+    const shouldAlwaysFetchFileState = getMediaFeatureFlag('fetchFileStateAfterUpload', this.featureFlags);
+
+    if (shouldAlwaysFetchFileState) {
+      return this.uploadAwlaysPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext);
+    }
+
+    return this.uploadConditionallyPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext);
   } // TODO: ----- ADD TICKET
 
 

package/dist/es2019/client/media-client.js

@@ -15,7 +15,7 @@ export class MediaClient {
     }, featureFlags);
     this.config = mediaClientConfig;
     this.collection = new CollectionFetcher(this.mediaStore);
-    this.file = new FileFetcherImpl(this.mediaStore);
+    this.file = new FileFetcherImpl(this.mediaStore, featureFlags);
     this.eventEmitter = new EventEmitter2();
     this.stargate = new StargateClient(mediaClientConfig.stargateBaseUrl);
   }

package/dist/es2019/client/media-store/index.js

@@ -126,11 +126,7 @@ export class MediaStore {
     return this.request(`/upload`, options).then(createMapResponseToJson(metadata));
   }
 
-  async uploadChunk(etag, blob, {
-    collectionName,
-    uploadId,
-    partNumber
-  } = {}, traceContext) {
+  async uploadChunk(etag, blob, uploadId, partNumber, collectionName, traceContext) {
     const metadata = {
       method: 'PUT',
       endpoint: '/chunk/{etag}'
@@ -149,10 +145,7 @@ export class MediaStore {
     await this.request(`/chunk/${etag}`, options);
   }
 
-  probeChunks(chunks, {
-    collectionName,
-    uploadId
-  } = {}, traceContext) {
+  probeChunks(chunks, uploadId, collectionName, traceContext) {
     const metadata = {
       method: 'POST',
       endpoint: '/chunk/probe'

package/dist/es2019/uploader/index.js

@@ -12,20 +12,13 @@ const hashingFunction = async blob => {
 };
 
 const createProbingFunction = (store, deferredUploadId, collectionName, traceContext) => async chunks => {
-  const response = await store.probeChunks(hashedChunks(chunks), {
-    collectionName,
-    uploadId: await deferredUploadId
-  }, traceContext);
+  const response = await store.probeChunks(hashedChunks(chunks), await deferredUploadId, collectionName, traceContext);
   const results = response.data.results;
   return Object.values(results).map(result => result.exists);
 };
 
 const createUploadingFunction = (store, deferredUploadId, collectionName, traceContext) => async chunk => {
-  return await store.uploadChunk(chunk.hash, chunk.blob, {
-    collectionName,
-    partNumber: chunk.partNumber,
-    uploadId: await deferredUploadId
-  }, traceContext);
+  return await store.uploadChunk(chunk.hash, chunk.blob, await deferredUploadId, chunk.partNumber, collectionName, traceContext);
 };
 
 const createProcessingFunction = (store, deferredUploadId, collection, traceContext) => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-client",
-	"version": "19.1.1",
+	"version": "20.0.1",
 	"sideEffects": false
 }

package/dist/esm/client/file-fetcher/index.js

@@ -37,9 +37,10 @@ import { isMimeTypeSupportedByBrowser, getMediaTypeFromMimeType } from '@atlaski
 import { shouldFetchRemoteFileStates, shouldFetchRemoteFileStatesObservable } from '../../utils/shouldFetchRemoteFileStates';
 import { PollingFunction } from '../../utils/polling';
 import { isEmptyFile } from '../../utils/detectEmptyFile';
+import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export { isFileFetcherError, FileFetcherError } from './error';
 export var FileFetcherImpl = /*#__PURE__*/function () {
-  function FileFetcherImpl(mediaStore) {
+  function FileFetcherImpl(mediaStore, featureFlags) {
     var _this = this;
 
     _classCallCheck(this, FileFetcherImpl);
@@ -114,7 +115,48 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       return subject;
     });
 
+    _defineProperty(this, "getUploadingFileStateBase", function (file, upfrontId) {
+      // TODO: DO not modify the input parameter 'content' attribute
+      if (typeof file.content === 'string') {
+        file.content = convertBase64ToBlob(file.content);
+      }
+
+      var content = file.content,
+          _file$name = file.name,
+          name = _file$name === void 0 ? '' : _file$name;
+      var id = upfrontId.id,
+          occurrenceKey = upfrontId.occurrenceKey;
+      var preview; // TODO [MSW-796]: get file size for base64
+
+      var size = 0;
+      var mimeType = '';
+
+      if (content instanceof Blob) {
+        size = content.size;
+        mimeType = content.type;
+
+        if (isMimeTypeSupportedByBrowser(content.type)) {
+          preview = {
+            value: content,
+            origin: 'local'
+          };
+        }
+      }
+
+      var mediaType = getMediaTypeFromUploadableFile(file);
+      return {
+        id: id,
+        occurrenceKey: occurrenceKey,
+        name: name,
+        size: size,
+        mediaType: mediaType,
+        mimeType: mimeType,
+        preview: preview
+      };
+    });
+
     this.mediaStore = mediaStore;
+    this.featureFlags = featureFlags;
     this.dataloader = createFileDataloader(mediaStore);
   }
 
@@ -336,17 +378,68 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       return uploadExternal;
     }()
   }, {
-    key: "upload",
-    value: function upload(file, controller, uploadableFileUpfrontIds, traceContext) {
+    key: "uploadAwlaysPullFileStates",
+    value: // TODO: make this the public upload method when the FF is removed
+    function uploadAwlaysPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext) {
       var _this4 = this;
 
+      var collection = file.collection;
+      var upfrontId = uploadableFileUpfrontIds || this.generateUploadableFileUpfrontIds(collection, traceContext);
+      var id = upfrontId.id,
+          occurrenceKey = upfrontId.occurrenceKey;
+      var stateBase = this.getUploadingFileStateBase(file, upfrontId);
+      var subject = createMediaSubject();
+      getFileStreamsCache().set(id, subject);
+
+      var onProgress = function onProgress(progress) {
+        subject.next(_objectSpread(_objectSpread({
+          status: 'uploading'
+        }, stateBase), {}, {
+          progress: progress
+        }));
+      };
+
+      var processingSubscription = new Subscription();
+
+      var onUploadFinish = function onUploadFinish(error) {
+        if (error) {
+          return subject.error(error);
+        }
+
+        processingSubscription = _this4.createDownloadFileStream(id, collection, occurrenceKey).pipe(map(function (remoteFileState) {
+          return _objectSpread(_objectSpread(_objectSpread({}, stateBase), remoteFileState), overrideMediaTypeIfUnknown(remoteFileState, stateBase.mediaType));
+        })).subscribe(subject);
+      };
+
+      var _uploadFile = uploadFile(file, this.mediaStore, upfrontId, {
+        onUploadFinish: onUploadFinish,
+        onProgress: onProgress
+      }, traceContext),
+          cancel = _uploadFile.cancel;
+
+      controller === null || controller === void 0 ? void 0 : controller.setAbort(function () {
+        cancel(); // TODO: filestate should turn to "Aborted" or something.
+        // Consider canceling an upload that is already finished
+
+        processingSubscription.unsubscribe();
+      }); // We should report progress asynchronously, since this is what consumer expects
+      // (otherwise in newUploadService file-converting event will be emitted before files-added)
+
+      setTimeout(onProgress, 0, 0);
+      return fromObservable(subject);
+    }
+  }, {
+    key: "uploadConditionallyPullFileStates",
+    value: function uploadConditionallyPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext) {
+      var _this5 = this;
+
       if (typeof file.content === 'string') {
         file.content = convertBase64ToBlob(file.content);
       }
 
       var content = file.content,
-          _file$name = file.name,
-          name = _file$name === void 0 ? '' : _file$name,
+          _file$name2 = file.name,
+          name = _file$name2 === void 0 ? '' : _file$name2,
           collection = file.collection;
 
       if (!uploadableFileUpfrontIds) {
@@ -400,7 +493,7 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
 
         processingSubscription.add(shouldFetchRemoteFileStatesObservable(mediaType, mimeType, preview).pipe(concatMap(function (shouldFetchRemoteFileStates) {
           if (shouldFetchRemoteFileStates) {
-            return _this4.createDownloadFileStream(id, collection, occurrenceKey).pipe(map(function (remoteFileState) {
+            return _this5.createDownloadFileStream(id, collection, occurrenceKey).pipe(map(function (remoteFileState) {
               return _objectSpread(_objectSpread(_objectSpread({}, stateBase), remoteFileState), overrideMediaTypeIfUnknown(remoteFileState, mediaType));
             }));
           }
@@ -412,11 +505,11 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
         })).subscribe(subject));
       };
 
-      var _uploadFile = uploadFile(file, this.mediaStore, uploadableFileUpfrontIds, {
+      var _uploadFile2 = uploadFile(file, this.mediaStore, uploadableFileUpfrontIds, {
         onUploadFinish: onUploadFinish,
         onProgress: onProgress
       }, traceContext),
-          cancel = _uploadFile.cancel;
+          cancel = _uploadFile2.cancel;
 
       getFileStreamsCache().set(id, subject); // We should report progress asynchronously, since this is what consumer expects
       // (otherwise in newUploadService file-converting event will be emitted before files-added)
@@ -433,6 +526,17 @@ export var FileFetcherImpl = /*#__PURE__*/function () {
       }
 
       return fromObservable(subject);
+    }
+  }, {
+    key: "upload",
+    value: function upload(file, controller, uploadableFileUpfrontIds, traceContext) {
+      var shouldAlwaysFetchFileState = getMediaFeatureFlag('fetchFileStateAfterUpload', this.featureFlags);
+
+      if (shouldAlwaysFetchFileState) {
+        return this.uploadAwlaysPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext);
+      }
+
+      return this.uploadConditionallyPullFileStates(file, controller, uploadableFileUpfrontIds, traceContext);
     } // TODO: ----- ADD TICKET
 
   }, {

package/dist/esm/client/media-client.js

@@ -21,7 +21,7 @@ export var MediaClient = /*#__PURE__*/function () {
     }, featureFlags);
     this.config = mediaClientConfig;
     this.collection = new CollectionFetcher(this.mediaStore);
-    this.file = new FileFetcherImpl(this.mediaStore);
+    this.file = new FileFetcherImpl(this.mediaStore, featureFlags);
     this.eventEmitter = new EventEmitter2();
     this.stargate = new StargateClient(mediaClientConfig.stargateBaseUrl);
   }

package/dist/esm/client/media-store/index.js

@@ -200,22 +200,12 @@ export var MediaStore = /*#__PURE__*/function () {
   }, {
     key: "uploadChunk",
     value: function () {
-      var _uploadChunk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(etag, blob) {
-        var _ref,
-            collectionName,
-            uploadId,
-            partNumber,
-            traceContext,
-            metadata,
-            options,
-            _args3 = arguments;
-
+      var _uploadChunk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(etag, blob, uploadId, partNumber, collectionName, traceContext) {
+        var metadata, options;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                _ref = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : {}, collectionName = _ref.collectionName, uploadId = _ref.uploadId, partNumber = _ref.partNumber;
-                traceContext = _args3.length > 3 ? _args3[3] : undefined;
                 metadata = {
                   method: 'PUT',
                   endpoint: '/chunk/{etag}'
@@ -231,10 +221,10 @@ export var MediaStore = /*#__PURE__*/function () {
                   body: blob,
                   traceContext: traceContext
                 });
-                _context3.next = 6;
+                _context3.next = 4;
                 return this.request("/chunk/".concat(etag), options);
 
-              case 6:
+              case 4:
               case "end":
                 return _context3.stop();
             }
@@ -242,7 +232,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee3, this);
       }));
 
-      function uploadChunk(_x8, _x9) {
+      function uploadChunk(_x8, _x9, _x10, _x11, _x12, _x13) {
         return _uploadChunk.apply(this, arguments);
       }
 
@@ -250,12 +240,7 @@ export var MediaStore = /*#__PURE__*/function () {
     }()
   }, {
     key: "probeChunks",
-    value: function probeChunks(chunks) {
-      var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          collectionName = _ref2.collectionName,
-          uploadId = _ref2.uploadId;
-
-      var traceContext = arguments.length > 2 ? arguments[2] : undefined;
+    value: function probeChunks(chunks, uploadId, collectionName, traceContext) {
       var metadata = {
         method: 'POST',
         endpoint: '/chunk/probe'
@@ -344,13 +329,13 @@ export var MediaStore = /*#__PURE__*/function () {
     key: "getFileImageURL",
     value: function () {
       var _getFileImageURL = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id, params) {
-        var _ref3, collectionName, auth;
+        var _ref, collectionName, auth;
 
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
             switch (_context4.prev = _context4.next) {
               case 0:
-                _ref3 = params || {}, collectionName = _ref3.collection;
+                _ref = params || {}, collectionName = _ref.collection;
                 _context4.next = 3;
                 return this.resolveAuth({
                   collectionName: collectionName
@@ -368,7 +353,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee4, this);
       }));
 
-      function getFileImageURL(_x10, _x11) {
+      function getFileImageURL(_x14, _x15) {
         return _getFileImageURL.apply(this, arguments);
       }
 
@@ -424,7 +409,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee5, this);
       }));
 
-      function getFileBinaryURL(_x12, _x13) {
+      function getFileBinaryURL(_x16, _x17) {
         return _getFileBinaryURL.apply(this, arguments);
       }
 
@@ -473,7 +458,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee6, this);
       }));
 
-      function getArtifactURL(_x14, _x15, _x16) {
+      function getArtifactURL(_x18, _x19, _x20) {
         return _getArtifactURL.apply(this, arguments);
       }
 
@@ -518,7 +503,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee7, this);
       }));
 
-      function getImage(_x17, _x18, _x19, _x20, _x21) {
+      function getImage(_x21, _x22, _x23, _x24, _x25) {
         return _getImage.apply(this, arguments);
       }
 
@@ -564,7 +549,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee8, this);
       }));
 
-      function getItems(_x22, _x23, _x24) {
+      function getItems(_x26, _x27, _x28) {
         return _getItems.apply(this, arguments);
       }
 
@@ -600,7 +585,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee9, this);
       }));
 
-      function getImageMetadata(_x25, _x26, _x27) {
+      function getImageMetadata(_x29, _x30, _x31) {
         return _getImageMetadata.apply(this, arguments);
       }
 
@@ -638,7 +623,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee10, this);
       }));
 
-      function appendChunksToUpload(_x28, _x29, _x30, _x31) {
+      function appendChunksToUpload(_x32, _x33, _x34, _x35) {
         return _appendChunksToUpload.apply(this, arguments);
       }
 
@@ -730,7 +715,7 @@ export var MediaStore = /*#__PURE__*/function () {
         }, _callee11, this);
       }));
 
-      function request(_x32) {
+      function request(_x36) {
         return _request2.apply(this, arguments);
       }
 

package/dist/esm/uploader/index.js

@@ -45,28 +45,24 @@ var createProbingFunction = function createProbingFunction(store, deferredUpload
             case 0:
               _context2.t0 = store;
               _context2.t1 = hashedChunks(chunks);
-              _context2.t2 = collectionName;
-              _context2.next = 5;
+              _context2.next = 4;
               return deferredUploadId;
 
-            case 5:
-              _context2.t3 = _context2.sent;
-              _context2.t4 = {
-                collectionName: _context2.t2,
-                uploadId: _context2.t3
-              };
-              _context2.t5 = traceContext;
-              _context2.next = 10;
-              return _context2.t0.probeChunks.call(_context2.t0, _context2.t1, _context2.t4, _context2.t5);
+            case 4:
+              _context2.t2 = _context2.sent;
+              _context2.t3 = collectionName;
+              _context2.t4 = traceContext;
+              _context2.next = 9;
+              return _context2.t0.probeChunks.call(_context2.t0, _context2.t1, _context2.t2, _context2.t3, _context2.t4);
 
-            case 10:
+            case 9:
               response = _context2.sent;
               results = response.data.results;
               return _context2.abrupt("return", Object.values(results).map(function (result) {
                 return result.exists;
               }));
 
-            case 13:
+            case 12:
             case "end":
               return _context2.stop();
           }
@@ -90,26 +86,21 @@ var createUploadingFunction = function createUploadingFunction(store, deferredUp
               _context3.t0 = store;
               _context3.t1 = chunk.hash;
               _context3.t2 = chunk.blob;
-              _context3.t3 = collectionName;
-              _context3.t4 = chunk.partNumber;
-              _context3.next = 7;
+              _context3.next = 5;
               return deferredUploadId;
 
-            case 7:
-              _context3.t5 = _context3.sent;
-              _context3.t6 = {
-                collectionName: _context3.t3,
-                partNumber: _context3.t4,
-                uploadId: _context3.t5
-              };
-              _context3.t7 = traceContext;
-              _context3.next = 12;
-              return _context3.t0.uploadChunk.call(_context3.t0, _context3.t1, _context3.t2, _context3.t6, _context3.t7);
+            case 5:
+              _context3.t3 = _context3.sent;
+              _context3.t4 = chunk.partNumber;
+              _context3.t5 = collectionName;
+              _context3.t6 = traceContext;
+              _context3.next = 11;
+              return _context3.t0.uploadChunk.call(_context3.t0, _context3.t1, _context3.t2, _context3.t3, _context3.t4, _context3.t5, _context3.t6);
 
-            case 12:
+            case 11:
               return _context3.abrupt("return", _context3.sent);
 
-            case 13:
+            case 12:
             case "end":
               return _context3.stop();
           }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-client",
-	"version": "19.1.1",
+	"version": "20.0.1",
 	"sideEffects": false
 }

package/dist/types/client/file-fetcher/index.d.ts

@@ -8,7 +8,7 @@ import { MediaFileArtifacts } from '../../models/artifacts';
 import { UploadController } from '../../upload-controller';
 import { MediaSubscribable } from '../../utils/mediaSubscribable';
 import { Dimensions } from '../../utils/getDimensionsFromBlob';
-import { MediaTraceContext } from '@atlaskit/media-common';
+import { MediaFeatureFlags, MediaTraceContext } from '@atlaskit/media-common';
 export type { FileFetcherErrorAttributes, FileFetcherErrorReason, } from './error';
 export { isFileFetcherError, FileFetcherError } from './error';
 export interface CopySourceFile {
@@ -41,8 +41,9 @@ export interface FileFetcher {
 }
 export declare class FileFetcherImpl implements FileFetcher {
     private readonly mediaStore;
+    private readonly featureFlags?;
     private readonly dataloader;
-    constructor(mediaStore: MediaStore);
+    constructor(mediaStore: MediaStore, featureFlags?: MediaFeatureFlags | undefined);
     getFileState(id: string, options?: GetFileOptions): MediaSubscribable<FileState>;
     getCurrentState(id: string, options?: GetFileOptions): Promise<FileState>;
     getArtifactURL(artifacts: MediaFileArtifacts, artifactName: keyof MediaFileArtifacts, collectionName?: string): Promise<string>;
@@ -51,6 +52,9 @@ export declare class FileFetcherImpl implements FileFetcher {
     touchFiles(descriptors: TouchFileDescriptor[], collection?: string, traceContext?: MediaTraceContext): Promise<TouchedFiles>;
     private generateUploadableFileUpfrontIds;
     uploadExternal(url: string, collection?: string, traceContext?: MediaTraceContext): Promise<ExternalUploadPayload>;
+    private getUploadingFileStateBase;
+    private uploadAwlaysPullFileStates;
+    private uploadConditionallyPullFileStates;
     upload(file: UploadableFile, controller?: UploadController, uploadableFileUpfrontIds?: UploadableFileUpfrontIds, traceContext?: MediaTraceContext): MediaSubscribable<FileState>;
     downloadBinary(id: string, name?: string, collectionName?: string): Promise<void>;
     copyFile(source: CopySourceFile, destination: CopyDestination, options?: CopyFileOptions, traceContext?: MediaTraceContext): Promise<MediaFile>;

package/dist/types/client/media-store/index.d.ts

@@ -12,15 +12,8 @@ export declare class MediaStore {
     getCollectionItems(collectionName: string, params?: MediaStoreGetCollectionItemsParams, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaCollectionItems>>;
     removeCollectionFile(id: string, collectionName: string, occurrenceKey?: string, traceContext?: MediaTraceContext): Promise<void>;
     createUpload(createUpTo?: number, collectionName?: string, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaUpload[]>>;
-    uploadChunk(etag: string, blob: Blob, { collectionName, uploadId, partNumber, }?: {
-        collectionName?: string;
-        uploadId?: string;
-        partNumber?: number;
-    }, traceContext?: MediaTraceContext): Promise<void>;
-    probeChunks(chunks: string[], { collectionName, uploadId, }?: {
-        collectionName?: string;
-        uploadId?: string;
-    }, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaChunksProbe>>;
+    uploadChunk(etag: string, blob: Blob, uploadId: string, partNumber: number, collectionName?: string, traceContext?: MediaTraceContext): Promise<void>;
+    probeChunks(chunks: string[], uploadId: string, collectionName?: string, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaChunksProbe>>;
     createFileFromUpload(body: MediaStoreCreateFileFromUploadBody, params?: MediaStoreCreateFileFromUploadParams, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaFile>>;
     touchFiles(body: MediaStoreTouchFileBody, params?: MediaStoreTouchFileParams, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<TouchedFiles>>;
     getFile(fileId: string, params?: MediaStoreGetFileParams, traceContext?: MediaTraceContext): Promise<MediaStoreResponse<MediaFile>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-client",
-  "version": "19.1.1",
+  "version": "20.0.1",
   "description": "Media API Web Client Library",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@atlaskit/chunkinator": "^4.1.0",
-    "@atlaskit/media-common": "^2.18.0",
+    "@atlaskit/media-common": "^2.19.0",
     "@babel/runtime": "^7.0.0",
     "dataloader": "^2.0.0",
     "deep-equal": "^1.0.1",
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/media-card": "^74.4.0",
+    "@atlaskit/media-card": "^74.5.0",
     "@atlaskit/media-core": "^34.0.0",
     "@atlaskit/media-test-helpers": "^30.1.0",
     "@atlaskit/ssr": "*",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -360,7 +361,10 @@ export type FileFetcherErrorReason =
 
 // @public (undocumented)
 export class FileFetcherImpl implements FileFetcher {
-  constructor(mediaStore: MediaStore);
+  constructor(
+    mediaStore: MediaStore,
+    featureFlags?: MediaFeatureFlags | undefined,
+  );
   // (undocumented)
   copyFile(
     source: CopySourceFile,
@@ -1024,13 +1028,8 @@ export class MediaStore {
   // (undocumented)
   probeChunks(
     chunks: string[],
-    {
-      collectionName,
-      uploadId,
-    }?: {
-      collectionName?: string;
-      uploadId?: string;
-    },
+    uploadId: string,
+    collectionName?: string,
     traceContext?: MediaTraceContext,
   ): Promise<MediaStoreResponse<MediaChunksProbe>>;
   // (undocumented)
@@ -1060,15 +1059,9 @@ export class MediaStore {
   uploadChunk(
     etag: string,
     blob: Blob,
-    {
-      collectionName,
-      uploadId,
-      partNumber,
-    }?: {
-      collectionName?: string;
-      uploadId?: string;
-      partNumber?: number;
-    },
+    uploadId: string,
+    partNumber: number,
+    collectionName?: string,
     traceContext?: MediaTraceContext,
   ): Promise<void>;
 }
@@ -1718,3 +1711,17 @@ export type WithMediaClientFunction = <P extends WithMediaClient>(
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "@atlaskit/media-core": "^34.0.1",
+  "@emotion/react": "^11.7.1",
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->