@atlaskit/media-viewer 54.6.5 → 54.7.0

package/dist/es2019/viewers/image/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { isImageRepresentationReady, isErrorFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
 import { isImageMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
-import { getOrientation } from '@atlaskit/media-ui';
+import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Outcome } from '../../domain';
 import { buildImgErrorDiagnostics, MediaViewerError } from '../../errors';

package/dist/es2019/viewers/image/interactive-img.js

@@ -1,6 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { Camera, getCssFromImageOrientation, hideControlsClassName, Rectangle, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { getCssFromImageOrientation } from '@atlaskit/media-ui/imageMetaData/getCssFromImageOrientation';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { MAX_RESOLUTION } from '@atlaskit/media-client/constants';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';

package/dist/es2019/viewers/svg/index.js

@@ -1,5 +1,7 @@
 import React, { useState, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
-import { Camera, messages, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { messages } from '@atlaskit/media-ui/messages';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { BaselineExtend } from '../../styleWrappers';

package/dist/es2019/viewers/svg/utils.js

@@ -1,4 +1,4 @@
-import { Rectangle } from '@atlaskit/media-ui';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export const clientRectangle = el => {
   const {

package/dist/es2019/viewers/video.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { getArtifactUrl, globalMediaEventEmitter, isFileIdentifier } from '@atlaskit/media-client';
-import { CustomMediaPlayer, MediaPlayer } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
 import { Outcome } from '../domain';
 import { buildVideoErrorDiagnostics, MediaViewerError } from '../errors';
 import { Video, CustomVideoPlayerWrapper } from '../styleWrappers';

package/dist/es2019/zoomControls.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
-import { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
 import ZoomOutIcon from '@atlaskit/icon/core/zoom-out';
 import ZoomInIcon from '@atlaskit/icon/core/zoom-in';
 import { ZoomWrapper, ZoomCenterControls, ZoomRightControls, ZoomLevelIndicator } from './styleWrappers';
@@ -10,7 +11,7 @@ import { fireAnalytics } from './analytics/';
 import { createZoomInButtonClickEvent } from './analytics/events/ui/zoomInButtonClicked';
 import { createZoomOutButtonClickedEvent } from './analytics/events/ui/zoomOutButtonClicked';
 import { injectIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export class ZoomControlsBase extends Component {
   constructor(...args) {
     super(...args);

package/dist/esm/analytics/events/operational/previewTooLarge.js

@@ -0,0 +1,23 @@
+import { getFileAttributes } from '../..';
+import { getPrimaryErrorReason } from '../../../errors';
+export var createPreviewTooLargeEvent = function createPreviewTooLargeEvent(error, fileState) {
+  var _getFileAttributes = getFileAttributes(fileState),
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
+  return {
+    eventType: 'operational',
+    actionSubject: 'mediaFile',
+    action: 'previewTooLarge',
+    attributes: {
+      failReason: getPrimaryErrorReason(error),
+      fileAttributes: {
+        fileId: fileId,
+        fileMediatype: fileMediatype,
+        fileMimetype: fileMimetype,
+        fileSize: fileSize
+      }
+    }
+  };
+};

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.6.4";
+var packageVersion = "54.6.6";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -7,7 +7,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.6.4";
+var packageVersion = "54.6.6";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/content.js

@@ -8,7 +8,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { Component } from 'react';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import { MediaButton, hideControlsClassName, InactivityDetector } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { CloseButtonWrapper, ContentWrapper } from './styleWrappers';
 export var Content = /*#__PURE__*/function (_Component) {
   function Content() {

package/dist/esm/download.js

@@ -7,7 +7,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
-import { MediaButton, messages } from '@atlaskit/media-ui';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { messages } from '@atlaskit/media-ui/messages';
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { createDownloadButtonClickedEvent } from './analytics/events/ui/downloadButtonClicked';

package/dist/esm/errorMessage.js

@@ -10,14 +10,16 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { messages as i18nMessages } from '@atlaskit/media-ui';
+import { messages as i18nMessages } from '@atlaskit/media-ui/messages';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';
 import { errorLoadingFile } from './error-images';
 import { fireAnalytics } from './analytics';
 import { getPrimaryErrorReason, getSecondaryErrorReason } from './errors';
 import { createLoadFailedEvent } from './analytics/events/operational/loadFailed';
 import { createPreviewUnsupportedEvent } from './analytics/events/operational/previewUnsupported';
+import { createPreviewTooLargeEvent } from './analytics/events/operational/previewTooLarge';
 import { failMediaFileUfoExperience } from './analytics/ufoExperiences';
 var errorLoadingFileImage = function errorLoadingFileImage(formatMessage) {
   return /*#__PURE__*/React.createElement(ErrorImage, {
@@ -55,6 +57,17 @@ export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
           messages: [i18nMessages.unsupported_file_format, i18nMessages.archive_format_not_supported]
         };
       }
+
+      // Code/text files (in the main viewer or inside a ZIP archive) over the
+      // CodeViewer's 10MB limit aren't a load failure - the file is simply too
+      // large for this viewer to preview. Show a dedicated "File is too large to
+      // preview" heading instead of the generic "Something went wrong" copy.
+      if (ErrorMessage.isPreviewTooLarge(error) && fg('platform_media_too_large_preview_state')) {
+        return {
+          icon: errorLoadingFileImage(formatMessage),
+          messages: [i18nMessages.file_too_large_to_preview, i18nMessages.file_too_large_description]
+        };
+      }
       var errorInfo = {
         icon: errorLoadingFileImage(formatMessage),
         messages: [i18nMessages.something_went_wrong, i18nMessages.couldnt_generate_preview]
@@ -114,10 +127,21 @@ export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
     value: function isPreviewUnsupported(error) {
       return ErrorMessage.previewUnsupportedReasons.includes(getPrimaryErrorReason(error));
     }
+
+    // Error reasons that mean the file exceeds the size limit supported by the
+    // browser-based viewer (not a load failure). These are reported as the
+    // informational, non-SLI `previewTooLarge` metric instead of `loadFailed`.
+  }, {
+    key: "isPreviewTooLarge",
+    value: function isPreviewTooLarge(error) {
+      return ErrorMessage.previewTooLargeReasons.includes(getPrimaryErrorReason(error));
+    }
   }, {
     key: "getEventPayload",
     value: function getEventPayload(error, fileId, fileState, traceContext) {
-      if (fileState && ErrorMessage.isPreviewUnsupported(error)) {
+      if (fileState && ErrorMessage.isPreviewTooLarge(error) && fg('platform_media_too_large_preview_state')) {
+        return createPreviewTooLargeEvent(error, fileState);
+      } else if (fileState && ErrorMessage.isPreviewUnsupported(error)) {
         // this is not an SLI (load failure), its just a useful metric for files
         // whose format the browser-based viewer can't preview.
         return createPreviewUnsupportedEvent(fileState);
@@ -130,5 +154,6 @@ export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 _defineProperty(ErrorMessage, "previewUnsupportedReasons", ['unsupported', 'imageviewer-unsupported-mime']);
+_defineProperty(ErrorMessage, "previewTooLargeReasons", ['codeviewer-file-size-exceeds', 'archiveviewer-codeviewer-file-size-exceeds']);
 var ErroMsg = withAnalyticsEvents()(injectIntl(ErrorMessage));
 export default ErroMsg;

package/dist/esm/header.js

@@ -1,8 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useRef, useState } from 'react';
 import { isExternalImageIdentifier, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
-import { hideControlsClassName, messages, toHumanReadableMediaSize, MediaButton } from '@atlaskit/media-ui';
-import { getLanguageType, getExtension, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { messages } from '@atlaskit/media-ui/messages';
+import { toHumanReadableMediaSize } from '@atlaskit/media-ui/humanReadableSize';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage, injectIntl } from 'react-intl';

package/dist/esm/item-viewer.js

@@ -5,8 +5,8 @@ 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';
-import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+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';

package/dist/esm/list.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState, useRef } from 'react';
-import { hideControlsClassName } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
 import { ItemViewer } from './item-viewer';
 import { HeaderWrapper, ListWrapper } from './styleWrappers';
 import { Navigation } from './navigation';

package/dist/esm/loading.js

@@ -1,7 +1,7 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import React from 'react';
 import AkSpinner from '@atlaskit/spinner/spinner';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { useIntl } from 'react-intl';
 export var Spinner = function Spinner(_ref) {
   _objectDestructuringEmpty(_ref);

package/dist/esm/media-viewer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState, useLayoutEffect, useRef } from 'react';
 import { IntlProvider, injectIntl } from 'react-intl';
-import { Shortcut } from '@atlaskit/media-ui';
+import { Shortcut } from '@atlaskit/media-ui/shortcut';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { fireAnalytics } from './analytics';
 import { createModalEvent } from './analytics/events/screen/modal';

package/dist/esm/navigation.js

@@ -10,8 +10,8 @@ import React from 'react';
 import { Component } from 'react';
 import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
 import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
-import { hideControlsClassName } from '@atlaskit/media-ui';
-import { Shortcut } from '@atlaskit/media-ui';
+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 { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers';

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

@@ -17,7 +17,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
 import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
 import { CustomButtonItem } from './custom-button-item';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { ArchiveDownloadButton } from './archive-download-button';
 import { injectIntl } from 'react-intl';
 var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {

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

@@ -16,8 +16,10 @@ import { unzip, HTTPRangeReader } from 'unzipit';
 import { FormattedMessage } from 'react-intl';
 import { isErrorFileState } from '@atlaskit/media-client';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
-import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
-import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { messages } from '@atlaskit/media-ui/messages';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { isCodeViewerItem } from '@atlaskit/media-ui/isCodeViewerItem';
 import { Text } from '@atlaskit/primitives/compiled';
 import { Outcome } from '../../domain';
 import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';

package/dist/esm/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,7 @@ import { forwardRef } from 'react';
 
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export var ARCHIVE_SIDE_BAR_WIDTH = 300;
 var archiveItemViewerWrapperStyles = null;
 var archiveSideBarStyles = null;

package/dist/esm/viewers/audio.js

@@ -16,7 +16,7 @@ import { MediaViewerError } from '../errors';
 import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
 import { BaseViewer } from './base-viewer';
 import { isIE } from '../utils/isIE';
-import { CustomMediaPlayer } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
 import { getObjectUrlFromFileState } from '../utils/getObjectUrlFromFileState';
 var defaultCover = /*#__PURE__*/React.createElement(DefaultCoverWrapper, null, /*#__PURE__*/React.createElement(AudioIcon, {
   label: "cover",

package/dist/esm/viewers/base-viewer.js

@@ -10,7 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Fragment } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import deepEqual from 'deep-equal';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import ErrorMessage from '../errorMessage';

package/dist/esm/viewers/codeViewer/index.js

@@ -14,7 +14,8 @@ import { MediaViewerError } from '../../errors';
 import { Spinner } from '../../loading';
 import { BaseViewer } from '../base-viewer';
 import { DEFAULT_LANGUAGE, normaliseLineBreaks } from './util';
-import { getLanguageType, getExtension } from '@atlaskit/media-ui/codeViewer';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
 import { msgToText } from './msg-parser';
 import { CodeRendererAdvanced } from './CodeRendererAdvanced/CodeRendererAdvanced';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/esm/viewers/doc/passwordInput.js

@@ -11,7 +11,7 @@ import LockIcon from '@atlaskit/icon/core/lock-locked';
 import Form from '@atlaskit/form/form';
 import Field from '@atlaskit/form/field';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/viewers/image/index.js

@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { isImageRepresentationReady, isErrorFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
 import { isImageMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
-import { getOrientation } from '@atlaskit/media-ui';
+import { getOrientation } from '@atlaskit/media-ui/imageMetaData/getOrientation';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Outcome } from '../../domain';
 import { buildImgErrorDiagnostics, MediaViewerError } from '../../errors';

package/dist/esm/viewers/image/interactive-img.js

@@ -7,7 +7,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; })(); }
 import React from 'react';
-import { Camera, getCssFromImageOrientation, hideControlsClassName, Rectangle, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { getCssFromImageOrientation } from '@atlaskit/media-ui/imageMetaData/getCssFromImageOrientation';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { MAX_RESOLUTION } from '@atlaskit/media-client/constants';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';

package/dist/esm/viewers/svg/index.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
-import { Camera, messages, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { messages } from '@atlaskit/media-ui/messages';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { BaselineExtend } from '../../styleWrappers';

package/dist/esm/viewers/svg/utils.js

@@ -1,4 +1,4 @@
-import { Rectangle } from '@atlaskit/media-ui';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export var clientRectangle = function clientRectangle(el) {
   var clientWidth = el.clientWidth,

package/dist/esm/viewers/video.js

@@ -10,7 +10,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { getArtifactUrl, globalMediaEventEmitter, isFileIdentifier } from '@atlaskit/media-client';
-import { CustomMediaPlayer, MediaPlayer } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
 import { Outcome } from '../domain';
 import { buildVideoErrorDiagnostics, MediaViewerError } from '../errors';
 import { Video, CustomVideoPlayerWrapper } from '../styleWrappers';

package/dist/esm/zoomControls.js

@@ -8,7 +8,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { Component } from 'react';
-import { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
+import { hideControlsClassName } from '@atlaskit/media-ui/classNames';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
 import ZoomOutIcon from '@atlaskit/icon/core/zoom-out';
 import ZoomInIcon from '@atlaskit/icon/core/zoom-in';
 import { ZoomWrapper, ZoomCenterControls, ZoomRightControls, ZoomLevelIndicator } from './styleWrappers';
@@ -17,7 +18,7 @@ import { fireAnalytics } from './analytics/';
 import { createZoomInButtonClickEvent } from './analytics/events/ui/zoomInButtonClicked';
 import { createZoomOutButtonClickedEvent } from './analytics/events/ui/zoomOutButtonClicked';
 import { injectIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export var ZoomControlsBase = /*#__PURE__*/function (_Component) {
   function ZoomControlsBase() {
     var _this;

package/dist/types/analytics/events/index.d.ts

@@ -3,6 +3,7 @@ import { type LoadFailedEventPayload } from './operational/loadFailed';
 import { type DownloadFailedEventPayload, type DownloadSucceededEventPayload } from './operational/download';
 import { type LoadSucceededEventPayload } from './operational/loadSucceeded';
 import { type PreviewUnsupportedEventPayload } from './operational/previewUnsupported';
+import { type PreviewTooLargeEventPayload } from './operational/previewTooLarge';
 import { type ZipEntryLoadFailedEventPayload } from './operational/zipEntryLoadFailed';
 import { type ZipEntryLoadSucceededEventPayload } from './operational/zipEntryLoadSucceeded';
 import { type ModalEventPayload } from './screen/modal';
@@ -14,4 +15,4 @@ import { type FailedPreviewDownloadButtonClickedEventPayload } from './ui/failed
 import { type NavigatedEventPayload } from './ui/navigated';
 import { type ZoomInButtonClickEventPayload } from './ui/zoomInButtonClicked';
 import { type ZoomOutButtonClickEventPayload } from './ui/zoomOutButtonClicked';
-export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | PdfPasswordInputScreenEventPayload | PasswordPdfScreenEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload | DownloadFailedEventPayload | DownloadSucceededEventPayload;
+export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | PreviewTooLargeEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | PdfPasswordInputScreenEventPayload | PasswordPdfScreenEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload | DownloadFailedEventPayload | DownloadSucceededEventPayload;

package/dist/types/analytics/events/operational/_mediaFile.d.ts

@@ -1,3 +1,3 @@
 import { type OperationalEventPayload, type OperationalAttributes } from '@atlaskit/media-common';
 /** common definition used by other mediaFile events */
-export type MediaFileEventPayload<Attributes extends OperationalAttributes, Action extends 'commenced' | 'loadSucceeded' | 'loadFailed' | 'previewUnsupported' | 'zipEntryLoadSucceeded' | 'zipEntryLoadFailed' | 'downloadSucceeded' | 'downloadFailed'> = OperationalEventPayload<Attributes, Action, 'mediaFile'>;
+export type MediaFileEventPayload<Attributes extends OperationalAttributes, Action extends 'commenced' | 'loadSucceeded' | 'loadFailed' | 'previewUnsupported' | 'previewTooLarge' | 'zipEntryLoadSucceeded' | 'zipEntryLoadFailed' | 'downloadSucceeded' | 'downloadFailed'> = OperationalEventPayload<Attributes, Action, 'mediaFile'>;

package/dist/types/analytics/events/operational/previewTooLarge.d.ts

@@ -0,0 +1,9 @@
+import { type FileState } from '@atlaskit/media-client';
+import { type WithFileAttributes } from '@atlaskit/media-common';
+import { type MediaFileEventPayload } from './_mediaFile';
+import { type MediaViewerError, type PrimaryErrorReason } from '../../../errors';
+export type PreviewTooLargeAttributes = WithFileAttributes & {
+    failReason: PrimaryErrorReason;
+};
+export type PreviewTooLargeEventPayload = MediaFileEventPayload<PreviewTooLargeAttributes, 'previewTooLarge'>;
+export declare const createPreviewTooLargeEvent: (error: MediaViewerError, fileState: FileState) => PreviewTooLargeEventPayload;

package/dist/types/content.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Component, type ReactElement } from 'react';
-import { type WithShowControlMethodProp } from '@atlaskit/media-ui';
+import type { WithShowControlMethodProp } from '@atlaskit/media-ui/types';
 export interface ContentProps {
     onClose?: () => void;
     children: ReactElement<WithShowControlMethodProp>;

package/dist/types/errorMessage.d.ts

@@ -6,6 +6,7 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnal
 import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
 import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
 import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
+import { type PreviewTooLargeEventPayload } from './analytics/events/operational/previewTooLarge';
 import { type FileStateFlags } from './components/types';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export type Props = Readonly<{
@@ -28,7 +29,9 @@ export declare class ErrorMessage extends React.Component<Props & WrappedCompone
     componentDidMount(): void;
     private static readonly previewUnsupportedReasons;
     static isPreviewUnsupported(error: MediaViewerError): boolean;
-    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
+    private static readonly previewTooLargeReasons;
+    static isPreviewTooLarge(error: MediaViewerError): boolean;
+    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | PreviewTooLargeEventPayload | LoadFailedEventPayload;
     render(): React.JSX.Element;
 }
 declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;

package/dist/types/item-viewer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type FileState, type Identifier } from '@atlaskit/media-client';
-import { type WithShowControlMethodProp } from '@atlaskit/media-ui';
+import type { WithShowControlMethodProp } from '@atlaskit/media-ui/types';
 import { Outcome } from './domain';
 import { MediaViewerError } from './errors';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';

package/dist/types/list.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Identifier } from '@atlaskit/media-client';
-import { type WithShowControlMethodProp } from '@atlaskit/media-ui';
+import type { WithShowControlMethodProp } from '@atlaskit/media-ui/types';
 import { type MediaViewerExtensions } from './components/types';
 import { type MediaFeatureFlags } from '@atlaskit/media-common';
 import { type ViewerOptionsProps } from './viewerOptions';

package/dist/types/viewers/audio.d.ts

@@ -3,7 +3,7 @@ import { type MediaClient, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
 import { type BaseState, BaseViewer } from './base-viewer';
-import { type WithShowControlMethodProp } from '@atlaskit/media-ui';
+import type { WithShowControlMethodProp } from '@atlaskit/media-ui/types';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export type Props = Readonly<{
     item: FileState;

package/dist/types/viewers/image/interactive-img.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Camera, Vector2 } from '@atlaskit/media-ui';
+import { Camera } from '@atlaskit/media-ui/camera/camera';
+import { Vector2 } from '@atlaskit/media-ui/vector2';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export declare function zoomLevelAfterResize(newCamera: Camera, oldCamera: Camera, oldZoomLevel: ZoomLevel): ZoomLevel;

package/dist/types/viewers/svg/utils.d.ts

@@ -1,4 +1,5 @@
-import { Rectangle, type Camera } from '@atlaskit/media-ui';
+import { Rectangle } from '@atlaskit/media-ui/rectangle';
+import type { Camera } from '@atlaskit/media-ui/camera/camera';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export declare const clientRectangle: (el: HTMLElement) => Rectangle;
 export declare const naturalSizeRectangle: (el: HTMLImageElement) => Rectangle;

package/dist/types/viewers/video.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type MediaClient, type FileState, type Identifier } from '@atlaskit/media-client';
-import { type WithShowControlMethodProp } from '@atlaskit/media-ui';
+import type { WithShowControlMethodProp } from '@atlaskit/media-ui/types';
 import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
 import { type BaseState, BaseViewer } from './base-viewer';

package/example-helpers/MainWrapper.tsx

@@ -6,7 +6,7 @@
 import { jsx } from '@emotion/react';
 import { type ReactNode, type FC } from 'react';
 import { enableMediaUfoLogger } from '@atlaskit/media-test-helpers';
-import { payloadPublisher } from '@atlassian/ufo';
+import { payloadPublisher } from '@atlassian/ufo/publisher';
 import {
 	containerStyles,
 	groupStyles,