@atlaskit/media-picker 64.2.0 → 64.2.1

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

@@ -7,97 +7,73 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { isWebkitSupported } from '@atlaskit/media-ui/browser';
 import { getFilesFromItems, getFilesFromFileSystemEntries } from 'flat-files';
 import { LocalUploadComponentReact } from '../localUploadReact';
 import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
-
 function dragContainsFiles(event) {
   if (!event.dataTransfer) {
     return false;
   }
-
   var types = event.dataTransfer.types;
   return Array.from(types).indexOf('Files') > -1;
 }
-
 var COMPONENT_NAME = 'dropzone';
 export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
   _inherits(DropzoneBase, _LocalUploadComponent);
-
   var _super = _createSuper(DropzoneBase);
-
   function DropzoneBase(props) {
     var _this;
-
     _classCallCheck(this, DropzoneBase);
-
     _this = _super.call(this, props, COMPONENT_NAME);
-
     _defineProperty(_assertThisInitialized(_this), "uiActive", false);
-
     _defineProperty(_assertThisInitialized(_this), "addContainerListeners", function () {
       var container = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.getContainer();
       container.addEventListener('dragover', _this.onDragOver, false);
       container.addEventListener('dragleave', _this.onDragLeave, false);
       container.addEventListener('drop', _this.onFileDropped);
     });
-
     _defineProperty(_assertThisInitialized(_this), "removeContainerListeners", function () {
       var container = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.getContainer();
       container.removeEventListener('dragover', _this.onDragOver, false);
       container.removeEventListener('dragleave', _this.onDragLeave, false);
       container.removeEventListener('drop', _this.onFileDropped);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDragOver", function (event) {
       event.preventDefault();
-
       if (event.dataTransfer && dragContainsFiles(event)) {
         var dataTransfer = event.dataTransfer;
         var allowed;
-
         try {
           allowed = dataTransfer.effectAllowed;
         } catch (e) {} // the error is expected in IE11
 
-
         dataTransfer.dropEffect = 'move' === allowed || 'linkMove' === allowed ? 'move' : 'copy';
-
-        var length = _this.getDraggedItemsLength(dataTransfer); // [EDM-1636]: needed in order to make multiple dropzones in the page to work
-
-
+        var length = _this.getDraggedItemsLength(dataTransfer);
+        // [EDM-1636]: needed in order to make multiple dropzones in the page to work
         event.stopPropagation();
-
         _this.emitDragOver({
           length: length
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDragLeave", function (e) {
       if (e.dataTransfer) {
         e.preventDefault();
         var length = 0;
-
         if (dragContainsFiles(e)) {
           var dataTransfer = e.dataTransfer;
           length = _this.getDraggedItemsLength(dataTransfer);
         }
-
         _this.emitDragLeave({
           length: length
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFileDropped", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(dragEvent) {
         var flattenedDirectoryFiles, files;
@@ -109,45 +85,33 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
                   _context.next = 2;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 2:
                 dragEvent.preventDefault();
                 dragEvent.stopPropagation();
+
                 /*
                  * Only enable support for folders if (1) the browser is supported (2) feature flag is enabled
                  * The file flattening library used to add support for Folders uses a function called webkitEntry.
                  * Some browser types are not supported https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitEntries
                  */
-
                 if (!(isWebkitSupported() && getMediaFeatureFlag('folderUploads', _this.props.featureFlags))) {
                   _context.next = 13;
                   break;
                 }
-
                 _this.fireAnalyticsForFolders(dragEvent.dataTransfer.items);
-
                 _context.next = 8;
                 return _this.getFilesFromDragEvent(dragEvent.dataTransfer.items);
-
               case 8:
                 flattenedDirectoryFiles = _context.sent;
-
                 _this.onDropFolders(flattenedDirectoryFiles.length);
-
                 _this.uploadService.addFiles(flattenedDirectoryFiles);
-
                 _context.next = 16;
                 break;
-
               case 13:
                 _this.onDrop(dragEvent);
-
                 files = Array.from(dragEvent.dataTransfer.files);
-
                 _this.uploadService.addFiles(files);
-
               case 16:
               case "end":
                 return _context.stop();
@@ -155,32 +119,30 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
           }
         }, _callee);
       }));
-
       return function (_x) {
         return _ref.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "fireAnalyticsForFolders", function (items) {
       //convert DataTransferItemList into an array of DataTransferItem(s)
-      var toArray = Array.from(items); //function to check if a file entry is a folder
+      var toArray = Array.from(items);
 
+      //function to check if a file entry is a folder
       var hasFolder = function hasFolder(item) {
         var _item$webkitGetAsEntr;
-
         return (_item$webkitGetAsEntr = item.webkitGetAsEntry()) === null || _item$webkitGetAsEntr === void 0 ? void 0 : _item$webkitGetAsEntr.isDirectory;
-      }; //how many folders are in a single drag and drop event
-
+      };
 
+      //how many folders are in a single drag and drop event
       var folderCount = toArray.filter(function (item) {
         return hasFolder(item);
-      }).length; // fires analytic events if number of folders is more than 0
+      }).length;
 
+      // fires analytic events if number of folders is more than 0
       if (folderCount > 0) {
         _this.fireAnalyticsEvent('folderDroppedInto', folderCount);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "getFilesFromDragEvent", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(dragEventItemList) {
         var items, fileSystemEntries, files;
@@ -189,19 +151,15 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 items = dragEventItemList; //If items consist of directory or directories, flatten it to grab the files only. Else, just get the files
-
                 _context2.next = 3;
                 return getFilesFromItems(items);
-
               case 3:
                 fileSystemEntries = _context2.sent;
                 _context2.next = 6;
                 return getFilesFromFileSystemEntries(fileSystemEntries);
-
               case 6:
                 files = _context2.sent;
                 return _context2.abrupt("return", _this.filterFilesAgainstBlacklist(files));
-
               case 8:
               case "end":
                 return _context2.stop();
@@ -209,52 +167,42 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
           }
         }, _callee2);
       }));
-
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "filterFilesAgainstBlacklist", function (files) {
       // We don't want these files in our final File list
-      var blacklist = ['.DS_Store', 'thumbs.db', 'desktop.ini']; // Filter Files using our defined blacklist
+      var blacklist = ['.DS_Store', 'thumbs.db', 'desktop.ini'];
 
+      // Filter Files using our defined blacklist
       return files.filter(function (file) {
         return !blacklist.includes(file.name);
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDropFolders", function (fileCount) {
       if (fileCount > 0) {
         _this.sendAnalyticsAndEmitDragLeave(fileCount);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDrop", function (e) {
       if (e.dataTransfer && dragContainsFiles(e)) {
         var dataTransfer = e.dataTransfer;
-
         var fileCount = _this.getDraggedItemsLength(dataTransfer);
-
         _this.sendAnalyticsAndEmitDragLeave(fileCount);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "sendAnalyticsAndEmitDragLeave", function (fileCount) {
       _this.fireAnalyticsEvent('droppedInto', fileCount);
-
       if (_this.props.onDrop) {
         _this.props.onDrop();
       }
-
       _this.emitDragLeave({
         length: fileCount
       });
     });
-
     return _this;
   }
-
   _createClass(DropzoneBase, [{
     key: "getContainer",
     value: function getContainer() {
@@ -266,7 +214,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     value: function componentDidMount() {
       var onCancelFn = this.props.onCancelFn;
       this.addContainerListeners(this.getContainer());
-
       if (onCancelFn) {
         onCancelFn(this.cancel);
       }
@@ -281,7 +228,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var newContainer = nextProps.config.container;
       var oldContainer = this.props.config.container;
-
       if (newContainer !== oldContainer) {
         this.removeContainerListeners(oldContainer);
         this.addContainerListeners(newContainer);
@@ -289,7 +235,8 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     }
   }, {
     key: "getDraggedItemsLength",
-    value: // Cross-browser way of getting dragged items length, we prioritize "items" if present
+    value:
+    // Cross-browser way of getting dragged items length, we prioritize "items" if present
     // https://www.w3.org/TR/html51/editing.html#the-datatransfer-interface
     // This method is used on 'dragover' and we have no way to retrieve FileSystemFileEntry,
     // which contains info about if the dropped item is a file or directory. That info is only
@@ -300,12 +247,12 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         return items.filter(function (i) {
           return i.kind === 'file';
         }).length;
-      } // This is required for IE11
-
-
+      }
+      // This is required for IE11
       return dataTransfer.files.length;
-    } // Similar to the onDrop event, but for folders.
+    }
 
+    // Similar to the onDrop event, but for folders.
   }, {
     key: "emitDragOver",
     value: function emitDragOver(payload) {
@@ -313,7 +260,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
         var onDragEnter = this.props.onDragEnter;
         this.uiActive = true;
         this.fireAnalyticsEvent('draggedInto', payload.length);
-
         if (onDragEnter) {
           onDragEnter(payload);
         }
@@ -323,20 +269,16 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     key: "emitDragLeave",
     value: function emitDragLeave(payload) {
       var _this2 = this;
-
       if (this.uiActive) {
         this.uiActive = false;
         /*
          when drag over child elements, container will issue dragleave and then dragover immediately.
          The 50ms timeout will prevent from issuing that "false" dragleave event
          */
-
         window.setTimeout(function () {
           if (!_this2.uiActive) {
             var onDragLeave = _this2.props.onDragLeave;
-
             _this2.fireAnalyticsEvent('draggedOut', payload.length);
-
             if (onDragLeave) {
               onDragLeave(payload);
             }
@@ -348,7 +290,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
     key: "fireAnalyticsEvent",
     value: function fireAnalyticsEvent(action, fileCount) {
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         var _payload = {
           eventType: 'ui',
@@ -368,7 +309,6 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
       return null;
     }
   }]);
-
   return DropzoneBase;
 }(LocalUploadComponentReact);
 export default DropzoneBase;

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

@@ -8,42 +8,30 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(DropzoneLoader, _React$PureComponent);
-
   var _super = _createSuper(DropzoneLoader);
-
   function DropzoneLoader() {
     var _this;
-
     _classCallCheck(this, DropzoneLoader);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       Dropzone: DropzoneLoader.Dropzone,
       MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
     });
-
     return _this;
   }
-
   _createClass(DropzoneLoader, [{
     key: "UNSAFE_componentWillMount",
     value: function () {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -52,17 +40,9 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
                   _context.next = 16;
                   break;
                 }
-
                 _context.prev = 1;
                 _context.next = 4;
-                return Promise.all([import(
-                /* webpackChunkName: "@atlaskit-internal_media-client" */
-                '@atlaskit/media-client'), import(
-                /* webpackChunkName: "@atlaskit-internal_media-dropzone" */
-                './dropzone'), import(
-                /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */
-                '../media-picker-analytics-error-boundary')]);
-
+                return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]);
               case 4:
                 _yield$Promise$all = _context.sent;
                 _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
@@ -77,11 +57,9 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
                 });
                 _context.next = 16;
                 break;
-
               case 14:
                 _context.prev = 14;
                 _context.t0 = _context["catch"](1);
-
               case 16:
               case "end":
                 return _context.stop();
@@ -89,29 +67,23 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, _callee, this, [[1, 14]]);
       }));
-
       function UNSAFE_componentWillMount() {
         return _UNSAFE_componentWillMount.apply(this, arguments);
       }
-
       return UNSAFE_componentWillMount;
     }()
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          Dropzone = _this$state.Dropzone,
-          MediaPickerErrorBoundary = _this$state.MediaPickerErrorBoundary;
-
+        Dropzone = _this$state.Dropzone,
+        MediaPickerErrorBoundary = _this$state.MediaPickerErrorBoundary;
       if (!Dropzone || !MediaPickerErrorBoundary) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(MediaPickerErrorBoundary, null, /*#__PURE__*/React.createElement(Dropzone, this.props));
     }
   }]);
-
   return DropzoneLoader;
 }(React.PureComponent);
-
 _defineProperty(DropzoneLoader, "displayName", 'AsyncDropzone');

package/dist/esm/components/localUploadReact.js

@@ -7,11 +7,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import { Component } from 'react';
 import { start, end } from 'perf-marks';
 import { getMediaClientErrorReason } from '@atlaskit/media-client';
@@ -22,27 +19,20 @@ import { getRequestMetadata } from '../util/analytics';
 import { startMediaUploadUfoExperience, succeedMediaUploadUfoExperience, failMediaUploadUfoExperience } from '../util/ufoExperiences';
 export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
   _inherits(LocalUploadComponentReact, _Component);
-
   var _super = _createSuper(LocalUploadComponentReact);
-
   function LocalUploadComponentReact(props, componentName) {
     var _this;
-
     _classCallCheck(this, LocalUploadComponentReact);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "uploadComponent", new UploadComponent());
-
     _defineProperty(_assertThisInitialized(_this), "fireCommencedEvent", function (payload) {
       var files = payload.files,
-          traceContext = payload.traceContext;
+        traceContext = payload.traceContext;
       files.forEach(function (_ref) {
         var fileId = _ref.id,
-            fileSize = _ref.size,
-            fileMimetype = _ref.type;
+          fileSize = _ref.size,
+          fileMimetype = _ref.type;
         start("MediaPicker.fireUpload.".concat(fileId));
-
         _this.createAndFireAnalyticsEvent({
           eventType: 'operational',
           action: 'commenced',
@@ -59,22 +49,18 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
             traceContext: traceContext
           }
         });
-
         startMediaUploadUfoExperience(fileId, _this.componentName);
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "fireUploadSucceeded", function (payload) {
       var _payload$file = payload.file,
-          fileId = _payload$file.id,
-          fileSize = _payload$file.size,
-          fileMimetype = _payload$file.type,
-          traceContext = payload.traceContext;
-
+        fileId = _payload$file.id,
+        fileSize = _payload$file.size,
+        fileMimetype = _payload$file.type,
+        traceContext = payload.traceContext;
       var _end = end("MediaPicker.fireUpload.".concat(fileId)),
-          _end$duration = _end.duration,
-          uploadDurationMsec = _end$duration === void 0 ? -1 : _end$duration;
-
+        _end$duration = _end.duration,
+        uploadDurationMsec = _end$duration === void 0 ? -1 : _end$duration;
       _this.createAndFireAnalyticsEvent({
         eventType: 'operational',
         action: 'succeeded',
@@ -93,25 +79,21 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
           traceContext: traceContext
         }
       });
-
       succeedMediaUploadUfoExperience(fileId, {
         fileId: fileId,
         fileSize: fileSize,
         fileMimetype: fileMimetype
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "fireUploadFailed", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(payload) {
         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, traceContext = payload.traceContext;
                 _end2 = end("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
-
                 _this.createAndFireAnalyticsEvent({
                   eventType: 'operational',
                   action: 'failed',
@@ -131,7 +113,6 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
                     traceContext: traceContext
                   }
                 });
-
                 failMediaUploadUfoExperience(fileId, {
                   failReason: errorName,
                   error: !!rawError ? getMediaClientErrorReason(rawError) : 'unknown',
@@ -141,7 +122,6 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
                   },
                   uploadDurationMsec: uploadDurationMsec
                 });
-
               case 4:
               case "end":
                 return _context.stop();
@@ -149,106 +129,78 @@ export var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
           }
         }, _callee);
       }));
-
       return function (_x) {
         return _ref2.apply(this, arguments);
       };
     }());
-
     _defineProperty(_assertThisInitialized(_this), "createAndFireAnalyticsEvent", function (payload) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         createAnalyticsEvent(payload).fire(ANALYTICS_MEDIA_CHANNEL);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "cancel", function (uniqueIdentifier) {
       _this.uploadService.cancel(uniqueIdentifier);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFilesAdded", function (_ref3) {
       var files = _ref3.files,
-          traceContext = _ref3.traceContext;
-
+        traceContext = _ref3.traceContext;
       _this.uploadComponent.emitUploadsStart(files, traceContext);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFilePreviewUpdate", function (_ref4) {
       var file = _ref4.file,
-          preview = _ref4.preview;
-
+        preview = _ref4.preview;
       _this.uploadComponent.emitUploadPreviewUpdate(file, preview);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFileConverting", function (_ref5) {
       var file = _ref5.file,
-          traceContext = _ref5.traceContext;
-
+        traceContext = _ref5.traceContext;
       _this.uploadComponent.emitUploadEnd(file, traceContext);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onUploadError", function (_ref6) {
       var fileId = _ref6.fileId,
-          error = _ref6.error,
-          traceContext = _ref6.traceContext;
-
+        error = _ref6.error,
+        traceContext = _ref6.traceContext;
       _this.uploadComponent.emitUploadError(fileId, error, traceContext);
     });
-
     _this.componentName = componentName;
     var _this$props = _this.props,
-        mediaClient = _this$props.mediaClient,
-        config = _this$props.config,
-        onUploadsStart = _this$props.onUploadsStart,
-        onPreviewUpdate = _this$props.onPreviewUpdate,
-        onEnd = _this$props.onEnd,
-        onError = _this$props.onError;
+      mediaClient = _this$props.mediaClient,
+      config = _this$props.config,
+      onUploadsStart = _this$props.onUploadsStart,
+      onPreviewUpdate = _this$props.onPreviewUpdate,
+      onEnd = _this$props.onEnd,
+      onError = _this$props.onError;
     var tenantUploadParams = config.uploadParams;
     var _config$shouldCopyFil = config.shouldCopyFileToRecents,
-        shouldCopyFileToRecents = _config$shouldCopyFil === void 0 ? true : _config$shouldCopyFil;
-
+      shouldCopyFileToRecents = _config$shouldCopyFil === void 0 ? true : _config$shouldCopyFil;
     _this.uploadComponent.on('uploads-start', _this.fireCommencedEvent);
-
     _this.uploadComponent.on('upload-end', _this.fireUploadSucceeded);
-
     _this.uploadComponent.on('upload-error', _this.fireUploadFailed);
-
     if (onUploadsStart) {
       _this.uploadComponent.on('uploads-start', onUploadsStart);
     }
-
     if (onPreviewUpdate) {
       _this.uploadComponent.on('upload-preview-update', onPreviewUpdate);
     }
-
     if (onEnd) {
       _this.uploadComponent.on('upload-end', onEnd);
     }
-
     if (onError) {
       _this.uploadComponent.on('upload-error', onError);
     }
-
     _this.uploadService = new UploadServiceImpl(mediaClient, tenantUploadParams, shouldCopyFileToRecents);
-
     _this.uploadService.on('files-added', _this.onFilesAdded);
-
     _this.uploadService.on('file-preview-update', _this.onFilePreviewUpdate);
-
     _this.uploadService.on('file-converting', _this.onFileConverting);
-
     _this.uploadService.on('file-upload-error', _this.onUploadError);
-
     return _this;
   }
-
   _createClass(LocalUploadComponentReact, [{
     key: "setUploadParams",
     value: function setUploadParams(uploadParams) {
       this.uploadService.setUploadParams(uploadParams);
     }
   }]);
-
   return LocalUploadComponentReact;
 }(Component);