@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/cjs/viewers/archiveSidebar/sidebar-header-wrapper.js

@@ -0,0 +1,20 @@
+/* sidebar-header-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarHeaderWrapper = void 0;
+require("./sidebar-header-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 sidebarHeaderWrapperStyles = null;
+var SidebarHeaderWrapper = exports.SidebarHeaderWrapper = function SidebarHeaderWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
+  }, children);
+};

package/dist/cjs/viewers/archiveSidebar/sidebar-item-wrapper.compiled.css

@@ -0,0 +1 @@
+._1bsb13sl{width:85%}

package/dist/cjs/viewers/archiveSidebar/sidebar-item-wrapper.js

@@ -0,0 +1,20 @@
+/* sidebar-item-wrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarItemWrapper = void 0;
+require("./sidebar-item-wrapper.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 sidebarItemWrapperStyles = null;
+var SidebarItemWrapper = exports.SidebarItemWrapper = function SidebarItemWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1bsb13sl"])
+  }, children);
+};

package/dist/cjs/viewers/archiveSidebar/styleWrappers.compiled.css

@@ -1,68 +1,12 @@
-._kkk2n7od{all:unset}
-._19itglyw{border:none}
-._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
-._v564rca0{transition:background-color .3s}
-._v564t24z{transition:all 1s}
 ._154iidpf{top:0}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
 ._18m915zi{overflow-y:scroll}
-._18u0idpf{margin-left:0}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19bvv47k{padding-left:var(--ds-space-250,20px)}
-._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
-._1bah1h6o{justify-content:center}
-._1bsb13sl{width:85%}
 ._1bsb15ov{width:var(--_53yrec)}
-._1bsb1osq{width:100%}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0c1txw{display:flex}
-._1e0c1ule{display:block}
-._1ltv15ov{left:var(--_53yrec)}
 ._1ltvidpf{left:0}
-._1o51q7pw{animation-fill-mode:forwards}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1reo15vq{overflow-x:hidden}
-._1xi2idpf{right:0}
-._2hwxidpf{margin-right:0}
-._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
-._4cvr1h6o{align-items:center}
-._4t3i1osq{height:100%}
-._4t3iyh40{height:2px}
-._5sag188d{animation-duration:.3s}
-._80om13gf{cursor:not-allowed}
-._80omtlke{cursor:pointer}
 ._94n5idpf{bottom:0}
-._bfhk1j28{background-color:transparent}
-._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qqslr{padding-top:22px}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._i0dl1wug{flex-basis:auto}
-._j7hq1kq8{animation-name:k10ssv7b}
 ._kqswstnw{position:absolute}
-._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
-._n3td14y2{padding-bottom:5px}
 ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
-._o5721q9c{white-space:nowrap}
-._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
-._syaz1q3r{color:var(--ds-icon,#292a2e)}
-._syazi7uo{color:var(--ds-text,#292a2e)}
-._t9ecz6y5{transform:translateY(-100%)}
-._tzy4idpf{opacity:0}
-._u5f31v6z{padding-right:7px}
 ._u5f3v47k{padding-right:var(--ds-space-250,20px)}
-._vchhusvi{box-sizing:border-box}
-._vwz41xde{line-height:1.14286}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
-._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
-._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
-._ra3xnqa1:focus-visible{outline-style:solid}
-._d0altlke:hover{cursor:pointer}
-._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
-._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
-._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
-._1qamtlke:active{cursor:pointer}
-@keyframes k10ssv7b{0%{opacity:0;transform:translateY(-100%)}to{transform:translateY(0);opacity:1}}
+._vchhusvi{box-sizing:border-box}

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

@@ -5,43 +5,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SidebarItemWrapper = exports.SidebarHeaderWrapper = exports.SidebarHeaderIcon = exports.SidebarHeaderEntry = exports.Separator = exports.DisabledArchiveDownloadButtonWrapper = exports.ArchiveViewerWrapper = exports.ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFileEntryWrapper = exports.ArchiveSideBar = exports.ArchiveLayout = exports.ArchiveItemViewerWrapper = exports.ArchiveDownloadButtonWrapper = exports.ARCHIVE_SIDE_BAR_WIDTH = void 0;
+exports.ArchiveSideBar = exports.ARCHIVE_SIDE_BAR_WIDTH = void 0;
 require("./styleWrappers.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/media-ui/messages");
 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;
-var archiveItemViewerWrapperStyles = null;
 var archiveSideBarStyles = null;
-var slideDown = null;
-var archiveDownloadButtonWrapperStyles = null;
-var archiveDownloadButtonMotionStyles = null;
-var archiveDownloadButtonWrapperStyleFix = null;
-var disabledArchiveDownloadButtonWrapperStyles = null;
-var archiveSidebarFolderWrapperStyles = null;
-var sidebarItemWrapperStyles = null;
-var archiveSidebarFileEntryWrapperStyles = null;
-var archiveLayoutStyles = null;
-var archiveViewerWrapperStyles = null;
-var separatorStyles = null;
-var sidebarHeaderWrapperStyles = null;
-var sidebarHeaderIconStyles = null;
-var sidebarHeaderEntryStyles = null;
-var fullHeightStyles = null;
-var ArchiveItemViewerWrapper = exports.ArchiveItemViewerWrapper = function ArchiveItemViewerWrapper(_ref) {
-  var children = _ref.children,
-    fullHeight = _ref.fullHeight;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1bsb1osq _1e0c1txw _1bah1h6o", fullHeight && "_4t3i1osq"])
-  }, children);
-};
-var ArchiveSideBar = exports.ArchiveSideBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var children = _ref2.children;
+var ArchiveSideBar = exports.ArchiveSideBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: (0, _runtime.ax)(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhkvuon _kqswstnw _1ltvidpf _154iidpf _1bsb15ov _94n5idpf _vchhusvi _18m915zi"]),
@@ -49,84 +22,4 @@ var ArchiveSideBar = exports.ArchiveSideBar = /*#__PURE__*/(0, _react.forwardRef
       "--_53yrec": (0, _runtime.ix)("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
     }
   }, children);
-});
-var ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFolderWrapper = function ArchiveSidebarFolderWrapper(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "archive-sidebar-folder-wrapper",
-    className: (0, _runtime.ax)(["_v564t24z _t9ecz6y5 _tzy4idpf _j7hq1kq8 _5sag188d _1o51q7pw"])
-  }, children);
-};
-var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref4) {
-  var children = _ref4.children,
-    _onClick = _ref4.onClick;
-  var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/React.createElement("button", {
-    "aria-label": intl.formatMessage(_messages.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 _v564k6bl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1ggl5xtf _1qamtlke _1di6fcek", (0, _fg.fg)('platform-dst-motion-uplift-custom-button') && "_v564k6bl _1ggl5xtf"])
-  }, children);
-};
-var DisabledArchiveDownloadButtonWrapper = exports.DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "media-disabledArchiveDownloadButton",
-    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
-  }, children);
-};
-var SidebarItemWrapper = exports.SidebarItemWrapper = function SidebarItemWrapper(_ref6) {
-  var children = _ref6.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1bsb13sl"])
-  }, children);
-};
-var ArchiveSidebarFileEntryWrapper = exports.ArchiveSidebarFileEntryWrapper = function ArchiveSidebarFileEntryWrapper(_ref7) {
-  var children = _ref7.children,
-    index = _ref7.index;
-  return /*#__PURE__*/React.createElement("div", {
-    key: index,
-    className: (0, _runtime.ax)(["_v564rca0 _n3td12x7 _1e0c1txw _4cvr1h6o _80omtlke"])
-  }, children);
-};
-var ArchiveLayout = exports.ArchiveLayout = function ArchiveLayout(_ref8) {
-  var children = _ref8.children;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "archive-layout",
-    className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _4t3i1osq"])
-  }, children);
-};
-var ArchiveViewerWrapper = exports.ArchiveViewerWrapper = function ArchiveViewerWrapper(_ref9) {
-  var children = _ref9.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltv15ov _1xi2idpf _94n5idpf _4cvr1h6o _1e0c1txw"]),
-    style: {
-      "--_53yrec": (0, _runtime.ix)("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
-    }
-  }, children);
-};
-var Separator = exports.Separator = function Separator() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
-  });
-};
-var SidebarHeaderWrapper = exports.SidebarHeaderWrapper = function SidebarHeaderWrapper(_ref0) {
-  var children = _ref0.children;
-  return /*#__PURE__*/React.createElement("span", {
-    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
-  }, children);
-};
-var SidebarHeaderIcon = exports.SidebarHeaderIcon = function SidebarHeaderIcon(_ref1) {
-  var children = _ref1.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
-  }, children);
-};
-var SidebarHeaderEntry = exports.SidebarHeaderEntry = function SidebarHeaderEntry(_ref10) {
-  var children = _ref10.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
-  }, children);
-};
+});

package/dist/cjs/viewers/audio.js

@@ -14,15 +14,15 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _mediaClient = require("@atlaskit/media-client");
 var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
-var _domain = require("../domain");
-var _errors = require("../errors");
-var _styleWrappers = require("../styleWrappers");
-var _baseViewer = require("./base-viewer");
-var _isIE = require("../utils/isIE");
+var _mediaClient = require("@atlaskit/media-client");
 var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
+var _MediaViewerError = require("../MediaViewerError");
+var _outcome = require("../domain/outcome");
+var _styleWrappers = require("../styleWrappers");
 var _getObjectUrlFromFileState = require("../utils/getObjectUrlFromFileState");
+var _isIE = require("../utils/isIE");
+var _baseViewer = require("./base-viewer");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var defaultCover = /*#__PURE__*/_react.default.createElement(_styleWrappers.DefaultCoverWrapper, null, /*#__PURE__*/_react.default.createElement(_audio.default, {
@@ -69,7 +69,7 @@ var AudioViewer = exports.AudioViewer = /*#__PURE__*/function (_BaseViewer) {
     });
     (0, _defineProperty2.default)(_this, "onError", function () {
       var onError = _this.props.onError;
-      onError && onError(new _errors.MediaViewerError('audioviewer-playback'));
+      onError && onError(new _MediaViewerError.MediaViewerError('audioviewer-playback'));
     });
     (0, _defineProperty2.default)(_this, "loadCover", function (coverUrl) {
       return new Promise( /*#__PURE__*/function () {
@@ -134,7 +134,7 @@ var AudioViewer = exports.AudioViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "initialState",
     get: function get() {
       return {
-        content: _domain.Outcome.pending()
+        content: _outcome.Outcome.pending()
       };
     }
   }, {
@@ -189,7 +189,7 @@ var AudioViewer = exports.AudioViewer = /*#__PURE__*/function (_BaseViewer) {
                 _context3.next = 3;
                 break;
               }
-              throw new _errors.MediaViewerError('audioviewer-missing-artefact');
+              throw new _MediaViewerError.MediaViewerError('audioviewer-missing-artefact');
             case 3:
               _context3.next = 6;
               break;
@@ -203,13 +203,13 @@ var AudioViewer = exports.AudioViewer = /*#__PURE__*/function (_BaseViewer) {
                 break;
               }
               this.safeSetState({
-                content: _domain.Outcome.pending()
+                content: _outcome.Outcome.pending()
               });
               return _context3.abrupt("return");
             case 6:
               this.setCoverUrl();
               this.safeSetState({
-                content: _domain.Outcome.successful(audioUrl)
+                content: _outcome.Outcome.successful(audioUrl)
               });
               _context3.next = 8;
               break;
@@ -217,7 +217,7 @@ var AudioViewer = exports.AudioViewer = /*#__PURE__*/function (_BaseViewer) {
               _context3.prev = 7;
               _t2 = _context3["catch"](1);
               this.safeSetState({
-                content: _domain.Outcome.failed(new _errors.MediaViewerError('audioviewer-fetch-url', _t2 instanceof Error ? _t2 : undefined))
+                content: _outcome.Outcome.failed(new _MediaViewerError.MediaViewerError('audioviewer-fetch-url', _t2 instanceof Error ? _t2 : undefined))
               });
             case 8:
             case "end":

package/dist/cjs/viewers/base-viewer.js

@@ -13,13 +13,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/media-ui/messages");
 var _deepEqual = _interopRequireDefault(require("deep-equal"));
+var _reactIntl = require("react-intl");
 var _mediaClient = require("@atlaskit/media-client");
-var _errorMessage = _interopRequireDefault(require("../errorMessage"));
+var _messages = require("@atlaskit/media-ui/messages");
+var _ErrorViewDownloadButton = require("../ErrorViewDownloadButton");
+var _errorMessageWithAnalytics = _interopRequireDefault(require("../errorMessageWithAnalytics"));
 var _loading = require("../loading");
-var _download = require("../download");
 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; }
@@ -86,7 +86,7 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
         },
         failed: function failed(error) {
           var item = _this2.props.item;
-          return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
+          return /*#__PURE__*/_react.default.createElement(_errorMessageWithAnalytics.default, {
             fileId: item.id,
             fileState: item,
             error: error,
@@ -110,7 +110,7 @@ var BaseViewer = exports.BaseViewer = /*#__PURE__*/function (_React$Component) {
         mediaClient = _this$props.mediaClient,
         collectionName = _this$props.collectionName,
         traceContext = _this$props.traceContext;
-      return /*#__PURE__*/_react.default.createElement(_download.ErrorViewDownloadButton, {
+      return /*#__PURE__*/_react.default.createElement(_ErrorViewDownloadButton.ErrorViewDownloadButton, {
         fileState: item,
         mediaClient: mediaClient,
         error: error,

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

@@ -9,10 +9,10 @@ exports.CodeRendererAdvanced = void 0;
 require("./CodeRendererAdvanced.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _view = require("@codemirror/view");
-var _state = require("@codemirror/state");
-var _languageData = require("@codemirror/language-data");
 var _language = require("@codemirror/language");
+var _languageData = require("@codemirror/language-data");
+var _state = require("@codemirror/state");
+var _view = require("@codemirror/view");
 var _theme = require("./theme");
 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 codeViewWrapperStyles = null;

package/dist/cjs/viewers/codeViewer/CodeViewRenderer-2.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeViewRenderer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CodeViewRenderer = require("./CodeViewRenderer");
+var CodeViewRenderer = exports.CodeViewRenderer = function CodeViewRenderer(props) {
+  return /*#__PURE__*/_react.default.createElement(_CodeViewRenderer.CodeViewRenderer, props);
+};

package/dist/cjs/viewers/codeViewer/CodeViewRenderer.compiled.css

@@ -0,0 +1,8 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1e0c1txw{display:flex}
+._1reo1wug{overflow-x:auto}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o572qvpr{white-space:pre}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

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

@@ -0,0 +1,132 @@
+/* CodeViewRenderer.tsx generated by @compiled/babel-plugin v3.0.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeViewRenderer = void 0;
+require("./CodeViewRenderer.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _codeBlock = _interopRequireDefault(require("@atlaskit/code/code-block"));
+var _MediaViewerError = require("../../MediaViewerError");
+var _outcome = require("../../domain/outcome");
+var _errorMessageWithAnalytics = _interopRequireDefault(require("../../errorMessageWithAnalytics"));
+var _loading = require("../../loading");
+var _CodeViewerHeaderBar = require("./CodeViewerHeaderBar");
+var _codeViewerRendererCompiled = require("./codeViewerRenderer-compiled");
+var _lineCount = require("./lineCount");
+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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var codeViewerHTMLStyles = null;
+var initialState = {
+  doc: _outcome.Outcome.pending()
+};
+var CodeViewRenderer = exports.CodeViewRenderer = /*#__PURE__*/function (_Component) {
+  function CodeViewRenderer() {
+    var _this;
+    (0, _classCallCheck2.default)(this, CodeViewRenderer);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CodeViewRenderer, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", initialState);
+    return _this;
+  }
+  (0, _inherits2.default)(CodeViewRenderer, _Component);
+  return (0, _createClass2.default)(CodeViewRenderer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.init();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {}
+  }, {
+    key: "init",
+    value: function () {
+      var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _this$props, src, onSuccess, onError, mediaError;
+        return _regenerator.default.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = this.props, src = _this$props.src, onSuccess = _this$props.onSuccess, onError = _this$props.onError;
+              try {
+                this.setState({
+                  doc: _outcome.Outcome.successful(src)
+                });
+                if (onSuccess) {
+                  onSuccess();
+                }
+              } catch (error) {
+                mediaError = new _MediaViewerError.MediaViewerError('codeviewer-load-src', error instanceof Error ? error : undefined);
+                this.setState({
+                  doc: _outcome.Outcome.failed(mediaError)
+                });
+                if (onError) {
+                  onError(mediaError);
+                }
+              }
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function init() {
+        return _init.apply(this, arguments);
+      }
+      return init;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        item = _this$props2.item,
+        src = _this$props2.src,
+        language = _this$props2.language,
+        testId = _this$props2.testId;
+      //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, _lineCount.lineCount)(src) > _codeViewerRendererCompiled.MAX_FORMATTED_LINES || fileSize > _codeViewerRendererCompiled.MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
+        "data-testid": "code-block",
+        className: (0, _runtime.ax)(["_11c8wadc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
+      }, src) : /*#__PURE__*/React.createElement(_codeBlock.default, {
+        language: language,
+        text: src,
+        testId: "code-block"
+      });
+      return this.state.doc.match({
+        pending: function pending() {
+          return /*#__PURE__*/React.createElement(_loading.Spinner, null);
+        },
+        successful: function successful() {
+          return /*#__PURE__*/React.createElement(_codeViewerRendererCompiled.CodeViewWrapper, {
+            "data-testid": testId
+          }, /*#__PURE__*/React.createElement(_CodeViewerHeaderBar.CodeViewerHeaderBar, null), codeViewer);
+        },
+        failed: function failed(error) {
+          return /*#__PURE__*/React.createElement(_errorMessageWithAnalytics.default, {
+            fileId: item.id,
+            fileState: item,
+            error: error,
+            supressAnalytics: true // item-viewer.tsx will send
+          });
+        }
+      });
+    }
+  }]);
+}(_react.Component);

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeViewWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactScrolllock = require("react-scrolllock");
+var _codeViewerRendererCompiled = require("./codeViewerRenderer-compiled");
+var CodeViewWrapper = exports.CodeViewWrapper = function CodeViewWrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactScrolllock.TouchScrollable, null, /*#__PURE__*/_react.default.createElement(_codeViewerRendererCompiled.CodeViewWrapper, props));
+};

package/dist/cjs/viewers/codeViewer/CodeViewerHeaderBar-2.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeViewerHeaderBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CodeViewerHeaderBar = require("./CodeViewerHeaderBar");
+var CodeViewerHeaderBar = exports.CodeViewerHeaderBar = function CodeViewerHeaderBar() {
+  return /*#__PURE__*/_react.default.createElement(_CodeViewerHeaderBar.CodeViewerHeaderBar, null);
+};

package/dist/cjs/viewers/codeViewer/CodeViewerHeaderBar.compiled.css

@@ -0,0 +1,2 @@
+._4t3i8ved{height:75px}
+._bfhk1nox{background-color:#1d2125}

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

@@ -0,0 +1,19 @@
+/* CodeViewerHeaderBar.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeViewerHeaderBar = void 0;
+require("./CodeViewerHeaderBar.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+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 codeViewerHeaderBarStyles = null;
+var CodeViewerHeaderBar = exports.CodeViewerHeaderBar = function CodeViewerHeaderBar() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_4t3i8ved _bfhk1nox"])
+  });
+};

package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css

@@ -1,17 +1,8 @@
-._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._154iidpf{top:0}
 ._18m91wug{overflow-y:auto}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
-._1e0c1txw{display:flex}
 ._1ltvidpf{left:0}
 ._1reo1wug{overflow-x:auto}
 ._1xi2idpf{right:0}
-._4t3i8ved{height:75px}
 ._94n5idpf{bottom:0}
-._bfhk1nox{background-color:#1d2125}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._kqswstnw{position:absolute}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
-._o572qvpr{white-space:pre}
-._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._kqswstnw{position:absolute}