@atlaskit/media-picker 64.0.0 → 64.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-picker
 
+## 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
+
+- Updated dependencies
+
 ## 64.0.0
 
 ### 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.0";
+var packageVersion = "64.1.0";
 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.0";
+var packageVersion = "64.1.0";
 var ufoExperience;
 
 var initExperience = function initExperience(id, componentName) {

package/dist/cjs/version.json

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

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.0";
+const packageVersion = "64.1.0";
 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.0";
+const packageVersion = "64.1.0";
 let ufoExperience;
 
 const initExperience = (id, componentName) => {

package/dist/es2019/version.json

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

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));