@atlaskit/media-viewer 48.2.15 → 48.3.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/media-viewer
 
+## 48.3.2
+
+### Patch Changes
+
+- [#78016](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78016) [`dc83676a7490`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dc83676a7490) - add integration test for password protected pdf
+
+## 48.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 48.3.0
+
+### Minor Changes
+
+- [#77668](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77668) [`c8a08df51a9f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c8a08df51a9f) - Add password protected pdf support for media viewer
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 48.2.15
 
 ### Patch Changes

package/dist/cjs/analytics/events/screen/passwordPdf.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPasswordPdfScreenEvent = void 0;
+var createPasswordPdfScreenEvent = exports.createPasswordPdfScreenEvent = function createPasswordPdfScreenEvent() {
+  return {
+    eventType: 'screen',
+    action: 'viewed',
+    actionSubject: 'mediaViewerPasswordPdfScreen',
+    name: 'mediaViewerPasswordPdfScreen'
+  };
+};

package/dist/cjs/analytics/events/screen/pdfPasswordInput.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPdfPasswordInputScreenEvent = void 0;
+var createPdfPasswordInputScreenEvent = exports.createPdfPasswordInputScreenEvent = function createPdfPasswordInputScreenEvent() {
+  return {
+    eventType: 'screen',
+    action: 'viewed',
+    actionSubject: 'mediaViewerPdfPasswordInputScreen',
+    name: 'mediaViewerPdfPasswordInputScreen'
+  };
+};

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _mediaCommon = require("@atlaskit/media-common");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "48.2.15";
+var packageVersion = exports.packageVersion = "48.3.2";
 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.2.15";
+var packageVersion = "48.3.2";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/domain/outcome.js

@@ -20,7 +20,7 @@ var Outcome = exports.Outcome = /*#__PURE__*/function () {
   }, {
     key: "data",
     get: function get() {
-      if (this.state.status === 'SUCCESSFUL') {
+      if (this.state.status === 'SUCCESSFUL' || this.state.status === 'FAILED') {
         return this.state.data;
       } else {
         return;
@@ -68,25 +68,7 @@ var Outcome = exports.Outcome = /*#__PURE__*/function () {
         case 'PENDING':
           return pending();
         case 'FAILED':
-          return failed(this.state.err);
-      }
-    }
-  }, {
-    key: "mapSuccessful",
-    value: function mapSuccessful(map) {
-      if (this.state.status === 'SUCCESSFUL') {
-        return Outcome.successful(map(this.state.data));
-      } else {
-        return new Outcome(this.state);
-      }
-    }
-  }, {
-    key: "mapFailed",
-    value: function mapFailed(map) {
-      if (this.state.status === 'FAILED') {
-        return Outcome.failed(map(this.state.err));
-      } else {
-        return new Outcome(this.state);
+          return failed(this.state.err, this.state.data);
       }
     }
   }], [{
@@ -106,10 +88,11 @@ var Outcome = exports.Outcome = /*#__PURE__*/function () {
     }
   }, {
     key: "failed",
-    value: function failed(err) {
+    value: function failed(err, data) {
       return new Outcome({
         status: 'FAILED',
-        err: err
+        err: err,
+        data: data
       });
     }
   }]);

package/dist/cjs/item-viewer.js

@@ -17,6 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _mediaClient = require("@atlaskit/media-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
 var _codeViewer = require("@atlaskit/media-ui/codeViewer");
@@ -145,9 +146,9 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
         }
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLoadFail", function (mediaViewerError) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLoadFail", function (mediaViewerError, data) {
       _this.safeSetState({
-        item: _domain.Outcome.failed(mediaViewerError)
+        item: _domain.Outcome.failed(mediaViewerError, data)
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onExternalImgSuccess", function () {
@@ -198,6 +199,7 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
   }, {
     key: "renderItem",
     value: function renderItem(fileState) {
+      var _this2 = this;
       var _this$props = this.props,
         mediaClient = _this$props.mediaClient,
         identifier = _this$props.identifier,
@@ -247,7 +249,9 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
         case 'doc':
           return /*#__PURE__*/_react.default.createElement(DocViewer, (0, _extends2.default)({
             onSuccess: this.onSuccess,
-            onError: this.onLoadFail
+            onError: function onError(err) {
+              _this2.onLoadFail(err, fileState);
+            }
           }, viewerProps));
         case 'archive':
           return /*#__PURE__*/_react.default.createElement(_archiveViewerLoader.default, (0, _extends2.default)({
@@ -291,7 +295,7 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       var item = this.state.item;
       var identifier = this.props.identifier;
       return item.match({
@@ -302,29 +306,31 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
               dataURI = _ref.dataURI;
             return /*#__PURE__*/_react.default.createElement(_interactiveImg.InteractiveImg, {
               src: dataURI,
-              onLoad: _this2.onExternalImgSuccess,
-              onError: _this2.onExternalImgError
+              onLoad: _this3.onExternalImgSuccess,
+              onError: _this3.onExternalImgError
             });
           } else {
             // render a FileState fetched through media-client
-            var fileState = fileItem;
-            switch (fileState.status) {
+            switch (fileItem.status) {
               case 'processed':
               case 'uploading':
               case 'processing':
-                return _this2.renderItem(fileState);
+                return _this3.renderItem(fileItem);
               case 'failed-processing':
-                return _this2.renderError(new _errors.MediaViewerError('itemviewer-file-failed-processing-status'), fileState);
+                if ((0, _platformFeatureFlags.getBooleanFF)('platform.corex.password-protected-pdf_ht8re') && fileItem.mediaType === 'doc' && fileItem.mimeType === 'application/pdf') {
+                  return _this3.renderItem(fileItem);
+                }
+                return _this3.renderError(new _errors.MediaViewerError('itemviewer-file-failed-processing-status'), fileItem);
               case 'error':
-                return _this2.renderError(new _errors.MediaViewerError('itemviewer-file-error-status'), fileState);
+                return _this3.renderError(new _errors.MediaViewerError('itemviewer-file-error-status'), fileItem);
             }
           }
         },
         pending: function pending() {
           return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
         },
-        failed: function failed(error) {
-          return _this2.renderError(error, item.data);
+        failed: function failed(error, data) {
+          return _this3.renderError(error, data);
         }
       });
     }
@@ -358,7 +364,7 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
   }, {
     key: "init",
     value: function init(props) {
-      var _this3 = this;
+      var _this4 = this;
       var mediaClient = props.mediaClient,
         identifier = props.identifier,
         createAnalyticsEvent = props.createAnalyticsEvent;
@@ -378,13 +384,13 @@ var ItemViewerBase = exports.ItemViewerBase = /*#__PURE__*/function (_React$Comp
         collectionName: identifier.collectionName
       }).subscribe({
         next: function next(file) {
-          _this3.updateFileStateFlag(file);
-          _this3.safeSetState({
+          _this4.updateFileStateFlag(file);
+          _this4.safeSetState({
             item: _domain.Outcome.successful(file)
           });
         },
         error: function error(_error) {
-          _this3.safeSetState({
+          _this4.safeSetState({
             item: _domain.Outcome.failed(new _errors.MediaViewerError('itemviewer-fetch-metadata', _error))
           });
         }

package/dist/cjs/media-viewer.js

@@ -123,7 +123,8 @@ var MediaViewerComponent = exports.MediaViewerComponent = /*#__PURE__*/function
         className: _classnames.mediaViewerPopupClass
       }, /*#__PURE__*/_react.default.createElement(_mediaUi.Shortcut, {
         code: 'Escape',
-        handler: this.onShortcutClosed
+        handler: this.onShortcutClosed,
+        eventType: 'keyup'
       }), /*#__PURE__*/_react.default.createElement(_content.Content, {
         isSidebarVisible: isSidebarVisible,
         onClose: this.onContentClose

package/dist/cjs/navigation.js

@@ -84,7 +84,8 @@ var NavigationBase = exports.NavigationBase = /*#__PURE__*/function (_Component)
         className: _mediaUi.hideControlsClassName
       }, /*#__PURE__*/_react.default.createElement(_mediaUi.Shortcut, {
         code: 'ArrowLeft',
-        handler: prev('keyboard')
+        handler: prev('keyboard'),
+        eventType: 'keyup'
       }), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
         testId: prevNavButtonId,
         onClick: prev('mouse'),
@@ -102,7 +103,8 @@ var NavigationBase = exports.NavigationBase = /*#__PURE__*/function (_Component)
         className: _mediaUi.hideControlsClassName
       }, /*#__PURE__*/_react.default.createElement(_mediaUi.Shortcut, {
         code: 'ArrowRight',
-        handler: next('keyboard')
+        handler: next('keyboard'),
+        eventType: 'keyup'
       }), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
         testId: nextNavButtonId,
         onClick: next('mouse'),

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

@@ -30,7 +30,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 var _ufoExperiences = require("../analytics/ufoExperiences");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var ImageViewer = (0, _reactLoadable.default)({
+var ImageViewerV2 = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_imageViewer" */'../viewers/image'));
@@ -42,7 +42,7 @@ var ImageViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var VideoViewer = (0, _reactLoadable.default)({
+var VideoViewerV2 = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_videoViewer" */'../viewers/video'));
@@ -54,7 +54,7 @@ var VideoViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var AudioViewer = (0, _reactLoadable.default)({
+var AudioViewerV2 = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audioViewer" */'../viewers/audio'));
@@ -66,7 +66,7 @@ var AudioViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var DocViewer = (0, _reactLoadable.default)({
+var DocViewerV2 = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_docViewer" */'../viewers/doc'));
@@ -78,7 +78,7 @@ var DocViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var CodeViewer = (0, _reactLoadable.default)({
+var CodeViewerV2 = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_codeViewer" */'../viewers/codeViewer'));
@@ -259,7 +259,7 @@ var ItemViewerV2Base = exports.ItemViewerV2Base = function ItemViewerV2Base(_ref
               if (fileItem.size > MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
                 return renderError(new _errors.MediaViewerError('codeviewer-file-size-exceeds'), fileItem);
               }
-              return /*#__PURE__*/_react.default.createElement(CodeViewer, (0, _extends2.default)({
+              return /*#__PURE__*/_react.default.createElement(CodeViewerV2, (0, _extends2.default)({
                 onSuccess: onSuccess,
                 onError: onLoadFail
               }, viewerProps));
@@ -267,26 +267,26 @@ var ItemViewerV2Base = exports.ItemViewerV2Base = function ItemViewerV2Base(_ref
             var mediaType = fileItem.mediaType;
             switch (mediaType) {
               case 'image':
-                return /*#__PURE__*/_react.default.createElement(ImageViewer, (0, _extends2.default)({
+                return /*#__PURE__*/_react.default.createElement(ImageViewerV2, (0, _extends2.default)({
                   onLoad: onSuccess,
                   onError: onLoadFail,
                   contextId: contextId,
                   traceContext: traceContext.current
                 }, viewerProps));
               case 'audio':
-                return /*#__PURE__*/_react.default.createElement(AudioViewer, (0, _extends2.default)({
+                return /*#__PURE__*/_react.default.createElement(AudioViewerV2, (0, _extends2.default)({
                   showControls: showControls,
                   onCanPlay: onSuccess,
                   onError: onLoadFail
                 }, viewerProps));
               case 'video':
-                return /*#__PURE__*/_react.default.createElement(VideoViewer, (0, _extends2.default)({
+                return /*#__PURE__*/_react.default.createElement(VideoViewerV2, (0, _extends2.default)({
                   showControls: showControls,
                   onCanPlay: onSuccess,
                   onError: onLoadFail
                 }, viewerProps));
               case 'doc':
-                return /*#__PURE__*/_react.default.createElement(DocViewer, (0, _extends2.default)({
+                return /*#__PURE__*/_react.default.createElement(DocViewerV2, (0, _extends2.default)({
                   onSuccess: onSuccess,
                   onError: onLoadFail
                 }, viewerProps));

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DocViewer = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,23 +16,11 @@ var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _domain = require("../../domain");
 var _errors = require("../../errors");
-var _loading = require("../../loading");
+var _pdfRenderer = require("./pdfRenderer");
 var _baseViewer = require("../base-viewer");
 var _getObjectUrlFromFileState = require("../../utils/getObjectUrlFromFileState");
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var moduleLoader = function moduleLoader() {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-pdf-viewer" */'./pdfRenderer'));
-  });
-};
-var componentLoader = function componentLoader() {
-  return moduleLoader().then(function (module) {
-    return module.PDFRenderer;
-  });
-};
 var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
   (0, _inherits2.default)(DocViewer, _BaseViewer);
   var _super = _createSuper(DocViewer);
@@ -52,59 +39,52 @@ 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;
+        var _this$props, item, mediaClient, collectionName, onError, src, _src, docError, _src2, _docError;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (DocViewer.PDFComponent) {
-                _context.next = 3;
-                break;
-              }
-              _context.next = 3;
-              return this.loadDocViewer();
-            case 3:
               _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)) {
-                _context.next = 14;
+                _context.next = 11;
                 break;
               }
-              _context.next = 7;
+              _context.next = 4;
               return (0, _getObjectUrlFromFileState.getObjectUrlFromFileState)(item);
-            case 7:
+            case 4:
               src = _context.sent;
               if (src) {
-                _context.next = 11;
+                _context.next = 8;
                 break;
               }
               this.setState({
                 content: _domain.Outcome.pending()
               });
               return _context.abrupt("return");
-            case 11:
+            case 8:
               this.setState({
                 content: _domain.Outcome.successful(src)
               });
-              _context.next = 28;
+              _context.next = 41;
               break;
-            case 14:
+            case 11:
               if (!(item.status === 'processed')) {
-                _context.next = 28;
+                _context.next = 27;
                 break;
               }
-              _context.prev = 15;
-              _context.next = 18;
+              _context.prev = 12;
+              _context.next = 15;
               return mediaClient.file.getArtifactURL(item.artifacts, 'document.pdf', collectionName);
-            case 18:
+            case 15:
               _src = _context.sent;
               this.onMediaDisplayed();
               this.setState({
                 content: _domain.Outcome.successful(_src)
               });
-              _context.next = 28;
+              _context.next = 25;
               break;
-            case 23:
-              _context.prev = 23;
-              _context.t0 = _context["catch"](15);
+            case 20:
+              _context.prev = 20;
+              _context.t0 = _context["catch"](12);
               docError = new _errors.MediaViewerError('docviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined);
               this.setState({
                 content: _domain.Outcome.failed(docError)
@@ -112,40 +92,47 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
               if (onError) {
                 onError(docError);
               }
-            case 28:
+            case 25:
+              _context.next = 41;
+              break;
+            case 27:
+              if (!(item.status === 'failed-processing')) {
+                _context.next = 41;
+                break;
+              }
+              _context.prev = 28;
+              _context.next = 31;
+              return mediaClient.file.getFileBinaryURL(item.id, collectionName, 2940 // 2940 seconds ~= 50 mins
+              );
+            case 31:
+              _src2 = _context.sent;
+              this.onMediaDisplayed();
+              this.setState({
+                content: _domain.Outcome.successful(_src2)
+              });
+              _context.next = 41;
+              break;
+            case 36:
+              _context.prev = 36;
+              _context.t1 = _context["catch"](28);
+              _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 41:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[15, 23]]);
+        }, _callee, this, [[12, 20], [28, 36]]);
       }));
       function init() {
         return _init.apply(this, arguments);
       }
       return init;
     }()
-  }, {
-    key: "loadDocViewer",
-    value: function () {
-      var _loadDocViewer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return componentLoader();
-            case 2:
-              DocViewer.PDFComponent = _context2.sent;
-              this.forceUpdate();
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function loadDocViewer() {
-        return _loadDocViewer.apply(this, arguments);
-      }
-      return loadDocViewer;
-    }()
   }, {
     key: "release",
     value: function release() {
@@ -163,11 +150,7 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
         onClose = _this$props2.onClose,
         onSuccess = _this$props2.onSuccess,
         onError = _this$props2.onError;
-      var PDFComponent = DocViewer.PDFComponent;
-      if (!PDFComponent) {
-        return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
-      }
-      return /*#__PURE__*/_react.default.createElement(PDFComponent, {
+      return /*#__PURE__*/_react.default.createElement(_pdfRenderer.PDFRenderer, {
         item: item,
         src: content,
         onSuccess: onSuccess,

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PDFPasswordInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
+var _form = _interopRequireWildcard(require("@atlaskit/form"));
+var _reactIntlNext = require("react-intl-next");
+var _mediaUi = require("@atlaskit/media-ui");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var headerStyles = (0, _primitives.xcss)({
+  textAlign: 'center',
+  marginTop: 'space.300',
+  marginBottom: 'space.100'
+});
+var inputStyle = (0, _primitives.xcss)({
+  width: '330px'
+});
+var footerStyles = (0, _primitives.xcss)({
+  marginTop: 'space.200',
+  display: 'flex',
+  justifyContent: 'center'
+});
+var PDFPasswordInput = exports.PDFPasswordInput = function PDFPasswordInput(_ref) {
+  var onSubmit = _ref.onSubmit,
+    hasPasswordError = _ref.hasPasswordError,
+    onRender = _ref.onRender;
+  var passwordInputRef = (0, _react.useRef)(null);
+  var onRenderRef = (0, _react.useRef)(onRender);
+  var _useState = (0, _react.useState)(hasPasswordError),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    formError = _useState2[0],
+    setFormError = _useState2[1];
+  var intl = (0, _reactIntlNext.useIntl)();
+  (0, _react.useEffect)(function () {
+    var _onRenderRef$current;
+    (_onRenderRef$current = onRenderRef.current) === null || _onRenderRef$current === void 0 || _onRenderRef$current.call(onRenderRef);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (hasPasswordError) {
+      var _passwordInputRef$cur;
+      setFormError(true);
+      (_passwordInputRef$cur = passwordInputRef.current) === null || _passwordInputRef$cur === void 0 || _passwordInputRef$cur.focus();
+    }
+  }, [hasPasswordError]);
+  return /*#__PURE__*/_react.default.createElement(_form.default, {
+    onSubmit: onSubmit
+  }, function (_ref2) {
+    var formProps = _ref2.formProps,
+      submitting = _ref2.submitting;
+    return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+      justifyContent: "center",
+      "aria-hidden": true
+    }, /*#__PURE__*/_react.default.createElement(_lock.default, {
+      label: "forbidden-lock-icon",
+      size: "xlarge",
+      primaryColor: "var(--ds-text, #c7d1db)"
+    })), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: headerStyles
+    }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+      as: "h1",
+      level: "h200"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.password_protected_pdf))), /*#__PURE__*/_react.default.createElement(_form.Field, {
+      "aria-required": true,
+      name: "password",
+      label: "Password",
+      isRequired: true
+    }, function (_ref3) {
+      var fieldProps = _ref3.fieldProps;
+      return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+        xcss: inputStyle
+      }, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+        type: "password",
+        placeholder: intl.formatMessage(_mediaUi.messages.enter_password),
+        ref: passwordInputRef,
+        onChange: function onChange(value) {
+          fieldProps.onChange(value);
+          setFormError(false);
+        }
+      })), formError && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.incorrect_password)));
+    }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: footerStyles
+    }, /*#__PURE__*/_react.default.createElement(_loadingButton.default, {
+      appearance: "primary",
+      type: "submit",
+      isLoading: submitting
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.submit))));
+  });
+};