@atlaskit/media-viewer 52.4.37 → 52.5.0

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

@@ -25,7 +25,6 @@ var _audioMediaServicesAudio = _interopRequireDefault(require("@atlaskit/icon/co
 var _errorMessage = _interopRequireDefault(require("../../errorMessage"));
 var _baseViewer = require("../base-viewer");
 var _interactiveImg = require("../image/interactive-img");
-var _pdfRenderer = require("../doc/pdfRenderer");
 var _styleWrappers2 = require("./styleWrappers");
 var _archiveSidebarRenderer = _interopRequireDefault(require("./archive-sidebar-renderer"));
 var _utils = require("../../utils");
@@ -39,6 +38,7 @@ var _zipEntryLoadFailed = require("../../analytics/events/operational/zipEntryLo
 var _codeViewerRenderer = require("../codeViewer/codeViewerRenderer");
 var _util = require("../codeViewer/util");
 var _itemViewer = require("../../item-viewer");
+var _nativePdfViewer = require("./nativePdfViewer");
 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; }
 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)); }
@@ -90,7 +90,7 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
     });
     (0, _defineProperty2.default)(_this, "onSelectedArchiveEntryChange", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(selectedArchiveEntry) {
-        var src, codeViewerSrc, isCodeMimeType, blob;
+        var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -102,37 +102,41 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
               });
               src = '';
               codeViewerSrc = '';
-              isCodeMimeType = (0, _codeViewer.isCodeViewerItem)(selectedArchiveEntry.name, (0, _utils.getMimeTypeFromFilename)(selectedArchiveEntry.name));
+              mimeType = (0, _utils.getMimeTypeFromFilename)(selectedArchiveEntry.name);
+              isCodeMimeType = (0, _codeViewer.isCodeViewerItem)(selectedArchiveEntry.name, mimeType);
               if (selectedArchiveEntry.isDirectory) {
-                _context2.next = 19;
+                _context2.next = 21;
                 break;
               }
-              _context2.prev = 5;
-              _context2.next = 8;
+              _context2.prev = 6;
+              _context2.next = 9;
               return (0, _utils.rejectAfter)(function () {
                 return selectedArchiveEntry.blob();
               }, 10000);
-            case 8:
+            case 9:
               blob = _context2.sent;
-              src = URL.createObjectURL(blob);
+              blobWithMimeType = new Blob([blob], {
+                type: mimeType
+              });
+              src = URL.createObjectURL(blobWithMimeType);
               if (!isCodeMimeType) {
-                _context2.next = 14;
+                _context2.next = 16;
                 break;
               }
-              _context2.next = 13;
+              _context2.next = 15;
               return (0, _utils.rejectAfter)(function () {
                 return blob.text();
               });
-            case 13:
+            case 15:
               codeViewerSrc = _context2.sent;
-            case 14:
-              _context2.next = 19;
-              break;
             case 16:
-              _context2.prev = 16;
-              _context2.t0 = _context2["catch"](5);
+              _context2.next = 21;
+              break;
+            case 18:
+              _context2.prev = 18;
+              _context2.t0 = _context2["catch"](6);
               return _context2.abrupt("return", _this.onError(new _errors.ArchiveViewerError(_context2.t0.message === _consts.ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _context2.t0), selectedArchiveEntry));
-            case 19:
+            case 21:
               _this.setState({
                 content: _domain.Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
                   selectedArchiveEntry: selectedArchiveEntry,
@@ -145,11 +149,11 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
                   hasLoadedEntries: true
                 }))
               });
-            case 20:
+            case 22:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[5, 16]]);
+        }, _callee2, null, [[6, 18]]);
       }));
       return function (_x4) {
         return _ref2.apply(this, arguments);
@@ -356,12 +360,13 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
               onError: this.onViewerError('archiveviewer-audioviewer-onerror', selectedArchiveEntry)
             }))));
           case 'doc':
-            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null, /*#__PURE__*/_react.default.createElement(_pdfRenderer.PDFRenderer, {
-              item: item,
+            return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, {
+              fullHeight: true
+            }, /*#__PURE__*/_react.default.createElement(_nativePdfViewer.NativePdfViewer, {
               src: src,
               onSuccess: this.onViewerLoad(selectedArchiveEntry),
               onError: this.onViewerError('archiveviewer-docviewer-onerror', selectedArchiveEntry)
-            }));
+            }, this.renderPreviewError(new _errors.ArchiveViewerError('archiveviewer-docviewer-onerror'), selectedArchiveEntry, false)));
           case 'archive':
             //BMPT-388 - Add illustration here, currently empty viewer
             return /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveItemViewerWrapper, null);
@@ -373,10 +378,13 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
   }, {
     key: "renderPreviewError",
     value: function renderPreviewError(error, entry) {
+      var shouldFireAnalytics = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       var _this$props3 = this.props,
         item = _this$props3.item,
         createAnalyticsEvent = _this$props3.createAnalyticsEvent;
-      (0, _analytics.fireAnalytics)((0, _zipEntryLoadFailed.createZipEntryLoadFailedEvent)(item, error, entry), createAnalyticsEvent);
+      if (shouldFireAnalytics) {
+        (0, _analytics.fireAnalytics)((0, _zipEntryLoadFailed.createZipEntryLoadFailedEvent)(item, error, entry), createAnalyticsEvent);
+      }
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.ListWrapper, null, /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
         fileId: item.id,
         fileState: item,

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

@@ -0,0 +1,3 @@
+._1bsb1osq{width:100%}
+._4t3i1osq{height:100%}
+._4t3i8ved{height:75px}

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

@@ -0,0 +1,44 @@
+/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativePdfViewer = void 0;
+require("./nativePdfViewer.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var pdfWrapperStyles = null;
+var headerStyles = null;
+var NativePdfViewer = exports.NativePdfViewer = function NativePdfViewer(_ref) {
+  var src = _ref.src,
+    children = _ref.children,
+    onSuccess = _ref.onSuccess,
+    onError = _ref.onError;
+  var ref = function ref(element) {
+    if (!element) {
+      return;
+    }
+
+    // The only way to know if an object is loaded is to check the bounding client rect of the error element
+    var rect = element.getBoundingClientRect();
+    if (rect.width === 0 && rect.height === 0) {
+      onSuccess();
+    } else {
+      onError();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "native-pdf-viewer",
+    className: (0, _runtime.ax)(["_4t3i1osq _1bsb1osq"])
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_4t3i8ved _1bsb1osq"])
+  }), /*#__PURE__*/_react.default.createElement("object", {
+    data: src,
+    type: "application/pdf",
+    className: (0, _runtime.ax)(["_4t3i1osq _1bsb1osq"])
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, children)));
+};

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

@@ -1,49 +1,127 @@
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styleWrappersCompiled = require("./styleWrappers-compiled");
-var _reactScrolllock = require("react-scrolllock");
-var ArchiveItemViewerWrapper = exports.ArchiveItemViewerWrapper = function ArchiveItemViewerWrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveItemViewerWrapper, props);
+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;
+require("./styleWrappers.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _colors = require("@atlaskit/theme/colors");
+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 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 = function ArchiveSideBar(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactScrolllock.TouchScrollable, null, /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveSideBar, props));
-};
-var ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFolderWrapper = function ArchiveSidebarFolderWrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveSidebarFolderWrapper, props);
+var ArchiveSideBar = exports.ArchiveSideBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: (0, _runtime.ax)(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhky0hh _kqswstnw _1ltvidpf _154iidpf _1bsb15ov _94n5idpf _vchhusvi _18m915zi"]),
+    style: {
+      "--_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(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveDownloadButtonWrapper, props);
+var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref4) {
+  var children = _ref4.children,
+    onClick = _ref4.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: onClick,
+    "data-testid": "media-archiveDownloadButton",
+    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syazwydc _d0altlke _irr3ebx2 _1qamtlke _1di6j4ot"])
+  }, children);
 };
-var DisabledArchiveDownloadButtonWrapper = exports.DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.DisabledArchiveDownloadButtonWrapper, props);
+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 _syazwydc _80om13gf"])
+  }, children);
 };
-var SidebarItemWrapper = exports.SidebarItemWrapper = function SidebarItemWrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.SidebarItemWrapper, props);
+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(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveSidebarFileEntryWrapper, props);
+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 _n3td1vik _1e0c1txw _4cvr1h6o _80omtlke"])
+  }, children);
 };
-var ArchiveLayout = exports.ArchiveLayout = function ArchiveLayout(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveLayout, props);
+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(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.ArchiveViewerWrapper, props);
+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.default.createElement(_styleWrappersCompiled.Separator, null);
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_2rko1rr0 _4t3iyh40 _19pk1te7 _2hwxidpf _otyr1te7 _18u0idpf _bfhk21we _1o9zidpf"])
+  });
 };
-var SidebarHeaderWrapper = exports.SidebarHeaderWrapper = function SidebarHeaderWrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.SidebarHeaderWrapper, props);
+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(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.SidebarHeaderIcon, props);
+var SidebarHeaderIcon = exports.SidebarHeaderIcon = function SidebarHeaderIcon(_ref1) {
+  var children = _ref1.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _2hwx1yov _1o9zidpf"])
+  }, children);
 };
-var SidebarHeaderEntry = exports.SidebarHeaderEntry = function SidebarHeaderEntry(props) {
-  return /*#__PURE__*/_react.default.createElement(_styleWrappersCompiled.SidebarHeaderEntry, props);
+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 _syazrsv4"]),
+    style: {
+      "--_1k41sl": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.DN500, ")"))
+    }
+  }, children);
 };

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

@@ -14,12 +14,10 @@ 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 _domain = require("../../domain");
-var _errors = require("../../errors");
-var _pdfRenderer = require("./pdfRenderer");
 var _baseViewer = require("../base-viewer");
-var _getObjectUrlFromFileState = require("../../utils/getObjectUrlFromFileState");
+var _zoomLevel = require("../../domain/zoomLevel");
+var _docViewer = require("./doc-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 DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
@@ -38,7 +36,10 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "initialState",
     get: function get() {
       return {
-        content: _domain.Outcome.pending()
+        content: _domain.Outcome.pending(),
+        zoomLevel: new _zoomLevel.ZoomLevel(1.75),
+        isPasswordProtected: false,
+        hasPasswordError: false
       };
     }
   }, {
@@ -53,89 +54,19 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$props, item, mediaClient, collectionName, onError, src, _src, docError, _src2, _docError;
+        var item;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = this.props, item = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError;
-              if (!((0, _mediaClient.isPreviewableFileState)(item) && item.mimeType.toLowerCase() === 'application/pdf')) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 4;
-              return (0, _getObjectUrlFromFileState.getObjectUrlFromFileState)(item);
-            case 4:
-              src = _context.sent;
-              if (!src) {
-                _context.next = 9;
-                break;
-              }
-              this.isObjectUrl = true;
+              item = this.props.item;
               this.setState({
-                content: _domain.Outcome.successful(src)
+                content: _domain.Outcome.successful(item.id)
               });
-              return _context.abrupt("return");
-            case 9:
-              if (!(item.status === 'processed')) {
-                _context.next = 25;
-                break;
-              }
-              _context.prev = 10;
-              _context.next = 13;
-              return mediaClient.file.getArtifactURL(item.artifacts, 'document.pdf', collectionName);
-            case 13:
-              _src = _context.sent;
-              this.onMediaDisplayed();
-              this.setState({
-                content: _domain.Outcome.successful(_src)
-              });
-              _context.next = 23;
-              break;
-            case 18:
-              _context.prev = 18;
-              _context.t0 = _context["catch"](10);
-              docError = new _errors.MediaViewerError('docviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined);
-              this.setState({
-                content: _domain.Outcome.failed(docError)
-              });
-              if (onError) {
-                onError(docError);
-              }
-            case 23:
-              _context.next = 39;
-              break;
-            case 25:
-              if (!(item.status === 'failed-processing')) {
-                _context.next = 39;
-                break;
-              }
-              _context.prev = 26;
-              _context.next = 29;
-              return mediaClient.file.getFileBinaryURL(item.id, collectionName, 2940 // 2940 seconds ~= 50 mins
-              );
-            case 29:
-              _src2 = _context.sent;
-              this.onMediaDisplayed();
-              this.setState({
-                content: _domain.Outcome.successful(_src2)
-              });
-              _context.next = 39;
-              break;
-            case 34:
-              _context.prev = 34;
-              _context.t1 = _context["catch"](26);
-              _docError = new _errors.MediaViewerError('docviewer-fetch-url', _context.t1 instanceof Error ? _context.t1 : undefined);
-              this.setState({
-                content: _domain.Outcome.failed(_docError)
-              });
-              if (onError) {
-                onError(_docError);
-              }
-            case 39:
+            case 2:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[10, 18], [26, 34]]);
+        }, _callee, this);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -155,18 +86,14 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
     }
   }, {
     key: "renderSuccessful",
-    value: function renderSuccessful(content) {
-      var _this$props2 = this.props,
-        item = _this$props2.item,
-        onClose = _this$props2.onClose,
-        onSuccess = _this$props2.onSuccess,
-        onError = _this$props2.onError;
-      return /*#__PURE__*/_react.default.createElement(_pdfRenderer.PDFRenderer, {
-        item: item,
-        src: content,
-        onSuccess: onSuccess,
-        onError: onError,
-        onClose: onClose
+    value: function renderSuccessful() {
+      return /*#__PURE__*/_react.default.createElement(_docViewer.DocViewer, {
+        mediaClient: this.props.mediaClient,
+        fileState: this.props.item,
+        collectionName: this.props.collectionName,
+        onError: this.props.onError,
+        onSuccess: this.props.onSuccess,
+        traceContext: this.props.traceContext
       });
     }
   }]);

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 = "52.4.36";
+const packageVersion = "52.4.37";
 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 = "52.4.36";
+const packageVersion = "52.4.37";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/item-viewer.js

@@ -20,7 +20,6 @@ import { InteractiveImg } from './viewers/image/interactive-img';
 import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
 import { startMediaFileUfoExperience, succeedMediaFileUfoExperience } from './analytics/ufoExperiences';
 import { CustomViewer } from './viewers/customViewer/customViewer';
-import { fg } from '@atlaskit/platform-feature-flags';
 const ImageViewer = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_imageViewer" */'./viewers/image').then(mod => mod.ImageViewer),
   loading: () => /*#__PURE__*/React.createElement(Spinner, null)
@@ -37,10 +36,6 @@ const DocViewer = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_docViewer" */'./viewers/doc').then(mod => mod.DocViewer),
   loading: () => /*#__PURE__*/React.createElement(Spinner, null)
 });
-const DocNextViewer = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_docNextViewer" */'./viewers/doc-next').then(mod => mod.DocViewer),
-  loading: () => /*#__PURE__*/React.createElement(Spinner, null)
-});
 const CodeViewer = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_codeViewer" */'./viewers/codeViewer').then(mod => mod.CodeViewer),
   loading: () => /*#__PURE__*/React.createElement(Spinner, null)
@@ -214,12 +209,6 @@ export const ItemViewerBase = ({
           onError: onLoadFail
         }, viewerProps));
       case 'doc':
-        if (fg('media_document_viewer')) {
-          return /*#__PURE__*/React.createElement(DocNextViewer, _extends({
-            onSuccess: onSuccess,
-            onError: onLoadFail
-          }, viewerProps));
-        }
         return /*#__PURE__*/React.createElement(DocViewer, _extends({
           onSuccess: onSuccess,
           onError: onLoadFail