@atlaskit/media-viewer 53.2.5 → 54.1.0

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();
           }

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

@@ -53,63 +53,63 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, preview, _yield$preview, value, origin, item, response, imgError;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, preview, _yield$preview, value, origin, item, response, imgError, _t, _t2, _t3;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _this$props = this.props, fileState = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, traceContext = _this$props.traceContext;
               if (!isErrorFileState(fileState)) {
-                _context.next = 3;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
-            case 3:
+            case 1:
               controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
-              _context.prev = 4;
+              _context.prev = 2;
               orientation = 1;
               isLocalFileReference = false;
-              _context.prev = 7;
-              _context.next = 10;
+              _context.prev = 3;
+              _context.next = 4;
               return mediaClient.getClientId(collectionName);
-            case 10:
+            case 4:
               clientId = _context.sent;
-              _context.next = 15;
+              _context.next = 6;
               break;
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](7);
-            case 15:
+            case 5:
+              _context.prev = 5;
+              _t = _context["catch"](3);
+            case 6:
               preview = fileState.preview;
               if (!preview) {
-                _context.next = 33;
+                _context.next = 11;
                 break;
               }
-              _context.next = 19;
+              _context.next = 7;
               return preview;
-            case 19:
+            case 7:
               _yield$preview = _context.sent;
               value = _yield$preview.value;
               origin = _yield$preview.origin;
               if (!(value instanceof Blob)) {
-                _context.next = 30;
+                _context.next = 9;
                 break;
               }
-              _context.next = 25;
+              _context.next = 8;
               return getOrientation(value);
-            case 25:
+            case 8:
               orientation = _context.sent;
               objectUrl = URL.createObjectURL(value);
               isLocalFileReference = origin === 'local';
-              _context.next = 31;
+              _context.next = 10;
               break;
-            case 30:
+            case 9:
               objectUrl = value;
-            case 31:
-              _context.next = 46;
+            case 10:
+              _context.next = 14;
               break;
-            case 33:
+            case 11:
               if (!isImageRepresentationReady(fileState)) {
-                _context.next = 44;
+                _context.next = 13;
                 break;
               }
               item = processedFileStateToMediaItem(fileState);
@@ -120,31 +120,30 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               this.cancelImageFetch = function () {
                 return controller === null || controller === void 0 ? void 0 : controller.abort();
               };
-              _context.t1 = URL;
-              _context.next = 40;
+              _t2 = URL;
+              _context.next = 12;
               return response;
-            case 40:
-              _context.t2 = _context.sent;
-              objectUrl = _context.t1.createObjectURL.call(_context.t1, _context.t2);
-              _context.next = 46;
+            case 12:
+              objectUrl = _t2.createObjectURL.call(_t2, _context.sent);
+              _context.next = 14;
               break;
-            case 44:
+            case 13:
               this.setState({
                 content: Outcome.pending()
               });
               return _context.abrupt("return");
-            case 46:
+            case 14:
               if (!(!isLocalFileReference &&
               // objectUrl at this point is binary file already
               !isErrorFileState(fileState) && fileState.status !== 'uploading' && fileState.mediaType === 'image' && isImageMimeTypeSupportedByBrowser(fileState.mimeType))) {
-                _context.next = 50;
+                _context.next = 16;
                 break;
               }
-              _context.next = 49;
+              _context.next = 15;
               return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
-            case 49:
+            case 15:
               originalBinaryImageUrl = _context.sent;
-            case 50:
+            case 16:
               this.setState({
                 content: Outcome.successful({
                   objectUrl: objectUrl,
@@ -153,24 +152,24 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                   clientId: clientId
                 })
               });
-              _context.next = 56;
+              _context.next = 18;
               break;
-            case 53:
-              _context.prev = 53;
-              _context.t3 = _context["catch"](4);
+            case 17:
+              _context.prev = 17;
+              _t3 = _context["catch"](2);
               // TODO : properly handle aborted requests (MS-2843)
               if (!(controller !== null && controller !== void 0 && controller.signal.aborted)) {
-                imgError = new MediaViewerError('imageviewer-fetch-url', _context.t3 instanceof Error ? _context.t3 : undefined);
+                imgError = new MediaViewerError('imageviewer-fetch-url', _t3 instanceof Error ? _t3 : undefined);
                 this.setState({
                   content: Outcome.failed(imgError)
                 });
                 this.props.onError(imgError);
               }
-            case 56:
+            case 18:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[4, 53], [7, 13]]);
+        }, _callee, this, [[2, 17], [3, 5]]);
       }));
       function init() {
         return _init.apply(this, arguments);

package/dist/esm/viewers/video.js

@@ -116,58 +116,58 @@ export var VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props3, mediaClient, item, collectionName, contentUrl;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        var _this$props3, mediaClient, item, collectionName, contentUrl, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _this$props3 = this.props, mediaClient = _this$props3.mediaClient, item = _this$props3.item, collectionName = _this$props3.collectionName;
               _context.prev = 1;
               if (!(item.status === 'processed')) {
-                _context.next = 10;
+                _context.next = 4;
                 break;
               }
-              _context.next = 5;
+              _context.next = 2;
               return mediaClient.file.getArtifactURL(item.artifacts, hdArtifact, collectionName);
-            case 5:
+            case 2:
               contentUrl = _context.sent;
               if (contentUrl) {
-                _context.next = 8;
+                _context.next = 3;
                 break;
               }
               throw new MediaViewerError("videoviewer-missing-artefact");
-            case 8:
-              _context.next = 16;
+            case 3:
+              _context.next = 6;
               break;
-            case 10:
-              _context.next = 12;
+            case 4:
+              _context.next = 5;
               return getObjectUrlFromFileState(item);
-            case 12:
+            case 5:
               contentUrl = _context.sent;
               if (contentUrl) {
-                _context.next = 16;
+                _context.next = 6;
                 break;
               }
               this.setState({
                 content: Outcome.pending()
               });
               return _context.abrupt("return");
-            case 16:
+            case 6:
               this.setState({
                 content: Outcome.successful(contentUrl)
               });
-              _context.next = 22;
+              _context.next = 8;
               break;
-            case 19:
-              _context.prev = 19;
-              _context.t0 = _context["catch"](1);
+            case 7:
+              _context.prev = 7;
+              _t = _context["catch"](1);
               this.setState({
-                content: Outcome.failed(new MediaViewerError('videoviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined))
+                content: Outcome.failed(new MediaViewerError('videoviewer-fetch-url', _t instanceof Error ? _t : undefined))
               });
-            case 22:
+            case 8:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[1, 19]]);
+        }, _callee, this, [[1, 7]]);
       }));
       function init() {
         return _init.apply(this, arguments);

package/dist/types/components/media-viewer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type MediaViewerProps } from './types';
 import type { MediaViewerWithMediaClientConfigProps } from './types';
-export declare const MediaViewerBase: ({ featureFlags, onClose, selectedItem, collectionName, items, extensions, contextId, viewerOptions, }: MediaViewerProps) => React.JSX.Element;
+export declare const MediaViewerBase: ({ featureFlags, onClose, selectedItem, collectionName, items, extensions, contextId, viewerOptions, fallbackMediaNameFetcher, }: MediaViewerProps) => React.JSX.Element;
 export declare const MediaViewerWithMediaClient: (props: MediaViewerWithMediaClientConfigProps) => React.JSX.Element;

package/dist/types/components/types.d.ts

@@ -37,6 +37,7 @@ export interface MediaViewerProps {
     readonly extensions?: MediaViewerExtensions;
     readonly contextId?: string;
     readonly viewerOptions?: ViewerOptionsProps;
+    readonly fallbackMediaNameFetcher?: (id: string) => Promise<string>;
 }
 export type MediaMessage = {
     source: 'media';

package/dist/types/header.d.ts

@@ -13,7 +13,8 @@ export type Props = {
     readonly onSetArchiveSideBarVisible?: (isVisible: boolean) => void;
     readonly isArchiveSideBarVisible?: boolean;
     traceContext: MediaTraceContext;
+    readonly fallbackMediaNameFetcher?: (id: string) => Promise<string>;
 };
-export declare const Header: ({ isArchiveSideBarVisible, extensions, isSidebarVisible, onSidebarButtonClick, identifier, onClose, onSetArchiveSideBarVisible, traceContext, }: Props & WrappedComponentProps) => React.JSX.Element;
+export declare const Header: ({ isArchiveSideBarVisible, extensions, isSidebarVisible, onSidebarButtonClick, identifier, onClose, onSetArchiveSideBarVisible, traceContext, fallbackMediaNameFetcher, }: Props & WrappedComponentProps) => React.JSX.Element;
 declare const _default: React.FC<Props>;
 export default _default;

package/dist/types/list.d.ts

@@ -15,10 +15,11 @@ export type Props = Readonly<{
     contextId?: string;
     featureFlags?: MediaFeatureFlags;
     viewerOptions?: ViewerOptionsProps;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
 } & WithShowControlMethodProp>;
 export type State = {
     selectedItem: Identifier;
     previewCount: number;
     isArchiveSideBarVisible: boolean;
 };
-export declare const List: ({ defaultSelectedItem, onClose, showControls, extensions, onSidebarButtonClick, contextId, featureFlags, isSidebarVisible, onNavigationChange, items, viewerOptions, }: Props) => React.JSX.Element;
+export declare const List: ({ defaultSelectedItem, onClose, showControls, extensions, onSidebarButtonClick, contextId, featureFlags, isSidebarVisible, onNavigationChange, items, viewerOptions, fallbackMediaNameFetcher, }: Props) => React.JSX.Element;

package/dist/types/media-viewer.d.ts

@@ -12,5 +12,6 @@ export type Props = {
     contextId?: string;
     innerRef?: React.Ref<HTMLDivElement>;
     viewerOptions?: ViewerOptionsProps;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
 };
 export declare const MediaViewer: React.ComponentType<Props>;

package/media-viewer-loader/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/components/media-viewer-loader.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/components/media-viewer-loader.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/components/media-viewer-loader.d.ts"
 }