@atlaskit/media-viewer 54.8.21 → 54.8.23

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']);

package/dist/esm/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
+var ErroMsg = withAnalyticsEvents()(injectIntl(ErrorMessage));
+export default ErroMsg;

package/dist/esm/errors.js

@@ -1,200 +1 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
-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 { isCommonMediaClientError, isErrorFileState } from '@atlaskit/media-client';
-import { isImageMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common/isMimeTypeSupportedByBrowser';
-export var MediaViewerError = /*#__PURE__*/function (_Error) {
-  function MediaViewerError(primaryReason, secondaryError) {
-    var _this;
-    _classCallCheck(this, MediaViewerError);
-    _this = _callSuper(this, MediaViewerError, [primaryReason]);
-
-    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    _this.primaryReason = primaryReason;
-    _this.secondaryError = secondaryError;
-    Object.setPrototypeOf(_this, (this instanceof MediaViewerError ? this.constructor : void 0).prototype);
-
-    // https://v8.dev/docs/stack-trace-api
-    if ('captureStackTrace' in Error) {
-      Error.captureStackTrace(_this, this instanceof MediaViewerError ? this.constructor : void 0);
-    }
-    return _this;
-  }
-  _inherits(MediaViewerError, _Error);
-  return _createClass(MediaViewerError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-export function isMediaViewerError(err) {
-  return err instanceof MediaViewerError;
-}
-export var ArchiveViewerError = /*#__PURE__*/function (_MediaViewerError) {
-  function ArchiveViewerError(primaryReason, secondaryError, zipEntry) {
-    var _this2;
-    _classCallCheck(this, ArchiveViewerError);
-    _this2 = _callSuper(this, ArchiveViewerError, [primaryReason, secondaryError]);
-    _this2.primaryReason = primaryReason;
-    _this2.secondaryError = secondaryError;
-    _this2.zipEntry = zipEntry;
-    return _this2;
-  }
-  _inherits(ArchiveViewerError, _MediaViewerError);
-  return _createClass(ArchiveViewerError);
-}(MediaViewerError);
-export function isArchiveViewerError(err) {
-  return err instanceof ArchiveViewerError;
-}
-// not supplied, so just a primary reason
-
-export function getPrimaryErrorReason(error) {
-  return error.primaryReason;
-}
-export function getSecondaryErrorReason(error) {
-  var secondaryError = error.secondaryError;
-  if (isCommonMediaClientError(secondaryError)) {
-    return secondaryError.reason;
-  } else if (secondaryError) {
-    return 'nativeError';
-  } else {
-    return 'unknown';
-  }
-}
-export function getErrorDetail(error) {
-  var _ref = error || {},
-    secondaryError = _ref.secondaryError;
-  if (isCommonMediaClientError(secondaryError)) {
-    var _secondaryError$inner;
-    return ((_secondaryError$inner = secondaryError.innerError) === null || _secondaryError$inner === void 0 ? void 0 : _secondaryError$inner.message) || 'unknown';
-  } else if (secondaryError) {
-    return secondaryError.message;
-  }
-  return 'unknown';
-}
-export function getRequestMetadata(error) {
-  var _ref2 = error || {},
-    secondaryError = _ref2.secondaryError;
-  if (isCommonMediaClientError(secondaryError)) {
-    return secondaryError.metadata;
-  }
-}
-
-/**
- * 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';
-}
-
-/**
- * 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 (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      value = _ref4[1];
-    return value !== undefined;
-  }).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-      key = _ref6[0],
-      value = _ref6[1];
-    return "".concat(key, "=").concat(value);
-  }).join(', ');
-  return new Error(detail);
-}
-
-/**
- * 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 (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-      value = _ref8[1];
-    return value !== undefined;
-  }).map(function (_ref9) {
-    var _ref0 = _slicedToArray(_ref9, 2),
-      key = _ref0[0],
-      value = _ref0[1];
-    return "".concat(key, "=").concat(value);
-  }).join(', ');
-  return new Error(detail);
-}
+export {};

package/dist/esm/getErrorDetail.js

@@ -0,0 +1,12 @@
+import { isCommonMediaClientError } from '@atlaskit/media-client';
+export function getErrorDetail(error) {
+  var _ref = error || {},
+    secondaryError = _ref.secondaryError;
+  if (isCommonMediaClientError(secondaryError)) {
+    var _secondaryError$inner;
+    return ((_secondaryError$inner = secondaryError.innerError) === null || _secondaryError$inner === void 0 ? void 0 : _secondaryError$inner.message) || 'unknown';
+  } else if (secondaryError) {
+    return secondaryError.message;
+  }
+  return 'unknown';
+}

package/dist/esm/getErrorMessageFromError.js

@@ -0,0 +1,9 @@
+import { errorReasonToMessages } from './errorMessage';
+import { getPrimaryErrorReason } from './getPrimaryErrorReason';
+import { getSecondaryErrorReason } from './getSecondaryErrorReason';
+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;
+};

package/dist/esm/getPrimaryErrorReason.js

@@ -0,0 +1,4 @@
+// not supplied, so just a primary reason
+export function getPrimaryErrorReason(error) {
+  return error.primaryReason;
+}

package/dist/esm/getRequestMetadata.js

@@ -0,0 +1,8 @@
+import { isCommonMediaClientError } from '@atlaskit/media-client';
+export function getRequestMetadata(error) {
+  var _ref = error || {},
+    secondaryError = _ref.secondaryError;
+  if (isCommonMediaClientError(secondaryError)) {
+    return secondaryError.metadata;
+  }
+}

package/dist/esm/getSecondaryErrorReason.js

@@ -0,0 +1,11 @@
+import { isCommonMediaClientError } from '@atlaskit/media-client';
+export function getSecondaryErrorReason(error) {
+  var secondaryError = error.secondaryError;
+  if (isCommonMediaClientError(secondaryError)) {
+    return secondaryError.reason;
+  } else if (secondaryError) {
+    return 'nativeError';
+  } else {
+    return 'unknown';
+  }
+}

package/dist/esm/header.js

@@ -1,25 +1,26 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useRef, useState } from 'react';
+import { FormattedMessage } from 'react-intl';
 import { isExternalImageIdentifier, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
+import { useFileState } from '@atlaskit/media-client-react/use-file-state';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
 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 { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { toHumanReadableMediaSize } from '@atlaskit/media-ui/humanReadableSize';
 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';
-import { Outcome } from './domain';
-import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName, FormattedMessageWrapper } from './styleWrappers';
-import { ToolbarDownloadButton, DisabledToolbarDownloadButton } from './download';
-import { useFileState } from '@atlaskit/media-client-react/use-file-state';
-import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import MediaButton from '@atlaskit/media-ui/MediaButton';
+import { messages } from '@atlaskit/media-ui/messages';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import { getFormat } from './viewers/codeViewer/util';
-import { MediaViewerError } from './errors';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { Outcome } from './domain/outcome';
+import { DisabledToolbarDownloadButton } from './download';
+import { MediaViewerError } from './MediaViewerError';
+import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName, FormattedMessageWrapper } from './styleWrappers';
+import { ToolbarDownloadButton } from './ToolbarDownloadButton';
+import { getFormat } from './viewers/codeViewer/getFormat';
 export var Header = function Header(_ref) {
   var _extensions$headerAct;
   var _ref$isArchiveSideBar = _ref.isArchiveSideBarVisible,
@@ -207,5 +208,4 @@ export var Header = function Header(_ref) {
       });
     }
   })));
-};
-export default injectIntl(Header);
+};

package/dist/esm/headerWithIntl.js

@@ -0,0 +1,3 @@
+import { injectIntl } from 'react-intl';
+import { Header } from './header';
+export default injectIntl(Header);

package/dist/esm/index.js

@@ -1 +1,12 @@
-export { default as MediaViewer } from './components/media-viewer-loader';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader'` instead.
+ */
+export { default as MediaViewer } from './components/media-viewer-loader';
+/**
+ * @deprecated Use `import type { MediaViewerExtensions, MediaViewerExtensionsActions, MediaViewerProps, MediaMessage } from '@atlaskit/media-viewer/types'` instead.
+ */
+
+/**
+ * @deprecated Use `import type { ViewerOptionsProps, CustomRendererConfig, CustomRendererStateProps, CustomRendererProps, ArchiveFileItem } from '@atlaskit/media-viewer/viewer-options'` instead.
+ */

package/dist/esm/isArchiveViewerError.js

@@ -0,0 +1,4 @@
+import { ArchiveViewerError } from './ArchiveViewerError';
+export function isArchiveViewerError(err) {
+  return err instanceof ArchiveViewerError;
+}

package/dist/esm/isExternalImageItem.js

@@ -0,0 +1,4 @@
+// Consts
+export var isExternalImageItem = function isExternalImageItem(fileItem) {
+  return fileItem === 'external-image';
+};

package/dist/esm/isFileStateItem.js

@@ -0,0 +1,4 @@
+import { isExternalImageItem } from './isExternalImageItem';
+export var isFileStateItem = function isFileStateItem(fileItem) {
+  return !isExternalImageItem(fileItem);
+};

package/dist/esm/isMediaViewerError.js

@@ -0,0 +1,4 @@
+import { MediaViewerError } from './MediaViewerError';
+export function isMediaViewerError(err) {
+  return err instanceof MediaViewerError;
+}