@atlaskit/media-viewer 48.6.2 → 48.6.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-viewer
 
+## 48.6.4
+
+### Patch Changes
+
+- [#111464](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111464)
+  [`1a9f6f0977000`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1a9f6f0977000) -
+  Added error handling to SVG
+- Updated dependencies
+
+## 48.6.3
+
+### Patch Changes
+
+- [#111350](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111350)
+  [`efcf89de4e9ab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/efcf89de4e9ab) -
+  Added missing metadata in some error events
+- Updated dependencies
+
 ## 48.6.2
 
 ### Patch Changes

package/compass.yml

@@ -1,6 +1,8 @@
 name: Media Viewer
 id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/b67342fb-426a-4066-b4d8-f13c0aa2e5ad'
-description: MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate
+description:
+  MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and
+  extendable yet easy-to-integrate
 configVersion: 1
 typeId: UI_ELEMENT
 ownerId: 'ari:cloud:teams::team/ef910622-ce0a-44a0-b441-ba89efe7891b'
@@ -23,7 +25,7 @@ links:
   - name: ''
     type: REPOSITORY
     url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/media/media-viewer/'
-  - name: '' 
+  - name: ''
     type: DOCUMENT
     url: 'https://atlaskit.atlassian.com/packages/media/media-viewer'
   - name: '' # Tome Capability
@@ -45,6 +47,5 @@ relationships:
   DEPENDS_ON:
     - 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/652381b6-c323-4b50-bf31-c94941a0b6ef'
     - 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/3bc23fc6-021a-4adf-9602-ade6d8cad7d3'
-
 # Learn more about formatting compass.yml:
-# https://go.atlassian.com/compass-yml-format
+# https://go.atlassian.com/compass-yml-format

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 = "48.6.2";
+var packageVersion = exports.packageVersion = "48.6.4";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 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 = "48.6.2";
+var packageVersion = "48.6.4";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/item-viewer.js

@@ -160,8 +160,9 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLoadFail", function (mediaViewerError, data) {
+      var item = _this.state.item;
       _this.safeSetState({
-        item: _domain.Outcome.failed(mediaViewerError, data)
+        item: _domain.Outcome.failed(mediaViewerError, data || item.data)
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExternalImgSuccess", function () {

package/dist/cjs/styleWrappers.js

@@ -18,6 +18,7 @@ var _styles2 = require("./viewers/archiveSidebar/styles");
 var _constants = require("@atlaskit/theme/constants");
 var _primitives = require("@atlaskit/primitives");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var SIDEBAR_WIDTH = 416;
 var blanketStyles = (0, _react.css)({
@@ -26,7 +27,9 @@ var blanketStyles = (0, _react.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: _styles.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: _styles.overlayZindex,
   display: 'flex'
 });
@@ -39,7 +42,9 @@ var headerWrapperStyles = function headerWrapperStyles(_ref) {
     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, ".concat(_modalSpinner.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 ? "".concat(_styles2.ArchiveSideBarWidth, "px 0") : '0',
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     color: '#c7d1db',
@@ -47,6 +52,7 @@ var headerWrapperStyles = function headerWrapperStyles(_ref) {
     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: _styles.overlayZindex + 1
   });
 };
@@ -62,11 +68,13 @@ var closeButtonWrapperStyles = (0, _react.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: _styles.overlayZindex + 2
 });
 var contentWrapperStyles = function contentWrapperStyles(_ref2) {
   var isSidebarVisible = _ref2.isSidebarVisible;
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: isSidebarVisible ? "calc(100% - ".concat(SIDEBAR_WIDTH, "px)") : '100%'
   });
 };
@@ -75,6 +83,7 @@ var zoomWrapperStyles = (0, _react.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, ".concat(_modalSpinner.headerAndSidebarBackgroundColor, ", rgba(14, 22, 36, 0) )"),
   opacity: 0.85,
   pointerEvents: 'none',
@@ -88,6 +97,7 @@ var zoomCenterControlsStyles = (0, _react.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'
   }
@@ -113,6 +123,7 @@ var hdIconGroupWrapperStyles = (0, _react.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'
   }
@@ -121,6 +132,7 @@ var errorMessageWrapperStyles = (0, _react.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%'
   }
@@ -145,19 +157,23 @@ var pdfWrapperStyles = (0, _react.css)((0, _defineProperty2.default)({
 }));
 var arrowStyles = (0, _react.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'
@@ -181,11 +197,17 @@ var arrowsWrapperStyles = (0, _react.css)({
 });
 var leftWrapperStyles = function leftWrapperStyles(_ref3) {
   var isArchiveSideBarVisible = _ref3.isArchiveSideBarVisible;
-  return (0, _react.css)(arrowWrapperStyles, {
-    textAlign: 'left',
-    left: isArchiveSideBarVisible ? "".concat(_styles2.ArchiveSideBarWidth, "px") : '0'
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    (0, _react.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 ? "".concat(_styles2.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
 var rightWrapperStyles = (0, _react.css)(arrowWrapperStyles, {
   textAlign: 'right',
   right: 0
@@ -194,12 +216,14 @@ var headerStyles = function headerStyles(_ref4) {
   var isArchiveSideBarVisible = _ref4.isArchiveSideBarVisible;
   return (0, _react.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 ? "".concat(_styles2.ArchiveSideBarWidth, "px") : '0'
   });
 };
 var leftHeaderStyles = (0, _react.css)({
   flex: 1,
   overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     pointerEvents: 'all'
   }
@@ -224,8 +248,11 @@ var imgStyles = function imgStyles(_ref5) {
     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 */\n    image-rendering: optimizeSpeed; /* Legal fallback */\n    image-rendering: -moz-crisp-edges; /* Firefox        */\n    image-rendering: -o-crisp-edges; /* Opera          */\n    image-rendering: -webkit-optimize-contrast; /* Safari         */\n    image-rendering: optimize-contrast; /* CSS3 Proposed  */\n    image-rendering: crisp-edges; /* CSS4 Proposed  */\n    image-rendering: pixelated; /* CSS4 Proposed  */\n    -ms-interpolation-mode: nearest-neighbor; /* IE8+           */" : "");
+  },
+  // 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 */\n    image-rendering: optimizeSpeed; /* Legal fallback */\n    image-rendering: -moz-crisp-edges; /* Firefox        */\n    image-rendering: -o-crisp-edges; /* Opera          */\n    image-rendering: -webkit-optimize-contrast; /* Safari         */\n    image-rendering: optimize-contrast; /* CSS3 Proposed  */\n    image-rendering: crisp-edges; /* CSS4 Proposed  */\n    image-rendering: pixelated; /* CSS4 Proposed  */\n    -ms-interpolation-mode: nearest-neighbor; /* IE8+           */" : "");
 };
 var medatadataTextWrapperStyles = (0, _react.css)({
   overflow: 'hidden'
@@ -233,11 +260,15 @@ var medatadataTextWrapperStyles = (0, _react.css)({
 var metadataWrapperStyles = (0, _react.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
 var metadataFileNameStyles = (0, _react.css)((0, _mediaUi.ellipsis)());
 var metadataSubTextStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   color: '#c7d1db'
-}, (0, _mediaUi.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
+(0, _mediaUi.ellipsis)());
 var metadataIconWrapperStyles = (0, _primitives.xcss)({
   paddingTop: 'space.050',
   paddingRight: 'space.150'
@@ -246,6 +277,7 @@ var rightHeaderStyles = (0, _react.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'
   }
@@ -257,7 +289,9 @@ var customAudioPlayerWrapperStyles = (0, _react.css)({
   width: '100%'
 });
 var audioPlayerStyles = (0, _react.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: _styles.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: (0, _constants.borderRadius)(),
   alignItems: 'center',
   justifyContent: 'center',
@@ -287,6 +321,7 @@ var defaultCoverWrapperStyles = (0, _react.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)'
   }
@@ -294,14 +329,16 @@ var defaultCoverWrapperStyles = (0, _react.css)({
 var downloadButtonWrapperStyles = (0, _react.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'
     }
   }
 });
 var customVideoPlayerWrapperStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   video: {
     flex: 1,
     width: '100vw',
@@ -315,6 +352,7 @@ var sidebarWrapperStyles = (0, _react.css)({
   width: "".concat(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, ".concat(_modalSpinner.headerAndSidebarBackgroundColor, ")"),
   color: "var(--ds-text, #c7d1db)"
 });
@@ -344,6 +382,7 @@ var HeaderWrapper = exports.HeaderWrapper = function HeaderWrapper(_ref7) {
     children = _ref7.children,
     isArchiveSideBarVisible = _ref7.isArchiveSideBarVisible;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: headerWrapperStyles({
       isArchiveSideBarVisible: isArchiveSideBarVisible
     })
@@ -381,11 +420,14 @@ var CloseButtonWrapper = exports.CloseButtonWrapper = function CloseButtonWrappe
 var ContentWrapper = exports.ContentWrapper = function ContentWrapper(_ref11) {
   var isSidebarVisible = _ref11.isSidebarVisible,
     children = _ref11.children;
-  return (0, _react.jsx)("div", {
-    css: contentWrapperStyles({
-      isSidebarVisible: isSidebarVisible
-    })
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      css: contentWrapperStyles({
+        isSidebarVisible: isSidebarVisible
+      })
+    }, children)
+  );
 };
 var ZoomWrapper = exports.ZoomWrapper = function ZoomWrapper(_ref12) {
   var className = _ref12.className,
@@ -488,11 +530,14 @@ var Arrow = exports.Arrow = function Arrow(_ref21) {
 var LeftWrapper = exports.LeftWrapper = function LeftWrapper(_ref22) {
   var children = _ref22.children,
     isArchiveSideBarVisible = _ref22.isArchiveSideBarVisible;
-  return (0, _react.jsx)("div", {
-    css: leftWrapperStyles({
-      isArchiveSideBarVisible: isArchiveSideBarVisible
-    })
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      css: leftWrapperStyles({
+        isArchiveSideBarVisible: isArchiveSideBarVisible
+      })
+    }, children)
+  );
 };
 var RightWrapper = exports.RightWrapper = function RightWrapper(_ref23) {
   var children = _ref23.children;
@@ -508,7 +553,7 @@ var Header = exports.Header = function Header(_ref24) {
     isArchiveSideBarVisible = _ref24.isArchiveSideBarVisible,
     className = _ref24.className;
   return (
-    // 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
     (0, _react.jsx)("div", {
       css: headerStyles({
         isArchiveSideBarVisible: isArchiveSideBarVisible
@@ -569,7 +614,9 @@ var Img = exports.Img = function Img(_ref27) {
   }, [canDrag, isDragging]);
   return (0, _react.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: cursor,
       shouldPixelate: shouldPixelate

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

@@ -152,6 +152,13 @@ var ItemViewerV2Base = exports.ItemViewerV2Base = function ItemViewerV2Base(_ref
 
   // Did mount
 
+  (0, _react.useEffect)(function () {
+    if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
+      return;
+    }
+    (0, _analytics.fireAnalytics)((0, _commenced.createCommencedEvent)(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext.current), createAnalyticsEventRef.current);
+    (0, _ufoExperiences.startMediaFileUfoExperience)();
+  }, [identifier]);
   (0, _react.useEffect)(function () {
     if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
       // external images do not need to talk to our backend,
@@ -160,11 +167,8 @@ var ItemViewerV2Base = exports.ItemViewerV2Base = function ItemViewerV2Base(_ref
       setItem(_domain.Outcome.successful('external-image'));
       return;
     }
-    (0, _analytics.fireAnalytics)((0, _commenced.createCommencedEvent)(identifier === null || identifier === void 0 ? void 0 : identifier.id, traceContext.current), createAnalyticsEventRef.current);
-    (0, _ufoExperiences.startMediaFileUfoExperience)();
 
     // File Subscription
-
     if (fileState) {
       var status = fileState.status;
       if (fileState.status !== 'error') {
@@ -194,9 +198,9 @@ var ItemViewerV2Base = exports.ItemViewerV2Base = function ItemViewerV2Base(_ref
       }
     });
   }, [item]);
-  var onLoadFail = (0, _react.useCallback)(function (mediaViewerError, data) {
-    setItem(_domain.Outcome.failed(mediaViewerError, data));
-  }, []);
+  var onLoadFail = (0, _react.useCallback)(function (mediaViewerError) {
+    setItem(_domain.Outcome.failed(mediaViewerError, fileState));
+  }, [fileState]);
   var renderItem = function renderItem(fileItem) {
     var collectionName = (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.collectionName : undefined;
     var viewerProps = {
@@ -253,9 +257,7 @@ var ItemViewerV2Base = exports.ItemViewerV2Base = function ItemViewerV2Base(_ref
       case 'doc':
         return /*#__PURE__*/_react.default.createElement(DocViewerV2, (0, _extends2.default)({
           onSuccess: onSuccess,
-          onError: function onError(err) {
-            onLoadFail(err, fileState);
-          }
+          onError: onLoadFail
         }, viewerProps));
       case 'archive':
         return /*#__PURE__*/_react.default.createElement(_archiveViewerLoader.default, (0, _extends2.default)({

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

@@ -10,6 +10,8 @@ var _colors = require("@atlaskit/theme/colors");
 var _reactScrolllock = require("react-scrolllock");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var archiveItemViewerWrapperStyles = (0, _react.css)({
   width: '100%',
   display: 'flex',
@@ -21,6 +23,7 @@ var archiveSideBarStyles = (0, _react.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: "".concat(_styles.ArchiveSideBarWidth, "px"),
   bottom: 0,
   boxSizing: 'border-box',
@@ -75,7 +78,7 @@ var archiveLayoutStyles = (0, _react.css)({
 var archiveViewerWrapperStyles = (0, _react.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: "".concat(_styles.ArchiveSideBarWidth, "px"),
   right: 0,
   bottom: 0,

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

@@ -25,7 +25,7 @@ var _util = require("./util");
 var _styles = require("./styles");
 var _reactScrolllock = require("react-scrolllock");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // Based on some basic benchmarking with @atlaskit/code it was found that ~10,000 lines took around ~5secs to render, which locks the main thread.
 // Therefore we set a hard limit on the amount of lines which we apply formatting to,
 // otherwise the "text" language will be used which is plain and more performant
@@ -42,6 +42,7 @@ var CodeViewWrapper = exports.CodeViewWrapper = function CodeViewWrapper(_ref) {
   }, children));
 };
 var CodeViewerHeaderBar = exports.CodeViewerHeaderBar = function 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 (0, _react.jsx)("div", {
     css: _styles.codeViewerHeaderBarStyles
   });
@@ -117,7 +118,9 @@ var CodeViewRenderer = exports.CodeViewRenderer = /*#__PURE__*/function (_Compon
       //Use src to measure the real file size
       //item.size is incorrect for archives with mutiple docs inside.
       var fileSize = new Blob([src]).size;
-      var codeViewer = (0, _util.lineCount)(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? (0, _react.jsx)("code", {
+      var codeViewer = (0, _util.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
+      (0, _react.jsx)("code", {
         css: _styles.codeViewerHTMLStyles,
         "data-testid": "code-block"
       }, src) : (0, _react.jsx)(_block.default, {

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

@@ -6,26 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.codeViewerHeaderBarStyles = exports.codeViewerHTMLStyles = exports.codeViewWrapperStyles = void 0;
 var _react = require("@emotion/react");
 var _theme = require("@atlaskit/theme");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var codeViewWrapperStyles = exports.codeViewWrapperStyles = (0, _react.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, ".concat(_theme.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
 var codeViewerHeaderBarStyles = exports.codeViewerHeaderBarStyles = (0, _react.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
 var codeViewerHTMLStyles = exports.codeViewerHTMLStyles = (0, _react.css)({
   display: 'flex',
   lineHeight: '20px',

package/dist/cjs/viewers/doc/pdfPasswordInput.js

@@ -22,6 +22,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**@jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var COLOR_SHADE = '#b6c2cf';
 var headingStyle = (0, _react2.css)({
   fontSize: '14px',

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

@@ -34,6 +34,8 @@ var _pdfPasswordInput2 = require("../../analytics/events/screen/pdfPasswordInput
 var _passwordPdf = require("../../analytics/events/screen/passwordPdf");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var pdfViewerClassName = exports.pdfViewerClassName = 'pdfViewer';
 
 // Styles are partially copied from https://github.com/mozilla/pdfjs-dist/blob/v2.9.359/web/pdf_viewer.css
@@ -42,14 +44,17 @@ var pdfViewerClassName = exports.pdfViewerClassName = 'pdfViewer';
 var globalStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat(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 ".concat("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,
@@ -60,6 +65,7 @@ var globalStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat
     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',
@@ -67,16 +73,20 @@ var globalStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat
     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',
@@ -85,6 +95,7 @@ var globalStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat
     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/cjs/viewers/svg/ImageWrapper.js

@@ -7,6 +7,7 @@ exports.ImageWrapper = void 0;
 var _react = require("@emotion/react");
 var _react2 = require("react");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var imageWrapperStyles = (0, _react.css)({
   width: '100vw',

package/dist/cjs/viewers/svg/errors.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getErrorReason = void 0;
+var getErrorReason = exports.getErrorReason = function getErrorReason(svgReason) {
+  switch (svgReason) {
+    case 'img-error':
+      return 'svg-img-error';
+    case 'binary-fetch':
+      return 'svg-binary-fetch';
+    default:
+      return 'svg-unknown-error';
+  }
+};