@atlaskit/media-viewer 54.8.22 → 54.8.23

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

@@ -1,5 +1,5 @@
-import { getFileAttributes } from '../..';
-import { getPrimaryErrorReason } from '../../../errors';
+import { getPrimaryErrorReason } from '../../../getPrimaryErrorReason';
+import { getFileAttributes } from '../../getFileAttributes';
 export var createPreviewTooLargeEvent = function createPreviewTooLargeEvent(error, fileState) {
   var _getFileAttributes = getFileAttributes(fileState),
     fileId = _getFileAttributes.fileId,

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

@@ -1,4 +1,4 @@
-import { getFileAttributes } from '../..';
+import { getFileAttributes } from '../../getFileAttributes';
 export var createPreviewUnsupportedEvent = function createPreviewUnsupportedEvent(fileState) {
   var _getFileAttributes = getFileAttributes(fileState),
     fileId = _getFileAttributes.fileId,

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

@@ -1,6 +1,8 @@
-import { getFileAttributes } from '../..';
-import { getMimeTypeFromFilename } from '../../../utils';
-import { getPrimaryErrorReason, getSecondaryErrorReason, getErrorDetail } from '../../../errors';
+import { getErrorDetail } from '../../../getErrorDetail';
+import { getPrimaryErrorReason } from '../../../getPrimaryErrorReason';
+import { getSecondaryErrorReason } from '../../../getSecondaryErrorReason';
+import { getMimeTypeFromFilename } from '../../../utils/getMimeTypeFromFilename';
+import { getFileAttributes } from '../../getFileAttributes';
 export var createZipEntryLoadFailedEvent = function createZipEntryLoadFailedEvent(fileState, error, zipEntry) {
   var _getFileAttributes = getFileAttributes(fileState),
     fileId = _getFileAttributes.fileId,

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

@@ -1,5 +1,5 @@
-import { getMimeTypeFromFilename } from '../../../utils';
-import { getFileAttributes } from '../..';
+import { getMimeTypeFromFilename } from '../../../utils/getMimeTypeFromFilename';
+import { getFileAttributes } from '../../getFileAttributes';
 export var createZipEntryLoadSucceededEvent = function createZipEntryLoadSucceededEvent(fileState, zipEntry) {
   var _getFileAttributes = getFileAttributes(fileState),
     fileId = _getFileAttributes.fileId,

package/dist/esm/analytics/events/ui/createNavigatedEvent.js

@@ -0,0 +1,16 @@
+import { isFileIdentifier } from '@atlaskit/media-client';
+import { inputFromSource } from './inputFromSource';
+export var createNavigatedEvent = function createNavigatedEvent(direction, source, identifier) {
+  return {
+    eventType: 'ui',
+    action: 'navigated',
+    actionSubject: 'file',
+    actionSubjectId: direction === 'next' ? 'next' : 'previous',
+    attributes: {
+      fileAttributes: {
+        fileId: isFileIdentifier(identifier) ? identifier.id : ''
+      },
+      input: inputFromSource(source)
+    }
+  };
+};

package/dist/esm/analytics/events/ui/downloadButtonClicked.js

@@ -1,4 +1,4 @@
-import { getFileAttributes } from '../..';
+import { getFileAttributes } from '../../getFileAttributes';
 export var createDownloadButtonClickedEvent = function createDownloadButtonClickedEvent(fileState) {
   var _getFileAttributes = getFileAttributes(fileState),
     fileId = _getFileAttributes.fileId,

package/dist/esm/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 var createFailedPreviewDownloadButtonClickedEvent = function createFailedPreviewDownloadButtonClickedEvent(fileState, error) {
   var _getFileAttributes = getFileAttributes(fileState),
     fileId = _getFileAttributes.fileId,

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

@@ -0,0 +1,6 @@
+export var inputFromSource = function inputFromSource(source) {
+  return {
+    mouse: 'button',
+    keyboard: 'keys'
+  }[source];
+};

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

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

package/dist/esm/analytics/fireAnalytics.js

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

package/dist/esm/analytics/getFileAttributes.js

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

package/dist/esm/analytics/index.js

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

package/dist/esm/buildImgErrorDiagnostics.js

@@ -0,0 +1,44 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) {
+  var img = event === null || event === void 0 ? void 0 : event.currentTarget;
+  var mimeType = item && !isErrorFileState(item) ? item.mimeType : undefined;
+  var isBrowserDecodable = !!mimeType && isImageMimeTypeSupportedByBrowser(mimeType);
+  var naturalWidth = img === null || img === void 0 ? void 0 : img.naturalWidth;
+  var naturalHeight = img === null || img === void 0 ? void 0 : img.naturalHeight;
+  var failedSrcType = classifyFailedSrc(img === null || img === void 0 ? void 0 : img.currentSrc);
+  var diagnostics = {
+    mimeType: mimeType,
+    isBrowserDecodable: isBrowserDecodable,
+    naturalWidth: naturalWidth,
+    naturalHeight: naturalHeight,
+    failedSrcType: failedSrcType
+  };
+  var detail = Object.entries(diagnostics).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      value = _ref2[1];
+    return value !== undefined;
+  }).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return "".concat(key, "=").concat(value);
+  }).join(', ');
+  return new Error(detail);
+}

package/dist/esm/buildVideoErrorDiagnostics.js

@@ -0,0 +1,60 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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
+ */
+var 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) {
+  var mimeType = item && !isErrorFileState(item) ? item.mimeType : undefined;
+  var isBrowserPlayable = mimeType ? isVideoMimeTypeSupportedByBrowser(mimeType) : undefined;
+  var fileSize = item && !isErrorFileState(item) ? item.size : undefined;
+  var mediaErrorCode = mediaError === null || mediaError === void 0 ? void 0 : mediaError.code;
+  var mediaErrorName = mediaErrorCode !== undefined ? MEDIA_ERROR_CODE_NAMES[mediaErrorCode] : undefined;
+  // A native MediaError.message can be empty; only include it when present.
+  var mediaErrorMessage = (mediaError === null || mediaError === void 0 ? void 0 : mediaError.message) || undefined;
+  var diagnostics = {
+    mediaErrorCode: mediaErrorCode,
+    mediaErrorName: mediaErrorName,
+    mediaErrorMessage: mediaErrorMessage,
+    mimeType: mimeType,
+    isBrowserPlayable: isBrowserPlayable,
+    fileSize: fileSize
+  };
+  var detail = Object.entries(diagnostics).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      value = _ref2[1];
+    return value !== undefined;
+  }).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return "".concat(key, "=").concat(value);
+  }).join(', ');
+  return new Error(detail);
+}

package/dist/esm/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/esm/components/{media-viewer.js → media-viewer-base.js}

@@ -3,12 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 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';
 var ensureCollectionName = function ensureCollectionName(identifier, collectionName) {
   return isFileIdentifier(identifier) ? _objectSpread(_objectSpread({}, identifier), {}, {
     collectionName: identifier.collectionName || collectionName
@@ -31,7 +28,6 @@ var normaliseItems = function normaliseItems(items, selectedItem, collectionName
 };
 
 // TODO: This component will be removed in https://product-fabric.atlassian.net/browse/CXP-2722
-
 export var MediaViewerBase = function MediaViewerBase(_ref) {
   var featureFlags = _ref.featureFlags,
     onClose = _ref.onClose,
@@ -78,16 +74,4 @@ export var MediaViewerBase = function MediaViewerBase(_ref) {
     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 var MediaViewerWithMediaClient = function MediaViewerWithMediaClient(props) {
-  var ViewerComponent = React.useMemo(function () {
-    if (fg('platform_media_video_captions')) {
-      return withMediaClientAndSettings(MediaViewerBase);
-    }
-    return withMediaClient(MediaViewerBase);
-  }, []);
-  return /*#__PURE__*/React.createElement(ViewerComponent, props);
 };

package/dist/esm/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 var MediaViewerWithErrorBoundary = function MediaViewerWithErrorBoundary(props) {
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: function FallbackComponent() {

package/dist/esm/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 var MediaViewerWithMediaClient = function MediaViewerWithMediaClient(props) {
+  var ViewerComponent = React.useMemo(function () {
+    if (fg('platform_media_video_captions')) {
+      return withMediaClientAndSettings(MediaViewerBase);
+    }
+    return withMediaClient(MediaViewerBase);
+  }, []);
+  return /*#__PURE__*/React.createElement(ViewerComponent, props);
+};

package/dist/esm/createItemDownloader.js

@@ -0,0 +1,30 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
+  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var collectionName, traceContext, createAnalyticsEvent, fallbackMediaName, id, fileStateName, name;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent, fallbackMediaName = options.fallbackMediaName;
+          id = file.id;
+          fileStateName = !isErrorFileState(file) ? file.name : undefined;
+          name = fileStateName || (expValEquals('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
+          mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(function () {
+            fireAnalytics(createDownloadSucceededEventPayload(file, traceContext), createAnalyticsEvent);
+          }).catch(function (e) {
+            fireAnalytics(createDownloadFailedEventPayload(file.id, new MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
+          });
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+};

package/dist/esm/download.js

@@ -1,174 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["analyticspayload", "onClick", "tooltip"];
-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 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';
-var downloadIcon = /*#__PURE__*/React.createElement(DownloadIcon, {
-  color: "currentColor",
-  spacing: "spacious",
-  label: "Download"
-});
-function noop() {}
-function DownloadButton(_ref) {
-  var analyticspayload = _ref.analyticspayload,
-    _ref$onClick = _ref.onClick,
-    providedOnClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-    tooltip = _ref.tooltip,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var onClick = useCallback(function (event, analyticsEvent) {
-    fireAnalytics(analyticspayload, createAnalyticsEvent);
-    providedOnClick(event, analyticsEvent);
-  }, [analyticspayload, providedOnClick, createAnalyticsEvent]);
-  var downloadButton = /*#__PURE__*/React.createElement(MediaButton, _extends({}, rest, {
-    onClick: onClick
-  }));
-  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltip,
-    position: "bottom",
-    tag: "span"
-  }, downloadButton) : downloadButton;
-}
-var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
-  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var collectionName, traceContext, createAnalyticsEvent, fallbackMediaName, id, fileStateName, name;
-    return _regeneratorRuntime.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent, fallbackMediaName = options.fallbackMediaName;
-          id = file.id;
-          fileStateName = !isErrorFileState(file) ? file.name : undefined;
-          name = fileStateName || (expValEquals('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
-          mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(function () {
-            fireAnalytics(createDownloadSucceededEventPayload(file, traceContext), createAnalyticsEvent);
-          }).catch(function (e) {
-            fireAnalytics(createDownloadFailedEventPayload(file.id, new MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
-          });
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-};
-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
-  };
-};
-var DownloadItem = function DownloadItem(_ref3) {
-  var testId = _ref3.testId,
-    fileState = _ref3.fileState,
-    mediaClient = _ref3.mediaClient,
-    collectionName = _ref3.collectionName,
-    appearance = _ref3.appearance,
-    analyticspayload = _ref3.analyticspayload,
-    traceContext = _ref3.traceContext,
-    iconBefore = _ref3.iconBefore,
-    children = _ref3.children,
-    fallbackMediaName = _ref3.fallbackMediaName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAbuseModalOpen = _useState2[0],
-    setIsAbuseModalOpen = _useState2[1];
-  var _useAnalyticsEvents2 = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
-  var _useDownloadButtonDis = useDownloadButtonDisabledProps(mediaClient),
-    isDisabled = _useDownloadButtonDis.isDisabled,
-    tooltip = _useDownloadButtonDis.tooltip;
-  var shouldRenderAbuseModal = !isErrorFileState(fileState) && !!fileState.abuseClassification;
-  var itemDownloader = createItemDownloader(fileState, mediaClient, {
-    collectionName: collectionName,
-    createAnalyticsEvent: createAnalyticsEvent,
-    traceContext: traceContext,
-    fallbackMediaName: fallbackMediaName
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/React.createElement(AbuseModal, {
-    isOpen: isAbuseModalOpen,
-    onConfirm: itemDownloader,
-    onClose: function onClose() {
-      return setIsAbuseModalOpen(false);
-    }
-  }), /*#__PURE__*/React.createElement(DownloadButton, {
-    testId: testId,
-    appearance: appearance,
-    analyticspayload: analyticspayload,
-    isDisabled: isDisabled,
-    tooltip: tooltip,
-    onClick: function onClick() {
-      if (shouldRenderAbuseModal) {
-        setIsAbuseModalOpen(true);
-      } else {
-        itemDownloader();
-      }
-    },
-    iconBefore: iconBefore
-  }, children));
-};
-export var ErrorViewDownloadButton = function ErrorViewDownloadButton(_ref4) {
-  var fileState = _ref4.fileState,
-    mediaClient = _ref4.mediaClient,
-    error = _ref4.error,
-    traceContext = _ref4.traceContext,
-    collectionName = _ref4.collectionName;
-  var downloadEvent = createFailedPreviewDownloadButtonClickedEvent(fileState, error);
-  var 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 var ToolbarDownloadButton = function ToolbarDownloadButton(_ref5) {
-  var state = _ref5.state,
-    mediaClient = _ref5.mediaClient,
-    identifier = _ref5.identifier,
-    traceContext = _ref5.traceContext,
-    fallbackMediaName = _ref5.fallbackMediaName;
-  // TODO [MS-1731]: make it work for external files as well
-  if (isExternalImageIdentifier(identifier)) {
-    return null;
-  }
-  var downloadEvent = createDownloadButtonClickedEvent(state);
-  var 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 var DisabledToolbarDownloadButton = /*#__PURE__*/React.createElement(MediaButton, {
   isDisabled: true,
   iconBefore: downloadIcon

package/dist/esm/downloadIcon.js

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

package/dist/esm/errorMessage.js

@@ -9,18 +9,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 { 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';
 var errorLoadingFileImage = function errorLoadingFileImage(formatMessage) {
   return /*#__PURE__*/React.createElement(ErrorImage, {
     src: errorLoadingFile,
@@ -28,12 +28,6 @@ var errorLoadingFileImage = function errorLoadingFileImage(formatMessage) {
   });
 };
 export var 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 var getErrorMessageFromError = function getErrorMessageFromError(error) {
-  var matchingRow = errorReasonToMessages.find(function (row) {
-    return row[0] === getPrimaryErrorReason(error) || row[0] === getSecondaryErrorReason(error);
-  });
-  return matchingRow ? matchingRow[1] : undefined;
-};
 export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
   function ErrorMessage() {
     _classCallCheck(this, ErrorMessage);
@@ -151,9 +145,5 @@ export var ErrorMessage = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(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;
+_defineProperty(ErrorMessage, "previewTooLargeReasons", ['codeviewer-file-size-exceeds', 'archiveviewer-codeviewer-file-size-exceeds']);