@atlaskit/media-viewer 48.1.4 → 48.1.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-viewer
 
+## 48.1.6
+
+### Patch Changes
+
+- [#41370](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41370) [`9970a101183`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9970a101183) - Fix to media viewer navigation arrows positioning
+- Updated dependencies
+
+## 48.1.5
+
+### Patch Changes
+
+- [#41659](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41659) [`a0c97a19dba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0c97a19dba) - Remove unused utils and depreciated exports in mediaClient.
+- Updated dependencies
+
 ## 48.1.4
 
 ### Patch Changes

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.1.4";
+var packageVersion = exports.packageVersion = "48.1.6";
 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.1.4";
+var packageVersion = "48.1.6";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/components/media-viewer-loader.js

@@ -54,7 +54,7 @@ var AsyncMediaViewer = exports.AsyncMediaViewer = /*#__PURE__*/function (_React$
               _context.prev = 1;
               _context.next = 4;
               return Promise.all([Promise.resolve().then(function () {
-                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'));
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
               }), Promise.resolve().then(function () {
                 return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'));
               }), Promise.resolve().then(function () {

package/dist/cjs/header.js

@@ -177,9 +177,7 @@ var Header = exports.Header = /*#__PURE__*/function (_React$Component) {
           collectionName: identifier.collectionName
         }).subscribe({
           next: function next(file) {
-            if (!(0, _mediaClient.isErrorFileState)(file) && file.mediaType === 'archive' && onSetArchiveSideBarVisible) {
-              onSetArchiveSideBarVisible(true);
-            }
+            onSetArchiveSideBarVisible === null || onSetArchiveSideBarVisible === void 0 || onSetArchiveSideBarVisible(!(0, _mediaClient.isErrorFileState)(file) && file.mediaType === 'archive');
             _this2.setState({
               item: _domain.Outcome.successful(file)
             });
@@ -195,12 +193,8 @@ var Header = exports.Header = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var item = this.state.item;
-      var isArchiveSideBarVisible = false;
-      if (item.data && !(0, _mediaClient.isErrorFileState)(item.data)) {
-        var mediaType = item.data.mediaType;
-        isArchiveSideBarVisible = mediaType === 'archive';
-      }
+      var _this$props$isArchive = this.props.isArchiveSideBarVisible,
+        isArchiveSideBarVisible = _this$props$isArchive === void 0 ? false : _this$props$isArchive;
       return /*#__PURE__*/_react.default.createElement(_styleWrappers.Header, {
         isArchiveSideBarVisible: isArchiveSideBarVisible,
         className: _mediaUi.hideControlsClassName

package/dist/cjs/list.js

@@ -68,9 +68,9 @@ var List = exports.List = /*#__PURE__*/function (_React$Component) {
         showControls = _this$props2.showControls,
         extensions = _this$props2.extensions,
         onSidebarButtonClick = _this$props2.onSidebarButtonClick,
-        isSidebarVisible = _this$props2.isSidebarVisible,
         contextId = _this$props2.contextId,
-        featureFlags = _this$props2.featureFlags;
+        featureFlags = _this$props2.featureFlags,
+        isSidebarVisible = _this$props2.isSidebarVisible;
       var _this$state = this.state,
         selectedItem = _this$state.selectedItem,
         isArchiveSideBarVisible = _this$state.isArchiveSideBarVisible;
@@ -84,6 +84,7 @@ var List = exports.List = /*#__PURE__*/function (_React$Component) {
         extensions: extensions,
         onSidebarButtonClick: onSidebarButtonClick,
         isSidebarVisible: isSidebarVisible,
+        isArchiveSideBarVisible: isArchiveSideBarVisible,
         featureFlags: featureFlags,
         onSetArchiveSideBarVisible: function onSetArchiveSideBarVisible(isVisible) {
           return _this2.setState({

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

@@ -240,7 +240,7 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
         collectionName: collectionName,
         onError: this.onError,
         onSuccess: this.onSidebarLoaded
-      }), /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveViewerWrapper, null, /*#__PURE__*/_react.default.createElement(_loading.Spinner, null)) : this.renderArchiveItemViewer(content)));
+      }), /*#__PURE__*/_react.default.createElement(_styleWrappers2.ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/_react.default.createElement(_styleWrappers.ListWrapper, null, /*#__PURE__*/_react.default.createElement(_loading.Spinner, null)) : this.renderArchiveItemViewer(content)));
     }
   }, {
     key: "renderArchiveItemViewer",
@@ -328,12 +328,12 @@ var ArchiveViewerBase = exports.ArchiveViewerBase = /*#__PURE__*/function (_Base
     value: function renderPreviewError(error, entry) {
       var item = this.props.item;
       (0, _analytics.fireAnalytics)((0, _zipEntryLoadFailed.createZipEntryLoadFailedEvent)(this.props.item, error, entry), this.props);
-      return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
+      return /*#__PURE__*/_react.default.createElement(_styleWrappers.ListWrapper, null, /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
         fileId: item.id,
         fileState: item,
         error: error,
         supressAnalytics: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file)));
+      }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.try_downloading_file))));
     }
   }]);
   return ArchiveViewerBase;

package/dist/es2019/analytics/index.js

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

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,7 +2,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "48.1.4";
+const packageVersion = "48.1.6";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

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

@@ -13,7 +13,7 @@ export class AsyncMediaViewer extends React.PureComponent {
   async UNSAFE_componentWillMount() {
     if (!this.state.MediaViewer || !this.state.MediaViewerErrorBoundary) {
       try {
-        const [mediaClient, mediaViewerModule, mediaViewerErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'./media-viewer-analytics-error-boundary')]);
+        const [mediaClient, mediaViewerModule, mediaViewerErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'./media-viewer-analytics-error-boundary')]);
         const MediaViewerWithClient = mediaClient.withMediaClient(mediaViewerModule.MediaViewer);
         AsyncMediaViewer.MediaViewer = MediaViewerWithClient;
         AsyncMediaViewer.MediaViewerErrorBoundary = mediaViewerErrorBoundaryModule.default;

package/dist/es2019/header.js

@@ -150,9 +150,7 @@ export class Header extends React.Component {
         collectionName: identifier.collectionName
       }).subscribe({
         next: file => {
-          if (!isErrorFileState(file) && file.mediaType === 'archive' && onSetArchiveSideBarVisible) {
-            onSetArchiveSideBarVisible(true);
-          }
+          onSetArchiveSideBarVisible === null || onSetArchiveSideBarVisible === void 0 ? void 0 : onSetArchiveSideBarVisible(!isErrorFileState(file) && file.mediaType === 'archive');
           this.setState({
             item: Outcome.successful(file)
           });
@@ -167,15 +165,8 @@ export class Header extends React.Component {
   }
   render() {
     const {
-      item
-    } = this.state;
-    let isArchiveSideBarVisible = false;
-    if (item.data && !isErrorFileState(item.data)) {
-      const {
-        mediaType
-      } = item.data;
-      isArchiveSideBarVisible = mediaType === 'archive';
-    }
+      isArchiveSideBarVisible = false
+    } = this.props;
     return /*#__PURE__*/React.createElement(HeaderWrapper, {
       isArchiveSideBarVisible: isArchiveSideBarVisible,
       className: hideControlsClassName

package/dist/es2019/list.js

@@ -43,9 +43,9 @@ export class List extends React.Component {
       showControls,
       extensions,
       onSidebarButtonClick,
-      isSidebarVisible,
       contextId,
-      featureFlags
+      featureFlags,
+      isSidebarVisible
     } = this.props;
     const {
       selectedItem,
@@ -61,6 +61,7 @@ export class List extends React.Component {
       extensions: extensions,
       onSidebarButtonClick: onSidebarButtonClick,
       isSidebarVisible: isSidebarVisible,
+      isArchiveSideBarVisible: isArchiveSideBarVisible,
       featureFlags: featureFlags,
       onSetArchiveSideBarVisible: isVisible => this.setState({
         isArchiveSideBarVisible: isVisible

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

@@ -6,7 +6,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
 import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { Outcome } from '../../domain';
-import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper } from '../../styleWrappers';
+import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';
 import AudioIcon from '@atlaskit/icon/glyph/media-services/audio';
 import ErrorMessage from '../../errorMessage';
 import { BaseViewer } from '../base-viewer';
@@ -142,7 +142,7 @@ export class ArchiveViewerBase extends BaseViewer {
       collectionName: collectionName,
       onError: this.onError,
       onSuccess: this.onSidebarLoaded
-    }), /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)) : this.renderArchiveItemViewer(content)));
+    }), /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)) : this.renderArchiveItemViewer(content)));
   }
   renderArchiveItemViewer(content) {
     const {
@@ -232,12 +232,12 @@ export class ArchiveViewerBase extends BaseViewer {
       item
     } = this.props;
     fireAnalytics(createZipEntryLoadFailedEvent(this.props.item, error, entry), this.props);
-    return /*#__PURE__*/React.createElement(ErrorMessage, {
+    return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
       fileId: item.id,
       fileState: item,
       error: error,
       supressAnalytics: true
-    }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_downloading_file)));
+    }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_downloading_file))));
   }
 }
 export const ArchiveViewer = withAnalyticsEvents()(ArchiveViewerBase);

package/dist/esm/analytics/index.js

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

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "48.1.4";
+var packageVersion = "48.1.6";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

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

@@ -43,7 +43,7 @@ export var AsyncMediaViewer = /*#__PURE__*/function (_React$PureComponent) {
               }
               _context.prev = 1;
               _context.next = 4;
-              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'./media-viewer-analytics-error-boundary')]);
+              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-viewer" */'./media-viewer'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'./media-viewer-analytics-error-boundary')]);
             case 4:
               _yield$Promise$all = _context.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);

package/dist/esm/header.js

@@ -170,9 +170,7 @@ export var Header = /*#__PURE__*/function (_React$Component) {
           collectionName: identifier.collectionName
         }).subscribe({
           next: function next(file) {
-            if (!isErrorFileState(file) && file.mediaType === 'archive' && onSetArchiveSideBarVisible) {
-              onSetArchiveSideBarVisible(true);
-            }
+            onSetArchiveSideBarVisible === null || onSetArchiveSideBarVisible === void 0 || onSetArchiveSideBarVisible(!isErrorFileState(file) && file.mediaType === 'archive');
             _this2.setState({
               item: Outcome.successful(file)
             });
@@ -188,12 +186,8 @@ export var Header = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var item = this.state.item;
-      var isArchiveSideBarVisible = false;
-      if (item.data && !isErrorFileState(item.data)) {
-        var mediaType = item.data.mediaType;
-        isArchiveSideBarVisible = mediaType === 'archive';
-      }
+      var _this$props$isArchive = this.props.isArchiveSideBarVisible,
+        isArchiveSideBarVisible = _this$props$isArchive === void 0 ? false : _this$props$isArchive;
       return /*#__PURE__*/React.createElement(HeaderWrapper, {
         isArchiveSideBarVisible: isArchiveSideBarVisible,
         className: hideControlsClassName

package/dist/esm/list.js

@@ -61,9 +61,9 @@ export var List = /*#__PURE__*/function (_React$Component) {
         showControls = _this$props2.showControls,
         extensions = _this$props2.extensions,
         onSidebarButtonClick = _this$props2.onSidebarButtonClick,
-        isSidebarVisible = _this$props2.isSidebarVisible,
         contextId = _this$props2.contextId,
-        featureFlags = _this$props2.featureFlags;
+        featureFlags = _this$props2.featureFlags,
+        isSidebarVisible = _this$props2.isSidebarVisible;
       var _this$state = this.state,
         selectedItem = _this$state.selectedItem,
         isArchiveSideBarVisible = _this$state.isArchiveSideBarVisible;
@@ -77,6 +77,7 @@ export var List = /*#__PURE__*/function (_React$Component) {
         extensions: extensions,
         onSidebarButtonClick: onSidebarButtonClick,
         isSidebarVisible: isSidebarVisible,
+        isArchiveSideBarVisible: isArchiveSideBarVisible,
         featureFlags: featureFlags,
         onSetArchiveSideBarVisible: function onSetArchiveSideBarVisible(isVisible) {
           return _this2.setState({

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

@@ -18,7 +18,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { CustomMediaPlayer, messages } from '@atlaskit/media-ui';
 import { getLanguageType, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { Outcome } from '../../domain';
-import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper } from '../../styleWrappers';
+import { CustomVideoPlayerWrapper, AudioPlayer, CustomAudioPlayerWrapper, DefaultCoverWrapper, ListWrapper } from '../../styleWrappers';
 import AudioIcon from '@atlaskit/icon/glyph/media-services/audio';
 import ErrorMessage from '../../errorMessage';
 import { BaseViewer } from '../base-viewer';
@@ -234,7 +234,7 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
         collectionName: collectionName,
         onError: this.onError,
         onSuccess: this.onSidebarLoaded
-      }), /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)) : this.renderArchiveItemViewer(content)));
+      }), /*#__PURE__*/React.createElement(ArchiveViewerWrapper, null, !hasSelectedArchiveEntry && !hasLoadedEntries ? /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(Spinner, null)) : this.renderArchiveItemViewer(content)));
     }
   }, {
     key: "renderArchiveItemViewer",
@@ -322,12 +322,12 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
     value: function renderPreviewError(error, entry) {
       var item = this.props.item;
       fireAnalytics(createZipEntryLoadFailedEvent(this.props.item, error, entry), this.props);
-      return /*#__PURE__*/React.createElement(ErrorMessage, {
+      return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
         fileId: item.id,
         fileState: item,
         error: error,
         supressAnalytics: true
-      }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_downloading_file)));
+      }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_downloading_file))));
     }
   }]);
   return ArchiveViewerBase;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import type { MediaViewerProps } from './types';
 import type { MediaViewerAnalyticsErrorBoundaryProps } from './media-viewer-analytics-error-boundary';
 export type MediaViewerWithMediaClientConfigProps = WithMediaClientConfigProps<MediaViewerProps>;

package/dist/types/header.d.ts

@@ -14,6 +14,7 @@ export type Props = {
     readonly isSidebarVisible?: boolean;
     readonly featureFlags?: MediaFeatureFlags;
     readonly onSetArchiveSideBarVisible?: (isVisible: boolean) => void;
+    readonly isArchiveSideBarVisible?: boolean;
 };
 export type State = {
     item: Outcome<FileState, MediaViewerError>;

package/dist/types-ts4.5/components/media-viewer-loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import type { MediaViewerProps } from './types';
 import type { MediaViewerAnalyticsErrorBoundaryProps } from './media-viewer-analytics-error-boundary';
 export type MediaViewerWithMediaClientConfigProps = WithMediaClientConfigProps<MediaViewerProps>;

package/dist/types-ts4.5/header.d.ts

@@ -14,6 +14,7 @@ export type Props = {
     readonly isSidebarVisible?: boolean;
     readonly featureFlags?: MediaFeatureFlags;
     readonly onSetArchiveSideBarVisible?: (isVisible: boolean) => void;
+    readonly isArchiveSideBarVisible?: boolean;
 };
 export type State = {
     item: Outcome<FileState, MediaViewerError>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "48.1.4",
+  "version": "48.1.6",
   "description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,11 +36,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.11.0",
+    "@atlaskit/button": "^16.12.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-file-type": "^6.4.0",
-    "@atlaskit/media-client": "^24.0.0",
+    "@atlaskit/media-client": "^25.0.0",
+    "@atlaskit/media-client-react": "^1.3.0",
     "@atlaskit/media-common": "^9.0.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/side-navigation": "^3.0.0",

package/report.api.md

@@ -20,7 +20,7 @@ import { MediaClient } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
-import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 
 // @public (undocumented)
 interface AsyncMediaViewerState {

package/tmp/api-report-tmp.d.ts

@@ -9,7 +9,7 @@ import { MediaClient } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
-import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 
 // @public (undocumented)
 interface AsyncMediaViewerState {