@atlaskit/media-picker 64.0.1 → 64.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-picker
 
+## 64.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 64.1.0
+
+### Minor Changes
+
+- [`3d40d5e9b37`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d40d5e9b37) - Add traceId for media picker when uploading file(s)
+- [`9ba2183f9e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9ba2183f9e6) - Updated Media-Picker documentation with new tab structure and simpler usage example
+- [`0bccac57db6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0bccac57db6) - remove mediaUploadApiV2 Feature flag
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 64.0.1
 
 ### Patch Changes

package/dist/cjs/components/browser/browser.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BrowserBase = exports.Browser = void 0;
+exports.default = exports.BrowserBase = exports.Browser = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -181,6 +181,8 @@ exports.BrowserBase = BrowserBase;
 (0, _defineProperty2.default)(BrowserBase, "defaultProps", {
   config: defaultConfig
 });
+var _default = BrowserBase;
+exports.default = _default;
 var Browser = (0, _mediaCommon.withMediaAnalyticsContext)((0, _analytics.getPackageAttributes)(COMPONENT_NAME), {
   filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()(BrowserBase));

package/dist/cjs/components/clipboard/clipboard.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFilesFromClipboard = exports.ClipboardBase = exports.Clipboard = void 0;
+exports.getFilesFromClipboard = exports.default = exports.ClipboardBase = exports.Clipboard = void 0;
 
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
@@ -199,6 +199,8 @@ exports.ClipboardBase = ClipboardBase;
 (0, _defineProperty2.default)(ClipboardBase, "defaultProps", {
   config: defaultConfig
 });
+var _default = ClipboardBase;
+exports.default = _default;
 var Clipboard = (0, _mediaCommon.withMediaAnalyticsContext)((0, _analytics.getPackageAttributes)(COMPONENT_NAME), {
   filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()(ClipboardBase));

package/dist/cjs/components/component.js

@@ -49,9 +49,10 @@ var UploadComponent = /*#__PURE__*/function (_GenericEventEmitter) {
     }
   }, {
     key: "emitUploadsStart",
-    value: function emitUploadsStart(files) {
+    value: function emitUploadsStart(files, traceContext) {
       this.emit('uploads-start', {
-        files: files
+        files: files,
+        traceContext: traceContext
       });
     }
   }, {
@@ -64,17 +65,19 @@ var UploadComponent = /*#__PURE__*/function (_GenericEventEmitter) {
     }
   }, {
     key: "emitUploadEnd",
-    value: function emitUploadEnd(file) {
+    value: function emitUploadEnd(file, traceContext) {
       this.emit('upload-end', {
-        file: file
+        file: file,
+        traceContext: traceContext
       });
     }
   }, {
     key: "emitUploadError",
-    value: function emitUploadError(fileId, error) {
+    value: function emitUploadError(fileId, error, traceContext) {
       this.emit('upload-error', {
         fileId: fileId,
-        error: error
+        error: error,
+        traceContext: traceContext
       });
     }
   }]);

package/dist/cjs/components/dropzone/dropzone.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DropzoneBase = exports.Dropzone = void 0;
+exports.default = exports.DropzoneBase = exports.Dropzone = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -381,6 +381,8 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
 }(_localUploadReact.LocalUploadComponentReact);
 
 exports.DropzoneBase = DropzoneBase;
+var _default = DropzoneBase;
+exports.default = _default;
 var Dropzone = (0, _mediaCommon.withMediaAnalyticsContext)((0, _analytics.getPackageAttributes)(COMPONENT_NAME), {
   filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()(DropzoneBase));

package/dist/cjs/components/localUploadReact.js

@@ -57,7 +57,9 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uploadComponent", new _component.UploadComponent());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireCommencedEvent", function (payload) {
-      payload.files.forEach(function (_ref) {
+      var files = payload.files,
+          traceContext = payload.traceContext;
+      files.forEach(function (_ref) {
         var fileId = _ref.id,
             fileSize = _ref.size,
             fileMimetype = _ref.type;
@@ -75,7 +77,8 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
               fileId: fileId,
               fileSize: fileSize,
               fileMimetype: fileMimetype
-            }
+            },
+            traceContext: traceContext
           }
         });
 
@@ -86,7 +89,8 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
       var _payload$file = payload.file,
           fileId = _payload$file.id,
           fileSize = _payload$file.size,
-          fileMimetype = _payload$file.type;
+          fileMimetype = _payload$file.type,
+          traceContext = payload.traceContext;
 
       var _end = (0, _perfMarks.end)("MediaPicker.fireUpload.".concat(fileId)),
           _end$duration = _end.duration,
@@ -106,7 +110,8 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
             fileSize: fileSize,
             fileMimetype: fileMimetype
           },
-          uploadDurationMsec: uploadDurationMsec
+          uploadDurationMsec: uploadDurationMsec,
+          traceContext: traceContext
         }
       });
 
@@ -118,13 +123,13 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireUploadFailed", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
-        var fileId, _payload$error, errorName, rawError, _end2, _end2$duration, uploadDurationMsec;
+        var fileId, _payload$error, errorName, rawError, traceContext, _end2, _end2$duration, uploadDurationMsec;
 
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError;
+                fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
                 _end2 = (0, _perfMarks.end)("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
 
                 _this.createAndFireAnalyticsEvent({
@@ -142,7 +147,8 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
                     fileAttributes: {
                       fileId: fileId
                     },
-                    uploadDurationMsec: uploadDurationMsec
+                    uploadDurationMsec: uploadDurationMsec,
+                    traceContext: traceContext
                   }
                 });
 
@@ -179,9 +185,10 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
       _this.uploadService.cancel(uniqueIdentifier);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilesAdded", function (_ref3) {
-      var files = _ref3.files;
+      var files = _ref3.files,
+          traceContext = _ref3.traceContext;
 
-      _this.uploadComponent.emitUploadsStart(files);
+      _this.uploadComponent.emitUploadsStart(files, traceContext);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilePreviewUpdate", function (_ref4) {
       var file = _ref4.file,
@@ -190,15 +197,17 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
       _this.uploadComponent.emitUploadPreviewUpdate(file, preview);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileConverting", function (_ref5) {
-      var file = _ref5.file;
+      var file = _ref5.file,
+          traceContext = _ref5.traceContext;
 
-      _this.uploadComponent.emitUploadEnd(file);
+      _this.uploadComponent.emitUploadEnd(file, traceContext);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onUploadError", function (_ref6) {
       var fileId = _ref6.fileId,
-          error = _ref6.error;
+          error = _ref6.error,
+          traceContext = _ref6.traceContext;
 
-      _this.uploadComponent.emitUploadError(fileId, error);
+      _this.uploadComponent.emitUploadError(fileId, error, traceContext);
     });
     _this.componentName = componentName;
     var _this$props = _this.props,

package/dist/cjs/service/uploadServiceImpl.js

@@ -31,6 +31,8 @@ var _types = require("../service/types");
 
 var _getPreviewFromBlob = require("../util/getPreviewFromBlob");
 
+var _mediaCommon = require("@atlaskit/media-common");
+
 var UploadServiceImpl = /*#__PURE__*/function () {
   function UploadServiceImpl(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
     var _this = this;
@@ -40,7 +42,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
       _this.emitter.emit(event, payload);
     });
     (0, _defineProperty2.default)(this, "onFileSuccess", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(cancellableFileUpload, fileId) {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(cancellableFileUpload, fileId, traceContext) {
         var mediaFile;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
@@ -49,7 +51,8 @@ var UploadServiceImpl = /*#__PURE__*/function () {
                 mediaFile = cancellableFileUpload.mediaFile;
 
                 _this.emit('file-converting', {
-                  file: mediaFile
+                  file: mediaFile,
+                  traceContext: traceContext
                 });
 
                 cancellableFileUpload.cancel = function () {
@@ -64,11 +67,11 @@ var UploadServiceImpl = /*#__PURE__*/function () {
         }, _callee);
       }));
 
-      return function (_x, _x2) {
+      return function (_x, _x2, _x3) {
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)(this, "onFileError", function (mediaFile, name, error) {
+    (0, _defineProperty2.default)(this, "onFileError", function (mediaFile, name, error, traceContext) {
       _this.releaseCancellableFile(mediaFile);
 
       if (error === 'canceled') {
@@ -87,7 +90,8 @@ var UploadServiceImpl = /*#__PURE__*/function () {
           name: name,
           description: description,
           rawError: rawError
-        }
+        },
+        traceContext: traceContext
       });
     });
     this.tenantMediaClient = tenantMediaClient;
@@ -158,7 +162,10 @@ var UploadServiceImpl = /*#__PURE__*/function () {
         });
       }
 
-      var promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection);
+      var traceContext = {
+        traceId: (0, _mediaCommon.getRandomHex)(8)
+      };
+      var promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);
       var cancellableFileUploads = files.map(function (fileWithSource, i) {
         var file = fileWithSource.file,
             source = fileWithSource.source;
@@ -182,7 +189,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
             var requestError = error;
 
             if (requestError.metadata && requestError.metadata.statusCode === 409) {
-              return mediaClient.mediaStore.createUpload(1, collection).then(function (res) {
+              return mediaClient.mediaStore.createUpload(1, collection, traceContext).then(function (res) {
                 return res.data[0].id;
               });
             }
@@ -204,7 +211,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
 
         var controller = _this2.createUploadController();
 
-        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds);
+        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
         var mediaFile = {
           id: id,
           name: file.name,
@@ -236,11 +243,11 @@ var UploadServiceImpl = /*#__PURE__*/function () {
                 _mediaClient.globalMediaEventEmitter.emit('file-added', state);
               }
 
-              onFileSuccess(cancellableFileUpload, id);
+              onFileSuccess(cancellableFileUpload, id, traceContext);
             }
           },
           error: function error(_error) {
-            _this2.onFileError(mediaFile, 'upload_fail', _error);
+            _this2.onFileError(mediaFile, 'upload_fail', _error, traceContext);
           }
         });
         _this2.cancellableFilesUploads[id] = cancellableFileUpload;
@@ -250,7 +257,8 @@ var UploadServiceImpl = /*#__PURE__*/function () {
         return cancellableFileUpload.mediaFile;
       });
       this.emit('files-added', {
-        files: mediaFiles
+        files: mediaFiles,
+        traceContext: traceContext
       });
       this.emitPreviews(cancellableFileUploads);
     }

package/dist/cjs/util/analytics.js

@@ -18,11 +18,10 @@ var relevantFlags = {
   observedWidth: false,
   mediaInline: false,
   folderUploads: true,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "64.0.1";
+var packageVersion = "64.1.1";
 var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
 exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
 var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);

package/dist/cjs/util/ufoExperiences.js

@@ -20,7 +20,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 packageName = "@atlaskit/media-picker";
-var packageVersion = "64.0.1";
+var packageVersion = "64.1.1";
 var ufoExperience;
 
 var initExperience = function initExperience(id, componentName) {

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "64.0.1"
+	"version": "64.1.1"
 }

package/dist/es2019/components/browser/browser.js

@@ -152,6 +152,7 @@ _defineProperty(BrowserBase, "defaultProps", {
   config: defaultConfig
 });
 
+export default BrowserBase;
 export const Browser = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
   filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(BrowserBase));

package/dist/es2019/components/clipboard/clipboard.js

@@ -146,6 +146,7 @@ _defineProperty(ClipboardBase, "defaultProps", {
   config: defaultConfig
 });
 
+export default ClipboardBase;
 export const Clipboard = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
   filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(ClipboardBase));

package/dist/es2019/components/component.js

@@ -13,9 +13,10 @@ export class UploadComponent extends GenericEventEmitter {
     this.emit('plugin-items-inserted', payload);
   }
 
-  emitUploadsStart(files) {
+  emitUploadsStart(files, traceContext) {
     this.emit('uploads-start', {
-      files
+      files,
+      traceContext
     });
   }
 
@@ -26,16 +27,18 @@ export class UploadComponent extends GenericEventEmitter {
     });
   }
 
-  emitUploadEnd(file) {
+  emitUploadEnd(file, traceContext) {
     this.emit('upload-end', {
-      file
+      file,
+      traceContext
     });
   }
 
-  emitUploadError(fileId, error) {
+  emitUploadError(fileId, error, traceContext) {
     this.emit('upload-error', {
       fileId,
-      error
+      error,
+      traceContext
     });
   }
 

package/dist/es2019/components/dropzone/dropzone.js

@@ -280,6 +280,7 @@ export class DropzoneBase extends LocalUploadComponentReact {
   }
 
 }
+export default DropzoneBase;
 export const Dropzone = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
   filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(DropzoneBase));

package/dist/es2019/components/localUploadReact.js

@@ -14,7 +14,11 @@ export class LocalUploadComponentReact extends Component {
     _defineProperty(this, "uploadComponent", new UploadComponent());
 
     _defineProperty(this, "fireCommencedEvent", payload => {
-      payload.files.forEach(({
+      const {
+        files,
+        traceContext
+      } = payload;
+      files.forEach(({
         id: fileId,
         size: fileSize,
         type: fileMimetype
@@ -32,7 +36,8 @@ export class LocalUploadComponentReact extends Component {
               fileId,
               fileSize,
               fileMimetype
-            }
+            },
+            traceContext
           }
         });
         startMediaUploadUfoExperience(fileId, this.componentName);
@@ -45,7 +50,8 @@ export class LocalUploadComponentReact extends Component {
           id: fileId,
           size: fileSize,
           type: fileMimetype
-        }
+        },
+        traceContext
       } = payload;
       const {
         duration: uploadDurationMsec = -1
@@ -64,7 +70,8 @@ export class LocalUploadComponentReact extends Component {
             fileSize,
             fileMimetype
           },
-          uploadDurationMsec
+          uploadDurationMsec,
+          traceContext
         }
       });
       succeedMediaUploadUfoExperience(fileId, {
@@ -80,7 +87,8 @@ export class LocalUploadComponentReact extends Component {
         error: {
           name: errorName,
           rawError
-        }
+        },
+        traceContext
       } = payload;
       const {
         duration: uploadDurationMsec = -1
@@ -100,7 +108,8 @@ export class LocalUploadComponentReact extends Component {
           fileAttributes: {
             fileId
           },
-          uploadDurationMsec
+          uploadDurationMsec,
+          traceContext
         }
       });
       failMediaUploadUfoExperience(fileId, {
@@ -129,9 +138,10 @@ export class LocalUploadComponentReact extends Component {
     });
 
     _defineProperty(this, "onFilesAdded", ({
-      files
+      files,
+      traceContext
     }) => {
-      this.uploadComponent.emitUploadsStart(files);
+      this.uploadComponent.emitUploadsStart(files, traceContext);
     });
 
     _defineProperty(this, "onFilePreviewUpdate", ({
@@ -142,16 +152,18 @@ export class LocalUploadComponentReact extends Component {
     });
 
     _defineProperty(this, "onFileConverting", ({
-      file
+      file,
+      traceContext
     }) => {
-      this.uploadComponent.emitUploadEnd(file);
+      this.uploadComponent.emitUploadEnd(file, traceContext);
     });
 
     _defineProperty(this, "onUploadError", ({
       fileId,
-      error
+      error,
+      traceContext
     }) => {
-      this.uploadComponent.emitUploadError(fileId, error);
+      this.uploadComponent.emitUploadError(fileId, error, traceContext);
     });
 
     this.componentName = componentName;

package/dist/es2019/service/uploadServiceImpl.js

@@ -6,18 +6,20 @@ import { EventEmitter2 } from 'eventemitter2';
 import { getPreviewFromImage } from '../util/getPreviewFromImage';
 import { LocalFileSource } from '../service/types';
 import { getPreviewFromBlob } from '../util/getPreviewFromBlob';
+import { getRandomHex } from '@atlaskit/media-common';
 export class UploadServiceImpl {
   constructor(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
     _defineProperty(this, "emit", (event, payload) => {
       this.emitter.emit(event, payload);
     });
 
-    _defineProperty(this, "onFileSuccess", async (cancellableFileUpload, fileId) => {
+    _defineProperty(this, "onFileSuccess", async (cancellableFileUpload, fileId, traceContext) => {
       const {
         mediaFile
       } = cancellableFileUpload;
       this.emit('file-converting', {
-        file: mediaFile
+        file: mediaFile,
+        traceContext
       });
 
       cancellableFileUpload.cancel = () => {
@@ -25,7 +27,7 @@ export class UploadServiceImpl {
       };
     });
 
-    _defineProperty(this, "onFileError", (mediaFile, name, error) => {
+    _defineProperty(this, "onFileError", (mediaFile, name, error, traceContext) => {
       this.releaseCancellableFile(mediaFile);
 
       if (error === 'canceled') {
@@ -43,7 +45,8 @@ export class UploadServiceImpl {
           name,
           description,
           rawError
-        }
+        },
+        traceContext
       });
     });
 
@@ -109,7 +112,10 @@ export class UploadServiceImpl {
       });
     }
 
-    const promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection);
+    const traceContext = {
+      traceId: getRandomHex(8)
+    };
+    const promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);
     const cancellableFileUploads = files.map((fileWithSource, i) => {
       const {
         file,
@@ -134,7 +140,7 @@ export class UploadServiceImpl {
           const requestError = error;
 
           if (requestError.metadata && requestError.metadata.statusCode === 409) {
-            return mediaClient.mediaStore.createUpload(1, collection).then(res => {
+            return mediaClient.mediaStore.createUpload(1, collection, traceContext).then(res => {
               return res.data[0].id;
             });
           }
@@ -154,7 +160,7 @@ export class UploadServiceImpl {
         deferredUploadId
       };
       const controller = this.createUploadController();
-      const sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds);
+      const sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
       const mediaFile = {
         id,
         name: file.name,
@@ -183,12 +189,12 @@ export class UploadServiceImpl {
               globalMediaEventEmitter.emit('file-added', state);
             }
 
-            onFileSuccess(cancellableFileUpload, id);
+            onFileSuccess(cancellableFileUpload, id, traceContext);
           }
         },
 
         error: error => {
-          this.onFileError(mediaFile, 'upload_fail', error);
+          this.onFileError(mediaFile, 'upload_fail', error, traceContext);
         }
       });
       this.cancellableFilesUploads[id] = cancellableFileUpload;
@@ -196,7 +202,8 @@ export class UploadServiceImpl {
     });
     const mediaFiles = cancellableFileUploads.map(cancellableFileUpload => cancellableFileUpload.mediaFile);
     this.emit('files-added', {
-      files: mediaFiles
+      files: mediaFiles,
+      traceContext
     });
     this.emitPreviews(cancellableFileUploads);
   }

package/dist/es2019/util/analytics.js

@@ -8,11 +8,10 @@ const relevantFlags = {
   observedWidth: false,
   mediaInline: false,
   folderUploads: true,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "64.0.1";
+const packageVersion = "64.1.1";
 export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export function getPackageAttributes(componentName) {

package/dist/es2019/util/ufoExperiences.js

@@ -2,7 +2,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "64.0.1";
+const packageVersion = "64.1.1";
 let ufoExperience;
 
 const initExperience = (id, componentName) => {

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "64.0.1"
+	"version": "64.1.1"
 }

package/dist/esm/components/browser/browser.js

@@ -165,6 +165,7 @@ _defineProperty(BrowserBase, "defaultProps", {
   config: defaultConfig
 });
 
+export default BrowserBase;
 export var Browser = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
   filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(BrowserBase));

package/dist/esm/components/clipboard/clipboard.js

@@ -183,6 +183,7 @@ _defineProperty(ClipboardBase, "defaultProps", {
   config: defaultConfig
 });
 
+export default ClipboardBase;
 export var Clipboard = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
   filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(ClipboardBase));

package/dist/esm/components/component.js

@@ -36,9 +36,10 @@ export var UploadComponent = /*#__PURE__*/function (_GenericEventEmitter) {
     }
   }, {
     key: "emitUploadsStart",
-    value: function emitUploadsStart(files) {
+    value: function emitUploadsStart(files, traceContext) {
       this.emit('uploads-start', {
-        files: files
+        files: files,
+        traceContext: traceContext
       });
     }
   }, {
@@ -51,17 +52,19 @@ export var UploadComponent = /*#__PURE__*/function (_GenericEventEmitter) {
     }
   }, {
     key: "emitUploadEnd",
-    value: function emitUploadEnd(file) {
+    value: function emitUploadEnd(file, traceContext) {
       this.emit('upload-end', {
-        file: file
+        file: file,
+        traceContext: traceContext
       });
     }
   }, {
     key: "emitUploadError",
-    value: function emitUploadError(fileId, error) {
+    value: function emitUploadError(fileId, error, traceContext) {
       this.emit('upload-error', {
         fileId: fileId,
-        error: error
+        error: error,
+        traceContext: traceContext
       });
     }
   }]);

package/dist/esm/components/dropzone/dropzone.js

@@ -371,6 +371,7 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
 
   return DropzoneBase;
 }(LocalUploadComponentReact);
+export default DropzoneBase;
 export var Dropzone = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
   filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(DropzoneBase));

package/dist/esm/components/localUploadReact.js

@@ -35,7 +35,9 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "uploadComponent", new UploadComponent());
 
     _defineProperty(_assertThisInitialized(_this), "fireCommencedEvent", function (payload) {
-      payload.files.forEach(function (_ref) {
+      var files = payload.files,
+          traceContext = payload.traceContext;
+      files.forEach(function (_ref) {
         var fileId = _ref.id,
             fileSize = _ref.size,
             fileMimetype = _ref.type;
@@ -53,7 +55,8 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
               fileId: fileId,
               fileSize: fileSize,
               fileMimetype: fileMimetype
-            }
+            },
+            traceContext: traceContext
           }
         });
 
@@ -65,7 +68,8 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
       var _payload$file = payload.file,
           fileId = _payload$file.id,
           fileSize = _payload$file.size,
-          fileMimetype = _payload$file.type;
+          fileMimetype = _payload$file.type,
+          traceContext = payload.traceContext;
 
       var _end = end("MediaPicker.fireUpload.".concat(fileId)),
           _end$duration = _end.duration,
@@ -85,7 +89,8 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
             fileSize: fileSize,
             fileMimetype: fileMimetype
           },
-          uploadDurationMsec: uploadDurationMsec
+          uploadDurationMsec: uploadDurationMsec,
+          traceContext: traceContext
         }
       });
 
@@ -98,13 +103,13 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "fireUploadFailed", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
-        var fileId, _payload$error, errorName, rawError, _end2, _end2$duration, uploadDurationMsec;
+        var fileId, _payload$error, errorName, rawError, traceContext, _end2, _end2$duration, uploadDurationMsec;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError;
+                fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
                 _end2 = end("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
 
                 _this.createAndFireAnalyticsEvent({
@@ -122,7 +127,8 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
                     fileAttributes: {
                       fileId: fileId
                     },
-                    uploadDurationMsec: uploadDurationMsec
+                    uploadDurationMsec: uploadDurationMsec,
+                    traceContext: traceContext
                   }
                 });
 
@@ -162,9 +168,10 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onFilesAdded", function (_ref3) {
-      var files = _ref3.files;
+      var files = _ref3.files,
+          traceContext = _ref3.traceContext;
 
-      _this.uploadComponent.emitUploadsStart(files);
+      _this.uploadComponent.emitUploadsStart(files, traceContext);
     });
 
     _defineProperty(_assertThisInitialized(_this), "onFilePreviewUpdate", function (_ref4) {
@@ -175,16 +182,18 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onFileConverting", function (_ref5) {
-      var file = _ref5.file;
+      var file = _ref5.file,
+          traceContext = _ref5.traceContext;
 
-      _this.uploadComponent.emitUploadEnd(file);
+      _this.uploadComponent.emitUploadEnd(file, traceContext);
     });
 
     _defineProperty(_assertThisInitialized(_this), "onUploadError", function (_ref6) {
       var fileId = _ref6.fileId,
-          error = _ref6.error;
+          error = _ref6.error,
+          traceContext = _ref6.traceContext;
 
-      _this.uploadComponent.emitUploadError(fileId, error);
+      _this.uploadComponent.emitUploadError(fileId, error, traceContext);
     });
 
     _this.componentName = componentName;

package/dist/esm/service/uploadServiceImpl.js

@@ -10,6 +10,7 @@ import { EventEmitter2 } from 'eventemitter2';
 import { getPreviewFromImage } from '../util/getPreviewFromImage';
 import { LocalFileSource } from '../service/types';
 import { getPreviewFromBlob } from '../util/getPreviewFromBlob';
+import { getRandomHex } from '@atlaskit/media-common';
 export var UploadServiceImpl = /*#__PURE__*/function () {
   function UploadServiceImpl(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
     var _this = this;
@@ -21,7 +22,7 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "onFileSuccess", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(cancellableFileUpload, fileId) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(cancellableFileUpload, fileId, traceContext) {
         var mediaFile;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -30,7 +31,8 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
                 mediaFile = cancellableFileUpload.mediaFile;
 
                 _this.emit('file-converting', {
-                  file: mediaFile
+                  file: mediaFile,
+                  traceContext: traceContext
                 });
 
                 cancellableFileUpload.cancel = function () {
@@ -45,12 +47,12 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
         }, _callee);
       }));
 
-      return function (_x, _x2) {
+      return function (_x, _x2, _x3) {
         return _ref.apply(this, arguments);
       };
     }());
 
-    _defineProperty(this, "onFileError", function (mediaFile, name, error) {
+    _defineProperty(this, "onFileError", function (mediaFile, name, error, traceContext) {
       _this.releaseCancellableFile(mediaFile);
 
       if (error === 'canceled') {
@@ -69,7 +71,8 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
           name: name,
           description: description,
           rawError: rawError
-        }
+        },
+        traceContext: traceContext
       });
     });
 
@@ -141,7 +144,10 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
         });
       }
 
-      var promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection);
+      var traceContext = {
+        traceId: getRandomHex(8)
+      };
+      var promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);
       var cancellableFileUploads = files.map(function (fileWithSource, i) {
         var file = fileWithSource.file,
             source = fileWithSource.source;
@@ -165,7 +171,7 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
             var requestError = error;
 
             if (requestError.metadata && requestError.metadata.statusCode === 409) {
-              return mediaClient.mediaStore.createUpload(1, collection).then(function (res) {
+              return mediaClient.mediaStore.createUpload(1, collection, traceContext).then(function (res) {
                 return res.data[0].id;
               });
             }
@@ -187,7 +193,7 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
 
         var controller = _this2.createUploadController();
 
-        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds);
+        var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
         var mediaFile = {
           id: id,
           name: file.name,
@@ -218,11 +224,11 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
                 globalMediaEventEmitter.emit('file-added', state);
               }
 
-              onFileSuccess(cancellableFileUpload, id);
+              onFileSuccess(cancellableFileUpload, id, traceContext);
             }
           },
           error: function error(_error) {
-            _this2.onFileError(mediaFile, 'upload_fail', _error);
+            _this2.onFileError(mediaFile, 'upload_fail', _error, traceContext);
           }
         });
         _this2.cancellableFilesUploads[id] = cancellableFileUpload;
@@ -232,7 +238,8 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
         return cancellableFileUpload.mediaFile;
       });
       this.emit('files-added', {
-        files: mediaFiles
+        files: mediaFiles,
+        traceContext: traceContext
       });
       this.emitPreviews(cancellableFileUploads);
     }

package/dist/esm/util/analytics.js

@@ -8,11 +8,10 @@ var relevantFlags = {
   observedWidth: false,
   mediaInline: false,
   folderUploads: true,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "64.0.1";
+var packageVersion = "64.1.1";
 export var LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export var LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export function getPackageAttributes(componentName) {

package/dist/esm/util/ufoExperiences.js

@@ -8,7 +8,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "64.0.1";
+var packageVersion = "64.1.1";
 var ufoExperience;
 
 var initExperience = function initExperience(id, componentName) {

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "64.0.1"
+	"version": "64.1.1"
 }

package/dist/types/components/browser/browser.d.ts

@@ -3,6 +3,10 @@ import { BrowserConfig } from '../../types';
 import { LocalUploadComponentReact, LocalUploadComponentBaseProps } from '../localUploadReact';
 export interface BrowserOwnProps {
     config: BrowserConfig;
+    /**
+     * when true, the dialog will show when the component is rendered
+     * (NOTE: without this value, no dialog will appear unless you use the **onBrowserFn** hook)
+     */
     isOpen?: boolean;
     onClose?: () => void;
     /**
@@ -27,6 +31,7 @@ export declare class BrowserBase extends LocalUploadComponentReact<BrowserProps>
     browse: BrowseFn;
     render(): JSX.Element;
 }
+export default BrowserBase;
 export declare const Browser: React.ForwardRefExoticComponent<Pick<Pick<Omit<BrowserProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & Partial<Pick<Omit<BrowserProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
     config: BrowserConfig;
 }, never>> & React.RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "key" | "isOpen" | "onClose" | "onBrowseFn"> & React.RefAttributes<any>>;

package/dist/types/components/clipboard/clipboard.d.ts

@@ -32,7 +32,7 @@ export declare class ClipboardBase extends LocalUploadComponentReact<ClipboardPr
     componentWillUnmount(): void;
     render(): null;
 }
+export default ClipboardBase;
 export declare const Clipboard: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<ClipboardProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags"> & Partial<Pick<Omit<ClipboardProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "config">> & Partial<Pick<{
     config: ClipboardConfig;
 }, never>> & import("react").RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "key"> & import("react").RefAttributes<any>>;
-export {};

package/dist/types/components/component.d.ts

@@ -1,17 +1,18 @@
 import { MediaFile, Preview, MediaError, UploadEventPayloadMap } from '../types';
 import { GenericEventEmitter } from '../util/eventEmitter';
 import { SelectedItem } from '../popup/domain';
+import { MediaTraceContext } from '@atlaskit/media-common';
 export interface UploadEventEmitter {
     emitPluginItemsInserted(selectedPluginItems: SelectedItem[]): void;
-    emitUploadsStart(files: MediaFile[]): void;
+    emitUploadsStart(files: MediaFile[], traceContext?: MediaTraceContext): void;
     emitUploadPreviewUpdate(file: MediaFile, preview: Preview): void;
-    emitUploadEnd(file: MediaFile): void;
-    emitUploadError(fileId: string, error: MediaError): void;
+    emitUploadEnd(file: MediaFile, traceContext?: MediaTraceContext): void;
+    emitUploadError(fileId: string, error: MediaError, traceContext?: MediaTraceContext): void;
 }
 export declare class UploadComponent<M extends UploadEventPayloadMap> extends GenericEventEmitter<M> implements UploadEventEmitter {
     emitPluginItemsInserted(selectedPluginItems: SelectedItem[]): void;
-    emitUploadsStart(files: MediaFile[]): void;
+    emitUploadsStart(files: MediaFile[], traceContext?: MediaTraceContext): void;
     emitUploadPreviewUpdate(file: MediaFile, preview: Preview): void;
-    emitUploadEnd(file: MediaFile): void;
-    emitUploadError(fileId: string, error: MediaError): void;
+    emitUploadEnd(file: MediaFile, traceContext?: MediaTraceContext): void;
+    emitUploadError(fileId: string, error: MediaError, traceContext?: MediaTraceContext): void;
 }

package/dist/types/components/dropzone/dropzone.d.ts

@@ -33,4 +33,5 @@ export declare class DropzoneBase extends LocalUploadComponentReact<DropzoneProp
     private fireAnalyticsEvent;
     render(): null;
 }
+export default DropzoneBase;
 export declare const Dropzone: import("react").ForwardRefExoticComponent<Pick<Omit<DropzoneProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "mediaClient" | "config" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "onDrop" | "onDragEnter" | "onDragLeave" | "onCancelFn" | "key"> & import("react").RefAttributes<any>>;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import { RequestMetadata } from '@atlaskit/media-client';
-import { UIAttributes, UIEventPayload, OperationalAttributes, SuccessAttributes, FailureAttributes, OperationalEventPayload } from '@atlaskit/media-common';
+import { UIAttributes, UIEventPayload, OperationalAttributes, SuccessAttributes, FailureAttributes, OperationalEventPayload, MediaTraceContext } from '@atlaskit/media-common';
 import { LocalUploadConfig } from './components/types';
 import { PluginItemPayload } from './domain/plugin';
 export interface UploadParams {
@@ -26,6 +26,7 @@ export declare type ImagePreview = NonImagePreview & {
 export declare type Preview = NonImagePreview | ImagePreview;
 export declare type UploadsStartEventPayload = {
     readonly files: MediaFile[];
+    readonly traceContext?: MediaTraceContext;
 };
 export declare type UploadPreviewUpdateEventPayload = {
     readonly file: MediaFile & {
@@ -35,10 +36,12 @@ export declare type UploadPreviewUpdateEventPayload = {
 };
 export declare type UploadEndEventPayload = {
     readonly file: MediaFile;
+    readonly traceContext?: MediaTraceContext;
 };
 export declare type UploadErrorEventPayload = {
     readonly fileId: string;
     readonly error: MediaError;
+    readonly traceContext?: MediaTraceContext;
 };
 export declare type UploadEventPayloadMap = {
     readonly 'plugin-items-inserted': PluginItemPayload[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-picker",
-  "version": "64.0.1",
+  "version": "64.1.1",
   "description": "Library for handling file uploads",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,8 +27,8 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/media-client": "^19.0.0",
-    "@atlaskit/media-common": "^2.17.0",
+    "@atlaskit/media-client": "^20.0.0",
+    "@atlaskit/media-common": "^2.18.0",
     "@atlaskit/media-ui": "^22.2.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
@@ -41,7 +41,7 @@
     "uuid-validate": "^0.0.3"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^34.0.0",
+    "@atlaskit/media-core": "^34.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -52,9 +52,9 @@
     "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/media-card": "^74.3.0",
+    "@atlaskit/media-card": "^74.4.0",
     "@atlaskit/media-core": "^34.0.0",
-    "@atlaskit/media-test-helpers": "^30.0.0",
+    "@atlaskit/media-test-helpers": "^30.1.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.5.0",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/media-picker"
 
@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -19,6 +20,7 @@
 import { MediaClient } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 import { MediaFeatureFlags as MediaFeatureFlags_2 } from '@atlaskit/media-common';
+import { MediaTraceContext } from '@atlaskit/media-common';
 import { default as React_2 } from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WithMediaClientConfigProps } from '@atlaskit/media-client';
@@ -62,7 +64,6 @@ interface BrowserOwnProps {
   children?: (browse: () => void) => React_2.ReactChild;
   // (undocumented)
   config: BrowserConfig;
-  // (undocumented)
   isOpen?: boolean;
   onBrowseFn?: (browse: () => void) => void;
   // (undocumented)
@@ -285,12 +286,14 @@ type State_3 = {
 // @public (undocumented)
 export type UploadEndEventPayload = {
   readonly file: MediaFile;
+  readonly traceContext?: MediaTraceContext;
 };
 
 // @public (undocumented)
 export type UploadErrorEventPayload = {
   readonly fileId: string;
   readonly error: MediaError_2;
+  readonly traceContext?: MediaTraceContext;
 };
 
 // @public (undocumented)
@@ -310,9 +313,25 @@ export type UploadPreviewUpdateEventPayload = {
 // @public (undocumented)
 export type UploadsStartEventPayload = {
   readonly files: MediaFile[];
+  readonly traceContext?: MediaTraceContext;
 };
 
 // (No @packageDocumentation comment for this package)
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "@atlaskit/media-core": "^34.0.1",
+  "react": "^16.8.0",
+  "react-dom": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->