@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/esm/item-viewer.js

@@ -1,509 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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');
-}
-var LoadableImageViewer = Loadable({
-  loader: function loader() {
-    return loadImageViewer().then(function (mod) {
-      return mod.ImageViewer;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/React.createElement(Spinner, null);
-  }
-});
-var LazyImageViewer = /*#__PURE__*/React.lazy(function () {
-  return loadImageViewer().then(function (mod) {
-    return {
-      default: mod.ImageViewer
-    };
-  });
-});
-function loadVideoViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_videoViewer" */'./viewers/video');
-}
-var LoadableVideoViewer = Loadable({
-  loader: function loader() {
-    return loadVideoViewer().then(function (mod) {
-      return mod.VideoViewer;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/React.createElement(Spinner, null);
-  }
-});
-var LazyVideoViewer = /*#__PURE__*/React.lazy(function () {
-  return loadVideoViewer().then(function (mod) {
-    return {
-      default: mod.VideoViewer
-    };
-  });
-});
-function loadAudioViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_audioViewer" */'./viewers/audio');
-}
-var LoadableAudioViewer = Loadable({
-  loader: function loader() {
-    return loadAudioViewer().then(function (mod) {
-      return mod.AudioViewer;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/React.createElement(Spinner, null);
-  }
-});
-var LazyAudioViewer = /*#__PURE__*/React.lazy(function () {
-  return loadAudioViewer().then(function (mod) {
-    return {
-      default: mod.AudioViewer
-    };
-  });
-});
-function loadDocViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_docViewer" */'./viewers/doc');
-}
-var LoadableDocViewer = Loadable({
-  loader: function loader() {
-    return loadDocViewer().then(function (mod) {
-      return mod.DocViewer;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/React.createElement(Spinner, null);
-  }
-});
-var LazyDocViewer = /*#__PURE__*/React.lazy(function () {
-  return loadDocViewer().then(function (mod) {
-    return {
-      default: mod.DocViewer
-    };
-  });
-});
-function loadCodeViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_codeViewer" */'./viewers/codeViewer');
-}
-var LoadableCodeViewer = Loadable({
-  loader: function loader() {
-    return loadCodeViewer().then(function (mod) {
-      return mod.CodeViewer;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/React.createElement(Spinner, null);
-  }
-});
-var LazyCodeViewer = /*#__PURE__*/React.lazy(function () {
-  return loadCodeViewer().then(function (mod) {
-    return {
-      default: mod.CodeViewer
-    };
-  });
-});
-function loadSvgViewer() {
-  return import( /* webpackChunkName: "@atlaskit-internal_svgViewer" */'./viewers/svg');
-}
-var LoadableSvgViewer = Loadable({
-  loader: function loader() {
-    return (
-      // @ts-ignore [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-      import( /* webpackChunkName: "@atlaskit-internal_svgViewer" */'./viewers/svg').then(function (mod) {
-        return mod.SvgViewer;
-      })
-    );
-  },
-  loading: function loading() {
-    return /*#__PURE__*/React.createElement(Spinner, null);
-  }
-});
-var LazySvgViewer = /*#__PURE__*/React.lazy(function () {
-  return loadSvgViewer().then(function (mod) {
-    return {
-      default: mod.SvgViewer
-    };
-  });
-});
-var ViewerSuspense = function ViewerSuspense(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(Spinner, null)
-  }, children);
-};
-// Consts
-export var isExternalImageItem = function isExternalImageItem(fileItem) {
-  return fileItem === 'external-image';
-};
-export var isFileStateItem = function isFileStateItem(fileItem) {
-  return !isExternalImageItem(fileItem);
-};
+import { isFileIdentifier } from '@atlaskit/media-client';
+import { ItemViewerBase } from './ItemViewerBase';
 export var 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
- */
-var canRenderWithoutProcessing = function canRenderWithoutProcessing(fileState) {
-  var mimeType = fileState.mimeType,
-    name = fileState.name,
-    size = fileState.size;
-
-  // 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.
- */
-var createProcessedFileState = function createProcessedFileState(fileState) {
-  return {
-    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 var ItemViewerBase = function ItemViewerBase(_ref2) {
-  var identifier = _ref2.identifier,
-    showControls = _ref2.showControls,
-    onClose = _ref2.onClose,
-    previewCount = _ref2.previewCount,
-    contextId = _ref2.contextId,
-    createAnalyticsEvent = _ref2.createAnalyticsEvent,
-    viewerOptions = _ref2.viewerOptions,
-    traceContext = _ref2.traceContext;
-  // States and Refs
-  var _useState = useState(Outcome.pending()),
-    _useState2 = _slicedToArray(_useState, 2),
-    item = _useState2[0],
-    setItem = _useState2[1];
-  var fileStateFlagsRef = useRef({
-    wasStatusUploading: false,
-    wasStatusProcessing: false
-  });
-  var createAnalyticsEventRef = useRef(createAnalyticsEvent);
-  createAnalyticsEventRef.current = createAnalyticsEvent;
-
-  // Hooks
-  var mediaClient = useMediaClient();
-  var _useFileState = useFileState(isExternalImageIdentifier(identifier) ? '' : identifier.id, {
-      collectionName: isExternalImageIdentifier(identifier) ? '' : identifier.collectionName,
-      skipRemote: isExternalImageIdentifier(identifier)
-    }),
-    fileState = _useFileState.fileState;
-  var renderDownloadButton = useCallback(function (fileState, error) {
-    var 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(function () {
-    if (isExternalImageIdentifier(identifier)) {
-      return;
-    }
-    fireAnalytics(createCommencedEvent(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext), createAnalyticsEventRef.current);
-    startMediaFileUfoExperience();
-  }, [identifier, traceContext]);
-  var isNativeFileOptimizationEnabled = fg('media_viewer_prevent_rerender_on_polling');
-  useEffect(function () {
-    // External images don't need backend subscriptions
-    if (isExternalImageIdentifier(identifier)) {
-      setItem(Outcome.successful('external-image'));
-      return;
-    }
-    if (!fileState) {
-      return;
-    }
-    var status = fileState.status;
-
-    // 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(function (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]);
-  var onSuccess = useCallback(function () {
-    item.whenSuccessful(function (fileItem) {
-      if (isFileStateItem(fileItem)) {
-        var fileAttributes = getFileAttributes(fileItem);
-        fireAnalytics(createLoadSucceededEvent(fileAttributes, traceContext), createAnalyticsEventRef.current);
-        succeedMediaFileUfoExperience({
-          fileAttributes: fileAttributes,
-          fileStateFlags: fileStateFlagsRef.current
-        });
-      }
-    });
-  }, [item, traceContext]);
-  var onLoadFail = useCallback(function (mediaViewerError) {
-    setItem(Outcome.failed(mediaViewerError, fileState));
-  }, [fileState]);
-  var renderItem = function renderItem(fileItem) {
-    var _viewerOptions$custom;
-    var collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
-    var viewerProps = {
-      mediaClient: mediaClient,
-      item: fileItem,
-      collectionName: collectionName,
-      onClose: onClose,
-      previewCount: previewCount,
-      viewerOptions: viewerOptions,
-      traceContext: traceContext
-    };
-    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: 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
-      });
-    }
-    var mediaType = fileItem.mediaType;
-    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);
-  };
-  var renderError = useCallback(function (error, fileItem) {
-    if (fileItem) {
-      var _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: function successful(fileItem) {
-      if (fileItem === 'external-image') {
-        // render an external image
-        var _ref3 = identifier,
-          dataURI = _ref3.dataURI,
-          name = _ref3.name;
-        return /*#__PURE__*/React.createElement(InteractiveImg, {
-          src: dataURI,
-          alt: name !== null && name !== void 0 ? name : '',
-          onLoad: function onLoad() {
-            fireAnalytics(createLoadSucceededEvent({
-              fileId: 'external-image'
-            }), createAnalyticsEventRef.current);
-            succeedMediaFileUfoExperience({
-              fileAttributes: {
-                fileId: 'external-image'
-              },
-              fileStateFlags: fileStateFlagsRef.current
-            });
-          },
-          onError: function 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: function pending() {
-      return /*#__PURE__*/React.createElement(Spinner, null);
-    },
-    failed: function failed(error) {
-      return renderError(error, item.data);
-    }
-  });
-};
 var ViewerWithKey = function ViewerWithKey(props) {
   var identifier = props.identifier;
   var key = isFileIdentifier(identifier) ? identifier.id : identifier.dataURI;

package/dist/esm/list.js

@@ -5,7 +5,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 var List = function List(_ref) {
   var defaultSelectedItem = _ref.defaultSelectedItem,
     onClose = _ref.onClose,

package/dist/esm/media-viewer.js

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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';
 var MediaViewerComponent = function MediaViewerComponent(_ref) {
   var featureFlags = _ref.featureFlags,
     items = _ref.items,

package/dist/esm/navigation.js

@@ -6,18 +6,19 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 */
+
 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 var nextNavButtonId = 'media-viewer-navigation-next';

package/dist/esm/noop.js

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

package/dist/esm/useDownloadButtonDisabledProps.js

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

package/dist/esm/utils/extractArchiveFolderName.js

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

package/dist/esm/utils/getFolderParent.js

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

package/dist/esm/utils/getFormattedFolderName.js

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

package/dist/esm/utils/getMediaTypeFromFilename.js

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

package/dist/esm/utils/getMimeTypeFromFilename.js

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

package/dist/esm/utils/getSelectedIndex.js

@@ -0,0 +1,9 @@
+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 var getSelectedIndex = function getSelectedIndex(items, selectedItem) {
+  return items.findIndex(function (item) {
+    return isSameIdentifier(item, selectedItem);
+  });
+};

package/dist/esm/utils/isMacPrivateFile.js

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

package/dist/esm/utils/isSameIdentifier.js

@@ -0,0 +1,10 @@
+import { isFileIdentifier } from '@atlaskit/media-client';
+export var isSameIdentifier = function 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;
+};