@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/es2019/analytics/events/ui/failedPreviewDownloadButtonClicked.js

@@ -1,5 +1,5 @@
-import { getFileAttributes } from '../..';
-import { getPrimaryErrorReason } from '../../../errors';
+import { getPrimaryErrorReason } from '../../../getPrimaryErrorReason';
+import { getFileAttributes } from '../../getFileAttributes';
 export const createFailedPreviewDownloadButtonClickedEvent = (fileState, error) => {
   const {
     fileId,

package/dist/es2019/analytics/events/ui/inputFromSource.js

@@ -0,0 +1,6 @@
+export const inputFromSource = source => {
+  return {
+    mouse: 'button',
+    keyboard: 'keys'
+  }[source];
+};

package/dist/es2019/analytics/events/ui/navigated.js

@@ -1,19 +1 @@
-import { isFileIdentifier } from '@atlaskit/media-client';
-export const inputFromSource = source => {
-  return {
-    mouse: 'button',
-    keyboard: 'keys'
-  }[source];
-};
-export const createNavigatedEvent = (direction, source, identifier) => ({
-  eventType: 'ui',
-  action: 'navigated',
-  actionSubject: 'file',
-  actionSubjectId: direction === 'next' ? 'next' : 'previous',
-  attributes: {
-    fileAttributes: {
-      fileId: isFileIdentifier(identifier) ? identifier.id : ''
-    },
-    input: inputFromSource(source)
-  }
-});
+export {};

package/dist/es2019/analytics/fireAnalytics.js

@@ -0,0 +1,7 @@
+import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
+export function fireAnalytics(payload, createAnalyticsEvent) {
+  if (createAnalyticsEvent) {
+    const ev = createAnalyticsEvent(sanitiseAnalyticsPayload(payload));
+    ev.fire(ANALYTICS_MEDIA_CHANNEL);
+  }
+}

package/dist/es2019/analytics/getFileAttributes.js

@@ -0,0 +1,31 @@
+export function getFileAttributes(fileState) {
+  if (!fileState) {
+    return {
+      fileId: 'undefined'
+    };
+  }
+  const {
+    id: fileId
+  } = fileState;
+  switch (fileState.status) {
+    case 'uploading':
+    case 'failed-processing':
+    case 'processing':
+    case 'processed':
+      const {
+        mediaType: fileMediatype,
+        mimeType: fileMimetype,
+        size: fileSize
+      } = fileState;
+      return {
+        fileId,
+        fileMediatype,
+        fileMimetype,
+        fileSize
+      };
+    case 'error':
+      return {
+        fileId
+      };
+  }
+}

package/dist/es2019/analytics/index.js

@@ -1,45 +1 @@
-import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
-const componentName = 'mediaViewer';
-const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.8.21";
-export { packageName, packageVersion, componentName, componentName as component };
-export function getFileAttributes(fileState) {
-  if (!fileState) {
-    return {
-      fileId: 'undefined'
-    };
-  }
-  const {
-    id: fileId
-  } = fileState;
-  switch (fileState.status) {
-    case 'uploading':
-    case 'failed-processing':
-    case 'processing':
-    case 'processed':
-      const {
-        mediaType: fileMediatype,
-        mimeType: fileMimetype,
-        size: fileSize
-      } = fileState;
-      return {
-        fileId,
-        fileMediatype,
-        fileMimetype,
-        fileSize
-      };
-    case 'error':
-      return {
-        fileId
-      };
-  }
-}
-
-/** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
-
-export function fireAnalytics(payload, createAnalyticsEvent) {
-  if (createAnalyticsEvent) {
-    const ev = createAnalyticsEvent(sanitiseAnalyticsPayload(payload));
-    ev.fire(ANALYTICS_MEDIA_CHANNEL);
-  }
-}
+export {};

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.8.21";
+const packageVersion = "54.8.22";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/buildImgErrorDiagnostics.js

@@ -0,0 +1,34 @@
+import { isErrorFileState } from '@atlaskit/media-client';
+import { isImageMimeTypeSupportedByBrowser } from '@atlaskit/media-common/isMimeTypeSupportedByBrowser';
+import { classifyFailedSrc } from './classifyFailedSrc';
+
+/**
+ * Builds a descriptive `secondaryError` for an `<img>` onerror so the downstream
+ * `loadFailed` analytics event reports a meaningful `error`/`errorDetail` instead of
+ * the opaque `unknown`/`unknown`. The returned Error's `message` captures decode
+ * diagnostics as a comma-separated `key=value` string (undefined fields are omitted):
+ * - whether the browser decoded any pixels (`naturalWidth`/`naturalHeight === 0`)
+ * - the file MIME type and whether it is natively browser-decodable
+ * - which source failed (preview blob vs. original-binary/HD url)
+ *
+ * @example
+ * // message:
+ * "mimeType=image/png, isBrowserDecodable=true, naturalWidth=0, naturalHeight=0, failedSrcType=blob"
+ */
+export function buildImgErrorDiagnostics(item, event) {
+  const img = event === null || event === void 0 ? void 0 : event.currentTarget;
+  const mimeType = item && !isErrorFileState(item) ? item.mimeType : undefined;
+  const isBrowserDecodable = !!mimeType && isImageMimeTypeSupportedByBrowser(mimeType);
+  const naturalWidth = img === null || img === void 0 ? void 0 : img.naturalWidth;
+  const naturalHeight = img === null || img === void 0 ? void 0 : img.naturalHeight;
+  const failedSrcType = classifyFailedSrc(img === null || img === void 0 ? void 0 : img.currentSrc);
+  const diagnostics = {
+    mimeType,
+    isBrowserDecodable,
+    naturalWidth,
+    naturalHeight,
+    failedSrcType
+  };
+  const detail = Object.entries(diagnostics).filter(([, value]) => value !== undefined).map(([key, value]) => `${key}=${value}`).join(', ');
+  return new Error(detail);
+}

package/dist/es2019/buildVideoErrorDiagnostics.js

@@ -0,0 +1,50 @@
+import { isErrorFileState } from '@atlaskit/media-client';
+import { isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common/isMimeTypeSupportedByBrowser';
+
+/**
+ * Human-readable names for the four standard `MediaError.code` values, so the
+ * downstream analytics `error`/`errorDetail` report a meaningful cause instead of
+ * a bare numeric code.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaError/code
+ */
+const MEDIA_ERROR_CODE_NAMES = {
+  1: 'MEDIA_ERR_ABORTED',
+  2: 'MEDIA_ERR_NETWORK',
+  3: 'MEDIA_ERR_DECODE',
+  4: 'MEDIA_ERR_SRC_NOT_SUPPORTED'
+};
+
+/**
+ * Builds a descriptive `secondaryError` for a `<video>` onerror so the downstream
+ * `loadFailed` analytics event reports a meaningful `error`/`errorDetail` instead of
+ * the opaque `unknown`/`unknown`. The returned Error's `message` captures playback
+ * diagnostics as a comma-separated `key=value` string (undefined fields are omitted):
+ * - the native `MediaError.code` and its readable name (e.g. `MEDIA_ERR_DECODE`)
+ * - the native `MediaError.message` (browser-provided detail, often empty)
+ * - the file MIME type and whether it is natively browser-playable
+ * - the file size in bytes (helps distinguish large-file/streaming failures)
+ *
+ * @example
+ * // message:
+ * "mediaErrorCode=3, mediaErrorName=MEDIA_ERR_DECODE, mimeType=video/quicktime, isBrowserPlayable=false, fileSize=734003200"
+ */
+export function buildVideoErrorDiagnostics(item, mediaError) {
+  const mimeType = item && !isErrorFileState(item) ? item.mimeType : undefined;
+  const isBrowserPlayable = mimeType ? isVideoMimeTypeSupportedByBrowser(mimeType) : undefined;
+  const fileSize = item && !isErrorFileState(item) ? item.size : undefined;
+  const mediaErrorCode = mediaError === null || mediaError === void 0 ? void 0 : mediaError.code;
+  const mediaErrorName = mediaErrorCode !== undefined ? MEDIA_ERROR_CODE_NAMES[mediaErrorCode] : undefined;
+  // A native MediaError.message can be empty; only include it when present.
+  const mediaErrorMessage = (mediaError === null || mediaError === void 0 ? void 0 : mediaError.message) || undefined;
+  const diagnostics = {
+    mediaErrorCode,
+    mediaErrorName,
+    mediaErrorMessage,
+    mimeType,
+    isBrowserPlayable,
+    fileSize
+  };
+  const detail = Object.entries(diagnostics).filter(([, value]) => value !== undefined).map(([key, value]) => `${key}=${value}`).join(', ');
+  return new Error(detail);
+}

package/dist/es2019/classifyFailedSrc.js

@@ -0,0 +1,19 @@
+/**
+ * Classifies the failed `<img>` source into a coarse, non-sensitive enum so we can
+ * tell which kind of source failed without leaking the (potentially signed) url.
+ */
+export function classifyFailedSrc(currentSrc) {
+  if (!currentSrc) {
+    return 'unknown';
+  }
+  if (currentSrc.startsWith('blob:')) {
+    return 'blob';
+  }
+  if (currentSrc.startsWith('data:')) {
+    return 'data';
+  }
+  if (currentSrc.startsWith('http:') || currentSrc.startsWith('https:')) {
+    return 'remote';
+  }
+  return 'unknown';
+}

package/dist/es2019/components/{media-viewer.js → media-viewer-base.js}

@@ -1,10 +1,7 @@
 import React, { useEffect, useMemo } from 'react';
-import { MediaViewer as MediaViewerNextGen } from '../media-viewer';
-import { isSameIdentifier } from '../utils';
 import { isFileIdentifier } from '@atlaskit/media-client';
-import { withMediaClient } from '@atlaskit/media-client-react/with-media-client';
-import { withMediaClientAndSettings } from '@atlaskit/media-client-react/with-media-client-and-settings';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { MediaViewer as MediaViewerNextGen } from '../media-viewer';
+import { isSameIdentifier } from '../utils/isSameIdentifier';
 const ensureCollectionName = (identifier, collectionName) => isFileIdentifier(identifier) ? {
   ...identifier,
   collectionName: identifier.collectionName || collectionName
@@ -26,7 +23,6 @@ const normaliseItems = (items, selectedItem, collectionName) => {
 };
 
 // TODO: This component will be removed in https://product-fabric.atlassian.net/browse/CXP-2722
-
 export const MediaViewerBase = ({
   featureFlags,
   onClose,
@@ -73,16 +69,4 @@ export const MediaViewerBase = ({
     viewerOptions: viewerOptions,
     fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
-};
-
-// Can't export in a single line. Typescript struggles to recognize the component signature in the error boundary test file ./media-viewer-error-boundary.test.tsx
-// export const MediaViewerWithMediaClient = withMediaClient(MediaViewerBase)
-export const MediaViewerWithMediaClient = props => {
-  const ViewerComponent = React.useMemo(() => {
-    if (fg('platform_media_video_captions')) {
-      return withMediaClientAndSettings(MediaViewerBase);
-    }
-    return withMediaClient(MediaViewerBase);
-  }, []);
-  return /*#__PURE__*/React.createElement(ViewerComponent, props);
 };

package/dist/es2019/components/media-viewer-error-boundary.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import { MediaViewerWithMediaClient } from './media-viewer';
+import { MediaViewerWithMediaClient } from './media-viewer-with-media-client';
 export const MediaViewerWithErrorBoundary = props => /*#__PURE__*/React.createElement(ErrorBoundary, {
   FallbackComponent: () => null
 }, /*#__PURE__*/React.createElement(MediaViewerWithMediaClient, props));

package/dist/es2019/components/media-viewer-with-media-client.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { withMediaClient } from '@atlaskit/media-client-react/with-media-client';
+import { withMediaClientAndSettings } from '@atlaskit/media-client-react/with-media-client-and-settings';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { MediaViewerBase } from './media-viewer-base';
+// Can't export in a single line. Typescript struggles to recognize the component signature in the error boundary test file ./media-viewer-error-boundary.test.tsx
+// export const MediaViewerWithMediaClient = withMediaClient(MediaViewerBase)
+export const MediaViewerWithMediaClient = props => {
+  const ViewerComponent = React.useMemo(() => {
+    if (fg('platform_media_video_captions')) {
+      return withMediaClientAndSettings(MediaViewerBase);
+    }
+    return withMediaClient(MediaViewerBase);
+  }, []);
+  return /*#__PURE__*/React.createElement(ViewerComponent, props);
+};

package/dist/es2019/createItemDownloader.js

@@ -0,0 +1,22 @@
+import { isErrorFileState } from '@atlaskit/media-client';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MediaViewerError } from './MediaViewerError';
+import { createDownloadFailedEventPayload } from './analytics/events/operational/createDownloadFailedEventPayload';
+import { createDownloadSucceededEventPayload } from './analytics/events/operational/createDownloadSucceededEventPayload';
+import { fireAnalytics } from './analytics/fireAnalytics';
+export const createItemDownloader = (file, mediaClient, options) => async () => {
+  const {
+    collectionName,
+    traceContext,
+    createAnalyticsEvent,
+    fallbackMediaName
+  } = options;
+  const id = file.id;
+  const fileStateName = !isErrorFileState(file) ? file.name : undefined;
+  const name = fileStateName || (expValEquals('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
+  mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(() => {
+    fireAnalytics(createDownloadSucceededEventPayload(file, traceContext), createAnalyticsEvent);
+  }).catch(e => {
+    fireAnalytics(createDownloadFailedEventPayload(file.id, new MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
+  });
+};

package/dist/es2019/download.js

@@ -1,165 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import DownloadIcon from '@atlaskit/icon/core/download';
-import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
+import React from 'react';
 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';
-import { createDownloadFailedEventPayload, createDownloadSucceededEventPayload } from './analytics/events/operational/download';
-import { fireAnalytics } from './analytics';
-import { createFailedPreviewDownloadButtonClickedEvent } from './analytics/events/ui/failedPreviewDownloadButtonClicked';
-import { DownloadButtonWrapper } from './styleWrappers';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { MediaViewerError } from './errors';
-import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
-const downloadIcon = /*#__PURE__*/React.createElement(DownloadIcon, {
-  color: "currentColor",
-  spacing: "spacious",
-  label: "Download"
-});
-function noop() {}
-function DownloadButton({
-  analyticspayload,
-  onClick: providedOnClick = noop,
-  tooltip,
-  ...rest
-}) {
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const onClick = useCallback((event, analyticsEvent) => {
-    fireAnalytics(analyticspayload, createAnalyticsEvent);
-    providedOnClick(event, analyticsEvent);
-  }, [analyticspayload, providedOnClick, createAnalyticsEvent]);
-  const downloadButton = /*#__PURE__*/React.createElement(MediaButton, _extends({}, rest, {
-    onClick: onClick
-  }));
-  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltip,
-    position: "bottom",
-    tag: "span"
-  }, downloadButton) : downloadButton;
-}
-const createItemDownloader = (file, mediaClient, options) => async () => {
-  const {
-    collectionName,
-    traceContext,
-    createAnalyticsEvent,
-    fallbackMediaName
-  } = options;
-  const id = file.id;
-  const fileStateName = !isErrorFileState(file) ? file.name : undefined;
-  const name = fileStateName || (expValEquals('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
-  mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(() => {
-    fireAnalytics(createDownloadSucceededEventPayload(file, traceContext), createAnalyticsEvent);
-  }).catch(e => {
-    fireAnalytics(createDownloadFailedEventPayload(file.id, new MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
-  });
-};
-const useDownloadButtonDisabledProps = mediaClient => {
-  const {
-    formatMessage
-  } = useIntl();
-  const isDisabled = mediaClient.config.enforceDataSecurityPolicy;
-  const tooltip = isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
-  return {
-    isDisabled,
-    tooltip
-  };
-};
-const DownloadItem = ({
-  testId,
-  fileState,
-  mediaClient,
-  collectionName,
-  appearance,
-  analyticspayload,
-  traceContext,
-  iconBefore,
-  children,
-  fallbackMediaName
-}) => {
-  const [isAbuseModalOpen, setIsAbuseModalOpen] = useState(false);
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const {
-    isDisabled,
-    tooltip
-  } = useDownloadButtonDisabledProps(mediaClient);
-  const shouldRenderAbuseModal = !isErrorFileState(fileState) && !!fileState.abuseClassification;
-  const itemDownloader = createItemDownloader(fileState, mediaClient, {
-    collectionName: collectionName,
-    createAnalyticsEvent,
-    traceContext,
-    fallbackMediaName
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/React.createElement(AbuseModal, {
-    isOpen: isAbuseModalOpen,
-    onConfirm: itemDownloader,
-    onClose: () => setIsAbuseModalOpen(false)
-  }), /*#__PURE__*/React.createElement(DownloadButton, {
-    testId: testId,
-    appearance: appearance,
-    analyticspayload: analyticspayload,
-    isDisabled: isDisabled,
-    tooltip: tooltip,
-    onClick: () => {
-      if (shouldRenderAbuseModal) {
-        setIsAbuseModalOpen(true);
-      } else {
-        itemDownloader();
-      }
-    },
-    iconBefore: iconBefore
-  }, children));
-};
-export const ErrorViewDownloadButton = ({
-  fileState,
-  mediaClient,
-  error,
-  traceContext,
-  collectionName
-}) => {
-  const downloadEvent = createFailedPreviewDownloadButtonClickedEvent(fileState, error);
-  const testId = 'media-viewer-error-download-button';
-  return /*#__PURE__*/React.createElement(DownloadButtonWrapper, null, /*#__PURE__*/React.createElement(DownloadItem, {
-    testId: testId,
-    analyticspayload: downloadEvent,
-    appearance: "primary",
-    fileState: fileState,
-    mediaClient: mediaClient,
-    collectionName: collectionName,
-    traceContext: traceContext
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.download)));
-};
-export const ToolbarDownloadButton = ({
-  state,
-  mediaClient,
-  identifier,
-  traceContext,
-  fallbackMediaName
-}) => {
-  // TODO [MS-1731]: make it work for external files as well
-  if (isExternalImageIdentifier(identifier)) {
-    return null;
-  }
-  const downloadEvent = createDownloadButtonClickedEvent(state);
-  const testId = 'media-viewer-download-button';
-  return /*#__PURE__*/React.createElement(DownloadItem, {
-    testId: testId,
-    analyticspayload: downloadEvent,
-    fileState: state,
-    mediaClient: mediaClient,
-    collectionName: identifier.collectionName,
-    traceContext: traceContext,
-    iconBefore: downloadIcon,
-    fallbackMediaName: fallbackMediaName
-  });
-};
+import { downloadIcon } from './downloadIcon';
 export const DisabledToolbarDownloadButton = /*#__PURE__*/React.createElement(MediaButton, {
   isDisabled: true,
   iconBefore: downloadIcon

package/dist/es2019/downloadIcon.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import DownloadIcon from '@atlaskit/icon/core/download';
+export const downloadIcon = /*#__PURE__*/React.createElement(DownloadIcon, {
+  color: "currentColor",
+  spacing: "spacious",
+  label: "Download"
+});

package/dist/es2019/errorMessage.js

@@ -1,26 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage } 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/fg';
-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 { createPreviewUnsupportedEvent } from './analytics/events/operational/previewUnsupported';
+import { fireAnalytics } from './analytics/fireAnalytics';
 import { failMediaFileUfoExperience } from './analytics/ufoExperiences';
+import { errorLoadingFile } from './error-images';
+import { getErrorMessageFromError } from './getErrorMessageFromError';
+import { getPrimaryErrorReason } from './getPrimaryErrorReason';
+import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';
 const errorLoadingFileImage = formatMessage => /*#__PURE__*/React.createElement(ErrorImage, {
   src: errorLoadingFile,
   alt: formatMessage(i18nMessages.error_loading_file)
 });
 export const errorReasonToMessages = [['serverRateLimited', i18nMessages.might_be_a_hiccup], ['invalidFileId', i18nMessages.item_not_found_in_list], ['itemviewer-file-failed-processing-status', i18nMessages.image_format_invalid_error], ['archiveviewer-read-binary', i18nMessages.zip_entry_load_fail], ['archiveviewer-create-url', i18nMessages.zip_entry_load_fail], ['archiveviewer-missing-name-src', i18nMessages.zip_entry_load_fail], ['archiveviewer-encrypted-entry', i18nMessages.couldnt_generate_encrypted_entry_preview], ['archiveviewer-codeviewer-file-size-exceeds', i18nMessages.couldnt_load_file], ['codeviewer-file-size-exceeds', i18nMessages.couldnt_load_file]];
-export const getErrorMessageFromError = error => {
-  const matchingRow = errorReasonToMessages.find(row => row[0] === getPrimaryErrorReason(error) || row[0] === getSecondaryErrorReason(error));
-  return matchingRow ? matchingRow[1] : undefined;
-};
 export class ErrorMessage extends React.Component {
   getErrorInfo() {
     const {
@@ -127,9 +123,5 @@ export class ErrorMessage extends React.Component {
     }, /*#__PURE__*/React.createElement(FormattedMessage, formatMessage)))), this.props.children);
   }
 }
-
-// @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;
+_defineProperty(ErrorMessage, "previewTooLargeReasons", ['codeviewer-file-size-exceeds', 'archiveviewer-codeviewer-file-size-exceeds']);

package/dist/es2019/errorMessageWithAnalytics.js

@@ -0,0 +1,7 @@
+import { injectIntl } from 'react-intl';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { ErrorMessage } from './errorMessage';
+
+// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+const ErroMsg = withAnalyticsEvents()(injectIntl(ErrorMessage));
+export default ErroMsg;