@atlaskit/media-viewer 54.6.6 → 54.7.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-viewer
 
+## 54.7.0
+
+### Minor Changes
+
+- [`143ebd1ce2710`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/143ebd1ce2710) -
+  Show a dedicated "File is too large to preview" heading instead of the generic "Something went
+  wrong" copy when a file exceeds the size limit supported by the browser-based viewer (currently:
+  code/text files over the 10MB CodeViewer limit, both in the main viewer and inside ZIP archives).
+  These failures are reported via the `previewTooLarge` analytics event rather than `loadFailed`,
+  since they aren't load failures. Behind the `platform_media_too_large_preview_state` feature gate.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 54.6.6
 
 ### Patch Changes

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPreviewTooLargeEvent = void 0;
+var _ = require("../..");
+var _errors = require("../../../errors");
+var createPreviewTooLargeEvent = exports.createPreviewTooLargeEvent = function createPreviewTooLargeEvent(error, fileState) {
+  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+    fileId = _getFileAttributes.fileId,
+    fileMediatype = _getFileAttributes.fileMediatype,
+    fileMimetype = _getFileAttributes.fileMimetype,
+    fileSize = _getFileAttributes.fileSize;
+  return {
+    eventType: 'operational',
+    actionSubject: 'mediaFile',
+    action: 'previewTooLarge',
+    attributes: {
+      failReason: (0, _errors.getPrimaryErrorReason)(error),
+      fileAttributes: {
+        fileId: fileId,
+        fileMediatype: fileMediatype,
+        fileMimetype: fileMimetype,
+        fileSize: fileSize
+      }
+    }
+  };
+};

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "54.6.5";
+var packageVersion = exports.packageVersion = "54.6.6";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -14,7 +14,7 @@ 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; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.6.5";
+var packageVersion = "54.6.6";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/errorMessage.js

@@ -15,12 +15,14 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _messages = require("@atlaskit/media-ui/messages");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styleWrappers = require("./styleWrappers");
 var _errorImages = require("./error-images");
 var _analytics = require("./analytics");
 var _errors = require("./errors");
 var _loadFailed = require("./analytics/events/operational/loadFailed");
 var _previewUnsupported = require("./analytics/events/operational/previewUnsupported");
+var _previewTooLarge = require("./analytics/events/operational/previewTooLarge");
 var _ufoExperiences = require("./analytics/ufoExperiences");
 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; }
@@ -62,6 +64,17 @@ var ErrorMessage = exports.ErrorMessage = /*#__PURE__*/function (_React$Componen
           messages: [_messages.messages.unsupported_file_format, _messages.messages.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) && (0, _platformFeatureFlags.fg)('platform_media_too_large_preview_state')) {
+        return {
+          icon: errorLoadingFileImage(formatMessage),
+          messages: [_messages.messages.file_too_large_to_preview, _messages.messages.file_too_large_description]
+        };
+      }
       var errorInfo = {
         icon: errorLoadingFileImage(formatMessage),
         messages: [_messages.messages.something_went_wrong, _messages.messages.couldnt_generate_preview]
@@ -121,10 +134,21 @@ var ErrorMessage = exports.ErrorMessage = /*#__PURE__*/function (_React$Componen
     value: function isPreviewUnsupported(error) {
       return ErrorMessage.previewUnsupportedReasons.includes((0, _errors.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((0, _errors.getPrimaryErrorReason)(error));
+    }
   }, {
     key: "getEventPayload",
     value: function getEventPayload(error, fileId, fileState, traceContext) {
-      if (fileState && ErrorMessage.isPreviewUnsupported(error)) {
+      if (fileState && ErrorMessage.isPreviewTooLarge(error) && (0, _platformFeatureFlags.fg)('platform_media_too_large_preview_state')) {
+        return (0, _previewTooLarge.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 (0, _previewUnsupported.createPreviewUnsupportedEvent)(fileState);
@@ -135,5 +159,6 @@ var ErrorMessage = exports.ErrorMessage = /*#__PURE__*/function (_React$Componen
   }]);
 }(_react.default.Component); // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 (0, _defineProperty2.default)(ErrorMessage, "previewUnsupportedReasons", ['unsupported', 'imageviewer-unsupported-mime']);
+(0, _defineProperty2.default)(ErrorMessage, "previewTooLargeReasons", ['codeviewer-file-size-exceeds', 'archiveviewer-codeviewer-file-size-exceeds']);
 var ErroMsg = (0, _withAnalyticsEvents.default)()((0, _reactIntl.injectIntl)(ErrorMessage));
 var _default = exports.default = ErroMsg;

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

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

package/dist/es2019/analytics/index.js

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

package/dist/es2019/analytics/ufoExperiences.js

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

package/dist/es2019/errorMessage.js

@@ -3,12 +3,14 @@ import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 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';
 const errorLoadingFileImage = formatMessage => /*#__PURE__*/React.createElement(ErrorImage, {
   src: errorLoadingFile,
@@ -38,6 +40,17 @@ export class ErrorMessage extends 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]
+      };
+    }
     const errorInfo = {
       icon: errorLoadingFileImage(formatMessage),
       messages: [i18nMessages.something_went_wrong, i18nMessages.couldnt_generate_preview]
@@ -83,8 +96,18 @@ export class ErrorMessage extends React.Component {
   static 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`.
+
+  static isPreviewTooLarge(error) {
+    return ErrorMessage.previewTooLargeReasons.includes(getPrimaryErrorReason(error));
+  }
   static 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);
@@ -107,5 +130,6 @@ export class ErrorMessage extends 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']);
 const ErroMsg = withAnalyticsEvents()(injectIntl(ErrorMessage));
 export default ErroMsg;

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

package/dist/esm/errorMessage.js

@@ -12,12 +12,14 @@ import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 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/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/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/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,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "54.6.6",
+	"version": "54.7.0",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
 		"@atlaskit/media-document-viewer": "^2.1.0",
 		"@atlaskit/media-state": "^3.1.0",
 		"@atlaskit/media-svg": "^3.2.0",
-		"@atlaskit/media-ui": "^30.13.0",
+		"@atlaskit/media-ui": "^30.14.0",
 		"@atlaskit/menu": "^10.1.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/portal": "^6.3.0",
@@ -152,6 +152,9 @@
 		},
 		"platform_media_unsupported_mime_routing": {
 			"type": "boolean"
+		},
+		"platform_media_too_large_preview_state": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {