@atlaskit/media-viewer 54.5.31 → 54.5.33

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/media-viewer
 
+## 54.5.33
+
+### Patch Changes
+
+- [`be5f53435795e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be5f53435795e) -
+  Cleanup feature gate `platform_media_a11y_suppression_fixes`. The accessible wrapper behavior is
+  now permanent in media card, viewer, and filmstrip.
+
+## 54.5.32
+
+### Patch Changes
+
+- [`aa2113836d418`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aa2113836d418) -
+  [BMPT-8156] Image viewer now decides unsupported-MIME routing based on the MIME type of the actual
+  fetched bytes (`Blob.type`) rather than the declared `mimeType` from the items call. This handles
+  just-in-time (JIT) transformation correctly (e.g. a TIFF that is transcoded to JPEG on the fly, or
+  left as TIFF when the transform fails). Behaviour is unchanged when the
+  `platform_media_unsupported_mime_routing` feature gate is off.
+- Updated dependencies
+
 ## 54.5.31
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

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

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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.5.30";
+var packageVersion = "54.5.32";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/styleWrappers.js

@@ -16,7 +16,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactScrolllock = require("react-scrolllock");
 var _useCallbackRef = require("use-callback-ref");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _excluded = ["canDrag", "isDragging", "shouldPixelate", "data-testid", "src", "style", "onLoad", "onError", "alt", "className"];
@@ -247,10 +246,8 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
     onClick = _ref19.onClick,
     style = _ref19.style,
     className = _ref19.className;
-  var a11yProps = (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": datatestId,
     onClick: onClick,
     ref: ref,
@@ -259,7 +256,7 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", className])
-  }), children);
+  }, children);
 });
 var BaselineExtend = exports.BaselineExtend = function BaselineExtend() {
   return /*#__PURE__*/React.createElement("div", {

package/dist/cjs/viewers/archiveSidebar/styleWrappers.js

@@ -12,7 +12,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var ARCHIVE_SIDE_BAR_WIDTH = exports.ARCHIVE_SIDE_BAR_WIDTH = 300;
@@ -60,17 +59,13 @@ var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = functi
   var children = _ref4.children,
     _onClick = _ref4.onClick;
   var intl = (0, _reactIntl.useIntl)();
-  return (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(_mediaUi.messages.archive_download_label_assistive_text),
     onClick: function onClick(event) {
       return _onClick && _onClick(event);
     },
     "data-testid": "media-archiveDownloadButton",
     className: (0, _runtime.ax)(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    onClick: _onClick,
-    "data-testid": "media-archiveDownloadButton",
-    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 var DisabledArchiveDownloadButtonWrapper = exports.DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {

package/dist/cjs/viewers/image/index.js

@@ -67,7 +67,7 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, preview, _yield$preview, value, origin, item, response, unsupportedError, imgError, _t, _t2, _t3;
+        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, renderedBlobMimeType, preview, _yield$preview, value, origin, item, response, blob, effectiveMimeType, unsupportedError, imgError, _t, _t2;
         return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -81,7 +81,7 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
               _context.prev = 2;
               orientation = 1;
-              isLocalFileReference = false;
+              isLocalFileReference = false; // The MIME type of the actual bytes that will be rendered.
               _context.prev = 3;
               _context.next = 4;
               return mediaClient.getClientId(collectionName);
@@ -114,6 +114,7 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               orientation = _context.sent;
               objectUrl = URL.createObjectURL(value);
               isLocalFileReference = origin === 'local';
+              renderedBlobMimeType = value.type || undefined;
               _context.next = 10;
               break;
             case 9:
@@ -134,11 +135,12 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               this.cancelImageFetch = function () {
                 return controller === null || controller === void 0 ? void 0 : controller.abort();
               };
-              _t2 = URL;
               _context.next = 12;
               return response;
             case 12:
-              objectUrl = _t2.createObjectURL.call(_t2, _context.sent);
+              blob = _context.sent;
+              renderedBlobMimeType = blob.type || undefined;
+              objectUrl = URL.createObjectURL(blob);
               _context.next = 14;
               break;
             case 13:
@@ -153,7 +155,9 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                 _context.next = 17;
                 break;
               }
-              if (!(0, _mediaCommon.isImageMimeTypeSupportedByBrowser)(fileState.mimeType)) {
+              // Prefer the MIME type of the actual fetched bytes over the declared one.
+              effectiveMimeType = (0, _platformFeatureFlags.fg)('platform_media_unsupported_mime_routing') ? renderedBlobMimeType !== null && renderedBlobMimeType !== void 0 ? renderedBlobMimeType : fileState.mimeType : fileState.mimeType;
+              if (!(0, _mediaCommon.isImageMimeTypeSupportedByBrowser)(effectiveMimeType)) {
                 _context.next = 16;
                 break;
               }
@@ -192,10 +196,10 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               break;
             case 18:
               _context.prev = 18;
-              _t3 = _context["catch"](2);
+              _t2 = _context["catch"](2);
               // TODO : properly handle aborted requests (MS-2843)
               if (!(controller !== null && controller !== void 0 && controller.signal.aborted)) {
-                imgError = new _errors.MediaViewerError('imageviewer-fetch-url', _t3 instanceof Error ? _t3 : undefined);
+                imgError = new _errors.MediaViewerError('imageviewer-fetch-url', _t2 instanceof Error ? _t2 : undefined);
                 this.setState({
                   content: _domain.Outcome.failed(imgError)
                 });

package/dist/cjs/viewers/svg/ImageWrapper-compiled.js

@@ -1,7 +1,6 @@
 /* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,9 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ImageWrapper = void 0;
 require("./ImageWrapper-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 var imageWrapperStyles = null;
 var dynamicImageWrapperStyles = null;
@@ -19,13 +16,11 @@ var ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _react.forwardRef)(fu
   var children = _ref.children,
     onClick = _ref.onClick,
     isHidden = _ref.isHidden;
-  var a11yProps = (0, _platformFeatureFlags.fg)('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, a11yProps, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    role: "none",
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,
     ref: ref,
     className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", isHidden && "_1reo15vq _18m915vq"])
-  }), children);
+  }, children);
 });

package/dist/es2019/analytics/index.js

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

package/dist/es2019/analytics/ufoExperiences.js

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

package/dist/es2019/styleWrappers.js

@@ -8,7 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
 import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
@@ -219,10 +218,8 @@ export const ImageWrapper = /*#__PURE__*/forwardRef(({
   style,
   className
 }, ref) => {
-  const a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": datatestId,
     onClick: onClick,
     ref: ref,
@@ -231,7 +228,7 @@ export const ImageWrapper = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", className])
-  }), children);
+  }, children);
 });
 export const BaselineExtend = () => /*#__PURE__*/React.createElement("div", {
   className: ax(["_4t3i1osq _1e0c1o8l _s7n4nkob"])

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const ARCHIVE_SIDE_BAR_WIDTH = 300;
 const archiveItemViewerWrapperStyles = null;
 const archiveSideBarStyles = null;
@@ -54,15 +53,11 @@ export const ArchiveDownloadButtonWrapper = ({
   onClick
 }) => {
   const intl = useIntl();
-  return fg('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
     onClick: event => onClick && onClick(event),
     "data-testid": "media-archiveDownloadButton",
     className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    onClick: onClick,
-    "data-testid": "media-archiveDownloadButton",
-    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 export const DisabledArchiveDownloadButtonWrapper = ({

package/dist/es2019/viewers/image/index.js

@@ -55,6 +55,8 @@ export class ImageViewer extends BaseViewer {
       let originalBinaryImageUrl;
       let isLocalFileReference = false;
       let clientId;
+      // The MIME type of the actual bytes that will be rendered.
+      let renderedBlobMimeType;
 
       // Fetch clientId for cross-client copy
       try {
@@ -74,6 +76,7 @@ export class ImageViewer extends BaseViewer {
           orientation = await getOrientation(value);
           objectUrl = URL.createObjectURL(value);
           isLocalFileReference = origin === 'local';
+          renderedBlobMimeType = value.type || undefined;
         } else {
           objectUrl = value;
         }
@@ -84,7 +87,9 @@ export class ImageViewer extends BaseViewer {
           mode: 'fit'
         }, controller, true, traceContext);
         this.cancelImageFetch = () => controller === null || controller === void 0 ? void 0 : controller.abort();
-        objectUrl = URL.createObjectURL(await response);
+        const blob = await response;
+        renderedBlobMimeType = blob.type || undefined;
+        objectUrl = URL.createObjectURL(blob);
       } else {
         this.setState({
           content: Outcome.pending()
@@ -94,7 +99,11 @@ export class ImageViewer extends BaseViewer {
       if (!isLocalFileReference &&
       // objectUrl at this point is binary file already
       !isErrorFileState(fileState) && fileState.status !== 'uploading' && fileState.mediaType === 'image') {
-        if (isImageMimeTypeSupportedByBrowser(fileState.mimeType)) {
+        var _renderedBlobMimeType;
+        // Prefer the MIME type of the actual fetched bytes over the declared one.
+
+        const effectiveMimeType = fg('platform_media_unsupported_mime_routing') ? (_renderedBlobMimeType = renderedBlobMimeType) !== null && _renderedBlobMimeType !== void 0 ? _renderedBlobMimeType : fileState.mimeType : fileState.mimeType;
+        if (isImageMimeTypeSupportedByBrowser(effectiveMimeType)) {
           originalBinaryImageUrl = await mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
         } else if (fg('platform_media_unsupported_mime_routing')) {
           // Route unsupported MIME types browser can't natively decode straight to the

package/dist/es2019/viewers/svg/ImageWrapper-compiled.js

@@ -1,9 +1,7 @@
 /* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./ImageWrapper-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const imageWrapperStyles = null;
 const dynamicImageWrapperStyles = null;
 export const ImageWrapper = /*#__PURE__*/forwardRef(({
@@ -11,13 +9,11 @@ export const ImageWrapper = /*#__PURE__*/forwardRef(({
   onClick,
   isHidden
 }, ref) => {
-  const a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,
     ref: ref,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", isHidden && "_1reo15vq _18m915vq"])
-  }), children);
+  }, children);
 });

package/dist/esm/analytics/index.js

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

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.5.30";
+var packageVersion = "54.5.32";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/styleWrappers.js

@@ -13,7 +13,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, useMemo } from 'react';
 import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
-import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
@@ -239,10 +238,8 @@ export var ImageWrapper = /*#__PURE__*/forwardRef(function (_ref19, ref) {
     onClick = _ref19.onClick,
     style = _ref19.style,
     className = _ref19.className;
-  var a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": datatestId,
     onClick: onClick,
     ref: ref,
@@ -251,7 +248,7 @@ export var ImageWrapper = /*#__PURE__*/forwardRef(function (_ref19, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", className])
-  }), children);
+  }, children);
 });
 export var BaselineExtend = function BaselineExtend() {
   return /*#__PURE__*/React.createElement("div", {

package/dist/esm/viewers/archiveSidebar/styleWrappers.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 
 import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var ARCHIVE_SIDE_BAR_WIDTH = 300;
 var archiveItemViewerWrapperStyles = null;
 var archiveSideBarStyles = null;
@@ -53,17 +52,13 @@ export var ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(
   var children = _ref4.children,
     _onClick = _ref4.onClick;
   var intl = useIntl();
-  return fg('platform_media_a11y_suppression_fixes') ? /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
     onClick: function onClick(event) {
       return _onClick && _onClick(event);
     },
     "data-testid": "media-archiveDownloadButton",
     className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    onClick: _onClick,
-    "data-testid": "media-archiveDownloadButton",
-    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 export var DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {

package/dist/esm/viewers/image/index.js

@@ -60,7 +60,7 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, preview, _yield$preview, value, origin, item, response, unsupportedError, imgError, _t, _t2, _t3;
+        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, renderedBlobMimeType, preview, _yield$preview, value, origin, item, response, blob, effectiveMimeType, unsupportedError, imgError, _t, _t2;
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -74,7 +74,7 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
               _context.prev = 2;
               orientation = 1;
-              isLocalFileReference = false;
+              isLocalFileReference = false; // The MIME type of the actual bytes that will be rendered.
               _context.prev = 3;
               _context.next = 4;
               return mediaClient.getClientId(collectionName);
@@ -107,6 +107,7 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               orientation = _context.sent;
               objectUrl = URL.createObjectURL(value);
               isLocalFileReference = origin === 'local';
+              renderedBlobMimeType = value.type || undefined;
               _context.next = 10;
               break;
             case 9:
@@ -127,11 +128,12 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               this.cancelImageFetch = function () {
                 return controller === null || controller === void 0 ? void 0 : controller.abort();
               };
-              _t2 = URL;
               _context.next = 12;
               return response;
             case 12:
-              objectUrl = _t2.createObjectURL.call(_t2, _context.sent);
+              blob = _context.sent;
+              renderedBlobMimeType = blob.type || undefined;
+              objectUrl = URL.createObjectURL(blob);
               _context.next = 14;
               break;
             case 13:
@@ -146,7 +148,9 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                 _context.next = 17;
                 break;
               }
-              if (!isImageMimeTypeSupportedByBrowser(fileState.mimeType)) {
+              // Prefer the MIME type of the actual fetched bytes over the declared one.
+              effectiveMimeType = fg('platform_media_unsupported_mime_routing') ? renderedBlobMimeType !== null && renderedBlobMimeType !== void 0 ? renderedBlobMimeType : fileState.mimeType : fileState.mimeType;
+              if (!isImageMimeTypeSupportedByBrowser(effectiveMimeType)) {
                 _context.next = 16;
                 break;
               }
@@ -185,10 +189,10 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               break;
             case 18:
               _context.prev = 18;
-              _t3 = _context["catch"](2);
+              _t2 = _context["catch"](2);
               // TODO : properly handle aborted requests (MS-2843)
               if (!(controller !== null && controller !== void 0 && controller.signal.aborted)) {
-                imgError = new MediaViewerError('imageviewer-fetch-url', _t3 instanceof Error ? _t3 : undefined);
+                imgError = new MediaViewerError('imageviewer-fetch-url', _t2 instanceof Error ? _t2 : undefined);
                 this.setState({
                   content: Outcome.failed(imgError)
                 });

package/dist/esm/viewers/svg/ImageWrapper-compiled.js

@@ -1,22 +1,18 @@
 /* ImageWrapper-compiled.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./ImageWrapper-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var imageWrapperStyles = null;
 var dynamicImageWrapperStyles = null;
 export var ImageWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     onClick = _ref.onClick,
     isHidden = _ref.isHidden;
-  var a11yProps = fg('platform_media_a11y_suppression_fixes') ? {
-    role: 'none'
-  } : {};
-  return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
+  return /*#__PURE__*/React.createElement("div", {
+    role: "none",
     "data-testid": "media-viewer-svg-wrapper",
     onClick: onClick,
     ref: ref,
     className: ax(["_1reo1wug _18m91wug _1bsbauwl _4t3i1kxc _y3gn1h6o _s7n4nkob _o5721q9c", isHidden && "_1reo15vq _18m915vq"])
-  }), children);
+  }, children);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "54.5.31",
+	"version": "54.5.33",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
 		"@atlaskit/media-common": "^14.4.0",
-		"@atlaskit/media-document-viewer": "^1.2.0",
+		"@atlaskit/media-document-viewer": "^2.0.0",
 		"@atlaskit/media-state": "^3.1.0",
 		"@atlaskit/media-svg": "^3.1.0",
 		"@atlaskit/media-ui": "^30.11.0",
@@ -54,8 +54,8 @@
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/textfield": "^10.0.0",
 		"@atlaskit/theme": "^27.0.0",
-		"@atlaskit/tmp-editor-statsig": "^141.1.0",
-		"@atlaskit/tokens": "^16.3.0",
+		"@atlaskit/tmp-editor-statsig": "^142.0.0",
+		"@atlaskit/tokens": "^16.4.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -92,7 +92,7 @@
 		"@atlaskit/media-test-helpers": "^42.2.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/toggle": "^17.1.0",
-		"@atlassian/a11y-jest-testing": "^0.14.0",
+		"@atlassian/a11y-jest-testing": "^0.15.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/testing-library": "^0.11.0",
 		"@atlassian/ufo": "^0.9.0",
@@ -132,9 +132,6 @@
 		"platform_media_react19_support": {
 			"type": "boolean"
 		},
-		"platform_media_a11y_suppression_fixes": {
-			"type": "boolean"
-		},
 		"platform_media_a11y_nav_button_labels": {
 			"type": "boolean"
 		},