@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/es2019/item-viewer.js

@@ -1,440 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { Suspense, useCallback, useEffect, useState, useRef } from 'react';
-import Loadable from 'react-loadable';
-import { isExternalImageIdentifier, isFileIdentifier, toCommonMediaClientError } from '@atlaskit/media-client';
-import { Text } from '@atlaskit/primitives/compiled';
-import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
-import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
-import { useFileState } from '@atlaskit/media-client-react/use-file-state';
-import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
-import { Outcome } from './domain';
-import { Spinner } from './loading';
-import ErrorMessage from './errorMessage';
-import { MediaViewerError } from './errors';
-import { ErrorViewDownloadButton } from './download';
+import React from 'react';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { createCommencedEvent } from './analytics/events/operational/commenced';
-import { createLoadSucceededEvent } from './analytics/events/operational/loadSucceeded';
-import { fireAnalytics, getFileAttributes } from './analytics';
-import { InteractiveImg } from './viewers/image/interactive-img';
-import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { startMediaFileUfoExperience, succeedMediaFileUfoExperience } from './analytics/ufoExperiences';
-import { CustomViewer } from './viewers/customViewer/customViewer';
-function loadImageViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_imageViewer" */'./viewers/image');
-}
-const LoadableImageViewer = Loadable({
-  loader: () => loadImageViewer().then(mod => mod.ImageViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
-const LazyImageViewer = /*#__PURE__*/React.lazy(() => loadImageViewer().then(mod => ({
-  default: mod.ImageViewer
-})));
-function loadVideoViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_videoViewer" */'./viewers/video');
-}
-const LoadableVideoViewer = Loadable({
-  loader: () => loadVideoViewer().then(mod => mod.VideoViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
-const LazyVideoViewer = /*#__PURE__*/React.lazy(() => loadVideoViewer().then(mod => ({
-  default: mod.VideoViewer
-})));
-function loadAudioViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_audioViewer" */'./viewers/audio');
-}
-const LoadableAudioViewer = Loadable({
-  loader: () => loadAudioViewer().then(mod => mod.AudioViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
-const LazyAudioViewer = /*#__PURE__*/React.lazy(() => loadAudioViewer().then(mod => ({
-  default: mod.AudioViewer
-})));
-function loadDocViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_docViewer" */'./viewers/doc');
-}
-const LoadableDocViewer = Loadable({
-  loader: () => loadDocViewer().then(mod => mod.DocViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
-const LazyDocViewer = /*#__PURE__*/React.lazy(() => loadDocViewer().then(mod => ({
-  default: mod.DocViewer
-})));
-function loadCodeViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_codeViewer" */'./viewers/codeViewer');
-}
-const LoadableCodeViewer = Loadable({
-  loader: () => loadCodeViewer().then(mod => mod.CodeViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
-const LazyCodeViewer = /*#__PURE__*/React.lazy(() => loadCodeViewer().then(mod => ({
-  default: mod.CodeViewer
-})));
-function loadSvgViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_svgViewer" */'./viewers/svg');
-}
-const LoadableSvgViewer = Loadable({
-  loader: () =>
-  // @ts-ignore [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-  import( /* webpackChunkName: "@atlaskit-internal_svgViewer" */'./viewers/svg').then(mod => mod.SvgViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
-const LazySvgViewer = /*#__PURE__*/React.lazy(() => loadSvgViewer().then(mod => ({
-  default: mod.SvgViewer
-})));
-const ViewerSuspense = ({
-  children
-}) => /*#__PURE__*/React.createElement(Suspense, {
-  fallback: /*#__PURE__*/React.createElement(Spinner, null)
-}, children);
-// Consts
-export const isExternalImageItem = fileItem => fileItem === 'external-image';
-export const isFileStateItem = fileItem => !isExternalImageItem(fileItem);
+import { isFileIdentifier } from '@atlaskit/media-client';
+import { ItemViewerBase } from './ItemViewerBase';
 export const MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER = 10 * 1024 * 1024;
-
-/**
- * Determines if a file renders natively without backend processing artifacts.
- * These files (text/code, PDF, SVG) can be rendered directly from the original binary
- * without waiting for transcoded artifacts from the backend.
- *
- * Evidence:
- * - CodeViewer: Uses getFileBinaryURL(id) - works with both 'processing' and 'processed' status
- * - DocViewer: Uses getDocumentContent(id) - only needs file ID, not artifacts
- * - SvgViewer: Uses MediaSvg with identifier - never touches status or artifacts
- */
-const canRenderWithoutProcessing = fileState => {
-  const {
-    mimeType,
-    name,
-    size
-  } = fileState;
-
-  // Text/code files via CodeViewer (10MB limit)
-  if (isCodeViewerItem(name, mimeType) && size <= MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
-    return true;
-  }
-
-  // PDF files via DocViewer
-  if (mimeType === 'application/pdf') {
-    return true;
-  }
-
-  // SVG files via SvgViewer
-  if (mimeType === 'image/svg+xml') {
-    return true;
-  }
-  return false;
-};
-
-/**
- * Creates a synthetic ProcessedFileState for native-rendered files.
- * These files don't need backend processing, so we normalize to 'processed'
- * to prevent unnecessary re-renders when the actual status changes.
- * Note: artifacts are not used by native viewers (CodeViewer, DocViewer, SvgViewer)
- * as they fetch the original binary directly via file ID.
- */
-const createProcessedFileState = fileState => ({
-  status: 'processed',
-  id: fileState.id,
-  name: fileState.name,
-  size: fileState.size,
-  mediaType: fileState.mediaType,
-  mimeType: fileState.mimeType,
-  artifacts: {},
-  preview: fileState.preview,
-  createdAt: fileState.createdAt
-});
-export const ItemViewerBase = ({
-  identifier,
-  showControls,
-  onClose,
-  previewCount,
-  contextId,
-  createAnalyticsEvent,
-  viewerOptions,
-  traceContext
-}) => {
-  // States and Refs
-  const [item, setItem] = useState(Outcome.pending());
-  const fileStateFlagsRef = useRef({
-    wasStatusUploading: false,
-    wasStatusProcessing: false
-  });
-  const createAnalyticsEventRef = useRef(createAnalyticsEvent);
-  createAnalyticsEventRef.current = createAnalyticsEvent;
-
-  // Hooks
-  const mediaClient = useMediaClient();
-  const {
-    fileState
-  } = useFileState(isExternalImageIdentifier(identifier) ? '' : identifier.id, {
-    collectionName: isExternalImageIdentifier(identifier) ? '' : identifier.collectionName,
-    skipRemote: isExternalImageIdentifier(identifier)
-  });
-  const renderDownloadButton = useCallback((fileState, error) => {
-    const collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
-    return /*#__PURE__*/React.createElement(ErrorViewDownloadButton, {
-      fileState: fileState,
-      mediaClient: mediaClient,
-      error: error,
-      collectionName: collectionName,
-      traceContext: traceContext
-    });
-  }, [mediaClient, identifier, traceContext]);
-
-  // Did mount
-
-  useEffect(() => {
-    if (isExternalImageIdentifier(identifier)) {
-      return;
-    }
-    fireAnalytics(createCommencedEvent(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext), createAnalyticsEventRef.current);
-    startMediaFileUfoExperience();
-  }, [identifier, traceContext]);
-  const isNativeFileOptimizationEnabled = fg('media_viewer_prevent_rerender_on_polling');
-  useEffect(() => {
-    // External images don't need backend subscriptions
-    if (isExternalImageIdentifier(identifier)) {
-      setItem(Outcome.successful('external-image'));
-      return;
-    }
-    if (!fileState) {
-      return;
-    }
-    const {
-      status
-    } = fileState;
-
-    // Track status flags for analytics
-    if (status === 'processing') {
-      fileStateFlagsRef.current.wasStatusProcessing = true;
-    } else if (status === 'uploading') {
-      fileStateFlagsRef.current.wasStatusUploading = true;
-    }
-
-    // Handle error state
-    if (status === 'error') {
-      setItem(Outcome.failed(new MediaViewerError('itemviewer-fetch-metadata', toCommonMediaClientError(fileState))));
-      return;
-    }
-
-    // Optimization: normalize native files to ProcessedFileState to prevent
-    // unnecessary re-renders when status changes (e.g., processing → processed)
-    if (isNativeFileOptimizationEnabled && canRenderWithoutProcessing(fileState)) {
-      setItem(prev => {
-        // Keep stable reference if we already have a processed state for this file
-        if (prev.status === 'SUCCESSFUL' && prev.data && isFileStateItem(prev.data) && prev.data.id === fileState.id && prev.data.status === 'processed') {
-          return prev;
-        }
-        // First load or different file: create normalized processed state
-        return Outcome.successful(createProcessedFileState(fileState));
-      });
-      return;
-    }
-
-    // Non-native files: standard behavior
-    setItem(Outcome.successful(fileState));
-    // fileState object reference changes often when polling items (especially during processing); only re-run when fileState.status changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isNativeFileOptimizationEnabled ? fileState === null || fileState === void 0 ? void 0 : fileState.status : fileState, identifier]);
-  const onSuccess = useCallback(() => {
-    item.whenSuccessful(fileItem => {
-      if (isFileStateItem(fileItem)) {
-        const fileAttributes = getFileAttributes(fileItem);
-        fireAnalytics(createLoadSucceededEvent(fileAttributes, traceContext), createAnalyticsEventRef.current);
-        succeedMediaFileUfoExperience({
-          fileAttributes,
-          fileStateFlags: fileStateFlagsRef.current
-        });
-      }
-    });
-  }, [item, traceContext]);
-  const onLoadFail = useCallback(mediaViewerError => {
-    setItem(Outcome.failed(mediaViewerError, fileState));
-  }, [fileState]);
-  const renderItem = fileItem => {
-    var _viewerOptions$custom;
-    const collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
-    const viewerProps = {
-      mediaClient,
-      item: fileItem,
-      collectionName,
-      onClose,
-      previewCount,
-      viewerOptions,
-      traceContext
-    };
-    const customRenderer = viewerOptions === null || viewerOptions === void 0 ? void 0 : (_viewerOptions$custom = viewerOptions.customRenderers) === null || _viewerOptions$custom === void 0 ? void 0 : _viewerOptions$custom.find(renderer => renderer.shouldUseCustomRenderer({
-      fileItem
-    }));
-    if (customRenderer) {
-      return /*#__PURE__*/React.createElement(CustomViewer, _extends({
-        customRendererConfig: customRenderer,
-        onError: onLoadFail,
-        onSuccess: onSuccess
-      }, viewerProps));
-    }
-
-    // TODO: fix all of the item errors
-
-    if (isCodeViewerItem(fileItem.name, fileItem.mimeType)) {
-      //Render error message if code file has size over 10MB.
-      //Required by https://product-fabric.atlassian.net/browse/MEX-1788
-      if (fileItem.size > MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
-        return renderError(new MediaViewerError('codeviewer-file-size-exceeds'), fileItem);
-      }
-      return fg('platform_media_react19_support') ? /*#__PURE__*/React.createElement(ViewerSuspense, null, /*#__PURE__*/React.createElement(LazyCodeViewer, _extends({
-        onSuccess: onSuccess,
-        onError: onLoadFail
-      }, viewerProps))) : /*#__PURE__*/React.createElement(LoadableCodeViewer, _extends({
-        onSuccess: onSuccess,
-        onError: onLoadFail
-      }, viewerProps));
-    }
-    if (isFileIdentifier(identifier) && fileItem.mimeType === 'image/svg+xml') {
-      return fg('platform_media_react19_support') ? /*#__PURE__*/React.createElement(ViewerSuspense, null, /*#__PURE__*/React.createElement(LazySvgViewer, {
-        identifier: identifier,
-        onLoad: onSuccess,
-        onError: onLoadFail,
-        onClose: onClose,
-        traceContext: traceContext
-      })) : /*#__PURE__*/React.createElement(LoadableSvgViewer, {
-        identifier: identifier,
-        onLoad: onSuccess,
-        onError: onLoadFail,
-        onClose: onClose,
-        traceContext: traceContext
-      });
-    }
-    const {
-      mediaType
-    } = fileItem;
-    switch (mediaType) {
-      case 'image':
-        return fg('platform_media_react19_support') ? /*#__PURE__*/React.createElement(ViewerSuspense, null, /*#__PURE__*/React.createElement(LazyImageViewer, _extends({
-          onLoad: onSuccess,
-          onError: onLoadFail,
-          contextId: contextId
-        }, viewerProps))) : /*#__PURE__*/React.createElement(LoadableImageViewer, _extends({
-          onLoad: onSuccess,
-          onError: onLoadFail,
-          contextId: contextId
-        }, viewerProps));
-      case 'audio':
-        return fg('platform_media_react19_support') ? /*#__PURE__*/React.createElement(ViewerSuspense, null, /*#__PURE__*/React.createElement(LazyAudioViewer, _extends({
-          showControls: showControls,
-          onCanPlay: onSuccess,
-          onError: onLoadFail
-        }, viewerProps))) : /*#__PURE__*/React.createElement(LoadableAudioViewer, _extends({
-          showControls: showControls,
-          onCanPlay: onSuccess,
-          onError: onLoadFail
-        }, viewerProps));
-      case 'video':
-        return fg('platform_media_react19_support') ? /*#__PURE__*/React.createElement(ViewerSuspense, null, /*#__PURE__*/React.createElement(LazyVideoViewer, _extends({
-          identifier: identifier,
-          showControls: showControls,
-          onCanPlay: onSuccess,
-          onError: onLoadFail
-        }, viewerProps))) : /*#__PURE__*/React.createElement(LoadableVideoViewer, _extends({
-          identifier: identifier,
-          showControls: showControls,
-          onCanPlay: onSuccess,
-          onError: onLoadFail
-        }, viewerProps));
-      case 'doc':
-        return fg('platform_media_react19_support') ? /*#__PURE__*/React.createElement(ViewerSuspense, null, /*#__PURE__*/React.createElement(LazyDocViewer, _extends({
-          onSuccess: onSuccess,
-          onError: onLoadFail
-        }, viewerProps))) : /*#__PURE__*/React.createElement(LoadableDocViewer, _extends({
-          onSuccess: onSuccess,
-          onError: onLoadFail
-        }, viewerProps));
-      case 'archive':
-        return /*#__PURE__*/React.createElement(ArchiveViewerLoader, _extends({
-          onSuccess: onSuccess,
-          onError: onLoadFail
-        }, viewerProps));
-    }
-    return renderError(new MediaViewerError('unsupported'), fileItem);
-  };
-  const renderError = useCallback((error, fileItem) => {
-    if (fileItem) {
-      let fileState;
-      if (fileItem === 'external-image') {
-        // external image error outcome
-        fileState = {
-          id: 'external-image',
-          status: 'error'
-        };
-      } else {
-        // FileState error outcome
-        fileState = fileItem;
-      }
-      return /*#__PURE__*/React.createElement(ErrorMessage, {
-        fileId: isFileIdentifier(identifier) ? identifier.id : 'undefined',
-        error: error,
-        fileState: fileState,
-        fileStateFlags: fileStateFlagsRef.current,
-        traceContext: traceContext
-      }, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_downloading_file)), renderDownloadButton(fileState, error));
-    } else {
-      return /*#__PURE__*/React.createElement(ErrorMessage, {
-        fileId: isFileIdentifier(identifier) ? identifier.id : 'undefined',
-        error: error,
-        fileStateFlags: fileStateFlagsRef.current
-      });
-    }
-  }, [identifier, renderDownloadButton, traceContext]);
-  return item.match({
-    successful: fileItem => {
-      if (fileItem === 'external-image') {
-        // render an external image
-        const {
-          dataURI,
-          name
-        } = identifier;
-        return /*#__PURE__*/React.createElement(InteractiveImg, {
-          src: dataURI,
-          alt: name !== null && name !== void 0 ? name : '',
-          onLoad: () => {
-            fireAnalytics(createLoadSucceededEvent({
-              fileId: 'external-image'
-            }), createAnalyticsEventRef.current);
-            succeedMediaFileUfoExperience({
-              fileAttributes: {
-                fileId: 'external-image'
-              },
-              fileStateFlags: fileStateFlagsRef.current
-            });
-          },
-          onError: () => {
-            setItem(Outcome.failed(new MediaViewerError('imageviewer-external-onerror')));
-          }
-        });
-      } else {
-        // render a FileState fetched through media-client
-        switch (fileItem.status) {
-          case 'processed':
-          case 'uploading':
-          case 'processing':
-            return renderItem(fileItem);
-          case 'failed-processing':
-            if (fileItem.mediaType === 'doc' && fileItem.mimeType === 'application/pdf') {
-              return renderItem(fileItem);
-            }
-            return renderError(new MediaViewerError('itemviewer-file-failed-processing-status'), fileItem);
-          case 'error':
-            return renderError(new MediaViewerError('itemviewer-file-error-status', toCommonMediaClientError(fileItem)), fileItem);
-        }
-      }
-    },
-    pending: () => /*#__PURE__*/React.createElement(Spinner, null),
-    failed: error => renderError(error, item.data)
-  });
-};
 const ViewerWithKey = props => {
   const {
     identifier

package/dist/es2019/list.js

@@ -4,7 +4,7 @@ import { ItemViewer } from './item-viewer';
 import { HeaderWrapper, ListWrapper } from './styleWrappers';
 import { Navigation } from './navigation';
 import { getRandomTelemetryId } from '@atlaskit/media-common';
-import Header from './header';
+import Header from './headerWithIntl';
 export const List = ({
   defaultSelectedItem,
   onClose,

package/dist/es2019/media-viewer.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useLayoutEffect, useRef } from 'react';
+import { start } from 'perf-marks';
+import FocusLock from 'react-focus-lock';
 import { IntlProvider, injectIntl } from 'react-intl';
-import { Shortcut } from '@atlaskit/media-ui/shortcut';
+import ScrollLock from 'react-scrolllock';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { fireAnalytics } from './analytics';
+import { Shortcut } from '@atlaskit/media-ui/shortcut';
 import { createModalEvent } from './analytics/events/screen/modal';
 import { createClosedEvent } from './analytics/events/ui/closed';
-import { List } from './list';
+import { fireAnalytics } from './analytics/fireAnalytics';
+import { mediaViewerPopupClass } from './classnames';
 import { Content } from './content';
+import { List } from './list';
 import { Blanket, SidebarWrapper } from './styleWrappers';
-import { start } from 'perf-marks';
-import { mediaViewerPopupClass } from './classnames';
-import ScrollLock from 'react-scrolllock';
-import FocusLock from 'react-focus-lock';
 const MediaViewerComponent = ({
   featureFlags,
   items,

package/dist/es2019/navigation.js

@@ -1,16 +1,17 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 import React from 'react';
 import { Component } from 'react';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
 import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
 import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
 import { Shortcut } from '@atlaskit/media-ui/shortcut';
-import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { createNavigatedEvent } from './analytics/events/ui/createNavigatedEvent';
+import { fireAnalytics } from './analytics/fireAnalytics';
 import { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers';
-import { getSelectedIndex } from './utils';
-import { createNavigatedEvent } from './analytics/events/ui/navigated';
-import { fireAnalytics } from './analytics';
+import { getSelectedIndex } from './utils/getSelectedIndex';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Pressable, xcss } from '@atlaskit/primitives';
 export const nextNavButtonId = 'media-viewer-navigation-next';

package/dist/es2019/noop.js

@@ -0,0 +1 @@
+export function noop() {}

package/dist/es2019/useDownloadButtonDisabledProps.js

@@ -0,0 +1,13 @@
+import { useIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
+export const useDownloadButtonDisabledProps = mediaClient => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isDisabled = mediaClient.config.enforceDataSecurityPolicy;
+  const tooltip = isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
+  return {
+    isDisabled,
+    tooltip
+  };
+};

package/dist/es2019/utils/extractArchiveFolderName.js

@@ -0,0 +1,4 @@
+export const extractArchiveFolderName = folderName => {
+  const index = folderName.lastIndexOf('.');
+  return index > -1 ? folderName.substring(0, index) + '/' : folderName + '/';
+};

package/dist/es2019/utils/getFolderParent.js

@@ -0,0 +1,9 @@
+export const getFolderParent = path => {
+  const pathParts = path.substring(0, path.length - 1).split('/');
+  pathParts.pop();
+  const parent = pathParts.at(-1);
+  if (!parent) {
+    return ''; // root
+  }
+  return pathParts.join('/') + '/';
+};

package/dist/es2019/utils/getFormattedFolderName.js

@@ -0,0 +1,12 @@
+export const getFormattedFolderName = folderName => {
+  // We assume name ends with '/' unless it is the root directory
+  if (folderName === '') {
+    return '';
+  }
+  const name = folderName.substring(0, folderName.length - 1);
+  const index = name.lastIndexOf('/');
+  if (index === -1) {
+    return name;
+  }
+  return name.substring(index + 1);
+};

package/dist/es2019/utils/getMediaTypeFromFilename.js

@@ -0,0 +1,6 @@
+import { getMediaTypeFromMimeType } from '@atlaskit/media-common';
+import { getMimeTypeFromFilename } from './getMimeTypeFromFilename';
+export const getMediaTypeFromFilename = filename => {
+  const mimeType = getMimeTypeFromFilename(filename);
+  return getMediaTypeFromMimeType(mimeType);
+};

package/dist/es2019/utils/getMimeTypeFromFilename.js

@@ -0,0 +1,12 @@
+import { getType } from 'mime';
+export const getMimeTypeFromFilename = filename => {
+  const extension = filename.split('.').pop();
+  if (!extension) {
+    return '';
+  }
+  const mimeType = getType(extension);
+  if (!mimeType) {
+    return '';
+  }
+  return mimeType;
+};

package/dist/es2019/utils/getSelectedIndex.js

@@ -0,0 +1,7 @@
+import { isSameIdentifier } from './isSameIdentifier';
+
+// TODO MS-1752 - current implementation makes viewer navigation to misbehave
+// if passed a file with the same id (with different occurrenceKeys) or with the same dataURI twice
+export const getSelectedIndex = (items, selectedItem) => {
+  return items.findIndex(item => isSameIdentifier(item, selectedItem));
+};

package/dist/es2019/utils/isMacPrivateFile.js

@@ -0,0 +1,3 @@
+export const isMacPrivateFile = fileName => {
+  return fileName.startsWith('__MACOSX') || fileName.includes('.DS_Store');
+};

package/dist/es2019/utils/isSameIdentifier.js

@@ -0,0 +1,10 @@
+import { isFileIdentifier } from '@atlaskit/media-client';
+export const isSameIdentifier = (id1, id2) => {
+  if (isFileIdentifier(id1) && isFileIdentifier(id2)) {
+    return id1.id === id2.id;
+  }
+  if (!isFileIdentifier(id1) && !isFileIdentifier(id2)) {
+    return id1.dataURI === id2.dataURI;
+  }
+  return false;
+};

package/dist/es2019/utils/rejectAfter.js

@@ -0,0 +1,12 @@
+export const rejectAfter = (fn, delay = 5000) => {
+  return new Promise(async (resolve, reject) => {
+    const timeoutId = setTimeout(() => reject(new Error('timed out')), delay);
+    try {
+      resolve(await fn());
+    } catch (error) {
+      reject(error);
+    } finally {
+      clearTimeout(timeoutId);
+    }
+  });
+};

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

@@ -0,0 +1,19 @@
+._kkk2n7od{all:unset}
+._19itglyw{border:none}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}
+._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1e0c1ule{display:block}
+._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}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
+._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
+._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
+._ra3xnqa1:focus-visible{outline-style:solid}
+._d0altlke:hover{cursor:pointer}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
+._1qamtlke:active{cursor:pointer}

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

@@ -0,0 +1,23 @@
+/* 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
+import "./archive-download-button-wrapper.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useIntl } from 'react-intl';
+import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+const archiveDownloadButtonWrapperStyles = null;
+const archiveDownloadButtonMotionStyles = null;
+const archiveDownloadButtonWrapperStyleFix = null;
+export const ArchiveDownloadButtonWrapper = ({
+  children,
+  onClick
+}) => {
+  const intl = useIntl();
+  return /*#__PURE__*/React.createElement("button", {
+    "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
+    onClick: event => onClick && onClick(event),
+    "data-testid": "media-archiveDownloadButton",
+    className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _v564k6bl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1ggl5xtf _1qamtlke _1di6fcek", fg('platform-dst-motion-uplift-custom-button') && "_v564k6bl _1ggl5xtf"])
+  }, children);
+};

package/dist/es2019/viewers/archiveSidebar/archive-download-button.js

@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
-import { ArchiveDownloadButtonWrapper, DisabledArchiveDownloadButtonWrapper } from './styleWrappers';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
+import { ArchiveDownloadButtonWrapper } from './archive-download-button-wrapper';
+import { DisabledArchiveDownloadButtonWrapper } from './disabled-archive-download-button-wrapper';
 export const ArchiveDownloadButton = ({
   downloadFn,
   shouldRenderAbuseModal,