@atlaskit/media-viewer 48.6.2 → 48.6.3

package/dist/es2019/styleWrappers.js

@@ -17,7 +17,9 @@ const blanketStyles = css({
   left: 0,
   bottom: 0,
   right: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundColor: blanketColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: overlayZindex,
   display: 'flex'
 });
@@ -30,7 +32,9 @@ const headerWrapperStyles = ({
   width: '100%',
   height: '98px',
   opacity: 0.85,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   background: `linear-gradient( to bottom, ${headerAndSidebarBackgroundColor}, rgba(14, 22, 36, 0) ) no-repeat`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundPosition: isArchiveSideBarVisible ? `${ArchiveSideBarWidth}px 0` : '0',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db',
@@ -38,6 +42,7 @@ const headerWrapperStyles = ({
   padding: "var(--ds-space-300, 24px)",
   boxSizing: 'border-box',
   pointerEvents: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: overlayZindex + 1
 });
 const listWrapperStyles = css({
@@ -52,11 +57,13 @@ const closeButtonWrapperStyles = css({
   position: 'absolute',
   top: "var(--ds-space-300, 24px)",
   right: "var(--ds-space-250, 20px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: overlayZindex + 2
 });
 const contentWrapperStyles = ({
   isSidebarVisible
 }) => css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: isSidebarVisible ? `calc(100% - ${SIDEBAR_WIDTH}px)` : '100%'
 });
 const zoomWrapperStyles = css({
@@ -64,6 +71,7 @@ const zoomWrapperStyles = css({
   position: 'absolute',
   bottom: '0px',
   height: '98px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundImage: `linear-gradient( to top, ${headerAndSidebarBackgroundColor}, rgba(14, 22, 36, 0) )`,
   opacity: 0.85,
   pointerEvents: 'none',
@@ -77,6 +85,7 @@ const zoomCenterControlsStyles = css({
   display: 'flex',
   justifyContent: 'center',
   gap: "var(--ds-space-100, 10px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -102,6 +111,7 @@ const hdIconGroupWrapperStyles = css({
   gap: "var(--ds-space-100, 10px)",
   position: 'relative',
   width: '24px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     position: 'absolute'
   }
@@ -110,6 +120,7 @@ const errorMessageWrapperStyles = css({
   textAlign: 'center',
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   p: {
     lineHeight: '100%'
   }
@@ -129,25 +140,30 @@ const pdfWrapperStyles = css({
   left: 0,
   bottom: 0,
   right: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`.${hideControlsClassName}`]: {
     position: 'fixed'
   }
 });
 const arrowStyles = css({
   cursor: 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   svg: {
     filter: 'drop-shadow(0px 1px 1px rgb(9 30 66 / 25%)) drop-shadow(0px 0px 1px rgb(9 30 66 / 31%))'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&& button': {
     height: 'inherit',
     background: 'none',
     '&:hover': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       svg: {
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
         color: '#b6c2cf'
       }
     },
     '&:active': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       svg: {
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
         color: '#c7d1db'
@@ -171,10 +187,15 @@ const arrowsWrapperStyles = css({
 });
 const leftWrapperStyles = ({
   isArchiveSideBarVisible
-}) => css(arrowWrapperStyles, {
+}) =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(arrowWrapperStyles, {
   textAlign: 'left',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   left: isArchiveSideBarVisible ? `${ArchiveSideBarWidth}px` : '0'
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 const rightWrapperStyles = css(arrowWrapperStyles, {
   textAlign: 'right',
   right: 0
@@ -183,11 +204,13 @@ const headerStyles = ({
   isArchiveSideBarVisible
 }) => css({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   paddingLeft: isArchiveSideBarVisible ? `${ArchiveSideBarWidth}px` : '0'
 });
 const leftHeaderStyles = css({
   flex: 1,
   overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -212,8 +235,11 @@ const imgStyles = ({
   display: 'inline-block',
   verticalAlign: 'middle',
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   cursor: cursor
-}, shouldPixelate ? `/* Prevent images from being smoothed when scaled up */
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+shouldPixelate ? `/* Prevent images from being smoothed when scaled up */
     image-rendering: optimizeSpeed; /* Legal fallback */
     image-rendering: -moz-crisp-edges; /* Firefox        */
     image-rendering: -o-crisp-edges; /* Opera          */
@@ -228,11 +254,15 @@ const medatadataTextWrapperStyles = css({
 const metadataWrapperStyles = css({
   display: 'flex'
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 const metadataFileNameStyles = css(ellipsis());
 const metadataSubTextStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db'
-}, ellipsis());
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+ellipsis());
 const metadataIconWrapperStyles = xcss({
   paddingTop: 'space.050',
   paddingRight: 'space.150'
@@ -241,6 +271,7 @@ const rightHeaderStyles = css({
   textAlign: 'right',
   marginRight: "var(--ds-space-500, 40px)",
   minWidth: '200px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -252,7 +283,9 @@ const customAudioPlayerWrapperStyles = css({
   width: '100%'
 });
 const audioPlayerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundColor: blanketColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: borderRadius(),
   alignItems: 'center',
   justifyContent: 'center',
@@ -282,6 +315,7 @@ const defaultCoverWrapperStyles = css({
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     transform: 'scale(2)'
   }
@@ -289,14 +323,16 @@ const defaultCoverWrapperStyles = css({
 const downloadButtonWrapperStyles = css({
   marginTop: "var(--ds-space-300, 28px)",
   textAlign: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     '&:hover, &:active': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       color: '#161a1d !important'
     }
   }
 });
 const customVideoPlayerWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   video: {
     flex: 1,
     width: '100vw',
@@ -310,6 +346,7 @@ const sidebarWrapperStyles = css({
   width: `${SIDEBAR_WIDTH}px`,
   height: '100vh',
   overflow: 'hidden auto',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-surface, ${headerAndSidebarBackgroundColor})`,
   color: "var(--ds-text, #c7d1db)"
 });
@@ -338,6 +375,7 @@ export const HeaderWrapper = ({
   isArchiveSideBarVisible
 }) => {
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: headerWrapperStyles({
       isArchiveSideBarVisible
     })
@@ -371,7 +409,9 @@ jsx("div", {
 export const ContentWrapper = ({
   isSidebarVisible,
   children
-}) => jsx("div", {
+}) =>
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+jsx("div", {
   css: contentWrapperStyles({
     isSidebarVisible
   })
@@ -465,7 +505,9 @@ jsx("span", {
 export const LeftWrapper = ({
   children,
   isArchiveSideBarVisible
-}) => jsx("div", {
+}) =>
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+jsx("div", {
   css: leftWrapperStyles({
     isArchiveSideBarVisible
   })
@@ -483,7 +525,7 @@ export const Header = ({
   isArchiveSideBarVisible,
   className
 }) =>
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 jsx("div", {
   css: headerStyles({
     isArchiveSideBarVisible
@@ -539,7 +581,9 @@ export const Img = ({
   }, [canDrag, isDragging]);
   return jsx("img", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: className,
+    className: className
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: imgStyles({
       cursor,
       shouldPixelate

package/dist/es2019/v2/item-viewer-v2.js

@@ -132,9 +132,9 @@ export const ItemViewerV2Base = ({
       }
     });
   }, [item]);
-  const onLoadFail = useCallback((mediaViewerError, data) => {
-    setItem(Outcome.failed(mediaViewerError, data));
-  }, []);
+  const onLoadFail = useCallback(mediaViewerError => {
+    setItem(Outcome.failed(mediaViewerError, fileState));
+  }, [fileState]);
   const renderItem = fileItem => {
     const collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
     const viewerProps = {
@@ -193,9 +193,7 @@ export const ItemViewerV2Base = ({
       case 'doc':
         return /*#__PURE__*/React.createElement(DocViewerV2, _extends({
           onSuccess: onSuccess,
-          onError: err => {
-            onLoadFail(err, fileState);
-          }
+          onError: onLoadFail
         }, viewerProps));
       case 'archive':
         return /*#__PURE__*/React.createElement(ArchiveViewerLoader, _extends({

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

@@ -15,6 +15,7 @@ const archiveSideBarStyles = css({
   position: 'absolute',
   left: 0,
   top: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${ArchiveSideBarWidth}px`,
   bottom: 0,
   boxSizing: 'border-box',
@@ -69,7 +70,7 @@ const archiveLayoutStyles = css({
 const archiveViewerWrapperStyles = css({
   position: 'absolute',
   top: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   left: `${ArchiveSideBarWidth}px`,
   right: 0,
   bottom: 0,

package/dist/es2019/viewers/codeViewer/codeViewerRenderer.js

@@ -28,6 +28,7 @@ export const CodeViewWrapper = ({
   }, children));
 };
 export const CodeViewerHeaderBar = () => {
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return jsx("div", {
     css: codeViewerHeaderBarStyles
   });
@@ -77,7 +78,9 @@ export class CodeViewRenderer extends Component {
     //Use src to measure the real file size
     //item.size is incorrect for archives with mutiple docs inside.
     const fileSize = new Blob([src]).size;
-    const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? jsx("code", {
+    const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ?
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("code", {
       css: codeViewerHTMLStyles,
       "data-testid": "code-block"
     }, src) : jsx(CodeBlock, {

package/dist/es2019/viewers/codeViewer/styles.js

@@ -2,23 +2,27 @@ import { css } from '@emotion/react';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const codeViewWrapperStyles = css({
   position: 'absolute',
   left: 0,
   top: 0,
   right: 0,
   bottom: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-surface, ${colors.N20})`,
   overflow: 'auto'
 });
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const codeViewerHeaderBarStyles = css({
   height: '75px',
   backgroundColor: '#1d2125'
 });
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const codeViewerHTMLStyles = css({
   display: 'flex',
   lineHeight: '20px',

package/dist/es2019/viewers/doc/pdfRenderer.js

@@ -3,6 +3,7 @@ import { PDFViewer, EventBus, PDFLinkService, NullL10n } from 'pdfjs-dist/legacy
 import { getDocument, GlobalWorkerOptions, CMapCompressionType, PasswordResponses } from 'pdfjs-dist/legacy/build/pdf';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { cmap } from './cmaps';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
 import { css, Global } from '@emotion/react';
 import { ZoomControls } from '../../zoomControls';
 import { PDFWrapper } from '../../styleWrappers';
@@ -24,17 +25,21 @@ export const pdfViewerClassName = 'pdfViewer';
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 const globalStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`.${pdfViewerClassName}`]: {
     marginTop: "var(--ds-space-800, 64px)",
     marginBottom: "var(--ds-space-800, 64px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.page': {
       margin: `1px auto ${"var(--ds-space-negative-100, -8px)"} auto`,
       border: '9px solid transparent',
       position: 'relative'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.canvasWrapper': {
       overflow: 'hidden'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.textLayer': {
       position: 'absolute',
       left: 0,
@@ -45,6 +50,7 @@ const globalStyles = css({
       opacity: 0.2,
       lineHeight: 1
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.textLayer span, .textLayer br': {
       color: 'transparent',
       position: 'absolute',
@@ -52,16 +58,20 @@ const globalStyles = css({
       cursor: 'text',
       transformOrigin: '0% 0%'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '.textLayer ::-moz-selection': {
       background: 'rgba(0, 0, 255, 1)'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.textLayer ::selection': {
       background: 'rgba(0, 0, 255, 1)'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.annotationLayer section': {
       position: 'absolute',
       textAlign: 'initial'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotation.pushButton > a': {
       position: 'absolute',
       fontSize: '1em',
@@ -70,6 +80,7 @@ const globalStyles = css({
       width: '100%',
       height: '100%'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover': {
       opacity: 0.2,
       background: 'rgba(255, 255, 0, 1)',

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

@@ -143,7 +143,9 @@ const SvgViewerBase = ({
   }, /*#__PURE__*/React.createElement(MediaSvg, {
     testId: 'media-viewer-svg',
     identifier: identifier,
-    dimensions: imgDimensions,
+    dimensions: imgDimensions
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: imgStyles,
     onLoad: onImgLoad,
     onMouseDown: startDragging

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 = "48.6.2";
+var packageVersion = "48.6.3";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.6.2";
+var packageVersion = "48.6.3";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/item-viewer.js

@@ -138,8 +138,9 @@ export var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "onLoadFail", function (mediaViewerError, data) {
+      var item = _this.state.item;
       _this.safeSetState({
-        item: Outcome.failed(mediaViewerError, data)
+        item: Outcome.failed(mediaViewerError, data || item.data)
       });
     });
     _defineProperty(_assertThisInitialized(_this), "onExternalImgSuccess", function () {