@atlaskit/media-card 74.1.1 → 74.1.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/media-card
 
+## 74.1.2
+
+### Patch Changes
+
+- [`f9fee1fbf49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f9fee1fbf49) - Use react lazy to avoid pulling InlinePlayer component code if it is not being used on a page
+- Updated dependencies
+
 ## 74.1.1
 
 ### Patch Changes

package/dist/cjs/root/card/index.js

@@ -55,7 +55,7 @@ var _getCardPreview = require("./getCardPreview");
 
 var _metadata = require("../../utils/metadata");
 
-var _inlinePlayer = require("../inlinePlayer");
+var _inlinePlayerLazy = require("../inlinePlayerLazy");
 
 var _analytics = require("../../utils/analytics");
 
@@ -90,7 +90,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 = "74.1.1";
+var packageVersion = "74.1.2";
 
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
@@ -483,7 +483,12 @@ var CardBase = /*#__PURE__*/function (_Component) {
       var _this$state = _this.state,
           shouldAutoplay = _this$state.shouldAutoplay,
           cardPreview = _this$state.cardPreview;
-      return /*#__PURE__*/_react.default.createElement(_inlinePlayer.InlinePlayer, {
+
+      var card = _this.renderCard(false, 'loading', false);
+
+      return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+        fallback: card
+      }, /*#__PURE__*/_react.default.createElement(_inlinePlayerLazy.InlinePlayerLazy, {
         mediaClient: mediaClient,
         dimensions: dimensions,
         originalDimensions: originalDimensions,
@@ -496,7 +501,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
         ref: _this.setRef,
         testId: testId,
         cardPreview: cardPreview
-      });
+      }));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaViewerClose", function () {
       _this.setState({
@@ -551,6 +556,9 @@ var CardBase = /*#__PURE__*/function (_Component) {
       }), document.body);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCard", function () {
+      var withCallbacks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var cardStatusOverride = arguments.length > 1 ? arguments[1] : undefined;
+      var izLazyOverride = arguments.length > 2 ? arguments[2] : undefined;
       var _this$props9 = _this.props,
           identifier = _this$props9.identifier,
           isLazy = _this$props9.isLazy,
@@ -584,17 +592,18 @@ var CardBase = /*#__PURE__*/function (_Component) {
           onCardViewClick = _assertThisInitialize4.onCardViewClick,
           onDisplayImage = _assertThisInitialize4.onDisplayImage,
           actions = _assertThisInitialize4.actions,
-          onMouseEnter = _assertThisInitialize4.onMouseEnter; // Card can be artificially turned visible before entering the viewport
-      // For example, when we have the image in cache
+          onMouseEnter = _assertThisInitialize4.onMouseEnter;
 
+      var isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride; // Card can be artificially turned visible before entering the viewport
+      // For example, when we have the image in cache
 
-      var nativeLazyLoad = isLazy && !isCardVisible; // Force Media Image to always display img for SSR
+      var nativeLazyLoad = isLazyWithOverride && !isCardVisible; // Force Media Image to always display img for SSR
 
       var forceSyncDisplay = !!ssr;
       var mediaCardCursor = (0, _getMediaCardCursor.getMediaCardCursor)(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!_this.state.cardPreview, metadata.mediaType);
 
       var card = /*#__PURE__*/_react.default.createElement(_cardView.CardView, {
-        status: status,
+        status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,
         metadata: metadata,
@@ -606,24 +615,24 @@ var CardBase = /*#__PURE__*/function (_Component) {
         actions: actions,
         selectable: selectable,
         selected: selected,
-        onClick: onCardViewClick,
-        onMouseEnter: onMouseEnter,
+        onClick: withCallbacks ? onCardViewClick : undefined,
+        onMouseEnter: withCallbacks ? onMouseEnter : undefined,
         disableOverlay: disableOverlay,
         progress: progress,
-        onDisplayImage: onDisplayImage,
+        onDisplayImage: withCallbacks ? onDisplayImage : undefined,
         innerRef: _this.setRef,
         testId: testId,
         featureFlags: featureFlags,
         titleBoxBgColor: titleBoxBgColor,
         titleBoxIcon: titleBoxIcon,
-        onImageError: _this.onImageError,
-        onImageLoad: _this.onImageLoad,
+        onImageError: withCallbacks ? _this.onImageError : undefined,
+        onImageLoad: withCallbacks ? _this.onImageLoad : undefined,
         nativeLazyLoad: nativeLazyLoad,
         forceSyncDisplay: forceSyncDisplay,
         mediaCardCursor: mediaCardCursor
       });
 
-      return isLazy ? /*#__PURE__*/_react.default.createElement(_viewportDetector.ViewportDetector, {
+      return isLazyWithOverride ? /*#__PURE__*/_react.default.createElement(_viewportDetector.ViewportDetector, {
         cardEl: cardRef,
         onVisible: _this.onCardInViewport
       }, card) : card;

package/dist/cjs/root/inlinePlayerLazy.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlinePlayerLazy = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = require("react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+  var _yield$import, InlinePlayer;
+
+  return _regenerator.default.wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require('./inlinePlayer'));
+          });
+
+        case 2:
+          _yield$import = _context.sent;
+          InlinePlayer = _yield$import.InlinePlayer;
+          return _context.abrupt("return", {
+            default: InlinePlayer
+          });
+
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));
+exports.InlinePlayerLazy = InlinePlayerLazy;

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.1";
+var packageVersion = "74.1.2";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.1",
+	"version": "74.1.2",
 	"sideEffects": false
 }

package/dist/es2019/root/card/index.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
+import React, { Component, Suspense } from 'react';
 import ReactDOM from 'react-dom';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -12,7 +12,7 @@ import { ViewportDetector } from '../../utils/viewportDetector';
 import { getRequestedDimensions } from '../../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
 import { getFileDetails } from '../../utils/metadata';
-import { InlinePlayer } from '../inlinePlayer';
+import { InlinePlayerLazy } from '../inlinePlayerLazy';
 import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../../errors';
 import { fireOperationalEvent, fireCommencedEvent, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
@@ -25,7 +25,7 @@ import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.1";
+const packageVersion = "74.1.2";
 export class CardBase extends Component {
   // An internalOccurrenceKey is a randomly generated value to differentiate various instances
   // of Cards regardless of whether it shares the same file (either internal or external)
@@ -399,7 +399,10 @@ export class CardBase extends Component {
         shouldAutoplay,
         cardPreview
       } = this.state;
-      return /*#__PURE__*/React.createElement(InlinePlayer, {
+      const card = this.renderCard(false, 'loading', false);
+      return /*#__PURE__*/React.createElement(Suspense, {
+        fallback: card
+      }, /*#__PURE__*/React.createElement(InlinePlayerLazy, {
         mediaClient: mediaClient,
         dimensions: dimensions,
         originalDimensions: originalDimensions,
@@ -412,7 +415,7 @@ export class CardBase extends Component {
         ref: this.setRef,
         testId: testId,
         cardPreview: cardPreview
-      });
+      }));
     });
 
     _defineProperty(this, "onMediaViewerClose", () => {
@@ -476,7 +479,7 @@ export class CardBase extends Component {
       }), document.body);
     });
 
-    _defineProperty(this, "renderCard", () => {
+    _defineProperty(this, "renderCard", (withCallbacks = true, cardStatusOverride, izLazyOverride) => {
       const {
         identifier,
         isLazy,
@@ -514,15 +517,16 @@ export class CardBase extends Component {
         onDisplayImage,
         actions,
         onMouseEnter
-      } = this; // Card can be artificially turned visible before entering the viewport
+      } = this;
+      const isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride; // Card can be artificially turned visible before entering the viewport
       // For example, when we have the image in cache
 
-      const nativeLazyLoad = isLazy && !isCardVisible; // Force Media Image to always display img for SSR
+      const nativeLazyLoad = isLazyWithOverride && !isCardVisible; // Force Media Image to always display img for SSR
 
       const forceSyncDisplay = !!ssr;
       const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!this.state.cardPreview, metadata.mediaType);
       const card = /*#__PURE__*/React.createElement(CardView, {
-        status: status,
+        status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,
         metadata: metadata,
@@ -534,23 +538,23 @@ export class CardBase extends Component {
         actions: actions,
         selectable: selectable,
         selected: selected,
-        onClick: onCardViewClick,
-        onMouseEnter: onMouseEnter,
+        onClick: withCallbacks ? onCardViewClick : undefined,
+        onMouseEnter: withCallbacks ? onMouseEnter : undefined,
         disableOverlay: disableOverlay,
         progress: progress,
-        onDisplayImage: onDisplayImage,
+        onDisplayImage: withCallbacks ? onDisplayImage : undefined,
         innerRef: this.setRef,
         testId: testId,
         featureFlags: featureFlags,
         titleBoxBgColor: titleBoxBgColor,
         titleBoxIcon: titleBoxIcon,
-        onImageError: this.onImageError,
-        onImageLoad: this.onImageLoad,
+        onImageError: withCallbacks ? this.onImageError : undefined,
+        onImageLoad: withCallbacks ? this.onImageLoad : undefined,
         nativeLazyLoad: nativeLazyLoad,
         forceSyncDisplay: forceSyncDisplay,
         mediaCardCursor: mediaCardCursor
       });
-      return isLazy ? /*#__PURE__*/React.createElement(ViewportDetector, {
+      return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
         cardEl: cardRef,
         onVisible: this.onCardInViewport
       }, card) : card;

package/dist/es2019/root/inlinePlayerLazy.js

@@ -0,0 +1,11 @@
+import { lazy } from 'react';
+export const InlinePlayerLazy = /*#__PURE__*/lazy(async () => {
+  const {
+    InlinePlayer
+  } = await import(
+  /* webpackChunkName: "@atlaskit-internal_media-card-inlineplayer" */
+  './inlinePlayer');
+  return {
+    default: InlinePlayer
+  };
+});

package/dist/es2019/utils/ufoExperiences.js

@@ -3,7 +3,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.1";
+const packageVersion = "74.1.2";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.1",
+	"version": "74.1.2",
 	"sideEffects": false
 }

package/dist/esm/root/card/index.js

@@ -17,7 +17,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-import React, { Component } from 'react';
+import React, { Component, Suspense } from 'react';
 import ReactDOM from 'react-dom';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -30,7 +30,7 @@ import { ViewportDetector } from '../../utils/viewportDetector';
 import { getRequestedDimensions } from '../../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
 import { getFileDetails } from '../../utils/metadata';
-import { InlinePlayer } from '../inlinePlayer';
+import { InlinePlayerLazy } from '../inlinePlayerLazy';
 import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../../errors';
 import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
@@ -43,7 +43,7 @@ import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.1";
+var packageVersion = "74.1.2";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 
@@ -460,7 +460,12 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var _this$state = _this.state,
           shouldAutoplay = _this$state.shouldAutoplay,
           cardPreview = _this$state.cardPreview;
-      return /*#__PURE__*/React.createElement(InlinePlayer, {
+
+      var card = _this.renderCard(false, 'loading', false);
+
+      return /*#__PURE__*/React.createElement(Suspense, {
+        fallback: card
+      }, /*#__PURE__*/React.createElement(InlinePlayerLazy, {
         mediaClient: mediaClient,
         dimensions: dimensions,
         originalDimensions: originalDimensions,
@@ -473,7 +478,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         ref: _this.setRef,
         testId: testId,
         cardPreview: cardPreview
-      });
+      }));
     });
 
     _defineProperty(_assertThisInitialized(_this), "onMediaViewerClose", function () {
@@ -532,6 +537,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderCard", function () {
+      var withCallbacks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var cardStatusOverride = arguments.length > 1 ? arguments[1] : undefined;
+      var izLazyOverride = arguments.length > 2 ? arguments[2] : undefined;
       var _this$props9 = _this.props,
           identifier = _this$props9.identifier,
           isLazy = _this$props9.isLazy,
@@ -565,16 +573,17 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           onCardViewClick = _assertThisInitialize4.onCardViewClick,
           onDisplayImage = _assertThisInitialize4.onDisplayImage,
           actions = _assertThisInitialize4.actions,
-          onMouseEnter = _assertThisInitialize4.onMouseEnter; // Card can be artificially turned visible before entering the viewport
-      // For example, when we have the image in cache
+          onMouseEnter = _assertThisInitialize4.onMouseEnter;
 
+      var isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride; // Card can be artificially turned visible before entering the viewport
+      // For example, when we have the image in cache
 
-      var nativeLazyLoad = isLazy && !isCardVisible; // Force Media Image to always display img for SSR
+      var nativeLazyLoad = isLazyWithOverride && !isCardVisible; // Force Media Image to always display img for SSR
 
       var forceSyncDisplay = !!ssr;
       var mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, status === 'error' || status === 'failed-processing', !!_this.state.cardPreview, metadata.mediaType);
       var card = /*#__PURE__*/React.createElement(CardView, {
-        status: status,
+        status: cardStatusOverride || status,
         error: error,
         mediaItemType: mediaItemType,
         metadata: metadata,
@@ -586,23 +595,23 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         actions: actions,
         selectable: selectable,
         selected: selected,
-        onClick: onCardViewClick,
-        onMouseEnter: onMouseEnter,
+        onClick: withCallbacks ? onCardViewClick : undefined,
+        onMouseEnter: withCallbacks ? onMouseEnter : undefined,
         disableOverlay: disableOverlay,
         progress: progress,
-        onDisplayImage: onDisplayImage,
+        onDisplayImage: withCallbacks ? onDisplayImage : undefined,
         innerRef: _this.setRef,
         testId: testId,
         featureFlags: featureFlags,
         titleBoxBgColor: titleBoxBgColor,
         titleBoxIcon: titleBoxIcon,
-        onImageError: _this.onImageError,
-        onImageLoad: _this.onImageLoad,
+        onImageError: withCallbacks ? _this.onImageError : undefined,
+        onImageLoad: withCallbacks ? _this.onImageLoad : undefined,
         nativeLazyLoad: nativeLazyLoad,
         forceSyncDisplay: forceSyncDisplay,
         mediaCardCursor: mediaCardCursor
       });
-      return isLazy ? /*#__PURE__*/React.createElement(ViewportDetector, {
+      return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
         cardEl: cardRef,
         onVisible: _this.onCardInViewport
       }, card) : card;

package/dist/esm/root/inlinePlayerLazy.js

@@ -0,0 +1,29 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { lazy } from 'react';
+export var InlinePlayerLazy = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var _yield$import, InlinePlayer;
+
+  return _regeneratorRuntime.wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return import(
+          /* webpackChunkName: "@atlaskit-internal_media-card-inlineplayer" */
+          './inlinePlayer');
+
+        case 2:
+          _yield$import = _context.sent;
+          InlinePlayer = _yield$import.InlinePlayer;
+          return _context.abrupt("return", {
+            default: InlinePlayer
+          });
+
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));

package/dist/esm/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.1";
+var packageVersion = "74.1.2";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.1",
+	"version": "74.1.2",
 	"sideEffects": false
 }

package/dist/types/root/card/index.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction, CardProps, CardState } from '../..';
+import { CardAction, CardProps, CardState, CardStatus } from '../..';
 export declare type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;
@@ -48,7 +48,7 @@ export declare class CardBase extends Component<CardBaseProps, CardState> {
     onMediaViewerClose: () => void;
     private onDisplayImage;
     renderMediaViewer: () => React.ReactPortal | undefined;
-    renderCard: () => JSX.Element;
+    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus | undefined, izLazyOverride?: boolean | undefined) => JSX.Element;
     private storeSSRData;
     render(): JSX.Element;
     private onCardInViewport;

package/dist/types/root/inlinePlayerLazy.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InlinePlayerLazy: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Pick<import("./inlinePlayer").InlinePlayerProps, "createAnalyticsEvent" | keyof import("./inlinePlayer").InlinePlayerOwnProps> & import("react").RefAttributes<HTMLDivElement>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.1.1",
+  "version": "74.1.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,16 +30,16 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/dropdown-menu": "^11.3.0",
+    "@atlaskit/dropdown-menu": "^11.4.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-common": "^2.16.0",
     "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/media-viewer": "^47.0.0",
+    "@atlaskit/media-viewer": "^47.1.0",
     "@atlaskit/spinner": "^15.1.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
@@ -61,15 +61,15 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/inline-message": "^11.3.0",
+    "@atlaskit/inline-message": "^11.4.0",
     "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/media-picker": "^63.0.1",
     "@atlaskit/media-test-helpers": "^30.0.0",
-    "@atlaskit/radio": "^5.3.2",
+    "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^6.0.0",
-    "@atlaskit/select": "^15.6.0",
+    "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^12.4.0",
+    "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",