@atlaskit/media-card 74.7.2 → 74.7.4

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

@@ -102,92 +102,90 @@ var getCardPreview = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
     var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, traceContext, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            mediaClient = _ref.mediaClient, id = _ref.id, _ref$dimensions = _ref.dimensions, dimensions = _ref$dimensions === void 0 ? {} : _ref$dimensions, filePreview = _ref.filePreview, onLocalPreviewError = _ref.onLocalPreviewError, isRemotePreviewReady = _ref.isRemotePreviewReady, imageUrlParams = _ref.imageUrlParams, mediaBlobUrlAttrs = _ref.mediaBlobUrlAttrs, createAnalyticsEvent = _ref.createAnalyticsEvent, featureFlags = _ref.featureFlags, traceContext = _ref.traceContext;
-            mode = imageUrlParams.mode;
-            cachedPreview = _cache.default.get(id, mode);
-            dimensionsAreBigger = (0, _dimensionComparer.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
-            if (!(cachedPreview && !dimensionsAreBigger)) {
-              _context.next = 7;
-              break;
-            }
-            if ((0, _mediaCommon.getMediaFeatureFlag)('memoryCacheLogging', featureFlags)) {
-              createAnalyticsEvent && (0, _imageRefetchingAnalytics.fireImageFetchingOperationalEvent)(createAnalyticsEvent, 'cache-hit', {
-                fileId: id,
-                prevDimensions: cachedPreview.dimensions,
-                currentDimensions: dimensions,
-                source: cachedPreview.source
-              });
-            }
-            return _context.abrupt("return", cachedPreview);
-          case 7:
-            _context.prev = 7;
-            if (!filePreview) {
-              _context.next = 13;
-              break;
-            }
-            _context.next = 11;
-            return (0, _helpers.getCardPreviewFromFilePreview)(filePreview);
-          case 11:
-            localPreview = _context.sent;
-            return _context.abrupt("return", extendAndCachePreview(id, mode, _objectSpread(_objectSpread({}, localPreview), {}, {
-              dimensions: dimensions
-            }), mediaBlobUrlAttrs));
-          case 13:
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          mediaClient = _ref.mediaClient, id = _ref.id, _ref$dimensions = _ref.dimensions, dimensions = _ref$dimensions === void 0 ? {} : _ref$dimensions, filePreview = _ref.filePreview, onLocalPreviewError = _ref.onLocalPreviewError, isRemotePreviewReady = _ref.isRemotePreviewReady, imageUrlParams = _ref.imageUrlParams, mediaBlobUrlAttrs = _ref.mediaBlobUrlAttrs, createAnalyticsEvent = _ref.createAnalyticsEvent, featureFlags = _ref.featureFlags, traceContext = _ref.traceContext;
+          mode = imageUrlParams.mode;
+          cachedPreview = _cache.default.get(id, mode);
+          dimensionsAreBigger = (0, _dimensionComparer.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
+          if (!(cachedPreview && !dimensionsAreBigger)) {
+            _context.next = 7;
+            break;
+          }
+          if ((0, _mediaCommon.getMediaFeatureFlag)('memoryCacheLogging', featureFlags)) {
+            createAnalyticsEvent && (0, _imageRefetchingAnalytics.fireImageFetchingOperationalEvent)(createAnalyticsEvent, 'cache-hit', {
+              fileId: id,
+              prevDimensions: cachedPreview.dimensions,
+              currentDimensions: dimensions,
+              source: cachedPreview.source
+            });
+          }
+          return _context.abrupt("return", cachedPreview);
+        case 7:
+          _context.prev = 7;
+          if (!filePreview) {
+            _context.next = 13;
+            break;
+          }
+          _context.next = 11;
+          return (0, _helpers.getCardPreviewFromFilePreview)(filePreview);
+        case 11:
+          localPreview = _context.sent;
+          return _context.abrupt("return", extendAndCachePreview(id, mode, _objectSpread(_objectSpread({}, localPreview), {}, {
+            dimensions: dimensions
+          }), mediaBlobUrlAttrs));
+        case 13:
+          _context.next = 20;
+          break;
+        case 15:
+          _context.prev = 15;
+          _context.t0 = _context["catch"](7);
+          /**
+           * We report the error if:
+           * - local preview is supported and fails
+           * - local preview is unsupported and remote preview is NOT READY
+           *   i.e. the function was called for "no reason".
+           * We DON'T report the error if:
+           * - local preview is unsupported and remote preview IS READY
+           *   i.e. local preview is available and not supported,
+           *   but we are after the remote preview instead.
+           */
+          if (!(0, _errors.isUnsupportedLocalPreviewError)(_context.t0) || (0, _errors.isUnsupportedLocalPreviewError)(_context.t0) && !isRemotePreviewReady) {
+            onLocalPreviewError && onLocalPreviewError(_context.t0);
+          }
+          /**
+           * No matter the reason why the local preview failed, we break the process
+           * if there is no remote preview available
+           */
+          if (isRemotePreviewReady) {
             _context.next = 20;
             break;
-          case 15:
-            _context.prev = 15;
-            _context.t0 = _context["catch"](7);
-            /**
-             * We report the error if:
-             * - local preview is supported and fails
-             * - local preview is unsupported and remote preview is NOT READY
-             *   i.e. the function was called for "no reason".
-             * We DON'T report the error if:
-             * - local preview is unsupported and remote preview IS READY
-             *   i.e. local preview is available and not supported,
-             *   but we are after the remote preview instead.
-             */
-            if (!(0, _errors.isUnsupportedLocalPreviewError)(_context.t0) || (0, _errors.isUnsupportedLocalPreviewError)(_context.t0) && !isRemotePreviewReady) {
-              onLocalPreviewError && onLocalPreviewError(_context.t0);
-            }
-            /**
-             * No matter the reason why the local preview failed, we break the process
-             * if there is no remote preview available
-             */
-            if (isRemotePreviewReady) {
-              _context.next = 20;
-              break;
-            }
-            throw _context.t0;
-          case 20:
-            if (isRemotePreviewReady) {
-              _context.next = 22;
-              break;
-            }
-            throw new _errors.MediaCardError('remote-preview-not-ready');
-          case 22:
-            _context.next = 24;
-            return fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs, traceContext);
-          case 24:
-            remotePreview = _context.sent;
-            if ((0, _mediaCommon.getMediaFeatureFlag)('memoryCacheLogging', featureFlags)) {
-              createAnalyticsEvent && (0, _imageRefetchingAnalytics.fireImageFetchingOperationalEvent)(createAnalyticsEvent, 'remote-success', {
-                fileId: id,
-                prevDimensions: cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions,
-                currentDimensions: dimensions,
-                dimensionsPercentageDiff: (0, _imageRefetchingAnalytics.calculatePercentageDifference)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions),
-                source: remotePreview.source
-              });
-            }
-            return _context.abrupt("return", remotePreview);
-          case 27:
-          case "end":
-            return _context.stop();
-        }
+          }
+          throw _context.t0;
+        case 20:
+          if (isRemotePreviewReady) {
+            _context.next = 22;
+            break;
+          }
+          throw new _errors.MediaCardError('remote-preview-not-ready');
+        case 22:
+          _context.next = 24;
+          return fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs, traceContext);
+        case 24:
+          remotePreview = _context.sent;
+          if ((0, _mediaCommon.getMediaFeatureFlag)('memoryCacheLogging', featureFlags)) {
+            createAnalyticsEvent && (0, _imageRefetchingAnalytics.fireImageFetchingOperationalEvent)(createAnalyticsEvent, 'remote-success', {
+              fileId: id,
+              prevDimensions: cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions,
+              currentDimensions: dimensions,
+              dimensionsPercentageDiff: (0, _imageRefetchingAnalytics.calculatePercentageDifference)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions),
+              source: remotePreview.source
+            });
+          }
+          return _context.abrupt("return", remotePreview);
+        case 27:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[7, 15]]);
   }));
@@ -258,20 +256,18 @@ var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
   var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(mediaClient, id, dimensions, params, mediaBlobUrlAttrs, traceContext) {
     var remotePreview;
     return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return (0, _helpers.getCardPreviewFromBackend)(mediaClient, id, params, traceContext);
-          case 2:
-            remotePreview = _context2.sent;
-            return _context2.abrupt("return", extendAndCachePreview(id, params.mode, _objectSpread(_objectSpread({}, remotePreview), {}, {
-              dimensions: dimensions
-            }), mediaBlobUrlAttrs));
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return (0, _helpers.getCardPreviewFromBackend)(mediaClient, id, params, traceContext);
+        case 2:
+          remotePreview = _context2.sent;
+          return _context2.abrupt("return", extendAndCachePreview(id, params.mode, _objectSpread(_objectSpread({}, remotePreview), {}, {
+            dimensions: dimensions
+          }), mediaBlobUrlAttrs));
+        case 4:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   }));

package/dist/cjs/card/inlinePlayer.js

@@ -58,32 +58,31 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         fileSrc: fileSrc
       });
     });
+    // Tries to use the binary artifact to provide something to play while the video is still processing
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setBinaryURL", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var _this$props, mediaClient, identifier, onError, id, collectionName, fileSrc;
       return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _this$props = _this.props, mediaClient = _this$props.mediaClient, identifier = _this$props.identifier, onError = _this$props.onError;
-              id = identifier.id, collectionName = identifier.collectionName;
-              _context.prev = 2;
-              _context.next = 5;
-              return mediaClient.file.getFileBinaryURL(id, collectionName);
-            case 5:
-              fileSrc = _context.sent;
-              _this.setFileSrc(fileSrc);
-              _context.next = 12;
-              break;
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](2);
-              if (onError && _context.t0 instanceof Error) {
-                onError(_context.t0);
-              }
-            case 12:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _this$props = _this.props, mediaClient = _this$props.mediaClient, identifier = _this$props.identifier, onError = _this$props.onError;
+            id = identifier.id, collectionName = identifier.collectionName;
+            _context.prev = 2;
+            _context.next = 5;
+            return mediaClient.file.getFileBinaryURL(id, collectionName);
+          case 5:
+            fileSrc = _context.sent;
+            _this.setFileSrc(fileSrc);
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](2);
+            if (onError && _context.t0 instanceof Error) {
+              onError(_context.t0);
+            }
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[2, 9]]);
     })));
@@ -147,75 +146,73 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
           var _next = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(fileState) {
             var existingFileSrc, _yield$fileState$prev, value, fileSrc, artifactName, artifacts, _fileSrc, onError;
             return _regenerator.default.wrap(function _callee2$(_context2) {
-              while (1) {
-                switch (_context2.prev = _context2.next) {
-                  case 0:
-                    if (fileState.status === 'uploading') {
-                      _this2.setState({
-                        isUploading: true,
-                        progress: fileState.progress
-                      });
-                    } else {
-                      _this2.setState({
-                        isUploading: false
-                      });
-                    }
-                    existingFileSrc = _this2.state.fileSrc; // we want to reuse the existing fileSrc to prevent re renders
-                    if (!existingFileSrc) {
-                      _context2.next = 4;
-                      break;
-                    }
-                    return _context2.abrupt("return");
-                  case 4:
-                    if (!(fileState.status !== 'error' && fileState.preview)) {
-                      _context2.next = 13;
-                      break;
-                    }
-                    _context2.next = 7;
-                    return fileState.preview;
-                  case 7:
-                    _yield$fileState$prev = _context2.sent;
-                    value = _yield$fileState$prev.value;
-                    if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
-                      _context2.next = 13;
-                      break;
-                    }
-                    fileSrc = URL.createObjectURL(value);
-                    _this2.setFileSrc(fileSrc);
-                    return _context2.abrupt("return");
-                  case 13:
-                    if (!(fileState.status === 'processed' || fileState.status === 'processing')) {
-                      _context2.next = 30;
-                      break;
-                    }
-                    artifactName = getPreferredVideoArtifact(fileState);
-                    artifacts = fileState.artifacts;
-                    if (!(!artifactName || !artifacts)) {
-                      _context2.next = 19;
-                      break;
-                    }
-                    _this2.setBinaryURL();
-                    return _context2.abrupt("return");
-                  case 19:
-                    _context2.prev = 19;
-                    _context2.next = 22;
-                    return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-                  case 22:
-                    _fileSrc = _context2.sent;
-                    _this2.setFileSrc(_fileSrc);
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  if (fileState.status === 'uploading') {
+                    _this2.setState({
+                      isUploading: true,
+                      progress: fileState.progress
+                    });
+                  } else {
+                    _this2.setState({
+                      isUploading: false
+                    });
+                  }
+                  existingFileSrc = _this2.state.fileSrc; // we want to reuse the existing fileSrc to prevent re renders
+                  if (!existingFileSrc) {
+                    _context2.next = 4;
+                    break;
+                  }
+                  return _context2.abrupt("return");
+                case 4:
+                  if (!(fileState.status !== 'error' && fileState.preview)) {
+                    _context2.next = 13;
+                    break;
+                  }
+                  _context2.next = 7;
+                  return fileState.preview;
+                case 7:
+                  _yield$fileState$prev = _context2.sent;
+                  value = _yield$fileState$prev.value;
+                  if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
+                    _context2.next = 13;
+                    break;
+                  }
+                  fileSrc = URL.createObjectURL(value);
+                  _this2.setFileSrc(fileSrc);
+                  return _context2.abrupt("return");
+                case 13:
+                  if (!(fileState.status === 'processed' || fileState.status === 'processing')) {
                     _context2.next = 30;
                     break;
-                  case 26:
-                    _context2.prev = 26;
-                    _context2.t0 = _context2["catch"](19);
-                    onError = _this2.props.onError;
-                    if (onError && _context2.t0 instanceof Error) {
-                      onError(_context2.t0);
-                    }
-                  case 30:
-                  case "end":
-                    return _context2.stop();
-                }
+                  }
+                  artifactName = getPreferredVideoArtifact(fileState);
+                  artifacts = fileState.artifacts;
+                  if (!(!artifactName || !artifacts)) {
+                    _context2.next = 19;
+                    break;
+                  }
+                  _this2.setBinaryURL();
+                  return _context2.abrupt("return");
+                case 19:
+                  _context2.prev = 19;
+                  _context2.next = 22;
+                  return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
+                case 22:
+                  _fileSrc = _context2.sent;
+                  _this2.setFileSrc(_fileSrc);
+                  _context2.next = 30;
+                  break;
+                case 26:
+                  _context2.prev = 26;
+                  _context2.t0 = _context2["catch"](19);
+                  onError = _this2.props.onError;
+                  if (onError && _context2.t0 instanceof Error) {
+                    onError(_context2.t0);
+                  }
+                case 30:
+                case "end":
+                  return _context2.stop();
               }
             }, _callee2, null, [[19, 26]]);
           }));

package/dist/cjs/card/inlinePlayerLazy.js

@@ -14,23 +14,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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();
-      }
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.next = 2;
+        return Promise.resolve().then(function () {
+          return _interopRequireWildcard(require( /* 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/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 = "74.7.2";
+var packageVersion = "74.7.4";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/ui/common.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.responsiveSettings = exports.getTitleBoxHeight = exports.Breakpoint = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _responsiveSettings;
-var Breakpoint;
-exports.Breakpoint = Breakpoint;
-(function (Breakpoint) {
+var Breakpoint = /*#__PURE__*/function (Breakpoint) {
   Breakpoint["SMALL"] = "small";
   Breakpoint["LARGE"] = "large";
-})(Breakpoint || (exports.Breakpoint = Breakpoint = {}));
+  return Breakpoint;
+}({});
+exports.Breakpoint = Breakpoint;
 var responsiveSettings = (_responsiveSettings = {}, (0, _defineProperty2.default)(_responsiveSettings, Breakpoint.SMALL, {
   fontSize: 11,
   lineHeight: 14,

package/dist/cjs/card/ui/unhandledErrorCard/index.js

@@ -19,6 +19,7 @@ var _constants = require("@atlaskit/theme/constants");
 var _mediaUi = require("@atlaskit/media-ui");
 var _utils = require("../../../utils");
 var _templateObject;
+/** @jsx jsx */
 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 isPercentage = function isPercentage(value) {

package/dist/cjs/inline/loader.js

@@ -45,46 +45,44 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _yield$Promise$all, _yield$Promise$all2, mediaClient, cardModule, mediaInlineErrorBoundaryModule;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                this.isMounted = true;
-                if (this.state.MediaInlineCard) {
-                  _context.next = 17;
-                  break;
-                }
-                _context.prev = 2;
-                _context.next = 5;
-                return Promise.all([Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('@atlaskit/media-client'));
-                }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('./mediaInlineCard'));
-                }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('./mediaInlineAnalyticsErrorBoundary'));
-                })]);
-              case 5:
-                _yield$Promise$all = _context.sent;
-                _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
-                mediaClient = _yield$Promise$all2[0];
-                cardModule = _yield$Promise$all2[1];
-                mediaInlineErrorBoundaryModule = _yield$Promise$all2[2];
-                MediaInlineCardLoader.MediaInlineCard = mediaClient.withMediaClient(cardModule.MediaInlineCard);
-                MediaInlineCardLoader.ErrorBoundary = mediaInlineErrorBoundaryModule.default;
-                if (this.isMounted) {
-                  this.setState({
-                    MediaInlineCard: MediaInlineCardLoader.MediaInlineCard,
-                    ErrorBoundary: MediaInlineCardLoader.ErrorBoundary
-                  });
-                }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              this.isMounted = true;
+              if (this.state.MediaInlineCard) {
                 _context.next = 17;
                 break;
-              case 15:
-                _context.prev = 15;
-                _context.t0 = _context["catch"](2);
-              case 17:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.prev = 2;
+              _context.next = 5;
+              return Promise.all([Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client'));
+              }), Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_inline-media-card" */'./mediaInlineCard'));
+              }), Promise.resolve().then(function () {
+                return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-inline-error-boundary" */'./mediaInlineAnalyticsErrorBoundary'));
+              })]);
+            case 5:
+              _yield$Promise$all = _context.sent;
+              _yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
+              mediaClient = _yield$Promise$all2[0];
+              cardModule = _yield$Promise$all2[1];
+              mediaInlineErrorBoundaryModule = _yield$Promise$all2[2];
+              MediaInlineCardLoader.MediaInlineCard = mediaClient.withMediaClient(cardModule.MediaInlineCard);
+              MediaInlineCardLoader.ErrorBoundary = mediaInlineErrorBoundaryModule.default;
+              if (this.isMounted) {
+                this.setState({
+                  MediaInlineCard: MediaInlineCardLoader.MediaInlineCard,
+                  ErrorBoundary: MediaInlineCardLoader.ErrorBoundary
+                });
+              }
+              _context.next = 17;
+              break;
+            case 15:
+              _context.prev = 15;
+              _context.t0 = _context["catch"](2);
+            case 17:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this, [[2, 15]]);
       }));
@@ -98,14 +96,12 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
     value: function () {
       var _componentWillUnmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                this.isMounted = false;
-              case 1:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              this.isMounted = false;
+            case 1:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, this);
       }));
@@ -125,7 +121,9 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
           message: ""
         });
       }
-      return /*#__PURE__*/_react.default.createElement(ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(MediaInlineCard, this.props));
+      return /*#__PURE__*/_react.default.createElement(ErrorBoundary, {
+        isSelected: this.props.isSelected
+      }, /*#__PURE__*/_react.default.createElement(MediaInlineCard, this.props));
     }
   }]);
   return MediaInlineCardLoader;