@atlaskit/media-card 77.2.0 → 77.2.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-card
 
+## 77.2.2
+
+### 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
+
+## 77.2.1
+
+### Patch Changes
+
+- [#41932](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41932) [`756dd90f1a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/756dd90f1a3) - 1. Deprecate withMediaClient HOC in media-client and migrated it to media-client-react 2. clean up deprecated imports from media-client
+- Updated dependencies
+
 ## 77.2.0
 
 ### Minor Changes

package/dist/cjs/card/card.js

@@ -49,7 +49,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/cjs/card/cardLoader.js

@@ -44,7 +44,7 @@ var MediaCardErrorBoundary = (0, _reactLoadable.default)({
 var MediaCardWithMediaClient = (0, _reactLoadable.default)({
   loader: function loader() {
     return 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'));
     });
   },
   loading: function loading() {

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/v2/cardV2.js

@@ -50,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 var CardV2Base = exports.CardV2Base = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardV2Base, _Component);
   var _super = _createSuper(CardV2Base);

package/dist/cjs/card/v2/cardV2Loader.js

@@ -44,12 +44,14 @@ var MediaCardErrorBoundary = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(CardLoadingWithContext, null);
   }
 });
-var MediaCardWithMediaClient = function MediaCardWithMediaClient(props) {
+var CardWithMediaClient = function CardWithMediaClient(props) {
   var dimensions = props.dimensions,
     onClick = props.onClick,
-    useMediaClient = props.useMediaClient,
+    withMediaClient = props.withMediaClient,
     featureFlags = props.featureFlags;
-  var mediaClient = useMediaClient();
+  var Card = _react.default.useMemo(function () {
+    return withMediaClient(MediaV2Card);
+  }, [withMediaClient]);
   var featureFlagsWithMediaCardV2 = _react.default.useMemo(function () {
     return _objectSpread(_objectSpread({}, featureFlags), {}, {
       mediaCardV2: true //used for analytics - internal use only
@@ -58,9 +60,8 @@ var MediaCardWithMediaClient = function MediaCardWithMediaClient(props) {
   return /*#__PURE__*/_react.default.createElement(MediaCardErrorBoundary, {
     dimensions: dimensions,
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(MediaV2Card, (0, _extends2.default)({}, props, {
-    featureFlags: featureFlagsWithMediaCardV2,
-    mediaClient: mediaClient
+  }, /*#__PURE__*/_react.default.createElement(Card, (0, _extends2.default)({}, props, {
+    featureFlags: featureFlagsWithMediaCardV2
   })));
 };
 var MediaCardWithMediaClientProvider = (0, _reactLoadable.default)({
@@ -73,17 +74,9 @@ var MediaCardWithMediaClientProvider = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(CardLoadingWithContext, null);
   },
   render: function render(loaded, props) {
-    var mediaCard = /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClient, (0, _extends2.default)({}, props, {
-      useMediaClient: loaded.useMediaClient
+    return /*#__PURE__*/_react.default.createElement(CardWithMediaClient, (0, _extends2.default)({}, props, {
+      withMediaClient: loaded.withMediaClient
     }));
-    return /*#__PURE__*/_react.default.createElement(loaded.MediaClientContext.Consumer, null, function (value) {
-      return value ? mediaCard :
-      /*#__PURE__*/
-      // TODO - make clientConfig optional
-      _react.default.createElement(loaded.MediaClientProvider, {
-        clientConfig: props.mediaClientConfig
-      }, mediaCard);
-    });
   }
 });
 var CardLoader = function CardLoader(props) {

package/dist/cjs/inline/loader.js

@@ -56,7 +56,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
               _context.prev = 2;
               _context.next = 5;
               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_inline-media-card" */'./mediaInlineCard'));
               }), Promise.resolve().then(function () {
@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.2.0",
+        packageName: "77.2.2",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.2.0";
+const packageVersion = "77.2.2";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/card/cardLoader.js

@@ -16,7 +16,7 @@ const MediaCardErrorBoundary = Loadable({
   loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null)
 });
 const MediaCardWithMediaClient = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'),
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'),
   loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null),
   render: (loaded, props) => /*#__PURE__*/React.createElement(CardWithMediaClient, _extends({}, props, {
     withMediaClient: loaded.withMediaClient

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.2.0";
+const packageVersion = "77.2.2";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/v2/cardV2.js

@@ -28,7 +28,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../../utils/generateUniqueId';
 import { useFileState } from '@atlaskit/media-client-react';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.2.0";
+const packageVersion = "77.2.2";
 export class CardV2Base extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/card/v2/cardV2Loader.js

@@ -15,14 +15,16 @@ const MediaCardErrorBoundary = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */'../media-card-analytics-error-boundary').then(mod => mod.default),
   loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null)
 });
-const MediaCardWithMediaClient = props => {
+const CardWithMediaClient = props => {
   const {
     dimensions,
     onClick,
-    useMediaClient,
+    withMediaClient,
     featureFlags
   } = props;
-  const mediaClient = useMediaClient();
+  const Card = React.useMemo(() => {
+    return withMediaClient(MediaV2Card);
+  }, [withMediaClient]);
   const featureFlagsWithMediaCardV2 = React.useMemo(() => ({
     ...featureFlags,
     mediaCardV2: true //used for analytics - internal use only
@@ -30,25 +32,16 @@ const MediaCardWithMediaClient = props => {
   return /*#__PURE__*/React.createElement(MediaCardErrorBoundary, {
     dimensions: dimensions,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(MediaV2Card, _extends({}, props, {
-    featureFlags: featureFlagsWithMediaCardV2,
-    mediaClient: mediaClient
+  }, /*#__PURE__*/React.createElement(Card, _extends({}, props, {
+    featureFlags: featureFlagsWithMediaCardV2
   })));
 };
 const MediaCardWithMediaClientProvider = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'),
   loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null),
-  render: (loaded, props) => {
-    const mediaCard = /*#__PURE__*/React.createElement(MediaCardWithMediaClient, _extends({}, props, {
-      useMediaClient: loaded.useMediaClient
-    }));
-    return /*#__PURE__*/React.createElement(loaded.MediaClientContext.Consumer, null, value => value ? mediaCard :
-    /*#__PURE__*/
-    // TODO - make clientConfig optional
-    React.createElement(loaded.MediaClientProvider, {
-      clientConfig: props.mediaClientConfig
-    }, mediaCard));
-  }
+  render: (loaded, props) => /*#__PURE__*/React.createElement(CardWithMediaClient, _extends({}, props, {
+    withMediaClient: loaded.withMediaClient
+  }))
 });
 const CardLoader = props => {
   return /*#__PURE__*/React.createElement(MediaCardContext.Provider, {

package/dist/es2019/inline/loader.js

@@ -15,7 +15,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     this.mounted = true;
     if (!this.state.MediaInlineCard) {
       try {
-        const [mediaClient, cardModule, mediaInlineErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'), import( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary')]);
+        const [mediaClient, cardModule, mediaInlineErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'), import( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary')]);
         MediaInlineCardLoader.MediaInlineCard = mediaClient.withMediaClient(cardModule.MediaInlineCard);
         MediaInlineCardLoader.ErrorBoundary = mediaInlineErrorBoundaryModule.default;
         if (this.mounted) {
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "77.2.0",
+      packageName: "77.2.2",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.2.0";
+const packageVersion = "77.2.2";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/esm/card/cardLoader.js

@@ -29,7 +29,7 @@ var MediaCardErrorBoundary = Loadable({
 });
 var MediaCardWithMediaClient = Loadable({
   loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client');
+    return import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react');
   },
   loading: function loading() {
     return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/v2/cardV2.js

@@ -41,7 +41,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../../utils/generateUniqueId';
 import { useFileState } from '@atlaskit/media-client-react';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 export var CardV2Base = /*#__PURE__*/function (_Component) {
   _inherits(CardV2Base, _Component);
   var _super = _createSuper(CardV2Base);

package/dist/esm/card/v2/cardV2Loader.js

@@ -30,12 +30,14 @@ var MediaCardErrorBoundary = Loadable({
     return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);
   }
 });
-var MediaCardWithMediaClient = function MediaCardWithMediaClient(props) {
+var CardWithMediaClient = function CardWithMediaClient(props) {
   var dimensions = props.dimensions,
     onClick = props.onClick,
-    useMediaClient = props.useMediaClient,
+    withMediaClient = props.withMediaClient,
     featureFlags = props.featureFlags;
-  var mediaClient = useMediaClient();
+  var Card = React.useMemo(function () {
+    return withMediaClient(MediaV2Card);
+  }, [withMediaClient]);
   var featureFlagsWithMediaCardV2 = React.useMemo(function () {
     return _objectSpread(_objectSpread({}, featureFlags), {}, {
       mediaCardV2: true //used for analytics - internal use only
@@ -44,9 +46,8 @@ var MediaCardWithMediaClient = function MediaCardWithMediaClient(props) {
   return /*#__PURE__*/React.createElement(MediaCardErrorBoundary, {
     dimensions: dimensions,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(MediaV2Card, _extends({}, props, {
-    featureFlags: featureFlagsWithMediaCardV2,
-    mediaClient: mediaClient
+  }, /*#__PURE__*/React.createElement(Card, _extends({}, props, {
+    featureFlags: featureFlagsWithMediaCardV2
   })));
 };
 var MediaCardWithMediaClientProvider = Loadable({
@@ -57,17 +58,9 @@ var MediaCardWithMediaClientProvider = Loadable({
     return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);
   },
   render: function render(loaded, props) {
-    var mediaCard = /*#__PURE__*/React.createElement(MediaCardWithMediaClient, _extends({}, props, {
-      useMediaClient: loaded.useMediaClient
+    return /*#__PURE__*/React.createElement(CardWithMediaClient, _extends({}, props, {
+      withMediaClient: loaded.withMediaClient
     }));
-    return /*#__PURE__*/React.createElement(loaded.MediaClientContext.Consumer, null, function (value) {
-      return value ? mediaCard :
-      /*#__PURE__*/
-      // TODO - make clientConfig optional
-      React.createElement(loaded.MediaClientProvider, {
-        clientConfig: props.mediaClientConfig
-      }, mediaCard);
-    });
   }
 });
 var CardLoader = function CardLoader(props) {

package/dist/esm/inline/loader.js

@@ -45,7 +45,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
               }
               _context.prev = 2;
               _context.next = 5;
-              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'), import( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'), import( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary')]);
+              return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'), import( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary')]);
             case 5:
               _yield$Promise$all = _context.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.2.0",
+        packageName: "77.2.2",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.0";
+var packageVersion = "77.2.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/cardLoader.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 { CardBaseProps } from './card';
 export type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;

package/dist/types/inline/loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import { MediaInlineCardProps } from './mediaInlineCard';
 export type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
 type MediaInlineCardWithMediaClientConfigComponent = React.ComponentType<MediaInlineCardWithMediaClientConfigProps>;

package/dist/types-ts4.5/card/cardLoader.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 { CardBaseProps } from './card';
 export type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;

package/dist/types-ts4.5/inline/loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import { MediaInlineCardProps } from './mediaInlineCard';
 export type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
 type MediaInlineCardWithMediaClientConfigComponent = React.ComponentType<MediaInlineCardWithMediaClientConfigProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.2.0",
+  "version": "77.2.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,8 +40,8 @@
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/media-client": "^24.0.0",
-    "@atlaskit/media-client-react": "^1.2.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/media-viewer": "^48.1.0",

package/report.api.md

@@ -33,7 +33,7 @@ import { ReactNode } from 'react';
 import { SSR } from '@atlaskit/media-common';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import { WrappedComponentProps } from 'react-intl-next';
 
 // @public (undocumented)

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

@@ -22,7 +22,7 @@ import { ReactNode } from 'react';
 import { SSR } from '@atlaskit/media-common';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import { WrappedComponentProps } from 'react-intl-next';
 
 // @public (undocumented)