@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/es2019/viewers/video.js

@@ -14,7 +14,6 @@ const localStorageKeyName = 'mv_video_player_quality';
 export class VideoViewer extends BaseViewer {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onHDChange", () => {
       const isHDActive = !this.state.isHDActive;
       const preferredQuality = isHDActive ? 'hd' : 'sd';
@@ -24,7 +23,6 @@ export class VideoViewer extends BaseViewer {
       });
       this.init(isHDActive);
     });
-
     _defineProperty(this, "onFirstPlay", () => {
       const {
         item,
@@ -36,7 +34,6 @@ export class VideoViewer extends BaseViewer {
       });
       onCanPlay && onCanPlay();
     });
-
     _defineProperty(this, "onError", () => {
       const {
         onError
@@ -44,7 +41,6 @@ export class VideoViewer extends BaseViewer {
       onError && onError(new MediaViewerError('videoviewer-playback'));
     });
   }
-
   get initialState() {
     const {
       item
@@ -55,7 +51,6 @@ export class VideoViewer extends BaseViewer {
       isHDActive: isHDAvailable(item) && preferredQuality !== 'sd'
     };
   }
-
   renderSuccessful(content) {
     const {
       isHDActive
@@ -90,27 +85,22 @@ export class VideoViewer extends BaseViewer {
       src: content
     });
   }
-
   async init(isHDActive = this.state.isHDActive) {
     const {
       mediaClient,
       item,
       collectionName
     } = this.props;
-
     try {
       let contentUrl;
-
       if (item.status === 'processed') {
         const preferHd = isHDActive && isHDAvailable(item);
         contentUrl = await mediaClient.file.getArtifactURL(item.artifacts, preferHd ? hdArtifact : sdArtifact, collectionName);
-
         if (!contentUrl) {
           throw new MediaViewerError(`videoviewer-missing-artefact`);
         }
       } else {
         contentUrl = await getObjectUrlFromFileState(item);
-
         if (!contentUrl) {
           this.setState({
             content: Outcome.pending()
@@ -118,7 +108,6 @@ export class VideoViewer extends BaseViewer {
           return;
         }
       }
-
       this.setState({
         content: Outcome.successful(contentUrl)
       });
@@ -128,15 +117,11 @@ export class VideoViewer extends BaseViewer {
       });
     }
   }
-
   release() {}
-
 }
-
 function isHDAvailable(file) {
   if (file.status !== 'processed') {
     return false;
   }
-
   return !!getArtifactUrl(file.artifacts, hdArtifact);
 }

package/dist/es2019/zoomControls.js

@@ -14,26 +14,22 @@ import { messages } from '@atlaskit/media-ui';
 export class ZoomControlsBase extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "zoomIn", () => {
       const {
         onChange,
         zoomLevel
       } = this.props;
-
       if (zoomLevel.canZoomIn) {
         const zoom = zoomLevel.zoomIn();
         fireAnalytics(createZoomInButtonClickEvent(zoom.value), this.props);
         onChange(zoom);
       }
     });
-
     _defineProperty(this, "zoomOut", () => {
       const {
         onChange,
         zoomLevel
       } = this.props;
-
       if (zoomLevel.canZoomOut) {
         const zoom = zoomLevel.zoomOut();
         fireAnalytics(createZoomOutButtonClickedEvent(zoom.value), this.props);
@@ -41,7 +37,6 @@ export class ZoomControlsBase extends Component {
       }
     });
   }
-
   render() {
     const {
       zoomLevel,
@@ -65,6 +60,5 @@ export class ZoomControlsBase extends Component {
       })
     })), /*#__PURE__*/React.createElement(ZoomLevelIndicator, null, zoomLevel.asPercentage));
   }
-
 }
 export const ZoomControls = withAnalyticsEvents({})(injectIntl(ZoomControlsBase));

package/dist/esm/analytics/events/operational/loadFailed.js

@@ -2,10 +2,9 @@ import { getFileAttributes } from '../..';
 import { getPrimaryErrorReason, getSecondaryErrorReason, getErrorDetail, getRequestMetadata } from '../../../errors';
 export var createLoadFailedEvent = function createLoadFailedEvent(fileId, error, fileState, traceContext) {
   var _getFileAttributes = getFileAttributes(fileState),
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',

package/dist/esm/analytics/events/operational/loadSucceeded.js

@@ -1,8 +1,8 @@
 export var createLoadSucceededEvent = function createLoadSucceededEvent(_ref, traceContext) {
   var fileId = _ref.fileId,
-      fileMediatype = _ref.fileMediatype,
-      fileMimetype = _ref.fileMimetype,
-      fileSize = _ref.fileSize;
+    fileMediatype = _ref.fileMediatype,
+    fileMimetype = _ref.fileMimetype,
+    fileSize = _ref.fileSize;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',

package/dist/esm/analytics/events/operational/previewUnsupported.js

@@ -1,11 +1,10 @@
 import { getFileAttributes } from '../..';
 export var createPreviewUnsupportedEvent = function createPreviewUnsupportedEvent(fileState) {
   var _getFileAttributes = getFileAttributes(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',

package/dist/esm/analytics/events/operational/zipEntryLoadFailed.js

@@ -3,12 +3,11 @@ import { getMimeTypeFromFilename } from '../../../utils';
 import { getPrimaryErrorReason, getSecondaryErrorReason, getErrorDetail } from '../../../errors';
 export var createZipEntryLoadFailedEvent = function createZipEntryLoadFailedEvent(fileState, error, zipEntry) {
   var _getFileAttributes = getFileAttributes(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize,
-      fileStatus = _getFileAttributes.fileStatus;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize,
+    fileStatus = _getFileAttributes.fileStatus;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',

package/dist/esm/analytics/events/operational/zipEntryLoadSucceeded.js

@@ -2,12 +2,11 @@ import { getMimeTypeFromFilename } from '../../../utils';
 import { getFileAttributes } from '../..';
 export var createZipEntryLoadSucceededEvent = function createZipEntryLoadSucceededEvent(fileState, zipEntry) {
   var _getFileAttributes = getFileAttributes(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize,
-      fileStatus = _getFileAttributes.fileStatus;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize,
+    fileStatus = _getFileAttributes.fileStatus;
   return {
     eventType: 'operational',
     actionSubject: 'mediaFile',

package/dist/esm/analytics/events/ui/downloadButtonClicked.js

@@ -1,11 +1,10 @@
 import { getFileAttributes } from '../..';
 export var createDownloadButtonClickedEvent = function createDownloadButtonClickedEvent(fileState) {
   var _getFileAttributes = getFileAttributes(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'ui',
     action: 'clicked',

package/dist/esm/analytics/events/ui/failedPreviewDownloadButtonClicked.js

@@ -2,11 +2,10 @@ import { getFileAttributes } from '../..';
 import { getPrimaryErrorReason } from '../../../errors';
 export var createFailedPreviewDownloadButtonClickedEvent = function createFailedPreviewDownloadButtonClickedEvent(fileState, error) {
   var _getFileAttributes = getFileAttributes(fileState),
-      fileId = _getFileAttributes.fileId,
-      fileMediatype = _getFileAttributes.fileMediatype,
-      fileMimetype = _getFileAttributes.fileMimetype,
-      fileSize = _getFileAttributes.fileSize;
-
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
   return {
     eventType: 'ui',
     action: 'clicked',

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { filterFeatureFlagNames, filterFeatureFlagKeysAllProducts, ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "47.4.0";
+var packageVersion = "47.4.2";
 export { packageName, packageVersion, componentName, componentName as component };
 export var relevantFlags = {
   newCardExperience: false,
@@ -21,35 +21,32 @@ export function getFileAttributes(fileState) {
       fileId: 'undefined'
     };
   }
-
   var fileId = fileState.id;
-
   switch (fileState.status) {
     case 'uploading':
     case 'failed-processing':
     case 'processing':
     case 'processed':
       var fileMediatype = fileState.mediaType,
-          fileMimetype = fileState.mimeType,
-          fileSize = fileState.size;
+        fileMimetype = fileState.mimeType,
+        fileSize = fileState.size;
       return {
         fileId: fileId,
         fileMediatype: fileMediatype,
         fileMimetype: fileMimetype,
         fileSize: fileSize
       };
-
     case 'error':
       return {
         fileId: fileId
       };
   }
 }
+
 /** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
 
 export function fireAnalytics(payload, props) {
   var createAnalyticsEvent = props.createAnalyticsEvent;
-
   if (createAnalyticsEvent) {
     var ev = createAnalyticsEvent(payload);
     ev.fire(ANALYTICS_MEDIA_CHANNEL);

package/dist/esm/analytics/ufoExperiences.js

@@ -1,16 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
-
 import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { LOGGED_FEATURE_FLAG_KEYS } from '.';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "47.4.0";
+var packageVersion = "47.4.2";
 var ufoExperience;
-
 var getExperience = function getExperience() {
   if (!ufoExperience) {
     var inlineExperience = {
@@ -23,10 +19,8 @@ var getExperience = function getExperience() {
     };
     ufoExperience = new UFOExperience('media-file', inlineExperience);
   }
-
   return ufoExperience;
 };
-
 export var startMediaFileUfoExperience = function startMediaFileUfoExperience() {
   getExperience().start();
 };
@@ -47,7 +41,6 @@ export var failMediaFileUfoExperience = function failMediaFileUfoExperience(prop
     mediaEnvironment: getMediaEnvironment(),
     mediaRegion: getMediaRegion()
   });
-
   getExperience().failure({
     metadata: refinedMetadata
   });

package/dist/esm/collection.js

@@ -5,15 +5,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
-
 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';
 import { isFileIdentifier, isExternalImageIdentifier } from '@atlaskit/media-client';
 import { Outcome } from './domain';
@@ -27,47 +22,35 @@ var initialState = {
 };
 export var Collection = /*#__PURE__*/function (_React$Component) {
   _inherits(Collection, _React$Component);
-
   var _super = _createSuper(Collection);
-
   function Collection() {
     var _this;
-
     _classCallCheck(this, Collection);
-
     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", initialState);
-
     _defineProperty(_assertThisInitialized(_this), "onNavigationChange", function (item) {
       var _this$props = _this.props,
-          mediaClient = _this$props.mediaClient,
-          collectionName = _this$props.collectionName,
-          pageSize = _this$props.pageSize,
-          onNavigationChange = _this$props.onNavigationChange;
-
+        mediaClient = _this$props.mediaClient,
+        collectionName = _this$props.collectionName,
+        pageSize = _this$props.pageSize,
+        onNavigationChange = _this$props.onNavigationChange;
       _this.setState({
         item: item
       });
-
       if (_this.shouldLoadNext(item)) {
         mediaClient.collection.loadNextPage(collectionName, {
           limit: pageSize
         });
       }
-
       if (onNavigationChange) {
         onNavigationChange(item);
       }
     });
-
     return _this;
   }
-
   _createClass(Collection, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps) {
@@ -90,16 +73,15 @@ export var Collection = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          defaultSelectedItem = _this$props2.defaultSelectedItem,
-          mediaClient = _this$props2.mediaClient,
-          onClose = _this$props2.onClose,
-          collectionName = _this$props2.collectionName,
-          showControls = _this$props2.showControls,
-          extensions = _this$props2.extensions,
-          onSidebarButtonClick = _this$props2.onSidebarButtonClick,
-          featureFlags = _this$props2.featureFlags;
+        defaultSelectedItem = _this$props2.defaultSelectedItem,
+        mediaClient = _this$props2.mediaClient,
+        onClose = _this$props2.onClose,
+        collectionName = _this$props2.collectionName,
+        showControls = _this$props2.showControls,
+        extensions = _this$props2.extensions,
+        onSidebarButtonClick = _this$props2.onSidebarButtonClick,
+        featureFlags = _this$props2.featureFlags;
       return this.state.items.match({
         pending: function pending() {
           return /*#__PURE__*/React.createElement(Spinner, null);
@@ -136,12 +118,11 @@ export var Collection = /*#__PURE__*/function (_React$Component) {
     key: "init",
     value: function init(props) {
       var _this3 = this;
-
       this.setState(initialState);
       var collectionName = props.collectionName,
-          mediaClient = props.mediaClient,
-          defaultSelectedItem = props.defaultSelectedItem,
-          pageSize = props.pageSize;
+        mediaClient = props.mediaClient,
+        defaultSelectedItem = props.defaultSelectedItem,
+        pageSize = props.pageSize;
       this.subscription = mediaClient.collection.getItems(collectionName, {
         limit: pageSize
       }).subscribe({
@@ -149,7 +130,6 @@ export var Collection = /*#__PURE__*/function (_React$Component) {
           _this3.setState({
             items: Outcome.successful(items)
           });
-
           if (defaultSelectedItem && _this3.shouldLoadNext(defaultSelectedItem)) {
             mediaClient.collection.loadNextPage(collectionName, {
               limit: pageSize
@@ -179,11 +159,9 @@ export var Collection = /*#__PURE__*/function (_React$Component) {
     key: "shouldLoadNext",
     value: function shouldLoadNext(selectedItem) {
       var _this4 = this;
-
       if (isExternalImageIdentifier(selectedItem)) {
         return false;
       }
-
       var items = this.state.items;
       return items.match({
         pending: function pending() {
@@ -205,6 +183,5 @@ export var Collection = /*#__PURE__*/function (_React$Component) {
       return isLastItem;
     }
   }]);
-
   return Collection;
 }(React.Component);

package/dist/esm/components/media-viewer-analytics-error-boundary.js

@@ -4,43 +4,32 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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';
 import AnalyticsErrorBoundary from '@atlaskit/analytics-next/AnalyticsErrorBoundary';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
-
 var MediaViewerAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(MediaViewerAnalyticsErrorBoundary, _React$Component);
-
   var _super = _createSuper(MediaViewerAnalyticsErrorBoundary);
-
   function MediaViewerAnalyticsErrorBoundary() {
     _classCallCheck(this, MediaViewerAnalyticsErrorBoundary);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(MediaViewerAnalyticsErrorBoundary, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          _this$props$data = _this$props.data,
-          data = _this$props$data === void 0 ? {} : _this$props$data,
-          children = _this$props.children;
+        _this$props$data = _this$props.data,
+        data = _this$props$data === void 0 ? {} : _this$props$data,
+        children = _this$props.children;
       return /*#__PURE__*/React.createElement(AnalyticsErrorBoundary, {
         channel: ANALYTICS_MEDIA_CHANNEL,
         data: data
       }, children);
     }
   }]);
-
   return MediaViewerAnalyticsErrorBoundary;
 }(React.Component);
-
 _defineProperty(MediaViewerAnalyticsErrorBoundary, "displayName", 'MediaViewerAnalyticsErrorBoundary');
-
 export { MediaViewerAnalyticsErrorBoundary as default };

package/dist/esm/components/media-viewer-loader.js

@@ -8,46 +8,34 @@ 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';
 import { ModalSpinner } from '@atlaskit/media-ui';
 import { headerAndSidebarBackgroundColor } from '../styles';
 import withThemeObserverHOC from '../viewers/useThemeObserverHoc';
 export var AsyncMediaViewer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AsyncMediaViewer, _React$PureComponent);
-
   var _super = _createSuper(AsyncMediaViewer);
-
   function AsyncMediaViewer() {
     var _this;
-
     _classCallCheck(this, AsyncMediaViewer);
-
     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", {
       // Set state value to equal to current static value of this class.
       MediaViewer: AsyncMediaViewer.MediaViewer,
       MediaViewerErrorBoundary: AsyncMediaViewer.MediaViewerErrorBoundary
     });
-
     return _this;
   }
-
   _createClass(AsyncMediaViewer, [{
     key: "UNSAFE_componentWillMount",
     value: function () {
       var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, mediaViewerModule, mediaViewerErrorBoundaryModule, MediaViewerWithClient;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -56,17 +44,9 @@ export var AsyncMediaViewer = /*#__PURE__*/function (_React$PureComponent) {
                   _context.next = 17;
                   break;
                 }
-
                 _context.prev = 1;
                 _context.next = 4;
-                return Promise.all([import(
-                /* webpackChunkName: "@atlaskit-internal_media-client" */
-                '@atlaskit/media-client'), import(
-                /* webpackChunkName: "@atlaskit-internal_media-viewer" */
-                './media-viewer'), import(
-                /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */
-                './media-viewer-analytics-error-boundary')]);
-
+                return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'./media-viewer-analytics-error-boundary')]);
               case 4:
                 _yield$Promise$all = _context.sent;
                 _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
@@ -82,11 +62,9 @@ export var AsyncMediaViewer = /*#__PURE__*/function (_React$PureComponent) {
                 });
                 _context.next = 17;
                 break;
-
               case 15:
                 _context.prev = 15;
                 _context.t0 = _context["catch"](1);
-
               case 17:
               case "end":
                 return _context.stop();
@@ -94,11 +72,9 @@ export var AsyncMediaViewer = /*#__PURE__*/function (_React$PureComponent) {
           }
         }, _callee, this, [[1, 15]]);
       }));
-
       function UNSAFE_componentWillMount() {
         return _UNSAFE_componentWillMount.apply(this, arguments);
       }
-
       return UNSAFE_componentWillMount;
     }()
   }, {
@@ -106,23 +82,18 @@ export var AsyncMediaViewer = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var theme = this.props.theme;
       var _this$state = this.state,
-          MediaViewer = _this$state.MediaViewer,
-          MediaViewerErrorBoundary = _this$state.MediaViewerErrorBoundary;
-
+        MediaViewer = _this$state.MediaViewer,
+        MediaViewerErrorBoundary = _this$state.MediaViewerErrorBoundary;
       if (!MediaViewer || !MediaViewerErrorBoundary) {
         return /*#__PURE__*/React.createElement(ModalSpinner, {
           blankedColor: headerAndSidebarBackgroundColor,
           invertSpinnerColor: theme !== 'dark'
         });
       }
-
       return /*#__PURE__*/React.createElement(MediaViewerErrorBoundary, null, /*#__PURE__*/React.createElement(MediaViewer, this.props));
     }
   }]);
-
   return AsyncMediaViewer;
 }(React.PureComponent);
-
 _defineProperty(AsyncMediaViewer, "displayName", 'AsyncMediaViewer');
-
 export default withThemeObserverHOC(AsyncMediaViewer);