@atlaskit/media-viewer 53.2.5 → 54.1.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,43 @@
 # @atlaskit/media-viewer
 
+## 54.1.0
+
+### Minor Changes
+
+- [`19773530cd51c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/19773530cd51c) -
+  Add fallbackMediaNameFetcher support to MediaCard (FileCard) and MediaViewer (header display),
+  gated behind the platform_editor_media_name_fallback_viewer_card experiment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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.4";
+var packageVersion = exports.packageVersion = "54.0.0";
 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.4";
+var packageVersion = "54.0.0";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/components/media-viewer.js

@@ -48,7 +48,8 @@ var MediaViewerBase = exports.MediaViewerBase = function MediaViewerBase(_ref) {
     items = _ref.items,
     extensions = _ref.extensions,
     contextId = _ref.contextId,
-    viewerOptions = _ref.viewerOptions;
+    viewerOptions = _ref.viewerOptions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useMemo = (0, _react.useMemo)(function () {
       return normaliseItems(items, selectedItem, collectionName);
     }, [items, selectedItem, collectionName]),
@@ -82,7 +83,8 @@ var MediaViewerBase = exports.MediaViewerBase = function MediaViewerBase(_ref) {
     featureFlags: featureFlags,
     extensions: extensions,
     contextId: contextId,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 

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/header.js

@@ -19,6 +19,7 @@ var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 var _util = require("./viewers/codeViewer/util");
 var _errors = require("./errors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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); }
 var Header = exports.Header = function Header(_ref) {
   var _extensions$headerAct;
@@ -30,12 +31,19 @@ var Header = exports.Header = function Header(_ref) {
     identifier = _ref.identifier,
     onClose = _ref.onClose,
     onSetArchiveSideBarVisible = _ref.onSetArchiveSideBarVisible,
-    traceContext = _ref.traceContext;
+    traceContext = _ref.traceContext,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   // States
   var _useState = (0, _react.useState)(_domain.Outcome.pending()),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     item = _useState2[0],
     setItem = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    fallbackMediaName = _useState4[0],
+    setFallbackMediaName = _useState4[1];
+  var fallbackMediaNameFetchAttempted = (0, _react.useRef)(false);
+  var lastFetchedFileId = (0, _react.useRef)();
 
   // Refs and Hooks
   var mediaClient = (0, _mediaClientReact.useMediaClient)();
@@ -81,6 +89,23 @@ var Header = exports.Header = function Header(_ref) {
       setItem(_domain.Outcome.failed(new _errors.MediaViewerError('header-fetch-metadata', (0, _mediaClient.toCommonMediaClientError)(fileState))));
     }
   }, [fileState, identifier]);
+  (0, _react.useEffect)(function () {
+    // Reset fetch state when the file identity changes (e.g. navigating in viewer)
+    var currentId = (fileState === null || fileState === void 0 ? void 0 : fileState.status) !== 'error' ? fileState === null || fileState === void 0 ? void 0 : fileState.id : undefined;
+    if (currentId && currentId !== lastFetchedFileId.current && (0, _expValEquals.expValEquals)('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true)) {
+      fallbackMediaNameFetchAttempted.current = false;
+      setFallbackMediaName(undefined);
+      lastFetchedFileId.current = currentId;
+    }
+    if (fileState && fileState.status !== 'error' && !fileState.name && fallbackMediaNameFetcher && !fallbackMediaNameFetchAttempted.current && (0, _expValEquals.expValEquals)('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true)) {
+      fallbackMediaNameFetchAttempted.current = true;
+      fallbackMediaNameFetcher(fileState.id).then(function (name) {
+        setFallbackMediaName(name);
+      }, function () {
+        // Silently ignore fetch failures
+      });
+    }
+  }, [fileState, fallbackMediaNameFetcher]);
   var renderFileTypeText = function renderFileTypeText(item) {
     // render appropriate header if its a code/email item and the feature flag is enabled
     if ((0, _codeViewer.isCodeViewerItem)(item.name, item.mimeType)) {
@@ -128,7 +153,7 @@ var Header = exports.Header = function Header(_ref) {
         name: item.name
       })), /*#__PURE__*/_react.default.createElement(_styleWrappers.MedatadataTextWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.MetadataFileName, {
         "data-testid": "media-viewer-file-name"
-      }, item.name || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.unknown)), /*#__PURE__*/_react.default.createElement(_styleWrappers.MetadataSubText, {
+      }, item.name || (0, _expValEquals.expValEquals)('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true) && fallbackMediaName || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.unknown)), /*#__PURE__*/_react.default.createElement(_styleWrappers.MetadataSubText, {
         "data-testid": "media-viewer-file-metadata-text"
       }, /*#__PURE__*/_react.default.createElement(_styleWrappers.FormattedMessageWrapper, null, renderFileTypeText(item)), item.size ? ' · ' + (0, _mediaUi.toHumanReadableMediaSize)(item.size) : '')));
     },

package/dist/cjs/list.js

@@ -26,7 +26,8 @@ var List = exports.List = function List(_ref) {
     isSidebarVisible = _ref.isSidebarVisible,
     onNavigationChange = _ref.onNavigationChange,
     items = _ref.items,
-    viewerOptions = _ref.viewerOptions;
+    viewerOptions = _ref.viewerOptions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useState = (0, _react.useState)(defaultSelectedItem),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     selectedItem = _useState2[0],
@@ -56,7 +57,8 @@ var List = exports.List = function List(_ref) {
     isArchiveSideBarVisible: isArchiveSideBarVisible,
     featureFlags: featureFlags,
     onSetArchiveSideBarVisible: setIsArchiveSideBarVisible,
-    traceContext: traceContext.current
+    traceContext: traceContext.current,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })), /*#__PURE__*/_react.default.createElement(_itemViewer.ItemViewer, {
     identifier: selectedItem,
     showControls: showControls,

package/dist/cjs/media-viewer.js

@@ -32,7 +32,8 @@ var MediaViewerComponent = function MediaViewerComponent(_ref) {
     _onClose = _ref.onClose,
     selectedItem = _ref.selectedItem,
     intl = _ref.intl,
-    viewerOptions = _ref.viewerOptions;
+    viewerOptions = _ref.viewerOptions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isSidebarVisible = _useState2[0],
@@ -96,7 +97,8 @@ var MediaViewerComponent = function MediaViewerComponent(_ref) {
     isSidebarVisible: isSidebarVisible,
     contextId: contextId,
     featureFlags: featureFlags,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })), renderSidebar()));
   return intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
     locale: "en"

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