@atlaskit/media-viewer 53.2.4 → 54.0.0

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

@@ -41,22 +41,22 @@ import { fg } from '@atlaskit/platform-feature-flags';
 export var getArchiveEntriesFromFileState = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState, mediaClient, collectionName) {
     var url, reader, archive;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-        case 2:
+        case 1:
           url = _context.sent;
           reader = new HTTPRangeReader(url);
-          _context.next = 6;
+          _context.next = 2;
           return rejectAfter(function () {
             return unzip(reader);
           });
-        case 6:
+        case 2:
           archive = _context.sent;
           return _context.abrupt("return", archive);
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -85,8 +85,8 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
     });
     _defineProperty(_this, "onSelectedArchiveEntryChange", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(selectedArchiveEntry) {
-        var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType, _t;
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _this.setState({
@@ -100,38 +100,38 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
               mimeType = getMimeTypeFromFilename(selectedArchiveEntry.name);
               isCodeMimeType = isCodeViewerItem(selectedArchiveEntry.name, mimeType);
               if (selectedArchiveEntry.isDirectory) {
-                _context2.next = 21;
+                _context2.next = 6;
                 break;
               }
-              _context2.prev = 6;
-              _context2.next = 9;
+              _context2.prev = 1;
+              _context2.next = 2;
               return rejectAfter(function () {
                 return selectedArchiveEntry.blob();
               }, 10000);
-            case 9:
+            case 2:
               blob = _context2.sent;
               blobWithMimeType = new Blob([blob], {
                 type: mimeType
               });
               src = URL.createObjectURL(blobWithMimeType);
               if (!isCodeMimeType) {
-                _context2.next = 16;
+                _context2.next = 4;
                 break;
               }
-              _context2.next = 15;
+              _context2.next = 3;
               return rejectAfter(function () {
                 return blob.text();
               });
-            case 15:
+            case 3:
               codeViewerSrc = _context2.sent;
-            case 16:
-              _context2.next = 21;
+            case 4:
+              _context2.next = 6;
               break;
-            case 18:
-              _context2.prev = 18;
-              _context2.t0 = _context2["catch"](6);
-              return _context2.abrupt("return", _this.onError(new ArchiveViewerError(_context2.t0.message === ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _context2.t0), selectedArchiveEntry));
-            case 21:
+            case 5:
+              _context2.prev = 5;
+              _t = _context2["catch"](1);
+              return _context2.abrupt("return", _this.onError(new ArchiveViewerError(_t.message === ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _t), selectedArchiveEntry));
+            case 6:
               _this.setState({
                 content: Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
                   selectedArchiveEntry: selectedArchiveEntry,
@@ -144,11 +144,11 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
                   hasLoadedEntries: true
                 }))
               });
-            case 22:
+            case 7:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[6, 18]]);
+        }, _callee2, null, [[1, 5]]);
       }));
       return function (_x4) {
         return _ref2.apply(this, arguments);
@@ -188,7 +188,7 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               this.setState(this.initialState);
@@ -281,14 +281,14 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
             },
             getBinaryContent: function () {
               var _getBinaryContent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-                return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+                return _regeneratorRuntime.wrap(function (_context4) {
                   while (1) switch (_context4.prev = _context4.next) {
                     case 0:
-                      _context4.next = 2;
+                      _context4.next = 1;
                       return fetch(src);
-                    case 2:
+                    case 1:
                       return _context4.abrupt("return", _context4.sent.blob());
-                    case 3:
+                    case 2:
                     case "end":
                       return _context4.stop();
                   }

package/dist/esm/viewers/archiveSidebar/archiveViewerLoader.js

@@ -31,36 +31,36 @@ var ArchiveViewerLoader = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var archive;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var archive, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (this.state.ArchiveViewer) {
-                _context.next = 12;
+                _context.next = 4;
                 break;
               }
               _context.prev = 1;
-              _context.next = 4;
+              _context.next = 2;
               return import( /* webpackChunkName: "@atlaskit-internal_media-archive-viewer" */'./archive');
-            case 4:
+            case 2:
               archive = _context.sent;
               ArchiveViewerLoader.ArchiveViewer = archive.ArchiveViewer;
               this.setState({
                 ArchiveViewer: ArchiveViewerLoader.ArchiveViewer
               });
-              _context.next = 12;
+              _context.next = 4;
               break;
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](1);
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](1);
               this.setState({
                 isErrored: true
               });
-            case 12:
+            case 4:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[1, 9]]);
+        }, _callee, this, [[1, 3]]);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);

package/dist/esm/viewers/audio.js

@@ -68,14 +68,14 @@ export var AudioViewer = /*#__PURE__*/function (_BaseViewer) {
       return new Promise( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
           var img;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+          return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 img = new Image();
                 img.src = coverUrl;
                 img.onload = resolve;
                 img.onerror = reject;
-              case 4:
+              case 1:
               case "end":
                 return _context.stop();
             }
@@ -87,38 +87,38 @@ export var AudioViewer = /*#__PURE__*/function (_BaseViewer) {
       }());
     });
     _defineProperty(_this, "setCoverUrl", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _this$props, mediaClient, item, collectionName, coverUrl;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      var _this$props, mediaClient, item, collectionName, coverUrl, _t;
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _this$props = _this.props, mediaClient = _this$props.mediaClient, item = _this$props.item, collectionName = _this$props.collectionName;
             if (!(item.status !== 'processed')) {
-              _context2.next = 3;
+              _context2.next = 1;
               break;
             }
             return _context2.abrupt("return");
-          case 3:
-            _context2.next = 5;
+          case 1:
+            _context2.next = 2;
             return getCoverUrl(item, mediaClient, collectionName);
-          case 5:
+          case 2:
             coverUrl = _context2.sent;
-            _context2.prev = 6;
-            _context2.next = 9;
+            _context2.prev = 3;
+            _context2.next = 4;
             return _this.loadCover(coverUrl);
-          case 9:
+          case 4:
             _this.safeSetState({
               coverUrl: coverUrl
             });
-            _context2.next = 14;
+            _context2.next = 6;
             break;
-          case 12:
-            _context2.prev = 12;
-            _context2.t0 = _context2["catch"](6);
-          case 14:
+          case 5:
+            _context2.prev = 5;
+            _t = _context2["catch"](3);
+          case 6:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[6, 12]]);
+      }, _callee2, null, [[3, 5]]);
     })));
     return _this;
   }
@@ -164,59 +164,59 @@ export var AudioViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _this$props3, mediaClient, item, collectionName, audioUrl;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        var _this$props3, mediaClient, item, collectionName, audioUrl, _t2;
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _this$props3 = this.props, mediaClient = _this$props3.mediaClient, item = _this$props3.item, collectionName = _this$props3.collectionName;
               _context3.prev = 1;
               if (!(item.status === 'processed')) {
-                _context3.next = 10;
+                _context3.next = 4;
                 break;
               }
-              _context3.next = 5;
+              _context3.next = 2;
               return mediaClient.file.getArtifactURL(item.artifacts, 'audio.mp3', collectionName);
-            case 5:
+            case 2:
               audioUrl = _context3.sent;
               if (audioUrl) {
-                _context3.next = 8;
+                _context3.next = 3;
                 break;
               }
               throw new MediaViewerError('audioviewer-missing-artefact');
-            case 8:
-              _context3.next = 16;
+            case 3:
+              _context3.next = 6;
               break;
-            case 10:
-              _context3.next = 12;
+            case 4:
+              _context3.next = 5;
               return getObjectUrlFromFileState(item);
-            case 12:
+            case 5:
               audioUrl = _context3.sent;
               if (audioUrl) {
-                _context3.next = 16;
+                _context3.next = 6;
                 break;
               }
               this.safeSetState({
                 content: Outcome.pending()
               });
               return _context3.abrupt("return");
-            case 16:
+            case 6:
               this.setCoverUrl();
               this.safeSetState({
                 content: Outcome.successful(audioUrl)
               });
-              _context3.next = 23;
+              _context3.next = 8;
               break;
-            case 20:
-              _context3.prev = 20;
-              _context3.t0 = _context3["catch"](1);
+            case 7:
+              _context3.prev = 7;
+              _t2 = _context3["catch"](1);
               this.safeSetState({
-                content: Outcome.failed(new MediaViewerError('audioviewer-fetch-url', _context3.t0 instanceof Error ? _context3.t0 : undefined))
+                content: Outcome.failed(new MediaViewerError('audioviewer-fetch-url', _t2 instanceof Error ? _t2 : undefined))
               });
-            case 23:
+            case 8:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[1, 20]]);
+        }, _callee3, this, [[1, 7]]);
       }));
       function init() {
         return _init.apply(this, arguments);

package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -74,7 +74,7 @@ export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _this$props, src, onSuccess, onError, mediaError;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.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;
@@ -94,7 +94,7 @@ export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
                   onError(mediaError);
                 }
               }
-            case 2:
+            case 1:
             case "end":
               return _context.stop();
           }

package/dist/esm/viewers/codeViewer/index.js

@@ -43,86 +43,86 @@ export var CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, item, mediaClient, collectionName, onError, downloadUrl, response, ext, arrayBuffer, src, _src, codeViewerError;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _this$props, item, mediaClient, collectionName, onError, downloadUrl, response, ext, arrayBuffer, src, _src, codeViewerError, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (CodeViewer.CodeViewerComponent) {
-                _context.next = 3;
+                _context.next = 1;
                 break;
               }
-              _context.next = 3;
+              _context.next = 1;
               return this.loadCodeViewer();
-            case 3:
+            case 1:
               _this$props = this.props, item = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError;
               if (!(item.status === 'processed' || item.status === 'processing')) {
-                _context.next = 38;
+                _context.next = 12;
                 break;
               }
-              _context.prev = 5;
-              _context.next = 8;
+              _context.prev = 2;
+              _context.next = 3;
               return mediaClient.file.getFileBinaryURL(item.id, collectionName);
-            case 8:
+            case 3:
               downloadUrl = _context.sent;
-              _context.next = 11;
+              _context.next = 4;
               return request(downloadUrl, {
                 method: 'GET',
                 endpoint: '/file/{fileId}/binary'
               });
-            case 11:
+            case 4:
               response = _context.sent;
               ext = getExtension(item.name); // Pass through EmailViewer logic
               if (!(ext === 'msg')) {
-                _context.next = 26;
+                _context.next = 8;
                 break;
               }
-              _context.next = 16;
+              _context.next = 5;
               return response.arrayBuffer();
-            case 16:
+            case 5:
               arrayBuffer = _context.sent;
               src = msgToText(arrayBuffer); // email contents parsed successfully
               if (!(typeof src === 'string')) {
-                _context.next = 23;
+                _context.next = 6;
                 break;
               }
               this.onMediaDisplayed();
               this.setState({
                 content: Outcome.successful(normaliseLineBreaks(src))
               });
-              _context.next = 24;
+              _context.next = 7;
               break;
-            case 23:
+            case 6:
               throw new MediaViewerError('codeviewer-parse-email');
-            case 24:
-              _context.next = 31;
+            case 7:
+              _context.next = 10;
               break;
-            case 26:
-              _context.next = 28;
+            case 8:
+              _context.next = 9;
               return response.text();
-            case 28:
+            case 9:
               _src = _context.sent;
               this.onMediaDisplayed();
               this.setState({
                 content: Outcome.successful(normaliseLineBreaks(_src))
               });
-            case 31:
-              _context.next = 38;
+            case 10:
+              _context.next = 12;
               break;
-            case 33:
-              _context.prev = 33;
-              _context.t0 = _context["catch"](5);
-              codeViewerError = new MediaViewerError('codeviewer-fetch-src', _context.t0 instanceof Error ? _context.t0 : undefined);
+            case 11:
+              _context.prev = 11;
+              _t = _context["catch"](2);
+              codeViewerError = new MediaViewerError('codeviewer-fetch-src', _t instanceof Error ? _t : undefined);
               this.setState({
                 content: Outcome.failed(codeViewerError)
               });
               if (onError) {
                 onError(codeViewerError);
               }
-            case 38:
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[5, 33]]);
+        }, _callee, this, [[2, 11]]);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -133,15 +133,15 @@ export var CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "loadCodeViewer",
     value: function () {
       var _loadCodeViewer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context2.next = 2;
+              _context2.next = 1;
               return componentLoader();
-            case 2:
+            case 1:
               CodeViewer.CodeViewerComponent = _context2.sent;
               this.forceUpdate();
-            case 4:
+            case 2:
             case "end":
               return _context2.stop();
           }

package/dist/esm/viewers/doc/doc-viewer.js

@@ -77,35 +77,36 @@ export var DocViewer = function DocViewer(_ref) {
   var enableLazyPageRendering = isExcel && fg('platform_media_excel_lazy_load');
   var getContent = useStaticCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pageStart, pageEnd) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            _context.next = 3;
+            _context.next = 1;
             return mediaClient.mediaStore.getDocumentContent(fileState.id, {
               pageStart: pageStart,
               pageEnd: pageEnd,
               collectionName: collectionName,
               password: state.password
             }, traceContext);
-          case 3:
+          case 1:
             return _context.abrupt("return", _context.sent);
-          case 6:
-            _context.prev = 6;
-            _context.t0 = _context["catch"](0);
-            if (isCommonMediaClientError(_context.t0) && _context.t0.reason === 'serverEntityLocked') {
+          case 2:
+            _context.prev = 2;
+            _t = _context["catch"](0);
+            if (isCommonMediaClientError(_t) && _t.reason === 'serverEntityLocked') {
               dispatch({
                 type: 'content_fetch_failed_password_required'
               });
             } else {
-              onError(new MediaViewerError('docviewer-content-fetch-failed', _context.t0 instanceof Error ? _context.t0 : undefined));
+              onError(new MediaViewerError('docviewer-content-fetch-failed', _t instanceof Error ? _t : undefined));
             }
-            throw _context.t0;
-          case 10:
+            throw _t;
+          case 3:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 6]]);
+      }, _callee, null, [[0, 2]]);
     }));
     return function (_x, _x2) {
       return _ref2.apply(this, arguments);
@@ -113,7 +114,8 @@ export var DocViewer = function DocViewer(_ref) {
   }());
   var onPasswordSubmit = useStaticCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      var _t2;
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             dispatch({
@@ -121,34 +123,34 @@ export var DocViewer = function DocViewer(_ref) {
               password: data.password
             });
             _context2.prev = 1;
-            _context2.next = 4;
+            _context2.next = 2;
             return mediaClient.mediaStore.getDocumentContent(fileState.id, {
               pageStart: 0,
               pageEnd: 1,
               collectionName: collectionName,
               password: data.password
             }, traceContext);
-          case 4:
+          case 2:
             dispatch({
               type: 'password_validation_succeeded'
             });
-            _context2.next = 10;
+            _context2.next = 4;
             break;
-          case 7:
-            _context2.prev = 7;
-            _context2.t0 = _context2["catch"](1);
-            if (isCommonMediaClientError(_context2.t0) && _context2.t0.reason === 'serverEntityLocked') {
+          case 3:
+            _context2.prev = 3;
+            _t2 = _context2["catch"](1);
+            if (isCommonMediaClientError(_t2) && _t2.reason === 'serverEntityLocked') {
               dispatch({
                 type: 'password_validation_failed'
               });
             } else {
-              onError(new MediaViewerError('docviewer-content-fetch-failed', _context2.t0 instanceof Error ? _context2.t0 : undefined));
+              onError(new MediaViewerError('docviewer-content-fetch-failed', _t2 instanceof Error ? _t2 : undefined));
             }
-          case 10:
+          case 4:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 7]]);
+      }, _callee2, null, [[1, 3]]);
     }));
     return function (_x3) {
       return _ref3.apply(this, arguments);
@@ -157,20 +159,20 @@ export var DocViewer = function DocViewer(_ref) {
   var getPageImageUrl = useStaticCallback( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(pageNumber, zoom) {
       var src;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      return _regeneratorRuntime.wrap(function (_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context3.next = 2;
+            _context3.next = 1;
             return mediaClient.mediaStore.getDocumentPageImage(fileState.id, {
               page: pageNumber,
               zoom: zoom,
               collectionName: collectionName,
               password: state.password
             }, traceContext);
-          case 2:
+          case 1:
             src = _context3.sent;
             return _context3.abrupt("return", URL.createObjectURL(src));
-          case 4:
+          case 2:
           case "end":
             return _context3.stop();
         }

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

@@ -49,7 +49,7 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var item;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               item = this.props.item;
@@ -59,7 +59,7 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
               if (fg('download_event_for_jira_attachments')) {
                 this.onMediaDisplayed();
               }
-            case 3:
+            case 1:
             case "end":
               return _context.stop();
           }