@atlaskit/media-viewer 47.4.0 → 47.4.2

package/dist/cjs/download.js

@@ -1,70 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DisabledToolbarDownloadButton = void 0;
 exports.DownloadButton = DownloadButton;
 exports.createItemDownloader = exports.ToolbarDownloadButton = exports.ErrorViewDownloadButton = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _mediaCommon = require("@atlaskit/media-common");
-
 var _downloadButtonClicked = require("./analytics/events/ui/downloadButtonClicked");
-
 var _failedPreviewDownloadButtonClicked = require("./analytics/events/ui/failedPreviewDownloadButtonClicked");
-
 var _styleWrappers = require("./styleWrappers");
-
 var _excluded = ["analyticspayload", "onClick"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var downloadIcon = /*#__PURE__*/_react.default.createElement(_download.default, {
   label: "Download"
 });
-
 function noop() {}
-
 function DownloadButton(_ref) {
   var analyticspayload = _ref.analyticspayload,
-      _ref$onClick = _ref.onClick,
-      providedOnClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _ref$onClick = _ref.onClick,
+    providedOnClick = _ref$onClick === void 0 ? noop : _ref$onClick,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var onClick = (0, _react.useCallback)(function (event, analyticsEvent) {
     var clone = analyticsEvent.clone();
-
     if (clone) {
       clone.update(analyticspayload);
       clone.fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);
     }
-
     providedOnClick(event, analyticsEvent);
   }, [analyticspayload, providedOnClick]);
   return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, (0, _extends2.default)({}, rest, {
     onClick: onClick
   }));
 }
-
 var createItemDownloader = function createItemDownloader(file, mediaClient, collectionName) {
   return function () {
     var id = file.id;
@@ -72,12 +50,10 @@ var createItemDownloader = function createItemDownloader(file, mediaClient, coll
     return mediaClient.file.downloadBinary(id, name, collectionName);
   };
 };
-
 exports.createItemDownloader = createItemDownloader;
-
 var ErrorViewDownloadButton = function ErrorViewDownloadButton(props) {
   var fileState = props.fileState,
-      error = props.error;
+    error = props.error;
   var downloadEvent = (0, _failedPreviewDownloadButtonClicked.createFailedPreviewDownloadButtonClickedEvent)(fileState, error);
   return /*#__PURE__*/_react.default.createElement(_styleWrappers.DownloadButtonWrapper, null, /*#__PURE__*/_react.default.createElement(DownloadButton, {
     testId: "media-viewer-download-button",
@@ -86,19 +62,17 @@ var ErrorViewDownloadButton = function ErrorViewDownloadButton(props) {
     onClick: createItemDownloader(props.fileState, props.mediaClient, props.collectionName)
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.download)));
 };
-
 exports.ErrorViewDownloadButton = ErrorViewDownloadButton;
-
 var ToolbarDownloadButton = function ToolbarDownloadButton(props) {
   var state = props.state,
-      mediaClient = props.mediaClient,
-      identifier = props.identifier;
-  var downloadEvent = (0, _downloadButtonClicked.createDownloadButtonClickedEvent)(state); // TODO [MS-1731]: make it work for external files as well
+    mediaClient = props.mediaClient,
+    identifier = props.identifier;
+  var downloadEvent = (0, _downloadButtonClicked.createDownloadButtonClickedEvent)(state);
 
+  // TODO [MS-1731]: make it work for external files as well
   if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(DownloadButton, {
     testId: "media-viewer-download-button",
     analyticspayload: downloadEvent,
@@ -106,12 +80,9 @@ var ToolbarDownloadButton = function ToolbarDownloadButton(props) {
     iconBefore: downloadIcon
   });
 };
-
 exports.ToolbarDownloadButton = ToolbarDownloadButton;
-
 var DisabledToolbarDownloadButton = /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
   isDisabled: true,
   iconBefore: downloadIcon
 });
-
 exports.DisabledToolbarDownloadButton = DisabledToolbarDownloadButton;

package/dist/cjs/errorMessage.js

@@ -1,99 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getErrorMessageFromError = exports.errorReasonToMessages = exports.default = exports.ErrorMessage = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _styleWrappers = require("./styleWrappers");
-
 var _errorImages = require("./error-images");
-
 var _analytics = require("./analytics");
-
 var _errors = require("./errors");
-
 var _loadFailed = require("./analytics/events/operational/loadFailed");
-
 var _previewUnsupported = require("./analytics/events/operational/previewUnsupported");
-
 var _ufoExperiences = require("./analytics/ufoExperiences");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var errorLoadingFileImage = function errorLoadingFileImage(formatMessage) {
   return /*#__PURE__*/_react.default.createElement(_styleWrappers.ErrorImage, {
     src: _errorImages.errorLoadingFile,
     alt: formatMessage(_mediaUi.messages.error_loading_file)
   });
 };
-
 var errorReasonToMessages = [['serverRateLimited', _mediaUi.messages.might_be_a_hiccup], ['invalidFileId', _mediaUi.messages.item_not_found_in_list], ['itemviewer-file-failed-processing-status', _mediaUi.messages.image_format_invalid_error], ['archiveviewer-read-binary', _mediaUi.messages.zip_entry_load_fail], ['archiveviewer-create-url', _mediaUi.messages.zip_entry_load_fail], ['archiveviewer-missing-name-src', _mediaUi.messages.zip_entry_load_fail], ['archiveviewer-encrypted-entry', _mediaUi.messages.couldnt_generate_encrypted_entry_preview], ['archiveviewer-codeviewer-file-size-exceeds', _mediaUi.messages.couldnt_load_file], ['codeviewer-file-size-exceeds', _mediaUi.messages.couldnt_load_file]];
 exports.errorReasonToMessages = errorReasonToMessages;
-
 var getErrorMessageFromError = function getErrorMessageFromError(error) {
   var matchingRow = errorReasonToMessages.find(function (row) {
     return row[0] === (0, _errors.getPrimaryErrorReason)(error) || row[0] === (0, _errors.getSecondaryErrorReason)(error);
   });
   return matchingRow ? matchingRow[1] : undefined;
 };
-
 exports.getErrorMessageFromError = getErrorMessageFromError;
-
 var ErrorMessage = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ErrorMessage, _React$Component);
-
   var _super = _createSuper(ErrorMessage);
-
   function ErrorMessage() {
     (0, _classCallCheck2.default)(this, ErrorMessage);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(ErrorMessage, [{
     key: "getErrorInfo",
     value: function getErrorInfo() {
       var _this$props = this.props,
-          formatMessage = _this$props.intl.formatMessage,
-          error = _this$props.error;
+        formatMessage = _this$props.intl.formatMessage,
+        error = _this$props.error;
       var errorInfo = {
         icon: errorLoadingFileImage(formatMessage),
         messages: [_mediaUi.messages.something_went_wrong, _mediaUi.messages.couldnt_generate_preview]
       };
       var message = getErrorMessageFromError(error);
-
       if (message) {
         errorInfo.messages.push(message);
       }
-
       return errorInfo;
     }
   }, {
@@ -101,23 +69,19 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       var props = this.props;
       var supressAnalytics = props.supressAnalytics,
-          error = props.error,
-          fileState = props.fileState,
-          fileId = props.fileId,
-          traceContext = props.traceContext;
-
+        error = props.error,
+        fileState = props.fileState,
+        fileId = props.fileId,
+        traceContext = props.traceContext;
       if (supressAnalytics !== true) {
         var payload = ErrorMessage.getEventPayload(error, fileId, fileState, traceContext);
         (0, _analytics.fireAnalytics)(payload, props);
-
         var rawPayload = _objectSpread(_objectSpread({}, payload === null || payload === void 0 ? void 0 : payload.attributes), {}, {
           fileStateFlags: props.fileStateFlags
         });
-
         if (Object.keys(rawPayload).includes('status')) {
           delete rawPayload['status'];
         }
-
         var failMediaFileUfoExperiencePayload = rawPayload;
         (0, _ufoExperiences.failMediaFileUfoExperience)(failMediaFileUfoExperiencePayload);
       }
@@ -147,7 +111,6 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
   }]);
   return ErrorMessage;
 }(_react.default.Component);
-
 exports.ErrorMessage = ErrorMessage;
 var ErroMsg = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(ErrorMessage));
 var _default = ErroMsg;

package/dist/cjs/errors.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,66 +11,46 @@ exports.getRequestMetadata = getRequestMetadata;
 exports.getSecondaryErrorReason = getSecondaryErrorReason;
 exports.isArchiveViewerError = isArchiveViewerError;
 exports.isMediaViewerError = isMediaViewerError;
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
 var _mediaClient = require("@atlaskit/media-client");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var MediaViewerError = /*#__PURE__*/function (_Error) {
   (0, _inherits2.default)(MediaViewerError, _Error);
-
   var _super = _createSuper(MediaViewerError);
-
   function MediaViewerError(primaryReason, secondaryError) {
     var _this;
-
     (0, _classCallCheck2.default)(this, MediaViewerError);
-    _this = _super.call(this, primaryReason); // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
+    _this = _super.call(this, primaryReason);
 
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
     _this.primaryReason = primaryReason;
     _this.secondaryError = secondaryError;
-    Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this), (this instanceof MediaViewerError ? this.constructor : void 0).prototype); // https://v8.dev/docs/stack-trace-api
+    Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this), (this instanceof MediaViewerError ? this.constructor : void 0).prototype);
 
+    // https://v8.dev/docs/stack-trace-api
     if ('captureStackTrace' in Error) {
       Error.captureStackTrace((0, _assertThisInitialized2.default)(_this), this instanceof MediaViewerError ? this.constructor : void 0);
     }
-
     return _this;
   }
-
   return (0, _createClass2.default)(MediaViewerError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-
 exports.MediaViewerError = MediaViewerError;
-
 function isMediaViewerError(err) {
   return err instanceof MediaViewerError;
 }
-
 var ArchiveViewerError = /*#__PURE__*/function (_MediaViewerError) {
   (0, _inherits2.default)(ArchiveViewerError, _MediaViewerError);
-
   var _super2 = _createSuper(ArchiveViewerError);
-
   function ArchiveViewerError(primaryReason, secondaryError, zipEntry) {
     var _this2;
-
     (0, _classCallCheck2.default)(this, ArchiveViewerError);
     _this2 = _super2.call(this, primaryReason, secondaryError);
     _this2.primaryReason = primaryReason;
@@ -79,33 +58,26 @@ var ArchiveViewerError = /*#__PURE__*/function (_MediaViewerError) {
     _this2.zipEntry = zipEntry;
     return _this2;
   }
-
   return (0, _createClass2.default)(ArchiveViewerError);
 }(MediaViewerError);
-
 exports.ArchiveViewerError = ArchiveViewerError;
-
 function isArchiveViewerError(err) {
   return err instanceof ArchiveViewerError;
 }
-
 // not supplied, so just a primary reason
+
 function getPrimaryErrorReason(error) {
   return error.primaryReason;
 }
-
 function getSecondaryErrorReason(error) {
   var secondaryError = error.secondaryError;
-
   if (secondaryError) {
     if ((0, _mediaClient.isMediaClientError)(secondaryError)) {
       return (0, _mediaClient.getMediaClientErrorReason)(secondaryError);
     }
-
     return 'nativeError';
   }
 }
-
 function getErrorDetail(error) {
   // when the secondaryReason is "nativeError" we extract the error message for debugging
   if (error && isMediaViewerError(error)) {
@@ -113,17 +85,13 @@ function getErrorDetail(error) {
       // pls don't send stack traces, they can get polluted and blow out payload sizes
       return error.secondaryError && error.secondaryError.message;
     }
-
     var _secondaryError = error.secondaryError;
-
     if (_secondaryError && ((0, _mediaClient.isRequestError)(_secondaryError) || (0, _mediaClient.isMediaStoreError)(_secondaryError))) {
       var _secondaryError$inner;
-
       return (_secondaryError$inner = _secondaryError.innerError) === null || _secondaryError$inner === void 0 ? void 0 : _secondaryError$inner.message;
     }
   }
 }
-
 function getRequestMetadata(error) {
   if (error && isMediaViewerError(error) && error.secondaryError && (0, _mediaClient.isRequestError)(error.secondaryError)) {
     return error.secondaryError.metadata;

package/dist/cjs/header.js

@@ -1,79 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Header = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _deepEqual = _interopRequireDefault(require("deep-equal"));
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _codeViewer = require("@atlaskit/media-ui/codeViewer");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _domain = require("./domain");
-
 var _styleWrappers = require("./styleWrappers");
-
 var _download = require("./download");
-
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
-
 var _util = require("./viewers/codeViewer/util");
-
 var _errors = require("./errors");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var initialState = {
   item: _domain.Outcome.pending()
 };
-
 var Header = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Header, _React$Component);
-
   var _super = _createSuper(Header);
-
   function Header() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Header);
-
     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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", initialState);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderDownload", function () {
       var item = _this.state.item;
       var _this$props = _this.props,
-          identifier = _this$props.identifier,
-          mediaClient = _this$props.mediaClient;
+        identifier = _this$props.identifier,
+        mediaClient = _this$props.mediaClient;
       return item.match({
         pending: function pending() {
           return _download.DisabledToolbarDownloadButton;
@@ -92,10 +63,9 @@ var Header = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSidebarButton", function () {
       var _this$props2 = _this.props,
-          extensions = _this$props2.extensions,
-          isSidebarVisible = _this$props2.isSidebarVisible,
-          onSidebarButtonClick = _this$props2.onSidebarButtonClick;
-
+        extensions = _this$props2.extensions,
+        isSidebarVisible = _this$props2.isSidebarVisible,
+        onSidebarButtonClick = _this$props2.onSidebarButtonClick;
       if (extensions && extensions.sidebar) {
         return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {
           isSelected: isSidebarVisible,
@@ -121,20 +91,19 @@ var Header = /*#__PURE__*/function (_React$Component) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
         var language = (0, _codeViewer.getLanguageType)(item.name, item.mimeType);
-        var ext = (0, _codeViewer.getExtension)(item.name); // specific cases for if we want a certain word translated in other languages
+        var ext = (0, _codeViewer.getExtension)(item.name);
 
+        // specific cases for if we want a certain word translated in other languages
         switch (ext) {
           case 'msg':
             return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.email);
-
           case 'txt':
             return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.text);
-        } // no need for translations in other languages
-
+        }
 
+        // no need for translations in other languages
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _util.getFormat)(language || 'unknown', ext));
       }
-
       var mediaType = item.mediaType;
       var mediaTypeTranslationMap = {
         doc: _mediaUi.messages.document,
@@ -144,8 +113,9 @@ var Header = /*#__PURE__*/function (_React$Component) {
         archive: _mediaUi.messages.archive,
         unknown: _mediaUi.messages.unknown
       };
-      var message = mediaTypeTranslationMap[mediaType || 'unknown']; // Defaulting to unknown again since backend has more mediaTypes than the current supported ones
+      var message = mediaTypeTranslationMap[mediaType || 'unknown'];
 
+      // Defaulting to unknown again since backend has more mediaTypes than the current supported ones
       return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message || _mediaUi.messages.unknown);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getMediaIcon", function (mediaType, mimeType, fileName) {
@@ -158,7 +128,6 @@ var Header = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(Header, [{
     key: "UNSAFE_componentWillUpdate",
     value: function UNSAFE_componentWillUpdate(nextProps) {
@@ -181,16 +150,14 @@ var Header = /*#__PURE__*/function (_React$Component) {
     key: "init",
     value: function init(props) {
       var _this2 = this;
-
       this.setState(initialState, function () {
         var mediaClient = props.mediaClient,
-            identifier = props.identifier,
-            onSetArchiveSideBarVisible = props.onSetArchiveSideBarVisible;
-
+          identifier = props.identifier,
+          onSetArchiveSideBarVisible = props.onSetArchiveSideBarVisible;
         if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
           var _identifier$name = identifier.name,
-              name = _identifier$name === void 0 ? identifier.dataURI : _identifier$name; // Simulate a processing file state to render right metadata
-
+            name = _identifier$name === void 0 ? identifier.dataURI : _identifier$name;
+          // Simulate a processing file state to render right metadata
           var fileState = {
             status: 'processing',
             id: name,
@@ -200,14 +167,11 @@ var Header = /*#__PURE__*/function (_React$Component) {
             representations: {},
             size: 0
           };
-
           _this2.setState({
             item: _domain.Outcome.successful(fileState)
           });
-
           return;
         }
-
         var id = identifier.id;
         _this2.subscription = mediaClient.file.getFileState(id, {
           collectionName: identifier.collectionName
@@ -216,7 +180,6 @@ var Header = /*#__PURE__*/function (_React$Component) {
             if (!(0, _mediaClient.isErrorFileState)(file) && file.mediaType === 'archive' && onSetArchiveSideBarVisible) {
               onSetArchiveSideBarVisible(true);
             }
-
             _this2.setState({
               item: _domain.Outcome.successful(file)
             });
@@ -234,12 +197,10 @@ var Header = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var item = this.state.item;
       var isArchiveSideBarVisible = false;
-
       if (item.data && !(0, _mediaClient.isErrorFileState)(item.data)) {
         var mediaType = item.data.mediaType;
         isArchiveSideBarVisible = mediaType === 'archive';
       }
-
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.Header, {
         isArchiveSideBarVisible: isArchiveSideBarVisible,
         className: _mediaUi.hideControlsClassName
@@ -249,7 +210,6 @@ var Header = /*#__PURE__*/function (_React$Component) {
     key: "renderMetadata",
     value: function renderMetadata() {
       var _this3 = this;
-
       var item = this.state.item;
       return item.match({
         successful: function successful(item) {
@@ -291,9 +251,6 @@ var Header = /*#__PURE__*/function (_React$Component) {
   }]);
   return Header;
 }(_react.default.Component);
-
 exports.Header = Header;
-
 var _default = (0, _reactIntlNext.injectIntl)(Header);
-
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "MediaViewer", {
     return _mediaViewerLoader.default;
   }
 });
-
 var _mediaViewerLoader = _interopRequireDefault(require("./components/media-viewer-loader"));