@atlaskit/media-viewer 54.8.21 → 54.8.23

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

@@ -4,428 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getArchiveEntriesFromFileState = exports.ArchiveViewerBase = exports.ArchiveViewer = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
-var _unzipit = require("unzipit");
-var _reactIntl = require("react-intl");
-var _mediaClient = require("@atlaskit/media-client");
-var _isZipMimeType = require("@atlaskit/media-common/isZipMimeType");
-var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
-var _messages = require("@atlaskit/media-ui/messages");
-var _getLanguageType = require("@atlaskit/media-ui/getLanguageType");
-var _isCodeViewerItem = require("@atlaskit/media-ui/isCodeViewerItem");
-var _compiled = require("@atlaskit/primitives/compiled");
-var _domain = require("../../domain");
-var _styleWrappers = require("../../styleWrappers");
-var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
-var _errorMessage = _interopRequireDefault(require("../../errorMessage"));
-var _baseViewer = require("../base-viewer");
-var _interactiveImg = require("../image/interactive-img");
-var _styleWrappers2 = require("./styleWrappers");
-var _archiveSidebarRenderer = _interopRequireDefault(require("./archive-sidebar-renderer"));
-var _utils = require("../../utils");
-var _loading = require("../../loading");
-var _consts = require("./consts");
+exports.ArchiveViewer = void 0;
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _analytics = require("../../analytics");
-var _errors = require("../../errors");
-var _zipEntryLoadSucceeded = require("../../analytics/events/operational/zipEntryLoadSucceeded");
-var _zipEntryLoadFailed = require("../../analytics/events/operational/zipEntryLoadFailed");
-var _previewUnsupported = require("../../analytics/events/operational/previewUnsupported");
-var _codeViewerRenderer = require("../codeViewer/codeViewerRenderer");
-var _util = require("../codeViewer/util");
-var _itemViewer = require("../../item-viewer");
-var _nativePdfViewer = require("./nativePdfViewer");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-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; }
-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; })(); } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-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 (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!(!(0, _mediaClient.isErrorFileState)(fileState) && !(0, _isZipMimeType.isZipMimeType)(fileState.mimeType) && (0, _fg.fg)('platform_media_archive_zip_guard'))) {
-            _context.next = 1;
-            break;
-          }
-          throw new _errors.ArchiveViewerError('archiveviewer-not-zip');
-        case 1:
-          _context.next = 2;
-          return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-        case 2:
-          url = _context.sent;
-          reader = new _unzipit.HTTPRangeReader(url);
-          _context.next = 3;
-          return (0, _utils.rejectAfter)(function () {
-            return (0, _unzipit.unzip)(reader);
-          });
-        case 3:
-          archive = _context.sent;
-          return _context.abrupt("return", archive);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getArchiveEntriesFromFileState(_x, _x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
-  function ArchiveViewerBase() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ArchiveViewerBase);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ArchiveViewerBase, [].concat(args));
-    (0, _defineProperty2.default)(_this, "onError", function (error, entry) {
-      // Non-ZIP archives (e.g. RAR, TAR, 7z) are a known limitation of the
-      // browser-based `unzipit` viewer, not a per-entry failure. Render a
-      // full-width "format not supported" message via BaseViewer's failed
-      // outcome (no sidebar, no 300px offset) and do NOT escalate to the
-      // parent item-viewer error boundary, which would double-render the
-      // message inside the offset archive layout.
-      if (error.primaryReason === 'archiveviewer-not-zip') {
-        // Fire a dedicated, non-SLI `previewUnsupported` event (not a
-        // `loadFailed`) so unsupported archives don't pollute error
-        // dashboards. The event's fileAttributes distinguish the two cases:
-        // `fileMediatype: 'unknown'` (browser-unrecognised, e.g. RAR) vs
-        // `fileMediatype: 'archive'` with a non-ZIP `fileMimetype` (unzipit
-        // limitation, e.g. 7z/tar/gzip).
-        (0, _analytics.fireAnalytics)((0, _previewUnsupported.createPreviewUnsupportedEvent)(_this.props.item), _this.props.createAnalyticsEvent);
-        _this.setState({
-          content: _domain.Outcome.failed(error)
-        });
-        return;
-      }
-      _this.props.onError(error);
-      _this.setState({
-        content: _domain.Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-          selectedArchiveEntry: entry,
-          error: error
-        }))
-      });
-    });
-    (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, _t;
-        return _regenerator.default.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _this.setState({
-                content: _domain.Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-                  selectedArchiveEntry: undefined,
-                  hasLoadedEntries: false // displays a nice loading spinner for the content viewer
-                }))
-              });
-              src = '';
-              codeViewerSrc = '';
-              mimeType = (0, _utils.getMimeTypeFromFilename)(selectedArchiveEntry.name);
-              isCodeMimeType = (0, _isCodeViewerItem.isCodeViewerItem)(selectedArchiveEntry.name, mimeType);
-              if (selectedArchiveEntry.isDirectory) {
-                _context2.next = 6;
-                break;
-              }
-              _context2.prev = 1;
-              _context2.next = 2;
-              return (0, _utils.rejectAfter)(function () {
-                return selectedArchiveEntry.blob();
-              }, 10000);
-            case 2:
-              blob = _context2.sent;
-              blobWithMimeType = new Blob([blob], {
-                type: mimeType
-              });
-              src = URL.createObjectURL(blobWithMimeType);
-              if (!isCodeMimeType) {
-                _context2.next = 4;
-                break;
-              }
-              _context2.next = 3;
-              return (0, _utils.rejectAfter)(function () {
-                return blob.text();
-              });
-            case 3:
-              codeViewerSrc = _context2.sent;
-            case 4:
-              _context2.next = 6;
-              break;
-            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,
-                  src: src,
-                  name: selectedArchiveEntry.name,
-                  isDirectory: selectedArchiveEntry.isDirectory,
-                  error: undefined,
-                  codeViewerSrc: codeViewerSrc,
-                  isCodeMimeType: isCodeMimeType,
-                  hasLoadedEntries: true
-                }))
-              });
-            case 7:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[1, 5]]);
-      }));
-      return function (_x4) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    (0, _defineProperty2.default)(_this, "onHeaderClicked", function () {
-      // This will set the preview to show the Folder icon
-      _this.setState({
-        content: _domain.Outcome.successful(_objectSpread({}, _this.state.content.data))
-      });
-    });
-    (0, _defineProperty2.default)(_this, "onViewerLoad", function (selectedArchiveEntry) {
-      return function () {
-        (0, _analytics.fireAnalytics)((0, _zipEntryLoadSucceeded.createZipEntryLoadSucceededEvent)(_this.props.item, selectedArchiveEntry), _this.props.createAnalyticsEvent);
-      };
-    });
-    (0, _defineProperty2.default)(_this, "onViewerError", function (primaryErrorReason, selectedArchiveEntry) {
-      return function (error) {
-        if (error instanceof Error && (0, _errors.isMediaViewerError)(error)) {
-          return _this.onError(new _errors.ArchiveViewerError(primaryErrorReason, error.secondaryError, selectedArchiveEntry));
-        }
-        // The video/audio CustomMediaPlayer surfaces a native `MediaError` (not a
-        // JS `Error`). Convert it into a descriptive diagnostics `Error` so the
-        // downstream analytics report a meaningful cause instead of `unknown`.
-        var secondaryError = error && !(error instanceof Error) ? (0, _errors.buildVideoErrorDiagnostics)(undefined, error) : error !== null && error !== void 0 ? error : undefined;
-        return _this.onError(new _errors.ArchiveViewerError(primaryErrorReason, secondaryError, selectedArchiveEntry));
-      };
-    });
-    (0, _defineProperty2.default)(_this, "onSidebarLoaded", function () {
-      _this.setState({
-        content: _domain.Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
-          hasLoadedEntries: true
-        }))
-      });
-      _this.props.onSuccess();
-      if ((0, _fg.fg)('download_event_for_jira_attachments')) {
-        _this.onMediaDisplayed();
-      }
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(ArchiveViewerBase, _BaseViewer);
-  return (0, _createClass2.default)(ArchiveViewerBase, [{
-    key: "init",
-    value: function () {
-      var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        return _regenerator.default.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              this.setState(this.initialState);
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function init() {
-        return _init.apply(this, arguments);
-      }
-      return init;
-    }()
-  }, {
-    key: "initialState",
-    get: function get() {
-      return {
-        content: _domain.Outcome.successful({
-          src: '',
-          name: '',
-          isDirectory: true
-        })
-      };
-    }
-  }, {
-    key: "release",
-    value: function release() {
-      var content = this.state.content;
-      if (!content.data || !content.data.src) {
-        return;
-      }
-      URL.revokeObjectURL(content.data.src);
-    }
-  }, {
-    key: "renderSuccessful",
-    value: function renderSuccessful(content) {
-      var _this$props = this.props,
-        item = _this$props.item,
-        mediaClient = _this$props.mediaClient,
-        collectionName = _this$props.collectionName;
-      var selectedArchiveEntry = content.selectedArchiveEntry,
-        hasLoadedEntries = content.hasLoadedEntries;
-      var hasSelectedArchiveEntry = selectedArchiveEntry !== undefined;
-      return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveLayout, null, /*#__PURE__*/_react.default.createElement(_archiveSidebarRenderer.default, {
-        selectedFileState: item,
-        mediaClient: mediaClient,
-        onSelectedArchiveEntryChange: this.onSelectedArchiveEntryChange,
-        onHeaderClicked: this.onHeaderClicked,
-        isArchiveEntryLoading: !hasSelectedArchiveEntry,
-        collectionName: collectionName,
-        onError: this.onError,
-        onSuccess: this.onSidebarLoaded
-      }), /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/_react.default.createElement(_styleWrappers.ListWrapper, null, /*#__PURE__*/_react.default.createElement(_loading.Spinner, null)) : this.renderArchiveItemViewer(content)));
-    }
-  }, {
-    key: "renderArchiveItemViewer",
-    value: function renderArchiveItemViewer(content) {
-      var _this$props2 = this.props,
-        item = _this$props2.item,
-        viewerOptions = _this$props2.viewerOptions;
-      var src = content.src,
-        name = content.name,
-        isDirectory = content.isDirectory,
-        error = content.error,
-        selectedArchiveEntry = content.selectedArchiveEntry,
-        codeViewerSrc = content.codeViewerSrc,
-        isCodeMimeType = content.isCodeMimeType;
-      if (error) {
-        return this.renderPreviewError(error, selectedArchiveEntry);
-      }
-      if (!isDirectory && selectedArchiveEntry) {
-        var _viewerOptions$custom;
-        if (!name || !src) {
-          return this.renderPreviewError(new _errors.ArchiveViewerError('archiveviewer-missing-name-src'), selectedArchiveEntry);
-        }
-        var customRenderer = viewerOptions === null || viewerOptions === void 0 || (_viewerOptions$custom = viewerOptions.customRenderers) === null || _viewerOptions$custom === void 0 ? void 0 : _viewerOptions$custom.find(function (renderer) {
-          return renderer.shouldUseCustomRenderer({
-            fileItem: item,
-            archiveFileItem: {
-              name: name
-            }
-          });
-        });
-        if (customRenderer) {
-          return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null, customRenderer.renderContent({
-            fileItem: item,
-            archiveFileItem: {
-              name: name
-            },
-            getBinaryContent: function () {
-              var _getBinaryContent = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-                return _regenerator.default.wrap(function (_context4) {
-                  while (1) switch (_context4.prev = _context4.next) {
-                    case 0:
-                      _context4.next = 1;
-                      return fetch(src);
-                    case 1:
-                      return _context4.abrupt("return", _context4.sent.blob());
-                    case 2:
-                    case "end":
-                      return _context4.stop();
-                  }
-                }, _callee4);
-              }));
-              function getBinaryContent() {
-                return _getBinaryContent.apply(this, arguments);
-              }
-              return getBinaryContent;
-            }(),
-            onLoad: this.onViewerLoad(selectedArchiveEntry),
-            onError: this.onViewerError('archiveviewer-customrenderer-onerror', selectedArchiveEntry)
-          }));
-        }
-        var mediaType = (0, _utils.getMediaTypeFromFilename)(name);
-        if (isCodeMimeType) {
-          // Same code viewer logic as in Item-Viewer.tsx
-          // Render error message if code file has size over 10MB.
-          // Required by https://product-fabric.atlassian.net/browse/MEX-1788
-          if ((selectedArchiveEntry === null || selectedArchiveEntry === void 0 ? void 0 : selectedArchiveEntry.size) > _itemViewer.MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
-            return this.renderPreviewError(new _errors.ArchiveViewerError('archiveviewer-codeviewer-file-size-exceeds'), selectedArchiveEntry);
-          }
-          return /*#__PURE__*/_react.default.createElement(_codeViewerRenderer.CodeViewRenderer, {
-            onSuccess: this.onViewerLoad(selectedArchiveEntry),
-            onError: this.onViewerError('archiveviewer-codeviewer-onerror', selectedArchiveEntry),
-            item: item,
-            src: codeViewerSrc || '',
-            language: (0, _getLanguageType.getLanguageType)(name) || _util.DEFAULT_LANGUAGE
-          });
-        }
-        switch (mediaType) {
-          case 'image':
-            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null, /*#__PURE__*/_react.default.createElement(_interactiveImg.InteractiveImg, {
-              src: src,
-              alt: name,
-              onLoad: this.onViewerLoad(selectedArchiveEntry),
-              onError: this.onViewerError('archiveviewer-imageviewer-onerror', selectedArchiveEntry)
-            }));
-          case 'video':
-            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.CustomVideoPlayerWrapper, {
-              "data-testid": "media-viewer-video-content"
-            }, /*#__PURE__*/_react.default.createElement(_customMediaPlayer.CustomMediaPlayer, {
-              type: "video",
-              isAutoPlay: false,
-              src: src,
-              onCanPlay: this.onViewerLoad(selectedArchiveEntry),
-              onError: this.onViewerError('archiveviewer-videoviewer-onerror', selectedArchiveEntry)
-            })));
-          case 'audio':
-            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.AudioPlayer, {
-              "data-testid": "media-viewer-audio-content"
-            }, /*#__PURE__*/_react.default.createElement(_styleWrappers.DefaultCoverWrapper, null, /*#__PURE__*/_react.default.createElement(_audio.default, {
-              label: "cover",
-              color: "currentColor"
-            })), /*#__PURE__*/_react.default.createElement(_styleWrappers.CustomAudioPlayerWrapper, null, /*#__PURE__*/_react.default.createElement(_customMediaPlayer.CustomMediaPlayer, {
-              type: "audio",
-              isAutoPlay: false,
-              src: src,
-              onCanPlay: this.onViewerLoad(selectedArchiveEntry),
-              onError: this.onViewerError('archiveviewer-audioviewer-onerror', selectedArchiveEntry)
-            }))));
-          case 'doc':
-            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, {
-              fullHeight: true
-            }, /*#__PURE__*/_react.default.createElement(_nativePdfViewer.NativePdfViewer, {
-              src: src,
-              onSuccess: this.onViewerLoad(selectedArchiveEntry),
-              onError: this.onViewerError('archiveviewer-docviewer-onerror', selectedArchiveEntry)
-            }, this.renderPreviewError(new _errors.ArchiveViewerError('archiveviewer-docviewer-onerror'), selectedArchiveEntry, false)));
-          case 'archive':
-            //BMPT-388 - Add illustration here, currently empty viewer
-            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null);
-          default:
-            return this.renderPreviewError(new _errors.ArchiveViewerError('archiveviewer-unsupported'), selectedArchiveEntry);
-        }
-      }
-    }
-  }, {
-    key: "renderPreviewError",
-    value: function renderPreviewError(error, entry) {
-      var shouldFireAnalytics = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var _this$props3 = this.props,
-        item = _this$props3.item,
-        createAnalyticsEvent = _this$props3.createAnalyticsEvent;
-      if (shouldFireAnalytics) {
-        (0, _analytics.fireAnalytics)((0, _zipEntryLoadFailed.createZipEntryLoadFailedEvent)(item, error, entry), createAnalyticsEvent);
-      }
-      return /*#__PURE__*/_react.default.createElement(_styleWrappers.ListWrapper, null, /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
-        fileId: item.id,
-        fileState: item,
-        error: error,
-        supressAnalytics: true
-      }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.try_downloading_file))));
-    }
-  }]);
-}(_baseViewer.BaseViewer);
-var ArchiveViewer = exports.ArchiveViewer = (0, _withAnalyticsEvents.default)()(ArchiveViewerBase);
+var _archiveViewerBase = require("./archive-viewer-base");
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+var ArchiveViewer = exports.ArchiveViewer = (0, _withAnalyticsEvents.default)()(_archiveViewerBase.ArchiveViewerBase);

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

@@ -15,9 +15,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _MediaViewerError = require("../../MediaViewerError");
+var _errorMessageWithAnalytics = _interopRequireDefault(require("../../errorMessageWithAnalytics"));
 var _modalSpinner = _interopRequireDefault(require("../modalSpinner"));
-var _errorMessage = _interopRequireDefault(require("../../errorMessage"));
-var _errors = require("../../errors");
 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; })(); }
@@ -86,10 +86,10 @@ var ArchiveViewerLoader = exports.default = /*#__PURE__*/function (_React$PureCo
         isErrored = _this$state.isErrored;
       var item = this.props.item;
       if (isErrored) {
-        return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
+        return /*#__PURE__*/_react.default.createElement(_errorMessageWithAnalytics.default, {
           fileId: item.id,
           fileState: item,
-          error: new _errors.MediaViewerError('archiveviewer-bundle-loader')
+          error: new _MediaViewerError.MediaViewerError('archiveviewer-bundle-loader')
         });
       }
       if (ArchiveViewer) {

package/dist/cjs/viewers/archiveSidebar/disabled-archive-download-button-wrapper.compiled.css

@@ -0,0 +1,8 @@
+._19itglyw{border:none}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._80om13gf{cursor:not-allowed}
+._bfhk1j28{background-color:transparent}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3td14y2{padding-bottom:5px}
+._syaz1q3r{color:var(--ds-icon,#292a2e)}
+._u5f31v6z{padding-right:7px}

package/dist/cjs/viewers/archiveSidebar/disabled-archive-download-button-wrapper.js

@@ -0,0 +1,21 @@
+/* disabled-archive-download-button-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisabledArchiveDownloadButtonWrapper = void 0;
+require("./disabled-archive-download-button-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 disabledArchiveDownloadButtonWrapperStyles = null;
+var DisabledArchiveDownloadButtonWrapper = exports.DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "media-disabledArchiveDownloadButton",
+    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
+  }, children);
+};

package/dist/cjs/viewers/archiveSidebar/get-archive-entries-from-file-state.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getArchiveEntriesFromFileState = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _unzipit = require("unzipit");
+var _mediaClient = require("@atlaskit/media-client");
+var _isZipMimeType = require("@atlaskit/media-common/isZipMimeType");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _ArchiveViewerError = require("../../ArchiveViewerError");
+var _rejectAfter = require("../../utils/rejectAfter");
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+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 (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(!(0, _mediaClient.isErrorFileState)(fileState) && !(0, _isZipMimeType.isZipMimeType)(fileState.mimeType) && (0, _fg.fg)('platform_media_archive_zip_guard'))) {
+            _context.next = 1;
+            break;
+          }
+          throw new _ArchiveViewerError.ArchiveViewerError('archiveviewer-not-zip');
+        case 1:
+          _context.next = 2;
+          return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
+        case 2:
+          url = _context.sent;
+          reader = new _unzipit.HTTPRangeReader(url);
+          _context.next = 3;
+          return (0, _rejectAfter.rejectAfter)(function () {
+            return (0, _unzipit.unzip)(reader);
+          });
+        case 3:
+          archive = _context.sent;
+          return _context.abrupt("return", archive);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getArchiveEntriesFromFileState(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/cjs/viewers/archiveSidebar/separator.compiled.css

@@ -0,0 +1,7 @@
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._18u0idpf{margin-left:0}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._1o9zidpf{flex-shrink:0}
+._2hwxidpf{margin-right:0}
+._4t3iyh40{height:2px}
+._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

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

@@ -0,0 +1,19 @@
+/* separator.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = void 0;
+require("./separator.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 separatorStyles = null;
+var Separator = exports.Separator = function Separator() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
+  });
+};

package/dist/cjs/viewers/archiveSidebar/sidebar-header-entry.compiled.css

@@ -0,0 +1,9 @@
+._16jlkb7n{flex-grow:1}
+._18m915vq{overflow-y:hidden}
+._1bto1l2s{text-overflow:ellipsis}
+._1o9zkb7n{flex-shrink:1}
+._1reo15vq{overflow-x:hidden}
+._i0dl1wug{flex-basis:auto}
+._o5721q9c{white-space:nowrap}
+._syazi7uo{color:var(--ds-text,#292a2e)}
+._vwz41xde{line-height:1.14286}

package/dist/cjs/viewers/archiveSidebar/sidebar-header-entry.js

@@ -0,0 +1,20 @@
+/* sidebar-header-entry.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarHeaderEntry = void 0;
+require("./sidebar-header-entry.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 sidebarHeaderEntryStyles = null;
+var SidebarHeaderEntry = exports.SidebarHeaderEntry = function SidebarHeaderEntry(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
+  }, children);
+};

package/dist/cjs/viewers/archiveSidebar/sidebar-header-icon.compiled.css

@@ -0,0 +1,4 @@
+._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4cvr1h6o{align-items:center}

package/dist/cjs/viewers/archiveSidebar/sidebar-header-icon.js

@@ -0,0 +1,20 @@
+/* sidebar-header-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarHeaderIcon = void 0;
+require("./sidebar-header-icon.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 sidebarHeaderIconStyles = null;
+var SidebarHeaderIcon = exports.SidebarHeaderIcon = function SidebarHeaderIcon(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
+  }, children);
+};

package/dist/cjs/viewers/archiveSidebar/sidebar-header-wrapper.compiled.css

@@ -0,0 +1,3 @@
+._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._4cvr1h6o{align-items:center}