@atlaskit/media-viewer 53.2.4 → 54.0.0

package/AGENTS.md

@@ -0,0 +1,62 @@
+# media-viewer — Agent Guide
+
+> **Parent guide:** Always read [`../AGENTS.md`](../AGENTS.md) before working in this package — it
+> contains workspace-wide rules covering platform guidelines, changeset workflow, accessibility
+> standards, and the knowledge index protocol that applies to every Media package.
+
+## Package identity
+
+| Field    | Value                                                                                                                        |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------- |
+| NPM name | `@atlaskit/media-viewer`                                                                                                     |
+| Path     | `media-viewer/`                                                                                                              |
+| Owner    | Media Exif                                                                                                                   |
+| Purpose  | Full-screen media viewer — powerful and extendable viewer for images, video, audio, documents, SVG, archives, and code files |
+
+## Knowledge index
+
+> Read, search, edit, investigate, and validate the repository knowledge index at
+> `.agents/knowledge-index/`. ALWAYS use this skill before making ANY repo change, or when exploring
+> the codebase. The knowledge index is the canonical starting point for every coding task in this
+> repo, trigger this skill aggressively whenever the user mentions architecture, conventions,
+> packages, modules, services, build, coding, writing code, APIs, feature flags, testing, or
+> anything similar. Also trigger when "is the knowledge index up to date?" / "update the knowledge
+> index" / "what does the knowledge index say about Y?" — even if they don't say the words
+> "knowledge index". Also use it (via the `validate` subcommand) to detect drift between the
+> codebase and the docs after any code change. Use the `generate` subcommand to bootstrap the index
+> in a new repository.
+
+**Entry point:** `.agents/knowledge-index/INDEX.md` **Unit doc:**
+`.agents/knowledge-index/domains/media/units/atlaskit-media-viewer.md` **CLI:**
+`python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
+**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources`
+first, edit, then `kg.py edit <path> --message "<reason>"`.
+
+## Key source files
+
+- `src/index.ts` — public API entry point
+- `src/media-viewer.tsx` — root `MediaViewer` component
+- `src/viewers/` — per-format viewer implementations (image, video, doc, SVG, code, archive, custom)
+- `src/components/` — shared viewer UI components
+- `src/analytics/` — analytics event definitions and helpers
+- `src/domain/` — domain types and state
+- `src/utils/` — shared utilities
+- `src/header.tsx` — viewer header bar
+- `src/navigation.tsx` — multi-file navigation
+- `src/content.tsx` — content area
+
+## Public API (key exports)
+
+`MediaViewer` (default), `MediaViewerExtensions`, `MediaViewerExtensionsActions`,
+`MediaViewerProps`, `MediaMessage`, `ViewerOptionsProps`, `CustomRendererConfig`,
+`CustomRendererStateProps`, `CustomRendererProps`, `ArchiveFileItem`
+
+## Development notes
+
+- React Compiler is enabled for this package
+- Peer dependencies: `@emotion/react`, `react`, `react-intl`
+- Export subpaths: `.`, `./classnames`, `./media-viewer-loader`, `./types`, `./viewer-options`
+- Supports custom viewer via `CustomRendererConfig`
+- Large test suite: 50+ test files under `src/__tests__/`
+- All new behaviour changes must be behind a feature gate (`fg()` from
+  `@atlaskit/platform-feature-flags`)

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/media-viewer
 
+## 54.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 53.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 53.2.4
 
 ### Patch Changes

package/classnames/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/classnames.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/classnames.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/classnames.d.ts"
 }

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "53.2.3";
+var packageVersion = exports.packageVersion = "53.2.5";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "53.2.3";
+var packageVersion = "53.2.5";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/download.js

@@ -57,7 +57,7 @@ function DownloadButton(_ref) {
 var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
   return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var collectionName, traceContext, createAnalyticsEvent, id, name;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent;
@@ -68,7 +68,7 @@ var createItemDownloader = function createItemDownloader(file, mediaClient, opti
           }).catch(function (e) {
             (0, _analytics.fireAnalytics)((0, _download2.createDownloadFailedEventPayload)(file.id, new _errors.MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
           });
-        case 4:
+        case 1:
         case "end":
           return _context.stop();
       }

package/dist/cjs/utils/getObjectUrlFromFileState.js

@@ -10,37 +10,36 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _mediaClient = require("@atlaskit/media-client");
 var getObjectUrlFromFileState = exports.getObjectUrlFromFileState = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(state) {
-    var preview;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    var preview, _t, _t2;
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if ((0, _mediaClient.isErrorFileState)(state)) {
-            _context.next = 14;
+            _context.next = 4;
             break;
           }
           preview = state.preview;
           if (!preview) {
-            _context.next = 14;
+            _context.next = 4;
             break;
           }
-          _context.prev = 3;
-          _context.t0 = URL;
-          _context.next = 7;
+          _context.prev = 1;
+          _t = URL;
+          _context.next = 2;
           return preview;
-        case 7:
-          _context.t1 = _context.sent.value;
-          return _context.abrupt("return", _context.t0.createObjectURL.call(_context.t0, _context.t1));
-        case 11:
-          _context.prev = 11;
-          _context.t2 = _context["catch"](3);
+        case 2:
+          return _context.abrupt("return", _t.createObjectURL.call(_t, _context.sent.value));
+        case 3:
+          _context.prev = 3;
+          _t2 = _context["catch"](1);
           return _context.abrupt("return", undefined);
-        case 14:
+        case 4:
           return _context.abrupt("return", undefined);
-        case 15:
+        case 5:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 11]]);
+    }, _callee, null, [[1, 3]]);
   }));
   return function getObjectUrlFromFileState(_x) {
     return _ref.apply(this, arguments);

package/dist/cjs/utils/index.js

@@ -74,35 +74,34 @@ var rejectAfter = exports.rejectAfter = function rejectAfter(fn) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5000;
   return new Promise( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resolve, reject) {
-      var timeoutId;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      var timeoutId, _t, _t2;
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             timeoutId = setTimeout(function () {
               return reject(new Error('timed out'));
             }, delay);
             _context.prev = 1;
-            _context.t0 = resolve;
-            _context.next = 5;
+            _t = resolve;
+            _context.next = 2;
             return fn();
-          case 5:
-            _context.t1 = _context.sent;
-            (0, _context.t0)(_context.t1);
-            _context.next = 12;
+          case 2:
+            _t(_context.sent);
+            _context.next = 4;
             break;
-          case 9:
-            _context.prev = 9;
-            _context.t2 = _context["catch"](1);
-            reject(_context.t2);
-          case 12:
-            _context.prev = 12;
+          case 3:
+            _context.prev = 3;
+            _t2 = _context["catch"](1);
+            reject(_t2);
+          case 4:
+            _context.prev = 4;
             clearTimeout(timeoutId);
-            return _context.finish(12);
-          case 15:
+            return _context.finish(4);
+          case 5:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 9, 12, 15]]);
+      }, _callee, null, [[1, 3, 4, 5]]);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);

package/dist/cjs/viewers/archiveSidebar/archive-sidebar-folder-entry.js

@@ -82,16 +82,16 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)(_this, "downloadZipEntry", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(entry, root) {
-        var blob, name;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var blob, name, _t;
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              _context.next = 3;
+              _context.next = 1;
               return (0, _utils.rejectAfter)(function () {
                 return entry.blob();
               });
-            case 3:
+            case 1:
               blob = _context.sent;
               name = _this.formatName(root, entry.name); // Emit media-viewed event if feature flag is enabled
               if (_this.props.fileId && (0, _platformFeatureFlags.fg)('download_event_for_jira_attachments')) {
@@ -104,17 +104,17 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
               (0, _mediaCommon.downloadUrl)(URL.createObjectURL(blob), {
                 name: name
               });
-              _context.next = 12;
+              _context.next = 3;
               break;
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](0);
-              _this.props.onError(_context.t0, entry);
-            case 12:
+            case 2:
+              _context.prev = 2;
+              _t = _context["catch"](0);
+              _this.props.onError(_t, entry);
+            case 3:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 9]]);
+        }, _callee, null, [[0, 2]]);
       }));
       return function (_x, _x2) {
         return _ref.apply(this, arguments);

package/dist/cjs/viewers/archiveSidebar/archive-sidebar-renderer.js

@@ -22,7 +22,7 @@ var _archive = require("./archive");
 var _loading = require("../../loading");
 var _errors = require("../../errors");
 var _styleWrappers2 = require("./styleWrappers");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ArchiveSidebarRenderer = exports.default = /*#__PURE__*/function (_Component) {
@@ -44,15 +44,15 @@ var ArchiveSidebarRenderer = exports.default = /*#__PURE__*/function (_Component
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$props, selectedFileState, mediaClient, collectionName, onError, onSuccess, archive, entries;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var _this$props, selectedFileState, mediaClient, collectionName, onError, onSuccess, archive, entries, _t;
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _this$props = this.props, selectedFileState = _this$props.selectedFileState, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError, onSuccess = _this$props.onSuccess;
               _context.prev = 1;
-              _context.next = 4;
+              _context.next = 2;
               return (0, _archive.getArchiveEntriesFromFileState)(selectedFileState, mediaClient, collectionName);
-            case 4:
+            case 2:
               archive = _context.sent;
               entries = archive.entries;
               this.setState({
@@ -60,20 +60,20 @@ var ArchiveSidebarRenderer = exports.default = /*#__PURE__*/function (_Component
                 status: 'loaded'
               });
               onSuccess();
-              _context.next = 14;
+              _context.next = 4;
               break;
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](1);
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](1);
               this.setState({
                 status: 'loaded'
               });
-              onError(new _errors.ArchiveViewerError('archiveviewer-read-binary', _context.t0 instanceof Error ? _context.t0 : undefined));
-            case 14:
+              onError(new _errors.ArchiveViewerError('archiveviewer-read-binary', _t instanceof Error ? _t : undefined));
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[1, 10]]);
+        }, _callee, this, [[1, 3]]);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);

package/dist/cjs/viewers/archiveSidebar/archive-sidebar.js

@@ -32,27 +32,27 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
     (0, _defineProperty2.default)(_this, "getArchiveFromEntry", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(entry) {
         var blob, archive;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
+              _context.next = 1;
               return (0, _utils.rejectAfter)(function () {
                 return entry.blob();
               });
-            case 2:
+            case 1:
               blob = _context.sent;
-              _context.next = 5;
+              _context.next = 2;
               return (0, _utils.rejectAfter)(function () {
                 return (0, _unzipit.unzip)(blob);
               });
-            case 5:
+            case 2:
               archive = _context.sent;
               Object.values(archive.entries).forEach(function (zipEntry) {
                 // eslint-disable-next-line no-param-reassign
                 zipEntry.name = _this.state.currentArchiveSidebarFolder.name + zipEntry.name;
               });
               return _context.abrupt("return", archive);
-            case 8:
+            case 3:
             case "end":
               return _context.stop();
           }
@@ -64,8 +64,8 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
     }());
     (0, _defineProperty2.default)(_this, "onEntrySelected", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(entry) {
-        var onEntrySelected, isArchive;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        var onEntrySelected, isArchive, _t;
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               onEntrySelected = _this.props.onEntrySelected;
@@ -73,30 +73,30 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
                 onEntrySelected(entry);
               }
               isArchive = !entry.isDirectory && (0, _utils.getMediaTypeFromFilename)(entry.name) === 'archive';
-              _context2.prev = 3;
+              _context2.prev = 1;
               if (!(isArchive || entry.isDirectory)) {
-                _context2.next = 9;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 7;
+              _context2.next = 2;
               return _this.onFolderEntrySelected(entry, isArchive);
-            case 7:
-              _context2.next = 10;
+            case 2:
+              _context2.next = 4;
               break;
-            case 9:
+            case 3:
               null;
-            case 10:
-              _context2.next = 15;
+            case 4:
+              _context2.next = 6;
               break;
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](3);
-              return _context2.abrupt("return", _this.props.onError(_context2.t0, entry));
-            case 15:
+            case 5:
+              _context2.prev = 5;
+              _t = _context2["catch"](1);
+              return _context2.abrupt("return", _this.props.onError(_t, entry));
+            case 6:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[3, 12]]);
+        }, _callee2, null, [[1, 5]]);
       }));
       return function (_x2) {
         return _ref2.apply(this, arguments);
@@ -105,21 +105,21 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
     (0, _defineProperty2.default)(_this, "onFolderEntrySelected", /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(folder, isArchive) {
         var _this$props, entries, mediaClient, folderName, archiveEntries, _this$props2, isArchiveEntryLoading, onError, shouldRenderAbuseModal, fileId, currentFolderName;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _this$props = _this.props, entries = _this$props.entries, mediaClient = _this$props.mediaClient;
               if (!isArchive) {
-                _context3.next = 7;
+                _context3.next = 2;
                 break;
               }
-              _context3.next = 4;
+              _context3.next = 1;
               return _this.getArchiveFromEntry(folder);
-            case 4:
+            case 1:
               archiveEntries = _context3.sent.entries;
               entries = _objectSpread(_objectSpread({}, entries), archiveEntries);
               folderName = (0, _utils.extractArchiveFolderName)(folder.name);
-            case 7:
+            case 2:
               _this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal, fileId = _this$props2.fileId;
               currentFolderName = folderName || folder.name;
               _this.setState({
@@ -135,7 +135,7 @@ var ArchiveSidebar = exports.ArchiveSidebar = /*#__PURE__*/function (_React$Comp
                   fileId: fileId
                 }
               });
-            case 10:
+            case 3:
             case "end":
               return _context3.stop();
           }

package/dist/cjs/viewers/archiveSidebar/archive.js

@@ -47,22 +47,22 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var getArchiveEntriesFromFileState = exports.getArchiveEntriesFromFileState = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileState, mediaClient, collectionName) {
     var url, reader, archive;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-        case 2:
+        case 1:
           url = _context.sent;
           reader = new _unzipit.HTTPRangeReader(url);
-          _context.next = 6;
+          _context.next = 2;
           return (0, _utils.rejectAfter)(function () {
             return (0, _unzipit.unzip)(reader);
           });
-        case 6:
+        case 2:
           archive = _context.sent;
           return _context.abrupt("return", archive);
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -91,8 +91,8 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
     });
     (0, _defineProperty2.default)(_this, "onSelectedArchiveEntryChange", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(selectedArchiveEntry) {
-        var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType, _t;
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _this.setState({
@@ -106,38 +106,38 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
               mimeType = (0, _utils.getMimeTypeFromFilename)(selectedArchiveEntry.name);
               isCodeMimeType = (0, _codeViewer.isCodeViewerItem)(selectedArchiveEntry.name, mimeType);
               if (selectedArchiveEntry.isDirectory) {
-                _context2.next = 21;
+                _context2.next = 6;
                 break;
               }
-              _context2.prev = 6;
-              _context2.next = 9;
+              _context2.prev = 1;
+              _context2.next = 2;
               return (0, _utils.rejectAfter)(function () {
                 return selectedArchiveEntry.blob();
               }, 10000);
-            case 9:
+            case 2:
               blob = _context2.sent;
               blobWithMimeType = new Blob([blob], {
                 type: mimeType
               });
               src = URL.createObjectURL(blobWithMimeType);
               if (!isCodeMimeType) {
-                _context2.next = 16;
+                _context2.next = 4;
                 break;
               }
-              _context2.next = 15;
+              _context2.next = 3;
               return (0, _utils.rejectAfter)(function () {
                 return blob.text();
               });
-            case 15:
+            case 3:
               codeViewerSrc = _context2.sent;
-            case 16:
-              _context2.next = 21;
+            case 4:
+              _context2.next = 6;
               break;
-            case 18:
-              _context2.prev = 18;
-              _context2.t0 = _context2["catch"](6);
-              return _context2.abrupt("return", _this.onError(new _errors.ArchiveViewerError(_context2.t0.message === _consts.ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _context2.t0), selectedArchiveEntry));
-            case 21:
+            case 5:
+              _context2.prev = 5;
+              _t = _context2["catch"](1);
+              return _context2.abrupt("return", _this.onError(new _errors.ArchiveViewerError(_t.message === _consts.ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _t), selectedArchiveEntry));
+            case 6:
               _this.setState({
                 content: _domain.Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
                   selectedArchiveEntry: selectedArchiveEntry,
@@ -150,11 +150,11 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
                   hasLoadedEntries: true
                 }))
               });
-            case 22:
+            case 7:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[6, 18]]);
+        }, _callee2, null, [[1, 5]]);
       }));
       return function (_x4) {
         return _ref2.apply(this, arguments);
@@ -194,7 +194,7 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
     key: "init",
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               this.setState(this.initialState);
@@ -287,14 +287,14 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
             },
             getBinaryContent: function () {
               var _getBinaryContent = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-                return _regenerator.default.wrap(function _callee4$(_context4) {
+                return _regenerator.default.wrap(function (_context4) {
                   while (1) switch (_context4.prev = _context4.next) {
                     case 0:
-                      _context4.next = 2;
+                      _context4.next = 1;
                       return fetch(src);
-                    case 2:
+                    case 1:
                       return _context4.abrupt("return", _context4.sent.blob());
-                    case 3:
+                    case 2:
                     case "end":
                       return _context4.stop();
                   }