@atlaskit/media-card 77.12.4 → 78.0.1

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

@@ -1,224 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPreferredVideoArtifact = exports.InlinePlayerV2 = exports.InlinePlayerBaseV2 = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _mediaClient = require("@atlaskit/media-client");
-var _mediaUi = require("@atlaskit/media-ui");
-var _utils = require("../../utils");
-var _cardLoading = require("../../utils/lightCards/cardLoading");
-var _progressBar = require("../ui/progressBar/progressBar");
-var _inlinePlayerWrapper = require("../inlinePlayerWrapper");
-var _useBreakpoint = require("../useBreakpoint");
-var _mediaClientReact = require("@atlaskit/media-client-react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var getPreferredVideoArtifact = exports.getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
-  if (fileState.status === 'processed' || fileState.status === 'processing') {
-    var artifacts = fileState.artifacts;
-    if (!artifacts) {
-      return undefined;
-    }
-    return artifacts['video_1280.mp4'] ? 'video_1280.mp4' : artifacts['video_640.mp4'] ? 'video_640.mp4' : undefined;
-  }
-  return undefined;
-};
-var InlinePlayerBaseV2 = exports.InlinePlayerBaseV2 = function InlinePlayerBaseV2(_ref) {
-  var identifier = _ref.identifier,
-    onError = _ref.onError,
-    onClick = _ref.onClick,
-    _ref$dimensions = _ref.dimensions,
-    dimensions = _ref$dimensions === void 0 ? _utils.defaultImageCardDimensions : _ref$dimensions,
-    originalDimensions = _ref.originalDimensions,
-    selected = _ref.selected,
-    testId = _ref.testId,
-    forwardRef = _ref.forwardRef,
-    autoplay = _ref.autoplay,
-    cardPreview = _ref.cardPreview,
-    onFullscreenChange = _ref.onFullscreenChange,
-    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
-  // === States ===
-  var _useState = (0, _react.useState)(),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    fileSrc = _useState2[0],
-    setFileSrc = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isUploading = _useState4[0],
-    setIsUploading = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    progress = _useState6[0],
-    setProgress = _useState6[1];
-
-  // === Refs and Local Variables ===
-  var divRef = (0, _react.useRef)(null);
-  var onErrorRef = (0, _react.useRef)(onError);
-  onErrorRef.current = onError;
-  var id = identifier.id,
-    collectionName = identifier.collectionName,
-    occurrenceKey = identifier.occurrenceKey;
-  var breakpoint = (0, _useBreakpoint.useBreakpoint)(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  var mediaClient = (0, _mediaClientReact.useMediaClient)();
-  var _useFileState = (0, _mediaClientReact.useFileState)(id, {
-      collectionName: collectionName,
-      occurrenceKey: occurrenceKey
-    }),
-    fileState = _useFileState.fileState;
-  (0, _react.useEffect)(function () {
-    var subscribeFileState = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileState) {
-        var _yield$fileState$prev, value, newFileSrc, artifactName, artifacts, _newFileSrc, _newFileSrc2;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (fileState.status === 'uploading') {
-                setIsUploading(true);
-                setProgress(fileState.progress);
-              } else {
-                setIsUploading(false);
-              }
-
-              // We reuse the existing fileSrc to prevent re renders, therefore we only perform fileSrc updates when there isn't any
-              if (!fileSrc) {
-                _context.next = 3;
-                break;
-              }
-              return _context.abrupt("return");
-            case 3:
-              if (!(fileState.status !== 'error' && fileState.preview)) {
-                _context.next = 12;
-                break;
-              }
-              _context.next = 6;
-              return fileState.preview;
-            case 6:
-              _yield$fileState$prev = _context.sent;
-              value = _yield$fileState$prev.value;
-              if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
-                _context.next = 12;
-                break;
-              }
-              newFileSrc = URL.createObjectURL(value);
-              setFileSrc(newFileSrc);
-              return _context.abrupt("return");
-            case 12:
-              if (!(fileState.status === 'processed' || fileState.status === 'processing')) {
-                _context.next = 37;
-                break;
-              }
-              artifactName = getPreferredVideoArtifact(fileState);
-              artifacts = fileState.artifacts;
-              if (!(!artifactName || !artifacts)) {
-                _context.next = 27;
-                break;
-              }
-              _context.prev = 16;
-              _context.next = 19;
-              return mediaClient.file.getFileBinaryURL(id, collectionName);
-            case 19:
-              _newFileSrc = _context.sent;
-              setFileSrc(_newFileSrc);
-              _context.next = 26;
-              break;
-            case 23:
-              _context.prev = 23;
-              _context.t0 = _context["catch"](16);
-              if (onErrorRef.current && _context.t0 instanceof Error) {
-                onErrorRef.current(_context.t0);
-              }
-            case 26:
-              return _context.abrupt("return");
-            case 27:
-              _context.prev = 27;
-              _context.next = 30;
-              return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-            case 30:
-              _newFileSrc2 = _context.sent;
-              setFileSrc(_newFileSrc2);
-              _context.next = 37;
-              break;
-            case 34:
-              _context.prev = 34;
-              _context.t1 = _context["catch"](27);
-              if (onErrorRef.current && _context.t1 instanceof Error) {
-                onErrorRef.current(_context.t1);
-              }
-            case 37:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[16, 23], [27, 34]]);
-      }));
-      return function subscribeFileState(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    if (fileState) {
-      subscribeFileState(fileState);
-    }
-  }, [fileState, collectionName, fileSrc, id, mediaClient]);
-  (0, _react.useEffect)(function () {
-    return function () {
-      fileSrc && URL.revokeObjectURL(fileSrc);
-    };
-  }, [fileSrc]);
-
-  // === Render ===
-  return fileSrc ? /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapper.InlinePlayerWrapper, {
-    testId: testId || 'media-card-inline-player',
-    selected: {
-      selected: selected
-    },
-    onClick: onClick,
-    innerRef: forwardRef || undefined,
-    dimensions: dimensions
-  }, /*#__PURE__*/_react.default.createElement(_mediaUi.InactivityDetector, null, function (checkMouseMovement) {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.CustomMediaPlayer, {
-      type: "video",
-      src: fileSrc,
-      onFullscreenChange: onFullscreenChange,
-      fileId: id,
-      isAutoPlay: autoplay,
-      isHDAvailable: false,
-      onDownloadClick: function onDownloadClick() {
-        mediaClient.file.downloadBinary(id, undefined, collectionName);
-      },
-      onFirstPlay: function onFirstPlay() {
-        _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
-          fileId: id,
-          viewingLevel: 'full'
-        });
-      },
-      lastWatchTimeConfig: {
-        contentId: id
-      },
-      originalDimensions: originalDimensions,
-      showControls: checkMouseMovement,
-      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
-      videoControlsWrapperRef: videoControlsWrapperRef
-    });
-  }), isUploading && /*#__PURE__*/_react.default.createElement(_progressBar.ProgressBar, {
-    progress: progress,
-    breakpoint: breakpoint,
-    positionBottom: true,
-    showOnTop: true
-  })) : /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, {
-    testId: testId,
-    dimensions: dimensions
-  });
-};
-var InlinePlayerForwardRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(InlinePlayerBaseV2, (0, _extends2.default)({}, props, {
-    forwardRef: ref
-  }));
-});
-var InlinePlayerV2 = exports.InlinePlayerV2 = InlinePlayerForwardRef;

package/dist/es2019/card/cardSwitcher.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import CardLoader from './cardLoader';
-import CardV2Loader from './v2/cardV2Loader';
-function CardSwitcher(props) {
-  return getBooleanFF('platform.media-experience.cardv2_7zann') ? /*#__PURE__*/React.createElement(CardV2Loader, props) : /*#__PURE__*/React.createElement(CardLoader, props);
-}
-export default CardSwitcher;

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

@@ -1,33 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { isFileIdentifier } from '@atlaskit/media-client';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
-import React from 'react';
-import { IntlProvider, injectIntl } from 'react-intl-next';
-import { ExternalImageCard } from './externalImageCard';
-import { FileCard } from './fileCard';
-const packageName = "@atlaskit/media-card";
-const packageVersion = "77.12.4";
-export const CardV2Base = ({
-  identifier,
-  ...otherProps
-}) => {
-  const innerContent = isFileIdentifier(identifier) ? /*#__PURE__*/React.createElement(FileCard, _extends({}, otherProps, {
-    identifier: identifier,
-    key: identifier.id
-  })) : /*#__PURE__*/React.createElement(ExternalImageCard, _extends({}, otherProps, {
-    identifier: identifier,
-    key: identifier.dataURI
-  }));
-  return otherProps.intl ? innerContent : /*#__PURE__*/React.createElement(IntlProvider, {
-    locale: "en"
-  }, innerContent);
-};
-export const CardV2 = withMediaAnalyticsContext({
-  packageVersion,
-  packageName,
-  componentName: 'mediaCard',
-  component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardV2Base, {
-  enforceContext: false
-})));

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

@@ -1,18 +0,0 @@
-import React, { useContext } from 'react';
-import Loadable from 'react-loadable';
-import { CardLoading } from '../../utils/lightCards/cardLoading';
-const MediaCardContext = /*#__PURE__*/React.createContext({});
-const CardLoadingWithContext = () => {
-  const props = useContext(MediaCardContext);
-  return /*#__PURE__*/React.createElement(CardLoading, props);
-};
-const MediaCardWithMediaClientProvider = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_media-card-with-media-client-v2" */'./cardWithMediaClientV2').then(mod => mod.CardWithMediaClientV2),
-  loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null)
-});
-const CardLoader = props => {
-  return /*#__PURE__*/React.createElement(MediaCardContext.Provider, {
-    value: props
-  }, /*#__PURE__*/React.createElement(MediaCardWithMediaClientProvider, props));
-};
-export default CardLoader;

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

@@ -1,294 +0,0 @@
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import React, { useEffect, useState, useRef } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import SpinnerIcon from '@atlaskit/spinner';
-import Tooltip from '@atlaskit/tooltip';
-import { messages } from '@atlaskit/media-ui';
-import { createAndFireMediaCardEvent } from '../../utils/analytics';
-import { attachDetailsToActions } from '../actions';
-import { ImageRenderer } from '../ui/imageRenderer/imageRenderer';
-import { TitleBox } from '../ui/titleBox/titleBox';
-import { FailedTitleBox } from '../ui/titleBox/failedTitleBox';
-import { ProgressBar } from '../ui/progressBar/progressBar';
-import { PlayButton } from '../ui/playButton/playButton';
-import { TickBox } from '../ui/tickBox/tickBox';
-import { Blanket } from '../ui/blanket/blanket';
-import { ActionsBar } from '../ui/actionsBar/actionsBar';
-import { IconWrapper } from '../ui/iconWrapper/iconWrapper';
-import { PreviewUnavailable, CreatingPreview, FailedToUpload, PreviewCurrentlyUnavailable, FailedToLoad } from '../ui/iconMessage';
-import { isUploadError, isRateLimitedError, isPollingError } from '../../errors';
-import { Wrapper, ImageContainer } from '../ui/wrapper';
-import { fileCardImageViewSelector } from '../classnames';
-import { useBreakpoint } from '../useBreakpoint';
-import OpenMediaViewerButton from '../ui/openMediaViewerButton/openMediaViewerButton';
-export const CardViewV2Base = ({
-  innerRef,
-  onImageLoad,
-  onImageError,
-  dimensions,
-  onClick,
-  onMouseEnter,
-  testId,
-  metadata,
-  status,
-  selected,
-  selectable,
-  cardPreview,
-  mediaCardCursor,
-  shouldHideTooltip,
-  progress,
-  alt,
-  resizeMode,
-  onDisplayImage,
-  nativeLazyLoad,
-  forceSyncDisplay,
-  actions,
-  disableOverlay,
-  titleBoxBgColor,
-  titleBoxIcon,
-  error,
-  disableAnimation,
-  openMediaViewerButtonRef = null,
-  shouldOpenMediaViewer,
-  overriddenCreationDate
-}) => {
-  const [didImageRender, setDidImageRender] = useState(false);
-  const divRef = useRef(null);
-  const prevCardPreviewRef = useRef();
-  const breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(() => {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  useEffect(() => {
-    // We should only switch didImageRender to false when cardPreview goes undefined, not when it is changed. as this method could be triggered after onImageLoad callback, falling on a race condition
-    if (prevCardPreviewRef.current && !cardPreview) {
-      setDidImageRender(false);
-    }
-    prevCardPreviewRef.current = cardPreview;
-  }, [cardPreview]);
-  const handleOnImageLoad = prevCardPreview => {
-    if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
-      return;
-    }
-    /*
-        We render the icon & icon message always, even if there is cardPreview available.
-        If the image fails to load/render, the icon will remain, i.e. the user won't see a change until the root card decides to chage status to error.
-        If the image renders successfully, we switch this variable to hide the icon & icon message behind the thumbnail in case the image has transparency.
-        It is less likely that root component replaces a suceeded cardPreview for a failed one than the opposite case. Therefore we prefer to hide the icon instead show when the image fails, for a smoother transition
-      */
-    setDidImageRender(true);
-    onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview);
-  };
-  const handleOnImageError = prevCardPreview => {
-    if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
-      return;
-    }
-    setDidImageRender(false);
-    onImageError === null || onImageError === void 0 ? void 0 : onImageError(cardPreview);
-  };
-  const shouldRenderPlayButton = () => {
-    const {
-      mediaType
-    } = metadata || {};
-    if (mediaType !== 'video' || !cardPreview) {
-      return false;
-    }
-    return true;
-  };
-  const getRenderConfigByStatus = () => {
-    const {
-      name,
-      mediaType
-    } = metadata || {};
-    const isZeroSize = metadata && metadata.size === 0;
-    const defaultConfig = {
-      renderTypeIcon: !didImageRender,
-      renderImageRenderer: !!cardPreview,
-      renderPlayButton: !!cardPreview && mediaType === 'video',
-      renderBlanket: !disableOverlay,
-      renderTitleBox: !disableOverlay && !!name,
-      renderTickBox: !disableOverlay && !!selectable
-    };
-    switch (status) {
-      case 'uploading':
-        return {
-          ...defaultConfig,
-          renderBlanket: !disableOverlay || mediaType !== 'video',
-          isFixedBlanket: true,
-          renderProgressBar: true
-        };
-      case 'processing':
-        return {
-          ...defaultConfig,
-          iconMessage: !didImageRender && !isZeroSize ? jsx(CreatingPreview, {
-            disableAnimation: disableAnimation
-          }) : undefined
-        };
-      case 'complete':
-        return defaultConfig;
-      case 'error':
-      case 'failed-processing':
-        const baseErrorConfig = {
-          ...defaultConfig,
-          renderTypeIcon: true,
-          renderImageRenderer: false,
-          renderTitleBox: false,
-          renderPlayButton: false
-        };
-        let iconMessage;
-        let customTitleMessage;
-        const {
-          secondaryError
-        } = error || {};
-        if (isRateLimitedError(secondaryError) || isPollingError(secondaryError)) {
-          iconMessage = jsx(PreviewCurrentlyUnavailable, null);
-        } else if (isUploadError(error)) {
-          iconMessage = jsx(FailedToUpload, null);
-          customTitleMessage = messages.failed_to_upload;
-        } else if (!metadata) {
-          iconMessage = jsx(FailedToLoad, null);
-        } else {
-          iconMessage = jsx(PreviewUnavailable, null);
-        }
-        if (!disableOverlay) {
-          const renderFailedTitleBox = !name || !!customTitleMessage;
-          return {
-            ...baseErrorConfig,
-            renderTitleBox: !!name && !customTitleMessage,
-            renderFailedTitleBox,
-            iconMessage: !renderFailedTitleBox ? iconMessage : undefined,
-            customTitleMessage
-          };
-        }
-        return {
-          ...baseErrorConfig,
-          iconMessage
-        };
-      case 'loading-preview':
-      case 'loading':
-      default:
-        return {
-          ...defaultConfig,
-          renderPlayButton: false,
-          renderTypeIcon: false,
-          renderSpinner: !didImageRender
-        };
-    }
-  };
-  const {
-    renderTypeIcon,
-    iconMessage,
-    renderImageRenderer,
-    renderSpinner,
-    renderPlayButton,
-    renderBlanket,
-    renderProgressBar,
-    renderTitleBox,
-    renderFailedTitleBox,
-    renderTickBox,
-    isFixedBlanket,
-    customTitleMessage
-  } = getRenderConfigByStatus();
-  const shouldDisplayBackground = !cardPreview || !disableOverlay || status === 'error' || status === 'failed-processing';
-  const isPlayButtonClickable = shouldRenderPlayButton() && !!disableOverlay;
-  const isTickBoxSelectable = !disableOverlay && !!selectable && !selected;
-  // Disable tooltip for Media Single
-  const shouldDisplayTooltip = !disableOverlay && !shouldHideTooltip;
-  const hasTitleBox = !!(renderTitleBox || renderFailedTitleBox);
-  const {
-    mediaType,
-    mimeType,
-    name,
-    createdAt
-  } = metadata || {};
-  const actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
-  const contents = jsx(React.Fragment, null, jsx(ImageContainer, {
-    testId: fileCardImageViewSelector,
-    mediaName: name,
-    status: status,
-    progress: progress,
-    selected: selected,
-    source: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source
-  }, renderTypeIcon && jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(MimeTypeIcon, {
-    testId: "media-card-file-type-icon",
-    mediaType: mediaType,
-    mimeType: mimeType,
-    name: name
-  }), iconMessage), renderSpinner && jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(SpinnerIcon, {
-    testId: "media-card-loading",
-    interactionName: "media-card-loading"
-  })), renderImageRenderer && !!cardPreview && jsx(ImageRenderer, {
-    cardPreview: cardPreview,
-    mediaType: (metadata === null || metadata === void 0 ? void 0 : metadata.mediaType) || 'unknown',
-    alt: alt || name,
-    resizeMode: resizeMode,
-    onDisplayImage: onDisplayImage,
-    onImageLoad: handleOnImageLoad,
-    onImageError: handleOnImageError,
-    nativeLazyLoad: nativeLazyLoad,
-    forceSyncDisplay: forceSyncDisplay
-  }), renderPlayButton && jsx(IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, jsx(PlayButton, null)), renderBlanket && jsx(Blanket, {
-    isFixed: isFixedBlanket
-  }), renderTitleBox && name && jsx(TitleBox, {
-    name: name,
-    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
-    breakpoint: breakpoint,
-    titleBoxIcon: titleBoxIcon,
-    titleBoxBgColor: titleBoxBgColor
-  }), renderFailedTitleBox && jsx(FailedTitleBox, {
-    breakpoint: breakpoint,
-    customMessage: customTitleMessage
-  }), renderProgressBar && jsx(ProgressBar, {
-    progress: progress,
-    breakpoint: breakpoint,
-    positionBottom: !hasTitleBox
-  }), renderTickBox && jsx(TickBox, {
-    selected: selected
-  })), disableOverlay || !actions || actions.length === 0 ? null : jsx(ActionsBar, {
-    filename: name,
-    actions: actionsWithDetails
-  }));
-  return jsx(React.Fragment, null, shouldOpenMediaViewer && jsx(OpenMediaViewerButton, {
-    fileName: name !== null && name !== void 0 ? name : '',
-    innerRef: openMediaViewerButtonRef,
-    onClick: onClick
-  }), jsx(Wrapper, {
-    testId: testId || 'media-card-view',
-    dimensions: dimensions,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    innerRef: divRef,
-    breakpoint: breakpoint,
-    mediaCardCursor: mediaCardCursor,
-    disableOverlay: !!disableOverlay,
-    selected: !!selected,
-    displayBackground: shouldDisplayBackground,
-    isPlayButtonClickable: isPlayButtonClickable,
-    isTickBoxSelectable: isTickBoxSelectable,
-    shouldDisplayTooltip: shouldDisplayTooltip
-  }, shouldDisplayTooltip ? jsx(Tooltip, {
-    content: name,
-    position: "bottom",
-    tag: "div"
-  }, contents) : contents));
-};
-export const CardViewV2 = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(CardViewV2Base);

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

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { withMediaClient } from '@atlaskit/media-client-react';
-import MediaCardAnalyticsErrorBoundary from '../media-card-analytics-error-boundary';
-import { CardV2 } from './cardV2';
-export const CardWithMediaClientV2 = props => {
-  const {
-    dimensions,
-    onClick,
-    featureFlags
-  } = props;
-  const Card = React.useMemo(() => {
-    return withMediaClient(CardV2);
-  }, []);
-  const featureFlagsWithMediaCardV2 = React.useMemo(() => ({
-    ...featureFlags,
-    mediaCardV2: true //used for analytics - internal use only
-  }), [featureFlags]);
-  return /*#__PURE__*/React.createElement(MediaCardAnalyticsErrorBoundary, {
-    dimensions: dimensions,
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(Card, _extends({}, props, {
-    featureFlags: featureFlagsWithMediaCardV2
-  })));
-};

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

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