@atlaskit/media-viewer 53.2.5 → 54.1.0

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

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

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

@@ -60,63 +60,63 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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 _regenerator.default.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 (!(0, _mediaClient.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 (0, _mediaUi.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 (!(0, _mediaClient.isImageRepresentationReady)(fileState)) {
-                _context.next = 44;
+                _context.next = 13;
                 break;
               }
               item = processedFileStateToMediaItem(fileState);
@@ -127,31 +127,30 @@ var ImageViewer = exports.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: _domain.Outcome.pending()
               });
               return _context.abrupt("return");
-            case 46:
+            case 14:
               if (!(!isLocalFileReference &&
               // objectUrl at this point is binary file already
               !(0, _mediaClient.isErrorFileState)(fileState) && fileState.status !== 'uploading' && fileState.mediaType === 'image' && (0, _mediaCommon.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: _domain.Outcome.successful({
                   objectUrl: objectUrl,
@@ -160,24 +159,24 @@ var ImageViewer = exports.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 _errors.MediaViewerError('imageviewer-fetch-url', _context.t3 instanceof Error ? _context.t3 : undefined);
+                imgError = new _errors.MediaViewerError('imageviewer-fetch-url', _t3 instanceof Error ? _t3 : undefined);
                 this.setState({
                   content: _domain.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/cjs/viewers/video.js

@@ -123,58 +123,58 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$props3, mediaClient, item, collectionName, contentUrl;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var _this$props3, mediaClient, item, collectionName, contentUrl, _t;
+        return _regenerator.default.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 _errors.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 (0, _getObjectUrlFromFileState.getObjectUrlFromFileState)(item);
-            case 12:
+            case 5:
               contentUrl = _context.sent;
               if (contentUrl) {
-                _context.next = 16;
+                _context.next = 6;
                 break;
               }
               this.setState({
                 content: _domain.Outcome.pending()
               });
               return _context.abrupt("return");
-            case 16:
+            case 6:
               this.setState({
                 content: _domain.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: _domain.Outcome.failed(new _errors.MediaViewerError('videoviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined))
+                content: _domain.Outcome.failed(new _errors.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/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 = "53.2.4";
+const packageVersion = "54.0.0";
 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 = "53.2.4";
+const packageVersion = "54.0.0";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/components/media-viewer.js

@@ -34,7 +34,8 @@ export const MediaViewerBase = ({
   items,
   extensions,
   contextId,
-  viewerOptions
+  viewerOptions,
+  fallbackMediaNameFetcher
 }) => {
   const {
     items: normalisedItems,
@@ -68,7 +69,8 @@ export const MediaViewerBase = ({
     featureFlags: featureFlags,
     extensions: extensions,
     contextId: contextId,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 

package/dist/es2019/header.js

@@ -10,6 +10,7 @@ import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import { getFormat } from './viewers/codeViewer/util';
 import { MediaViewerError } from './errors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const Header = ({
   isArchiveSideBarVisible = false,
   extensions,
@@ -18,11 +19,15 @@ export const Header = ({
   identifier,
   onClose,
   onSetArchiveSideBarVisible,
-  traceContext
+  traceContext,
+  fallbackMediaNameFetcher
 }) => {
   var _extensions$headerAct;
   // States
   const [item, setItem] = useState(Outcome.pending());
+  const [fallbackMediaName, setFallbackMediaName] = useState();
+  const fallbackMediaNameFetchAttempted = useRef(false);
+  const lastFetchedFileId = useRef();
 
   // Refs and Hooks
   const mediaClient = useMediaClient();
@@ -71,6 +76,23 @@ export const Header = ({
       setItem(Outcome.failed(new MediaViewerError('header-fetch-metadata', toCommonMediaClientError(fileState))));
     }
   }, [fileState, identifier]);
+  useEffect(() => {
+    // Reset fetch state when the file identity changes (e.g. navigating in viewer)
+    const currentId = (fileState === null || fileState === void 0 ? void 0 : fileState.status) !== 'error' ? fileState === null || fileState === void 0 ? void 0 : fileState.id : undefined;
+    if (currentId && currentId !== lastFetchedFileId.current && expValEquals('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true)) {
+      fallbackMediaNameFetchAttempted.current = false;
+      setFallbackMediaName(undefined);
+      lastFetchedFileId.current = currentId;
+    }
+    if (fileState && fileState.status !== 'error' && !fileState.name && fallbackMediaNameFetcher && !fallbackMediaNameFetchAttempted.current && expValEquals('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true)) {
+      fallbackMediaNameFetchAttempted.current = true;
+      fallbackMediaNameFetcher(fileState.id).then(name => {
+        setFallbackMediaName(name);
+      }, () => {
+        // Silently ignore fetch failures
+      });
+    }
+  }, [fileState, fallbackMediaNameFetcher]);
   const renderFileTypeText = item => {
     // render appropriate header if its a code/email item and the feature flag is enabled
     if (isCodeViewerItem(item.name, item.mimeType)) {
@@ -119,7 +141,7 @@ export const Header = ({
       name: item.name
     })), /*#__PURE__*/React.createElement(MedatadataTextWrapper, null, /*#__PURE__*/React.createElement(MetadataFileName, {
       "data-testid": "media-viewer-file-name"
-    }, item.name || /*#__PURE__*/React.createElement(FormattedMessage, messages.unknown)), /*#__PURE__*/React.createElement(MetadataSubText, {
+    }, item.name || expValEquals('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true) && fallbackMediaName || /*#__PURE__*/React.createElement(FormattedMessage, messages.unknown)), /*#__PURE__*/React.createElement(MetadataSubText, {
       "data-testid": "media-viewer-file-metadata-text"
     }, /*#__PURE__*/React.createElement(FormattedMessageWrapper, null, renderFileTypeText(item)), item.size ? ' · ' + toHumanReadableMediaSize(item.size) : ''))),
     pending: () => null,

package/dist/es2019/list.js

@@ -16,7 +16,8 @@ export const List = ({
   isSidebarVisible,
   onNavigationChange,
   items,
-  viewerOptions
+  viewerOptions,
+  fallbackMediaNameFetcher
 }) => {
   const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);
   const [previewCount, setPreviewCount] = useState(0);
@@ -38,7 +39,8 @@ export const List = ({
     isArchiveSideBarVisible: isArchiveSideBarVisible,
     featureFlags: featureFlags,
     onSetArchiveSideBarVisible: setIsArchiveSideBarVisible,
-    traceContext: traceContext.current
+    traceContext: traceContext.current,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })), /*#__PURE__*/React.createElement(ItemViewer, {
     identifier: selectedItem,
     showControls: showControls,

package/dist/es2019/media-viewer.js

@@ -22,7 +22,8 @@ const MediaViewerComponent = ({
   onClose,
   selectedItem,
   intl,
-  viewerOptions
+  viewerOptions,
+  fallbackMediaNameFetcher
 }) => {
   const [isSidebarVisible, setIsSidebarVisible] = useState(false);
   const [selectedIdentifier, setSelectedIdentifier] = useState();
@@ -78,7 +79,8 @@ const MediaViewerComponent = ({
     isSidebarVisible: isSidebarVisible,
     contextId: contextId,
     featureFlags: featureFlags,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })), renderSidebar()));
   return intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "53.2.4";
+var packageVersion = "54.0.0";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "53.2.4";
+var packageVersion = "54.0.0";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/components/media-viewer.js

@@ -39,7 +39,8 @@ export var MediaViewerBase = function MediaViewerBase(_ref) {
     items = _ref.items,
     extensions = _ref.extensions,
     contextId = _ref.contextId,
-    viewerOptions = _ref.viewerOptions;
+    viewerOptions = _ref.viewerOptions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useMemo = useMemo(function () {
       return normaliseItems(items, selectedItem, collectionName);
     }, [items, selectedItem, collectionName]),
@@ -73,7 +74,8 @@ export var MediaViewerBase = function MediaViewerBase(_ref) {
     featureFlags: featureFlags,
     extensions: extensions,
     contextId: contextId,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 

package/dist/esm/download.js

@@ -48,7 +48,7 @@ function DownloadButton(_ref) {
 var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
   return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var collectionName, traceContext, createAnalyticsEvent, id, name;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent;
@@ -59,7 +59,7 @@ var createItemDownloader = function createItemDownloader(file, mediaClient, opti
           }).catch(function (e) {
             fireAnalytics(createDownloadFailedEventPayload(file.id, new MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
           });
-        case 4:
+        case 1:
         case "end":
           return _context.stop();
       }

package/dist/esm/header.js

@@ -11,6 +11,7 @@ import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import { getFormat } from './viewers/codeViewer/util';
 import { MediaViewerError } from './errors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var Header = function Header(_ref) {
   var _extensions$headerAct;
   var _ref$isArchiveSideBar = _ref.isArchiveSideBarVisible,
@@ -21,12 +22,19 @@ export var Header = function Header(_ref) {
     identifier = _ref.identifier,
     onClose = _ref.onClose,
     onSetArchiveSideBarVisible = _ref.onSetArchiveSideBarVisible,
-    traceContext = _ref.traceContext;
+    traceContext = _ref.traceContext,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   // States
   var _useState = useState(Outcome.pending()),
     _useState2 = _slicedToArray(_useState, 2),
     item = _useState2[0],
     setItem = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fallbackMediaName = _useState4[0],
+    setFallbackMediaName = _useState4[1];
+  var fallbackMediaNameFetchAttempted = useRef(false);
+  var lastFetchedFileId = useRef();
 
   // Refs and Hooks
   var mediaClient = useMediaClient();
@@ -72,6 +80,23 @@ export var Header = function Header(_ref) {
       setItem(Outcome.failed(new MediaViewerError('header-fetch-metadata', toCommonMediaClientError(fileState))));
     }
   }, [fileState, identifier]);
+  useEffect(function () {
+    // Reset fetch state when the file identity changes (e.g. navigating in viewer)
+    var currentId = (fileState === null || fileState === void 0 ? void 0 : fileState.status) !== 'error' ? fileState === null || fileState === void 0 ? void 0 : fileState.id : undefined;
+    if (currentId && currentId !== lastFetchedFileId.current && expValEquals('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true)) {
+      fallbackMediaNameFetchAttempted.current = false;
+      setFallbackMediaName(undefined);
+      lastFetchedFileId.current = currentId;
+    }
+    if (fileState && fileState.status !== 'error' && !fileState.name && fallbackMediaNameFetcher && !fallbackMediaNameFetchAttempted.current && expValEquals('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true)) {
+      fallbackMediaNameFetchAttempted.current = true;
+      fallbackMediaNameFetcher(fileState.id).then(function (name) {
+        setFallbackMediaName(name);
+      }, function () {
+        // Silently ignore fetch failures
+      });
+    }
+  }, [fileState, fallbackMediaNameFetcher]);
   var renderFileTypeText = function renderFileTypeText(item) {
     // render appropriate header if its a code/email item and the feature flag is enabled
     if (isCodeViewerItem(item.name, item.mimeType)) {
@@ -119,7 +144,7 @@ export var Header = function Header(_ref) {
         name: item.name
       })), /*#__PURE__*/React.createElement(MedatadataTextWrapper, null, /*#__PURE__*/React.createElement(MetadataFileName, {
         "data-testid": "media-viewer-file-name"
-      }, item.name || /*#__PURE__*/React.createElement(FormattedMessage, messages.unknown)), /*#__PURE__*/React.createElement(MetadataSubText, {
+      }, item.name || expValEquals('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true) && fallbackMediaName || /*#__PURE__*/React.createElement(FormattedMessage, messages.unknown)), /*#__PURE__*/React.createElement(MetadataSubText, {
         "data-testid": "media-viewer-file-metadata-text"
       }, /*#__PURE__*/React.createElement(FormattedMessageWrapper, null, renderFileTypeText(item)), item.size ? ' · ' + toHumanReadableMediaSize(item.size) : '')));
     },

package/dist/esm/list.js

@@ -17,7 +17,8 @@ export var List = function List(_ref) {
     isSidebarVisible = _ref.isSidebarVisible,
     onNavigationChange = _ref.onNavigationChange,
     items = _ref.items,
-    viewerOptions = _ref.viewerOptions;
+    viewerOptions = _ref.viewerOptions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useState = useState(defaultSelectedItem),
     _useState2 = _slicedToArray(_useState, 2),
     selectedItem = _useState2[0],
@@ -47,7 +48,8 @@ export var List = function List(_ref) {
     isArchiveSideBarVisible: isArchiveSideBarVisible,
     featureFlags: featureFlags,
     onSetArchiveSideBarVisible: setIsArchiveSideBarVisible,
-    traceContext: traceContext.current
+    traceContext: traceContext.current,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })), /*#__PURE__*/React.createElement(ItemViewer, {
     identifier: selectedItem,
     showControls: showControls,

package/dist/esm/media-viewer.js

@@ -23,7 +23,8 @@ var MediaViewerComponent = function MediaViewerComponent(_ref) {
     _onClose = _ref.onClose,
     selectedItem = _ref.selectedItem,
     intl = _ref.intl,
-    viewerOptions = _ref.viewerOptions;
+    viewerOptions = _ref.viewerOptions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSidebarVisible = _useState2[0],
@@ -87,7 +88,8 @@ var MediaViewerComponent = function MediaViewerComponent(_ref) {
     isSidebarVisible: isSidebarVisible,
     contextId: contextId,
     featureFlags: featureFlags,
-    viewerOptions: viewerOptions
+    viewerOptions: viewerOptions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })), renderSidebar()));
   return intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"

package/dist/esm/utils/getObjectUrlFromFileState.js

@@ -3,37 +3,36 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { isErrorFileState } from '@atlaskit/media-client';
 export var getObjectUrlFromFileState = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(state) {
-    var preview;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var preview, _t, _t2;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (isErrorFileState(state)) {
-            _context.next = 14;
+            _context.next = 4;
             break;
           }
           preview = state.preview;
           if (!preview) {
-            _context.next = 14;
+            _context.next = 4;
             break;
           }
-          _context.prev = 3;
-          _context.t0 = URL;
-          _context.next = 7;
+          _context.prev = 1;
+          _t = URL;
+          _context.next = 2;
           return preview;
-        case 7:
-          _context.t1 = _context.sent.value;
-          return _context.abrupt("return", _context.t0.createObjectURL.call(_context.t0, _context.t1));
-        case 11:
-          _context.prev = 11;
-          _context.t2 = _context["catch"](3);
+        case 2:
+          return _context.abrupt("return", _t.createObjectURL.call(_t, _context.sent.value));
+        case 3:
+          _context.prev = 3;
+          _t2 = _context["catch"](1);
           return _context.abrupt("return", undefined);
-        case 14:
+        case 4:
           return _context.abrupt("return", undefined);
-        case 15:
+        case 5:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 11]]);
+    }, _callee, null, [[1, 3]]);
   }));
   return function getObjectUrlFromFileState(_x) {
     return _ref.apply(this, arguments);