@atlaskit/media-viewer 54.8.21 → 54.8.23

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

@@ -2,60 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.createDownloadSucceededEventPayload = exports.createDownloadFailedEventPayload = void 0;
-var _ = require("../..");
-var _errors = require("../../../errors");
-var createDownloadSucceededEventPayload = exports.createDownloadSucceededEventPayload = function createDownloadSucceededEventPayload(fileState, traceContext) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
-    fileId = _getFileAttributes.fileId,
-    fileMediatype = _getFileAttributes.fileMediatype,
-    fileMimetype = _getFileAttributes.fileMimetype,
-    fileSize = _getFileAttributes.fileSize;
-  return {
-    eventType: 'operational',
-    actionSubject: 'mediaFile',
-    action: 'downloadSucceeded',
-    attributes: {
-      status: 'success',
-      fileMediatype: fileMediatype,
-      fileMimetype: fileMimetype,
-      fileAttributes: {
-        fileId: fileId,
-        fileMediatype: fileMediatype,
-        fileMimetype: fileMimetype,
-        fileSize: fileSize
-      },
-      traceContext: traceContext
-    }
-  };
-};
-var createDownloadFailedEventPayload = exports.createDownloadFailedEventPayload = function createDownloadFailedEventPayload(fileId, error, fileState, traceContext) {
-  var _getFileAttributes2 = (0, _.getFileAttributes)(fileState),
-    fileMediatype = _getFileAttributes2.fileMediatype,
-    fileMimetype = _getFileAttributes2.fileMimetype,
-    fileSize = _getFileAttributes2.fileSize;
-  var requestMetadata = (0, _errors.getRequestMetadata)(error);
-  return {
-    eventType: 'operational',
-    actionSubject: 'mediaFile',
-    action: 'downloadFailed',
-    attributes: {
-      status: 'fail',
-      failReason: (0, _errors.getPrimaryErrorReason)(error),
-      error: (0, _errors.getSecondaryErrorReason)(error),
-      errorDetail: (0, _errors.getErrorDetail)(error),
-      statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
-      request: requestMetadata,
-      fileMimetype: fileMimetype,
-      fileMediatype: fileMediatype,
-      fileAttributes: {
-        fileId: fileId,
-        fileMediatype: fileMediatype,
-        fileMimetype: fileMimetype,
-        fileSize: fileSize
-      },
-      traceContext: traceContext
-    }
-  };
-};
+});

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

@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createLoadFailedEvent = void 0;
-var _ = require("../..");
-var _errors = require("../../../errors");
+var _getErrorDetail = require("../../../getErrorDetail");
+var _getPrimaryErrorReason = require("../../../getPrimaryErrorReason");
+var _getRequestMetadata = require("../../../getRequestMetadata");
+var _getSecondaryErrorReason = require("../../../getSecondaryErrorReason");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createLoadFailedEvent = exports.createLoadFailedEvent = function createLoadFailedEvent(fileId, error, fileState, traceContext) {
   var _failReason;
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,
     fileSize = _getFileAttributes.fileSize;
-  var requestMetadata = (0, _errors.getRequestMetadata)(error);
+  var requestMetadata = (0, _getRequestMetadata.getRequestMetadata)(error);
   var processingFailReason = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' ? (_failReason = fileState.failReason) !== null && _failReason !== void 0 ? _failReason : 'not-available' : undefined;
   return {
     eventType: 'operational',
@@ -20,9 +23,9 @@ var createLoadFailedEvent = exports.createLoadFailedEvent = function createLoadF
     action: 'loadFailed',
     attributes: {
       status: 'fail',
-      failReason: (0, _errors.getPrimaryErrorReason)(error),
-      error: (0, _errors.getSecondaryErrorReason)(error),
-      errorDetail: (0, _errors.getErrorDetail)(error),
+      failReason: (0, _getPrimaryErrorReason.getPrimaryErrorReason)(error),
+      error: (0, _getSecondaryErrorReason.getSecondaryErrorReason)(error),
+      errorDetail: (0, _getErrorDetail.getErrorDetail)(error),
       statusCode: requestMetadata === null || requestMetadata === void 0 ? void 0 : requestMetadata.statusCode,
       request: requestMetadata,
       processingFailReason: processingFailReason,

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPreviewTooLargeEvent = void 0;
-var _ = require("../..");
-var _errors = require("../../../errors");
+var _getPrimaryErrorReason = require("../../../getPrimaryErrorReason");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createPreviewTooLargeEvent = exports.createPreviewTooLargeEvent = function createPreviewTooLargeEvent(error, fileState) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileId = _getFileAttributes.fileId,
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,
@@ -17,7 +17,7 @@ var createPreviewTooLargeEvent = exports.createPreviewTooLargeEvent = function c
     actionSubject: 'mediaFile',
     action: 'previewTooLarge',
     attributes: {
-      failReason: (0, _errors.getPrimaryErrorReason)(error),
+      failReason: (0, _getPrimaryErrorReason.getPrimaryErrorReason)(error),
       fileAttributes: {
         fileId: fileId,
         fileMediatype: fileMediatype,

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPreviewUnsupportedEvent = void 0;
-var _ = require("../..");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createPreviewUnsupportedEvent = exports.createPreviewUnsupportedEvent = function createPreviewUnsupportedEvent(fileState) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileId = _getFileAttributes.fileId,
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,

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

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createZipEntryLoadFailedEvent = void 0;
-var _ = require("../..");
-var _utils = require("../../../utils");
-var _errors = require("../../../errors");
+var _getErrorDetail = require("../../../getErrorDetail");
+var _getPrimaryErrorReason = require("../../../getPrimaryErrorReason");
+var _getSecondaryErrorReason = require("../../../getSecondaryErrorReason");
+var _getMimeTypeFromFilename = require("../../../utils/getMimeTypeFromFilename");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createZipEntryLoadFailedEvent = exports.createZipEntryLoadFailedEvent = function createZipEntryLoadFailedEvent(fileState, error, zipEntry) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileId = _getFileAttributes.fileId,
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,
@@ -20,9 +22,9 @@ var createZipEntryLoadFailedEvent = exports.createZipEntryLoadFailedEvent = func
     action: 'zipEntryLoadFailed',
     attributes: {
       status: 'fail',
-      failReason: (0, _errors.getPrimaryErrorReason)(error),
-      error: (0, _errors.getSecondaryErrorReason)(error),
-      errorDetail: (0, _errors.getErrorDetail)(error),
+      failReason: (0, _getPrimaryErrorReason.getPrimaryErrorReason)(error),
+      error: (0, _getSecondaryErrorReason.getSecondaryErrorReason)(error),
+      errorDetail: (0, _getErrorDetail.getErrorDetail)(error),
       fileAttributes: {
         fileId: fileId,
         fileMediatype: fileMediatype,
@@ -33,7 +35,7 @@ var createZipEntryLoadFailedEvent = exports.createZipEntryLoadFailedEvent = func
       size: zipEntry ? zipEntry.size : -1,
       encrypted: zipEntry ? zipEntry.encrypted : false,
       compressedSize: zipEntry ? zipEntry.compressedSize : -1,
-      mimeType: zipEntry ? (0, _utils.getMimeTypeFromFilename)(zipEntry.name) : 'undefined'
+      mimeType: zipEntry ? (0, _getMimeTypeFromFilename.getMimeTypeFromFilename)(zipEntry.name) : 'undefined'
     }
   };
 };

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createZipEntryLoadSucceededEvent = void 0;
-var _utils = require("../../../utils");
-var _ = require("../..");
+var _getMimeTypeFromFilename = require("../../../utils/getMimeTypeFromFilename");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createZipEntryLoadSucceededEvent = exports.createZipEntryLoadSucceededEvent = function createZipEntryLoadSucceededEvent(fileState, zipEntry) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileId = _getFileAttributes.fileId,
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,
@@ -29,7 +29,7 @@ var createZipEntryLoadSucceededEvent = exports.createZipEntryLoadSucceededEvent
       size: zipEntry.size,
       encrypted: zipEntry.encrypted,
       compressedSize: zipEntry.compressedSize,
-      mimeType: (0, _utils.getMimeTypeFromFilename)(zipEntry.name)
+      mimeType: (0, _getMimeTypeFromFilename.getMimeTypeFromFilename)(zipEntry.name)
     }
   };
 };

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNavigatedEvent = void 0;
+var _mediaClient = require("@atlaskit/media-client");
+var _inputFromSource = require("./inputFromSource");
+var createNavigatedEvent = exports.createNavigatedEvent = function createNavigatedEvent(direction, source, identifier) {
+  return {
+    eventType: 'ui',
+    action: 'navigated',
+    actionSubject: 'file',
+    actionSubjectId: direction === 'next' ? 'next' : 'previous',
+    attributes: {
+      fileAttributes: {
+        fileId: (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.id : ''
+      },
+      input: (0, _inputFromSource.inputFromSource)(source)
+    }
+  };
+};

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createDownloadButtonClickedEvent = void 0;
-var _ = require("../..");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createDownloadButtonClickedEvent = exports.createDownloadButtonClickedEvent = function createDownloadButtonClickedEvent(fileState) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileId = _getFileAttributes.fileId,
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createFailedPreviewDownloadButtonClickedEvent = void 0;
-var _ = require("../..");
-var _errors = require("../../../errors");
+var _getPrimaryErrorReason = require("../../../getPrimaryErrorReason");
+var _getFileAttributes2 = require("../../getFileAttributes");
 var createFailedPreviewDownloadButtonClickedEvent = exports.createFailedPreviewDownloadButtonClickedEvent = function createFailedPreviewDownloadButtonClickedEvent(fileState, error) {
-  var _getFileAttributes = (0, _.getFileAttributes)(fileState),
+  var _getFileAttributes = (0, _getFileAttributes2.getFileAttributes)(fileState),
     fileId = _getFileAttributes.fileId,
     fileMediatype = _getFileAttributes.fileMediatype,
     fileMimetype = _getFileAttributes.fileMimetype,
@@ -18,7 +18,7 @@ var createFailedPreviewDownloadButtonClickedEvent = exports.createFailedPreviewD
     actionSubject: 'button',
     actionSubjectId: 'failedPreviewDownloadButton',
     attributes: {
-      failReason: (0, _errors.getPrimaryErrorReason)(error),
+      failReason: (0, _getPrimaryErrorReason.getPrimaryErrorReason)(error),
       fileAttributes: {
         fileId: fileId,
         fileMediatype: fileMediatype,

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputFromSource = void 0;
+var inputFromSource = exports.inputFromSource = function inputFromSource(source) {
+  return {
+    mouse: 'button',
+    keyboard: 'keys'
+  }[source];
+};

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

@@ -2,26 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.inputFromSource = exports.createNavigatedEvent = void 0;
-var _mediaClient = require("@atlaskit/media-client");
-var inputFromSource = exports.inputFromSource = function inputFromSource(source) {
-  return {
-    mouse: 'button',
-    keyboard: 'keys'
-  }[source];
-};
-var createNavigatedEvent = exports.createNavigatedEvent = function createNavigatedEvent(direction, source, identifier) {
-  return {
-    eventType: 'ui',
-    action: 'navigated',
-    actionSubject: 'file',
-    actionSubjectId: direction === 'next' ? 'next' : 'previous',
-    attributes: {
-      fileAttributes: {
-        fileId: (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.id : ''
-      },
-      input: inputFromSource(source)
-    }
-  };
-};
+});

package/dist/cjs/analytics/fireAnalytics.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fireAnalytics = fireAnalytics;
+var _analytics = require("@atlaskit/media-common/analytics");
+function fireAnalytics(payload, createAnalyticsEvent) {
+  if (createAnalyticsEvent) {
+    var ev = createAnalyticsEvent((0, _analytics.sanitiseAnalyticsPayload)(payload));
+    ev.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
+  }
+}

package/dist/cjs/analytics/getFileAttributes.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFileAttributes = getFileAttributes;
+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/cjs/analytics/index.js

@@ -2,48 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.componentName = exports.component = void 0;
-exports.fireAnalytics = fireAnalytics;
-exports.getFileAttributes = getFileAttributes;
-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.8.21";
-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 */
-
-function fireAnalytics(payload, createAnalyticsEvent) {
-  if (createAnalyticsEvent) {
-    var ev = createAnalyticsEvent((0, _analytics.sanitiseAnalyticsPayload)(payload));
-    ev.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
-  }
-}
+});

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

package/dist/cjs/buildImgErrorDiagnostics.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildImgErrorDiagnostics = buildImgErrorDiagnostics;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mediaClient = require("@atlaskit/media-client");
+var _isMimeTypeSupportedByBrowser = require("@atlaskit/media-common/isMimeTypeSupportedByBrowser");
+var _classifyFailedSrc = require("./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"
+ */
+function buildImgErrorDiagnostics(item, event) {
+  var img = event === null || event === void 0 ? void 0 : event.currentTarget;
+  var mimeType = item && !(0, _mediaClient.isErrorFileState)(item) ? item.mimeType : undefined;
+  var isBrowserDecodable = !!mimeType && (0, _isMimeTypeSupportedByBrowser.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 = (0, _classifyFailedSrc.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 = (0, _slicedToArray2.default)(_ref, 2),
+      value = _ref2[1];
+    return value !== undefined;
+  }).map(function (_ref3) {
+    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return "".concat(key, "=").concat(value);
+  }).join(', ');
+  return new Error(detail);
+}

package/dist/cjs/buildVideoErrorDiagnostics.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildVideoErrorDiagnostics = buildVideoErrorDiagnostics;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mediaClient = require("@atlaskit/media-client");
+var _isMimeTypeSupportedByBrowser = require("@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"
+ */
+function buildVideoErrorDiagnostics(item, mediaError) {
+  var mimeType = item && !(0, _mediaClient.isErrorFileState)(item) ? item.mimeType : undefined;
+  var isBrowserPlayable = mimeType ? (0, _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser)(mimeType) : undefined;
+  var fileSize = item && !(0, _mediaClient.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 = (0, _slicedToArray2.default)(_ref, 2),
+      value = _ref2[1];
+    return value !== undefined;
+  }).map(function (_ref3) {
+    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return "".concat(key, "=").concat(value);
+  }).join(', ');
+  return new Error(detail);
+}

package/dist/cjs/classifyFailedSrc.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classifyFailedSrc = classifyFailedSrc;
+/**
+ * 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.
+ */
+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/cjs/components/{media-viewer.js → media-viewer-base.js}

@@ -5,16 +5,13 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MediaViewerWithMediaClient = exports.MediaViewerBase = void 0;
+exports.MediaViewerBase = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaViewer = require("../media-viewer");
-var _utils = require("../utils");
 var _mediaClient = require("@atlaskit/media-client");
-var _withMediaClient = require("@atlaskit/media-client-react/with-media-client");
-var _withMediaClientAndSettings = require("@atlaskit/media-client-react/with-media-client-and-settings");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _mediaViewer = require("../media-viewer");
+var _isSameIdentifier = require("../utils/isSameIdentifier");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -27,7 +24,7 @@ var normaliseItems = function normaliseItems(items, selectedItem, collectionName
   var selectedItemWithCollectionName = ensureCollectionName(selectedItem, collectionName);
   var selectedIndex = -1;
   var itemsWithCollectionName = items.map(function (item, index) {
-    if ((0, _utils.isSameIdentifier)(item, selectedItemWithCollectionName)) {
+    if ((0, _isSameIdentifier.isSameIdentifier)(item, selectedItemWithCollectionName)) {
       selectedIndex = index;
     }
     return ensureCollectionName(item, collectionName);
@@ -40,7 +37,6 @@ var normaliseItems = function normaliseItems(items, selectedItem, collectionName
 };
 
 // TODO: This component will be removed in https://product-fabric.atlassian.net/browse/CXP-2722
-
 var MediaViewerBase = exports.MediaViewerBase = function MediaViewerBase(_ref) {
   var featureFlags = _ref.featureFlags,
     onClose = _ref.onClose,
@@ -87,16 +83,4 @@ var MediaViewerBase = exports.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)
-var MediaViewerWithMediaClient = exports.MediaViewerWithMediaClient = function MediaViewerWithMediaClient(props) {
-  var ViewerComponent = _react.default.useMemo(function () {
-    if ((0, _fg.fg)('platform_media_video_captions')) {
-      return (0, _withMediaClientAndSettings.withMediaClientAndSettings)(MediaViewerBase);
-    }
-    return (0, _withMediaClient.withMediaClient)(MediaViewerBase);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(ViewerComponent, props);
 };

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

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MediaViewerWithErrorBoundary = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
-var _mediaViewer = require("./media-viewer");
+var _mediaViewerWithMediaClient = require("./media-viewer-with-media-client");
 var MediaViewerWithErrorBoundary = exports.MediaViewerWithErrorBoundary = function MediaViewerWithErrorBoundary(props) {
   return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
     FallbackComponent: function FallbackComponent() {
       return null;
     }
-  }, /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewerWithMediaClient, props));
+  }, /*#__PURE__*/_react.default.createElement(_mediaViewerWithMediaClient.MediaViewerWithMediaClient, props));
 };

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaViewerWithMediaClient = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withMediaClient = require("@atlaskit/media-client-react/with-media-client");
+var _withMediaClientAndSettings = require("@atlaskit/media-client-react/with-media-client-and-settings");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _mediaViewerBase = require("./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)
+var MediaViewerWithMediaClient = exports.MediaViewerWithMediaClient = function MediaViewerWithMediaClient(props) {
+  var ViewerComponent = _react.default.useMemo(function () {
+    if ((0, _fg.fg)('platform_media_video_captions')) {
+      return (0, _withMediaClientAndSettings.withMediaClientAndSettings)(_mediaViewerBase.MediaViewerBase);
+    }
+    return (0, _withMediaClient.withMediaClient)(_mediaViewerBase.MediaViewerBase);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(ViewerComponent, props);
+};