@atlaskit/media-card 77.12.4 → 78.0.0

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

@@ -1,166 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useRef, useState, useEffect } from 'react';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { CustomMediaPlayer, InactivityDetector } from '@atlaskit/media-ui';
-import { defaultImageCardDimensions } from '../../utils';
-import { CardLoading } from '../../utils/lightCards/cardLoading';
-import { ProgressBar } from '../ui/progressBar/progressBar';
-import { InlinePlayerWrapper } from '../inlinePlayerWrapper';
-import { useBreakpoint } from '../useBreakpoint';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
-export const getPreferredVideoArtifact = fileState => {
-  if (fileState.status === 'processed' || fileState.status === 'processing') {
-    const {
-      artifacts
-    } = fileState;
-    if (!artifacts) {
-      return undefined;
-    }
-    return artifacts['video_1280.mp4'] ? 'video_1280.mp4' : artifacts['video_640.mp4'] ? 'video_640.mp4' : undefined;
-  }
-  return undefined;
-};
-export const InlinePlayerBaseV2 = ({
-  identifier,
-  onError,
-  onClick,
-  dimensions = defaultImageCardDimensions,
-  originalDimensions,
-  selected,
-  testId,
-  forwardRef,
-  autoplay,
-  cardPreview,
-  onFullscreenChange,
-  videoControlsWrapperRef
-}) => {
-  // === States ===
-  const [fileSrc, setFileSrc] = useState();
-  const [isUploading, setIsUploading] = useState();
-  const [progress, setProgress] = useState();
-
-  // === Refs and Local Variables ===
-  const divRef = useRef(null);
-  const onErrorRef = useRef(onError);
-  onErrorRef.current = onError;
-  const {
-    id,
-    collectionName,
-    occurrenceKey
-  } = identifier;
-  const breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  const mediaClient = useMediaClient();
-  const {
-    fileState
-  } = useFileState(id, {
-    collectionName,
-    occurrenceKey
-  });
-  useEffect(() => {
-    const subscribeFileState = async fileState => {
-      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) {
-        return;
-      }
-      if (fileState.status !== 'error' && fileState.preview) {
-        const {
-          value
-        } = await fileState.preview;
-        if (value instanceof Blob && value.type.indexOf('video/') === 0) {
-          const newFileSrc = URL.createObjectURL(value);
-          setFileSrc(newFileSrc);
-          return;
-        }
-      }
-      if (fileState.status === 'processed' || fileState.status === 'processing') {
-        const artifactName = getPreferredVideoArtifact(fileState);
-        const {
-          artifacts
-        } = fileState;
-        if (!artifactName || !artifacts) {
-          // Tries to use the binary artifact to provide something to play while the video is still processing
-          try {
-            const newFileSrc = await mediaClient.file.getFileBinaryURL(id, collectionName);
-            setFileSrc(newFileSrc);
-          } catch (error) {
-            if (onErrorRef.current && error instanceof Error) {
-              onErrorRef.current(error);
-            }
-          }
-          return;
-        }
-        try {
-          const newFileSrc = await mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
-          setFileSrc(newFileSrc);
-        } catch (error) {
-          if (onErrorRef.current && error instanceof Error) {
-            onErrorRef.current(error);
-          }
-        }
-      }
-    };
-    if (fileState) {
-      subscribeFileState(fileState);
-    }
-  }, [fileState, collectionName, fileSrc, id, mediaClient]);
-  useEffect(() => {
-    return () => {
-      fileSrc && URL.revokeObjectURL(fileSrc);
-    };
-  }, [fileSrc]);
-
-  // === Render ===
-  return fileSrc ? /*#__PURE__*/React.createElement(InlinePlayerWrapper, {
-    testId: testId || 'media-card-inline-player',
-    selected: {
-      selected
-    },
-    onClick: onClick,
-    innerRef: forwardRef || undefined,
-    dimensions: dimensions
-  }, /*#__PURE__*/React.createElement(InactivityDetector, null, checkMouseMovement => /*#__PURE__*/React.createElement(CustomMediaPlayer, {
-    type: "video",
-    src: fileSrc,
-    onFullscreenChange: onFullscreenChange,
-    fileId: id,
-    isAutoPlay: autoplay,
-    isHDAvailable: false,
-    onDownloadClick: () => {
-      mediaClient.file.downloadBinary(id, undefined, collectionName);
-    },
-    onFirstPlay: () => {
-      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.createElement(ProgressBar, {
-    progress: progress,
-    breakpoint: breakpoint,
-    positionBottom: true,
-    showOnTop: true
-  })) : /*#__PURE__*/React.createElement(CardLoading, {
-    testId: testId,
-    dimensions: dimensions
-  });
-};
-const InlinePlayerForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => {
-  return /*#__PURE__*/React.createElement(InlinePlayerBaseV2, _extends({}, props, {
-    forwardRef: ref
-  }));
-});
-export const InlinePlayerV2 = InlinePlayerForwardRef;

package/dist/esm/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/esm/card/v2/cardV2.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["identifier"];
-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';
-var packageName = "@atlaskit/media-card";
-var packageVersion = "77.12.4";
-export var CardV2Base = function CardV2Base(_ref) {
-  var identifier = _ref.identifier,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var 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 var CardV2 = withMediaAnalyticsContext({
-  packageVersion: packageVersion,
-  packageName: packageName,
-  componentName: 'mediaCard',
-  component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardV2Base, {
-  enforceContext: false
-})));

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

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

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

@@ -1,290 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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) { _defineProperty(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; }
-/** @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 var CardViewV2Base = function CardViewV2Base(_ref) {
-  var innerRef = _ref.innerRef,
-    onImageLoad = _ref.onImageLoad,
-    onImageError = _ref.onImageError,
-    dimensions = _ref.dimensions,
-    onClick = _ref.onClick,
-    onMouseEnter = _ref.onMouseEnter,
-    testId = _ref.testId,
-    metadata = _ref.metadata,
-    status = _ref.status,
-    selected = _ref.selected,
-    selectable = _ref.selectable,
-    cardPreview = _ref.cardPreview,
-    mediaCardCursor = _ref.mediaCardCursor,
-    shouldHideTooltip = _ref.shouldHideTooltip,
-    progress = _ref.progress,
-    alt = _ref.alt,
-    resizeMode = _ref.resizeMode,
-    onDisplayImage = _ref.onDisplayImage,
-    nativeLazyLoad = _ref.nativeLazyLoad,
-    forceSyncDisplay = _ref.forceSyncDisplay,
-    actions = _ref.actions,
-    disableOverlay = _ref.disableOverlay,
-    titleBoxBgColor = _ref.titleBoxBgColor,
-    titleBoxIcon = _ref.titleBoxIcon,
-    error = _ref.error,
-    disableAnimation = _ref.disableAnimation,
-    _ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
-    openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
-    overriddenCreationDate = _ref.overriddenCreationDate;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    didImageRender = _useState2[0],
-    setDidImageRender = _useState2[1];
-  var divRef = useRef(null);
-  var prevCardPreviewRef = useRef();
-  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  useEffect(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  useEffect(function () {
-    // 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]);
-  var handleOnImageLoad = function 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 || onImageLoad(cardPreview);
-  };
-  var handleOnImageError = function handleOnImageError(prevCardPreview) {
-    if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
-      return;
-    }
-    setDidImageRender(false);
-    onImageError === null || onImageError === void 0 || onImageError(cardPreview);
-  };
-  var shouldRenderPlayButton = function shouldRenderPlayButton() {
-    var _ref2 = metadata || {},
-      mediaType = _ref2.mediaType;
-    if (mediaType !== 'video' || !cardPreview) {
-      return false;
-    }
-    return true;
-  };
-  var getRenderConfigByStatus = function getRenderConfigByStatus() {
-    var _ref3 = metadata || {},
-      name = _ref3.name,
-      mediaType = _ref3.mediaType;
-    var isZeroSize = metadata && metadata.size === 0;
-    var defaultConfig = {
-      renderTypeIcon: !didImageRender,
-      renderImageRenderer: !!cardPreview,
-      renderPlayButton: !!cardPreview && mediaType === 'video',
-      renderBlanket: !disableOverlay,
-      renderTitleBox: !disableOverlay && !!name,
-      renderTickBox: !disableOverlay && !!selectable
-    };
-    switch (status) {
-      case 'uploading':
-        return _objectSpread(_objectSpread({}, defaultConfig), {}, {
-          renderBlanket: !disableOverlay || mediaType !== 'video',
-          isFixedBlanket: true,
-          renderProgressBar: true
-        });
-      case 'processing':
-        return _objectSpread(_objectSpread({}, defaultConfig), {}, {
-          iconMessage: !didImageRender && !isZeroSize ? jsx(CreatingPreview, {
-            disableAnimation: disableAnimation
-          }) : undefined
-        });
-      case 'complete':
-        return defaultConfig;
-      case 'error':
-      case 'failed-processing':
-        var baseErrorConfig = _objectSpread(_objectSpread({}, defaultConfig), {}, {
-          renderTypeIcon: true,
-          renderImageRenderer: false,
-          renderTitleBox: false,
-          renderPlayButton: false
-        });
-        var _iconMessage;
-        var _customTitleMessage;
-        var _ref4 = error || {},
-          secondaryError = _ref4.secondaryError;
-        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) {
-          var _renderFailedTitleBox = !name || !!_customTitleMessage;
-          return _objectSpread(_objectSpread({}, baseErrorConfig), {}, {
-            renderTitleBox: !!name && !_customTitleMessage,
-            renderFailedTitleBox: _renderFailedTitleBox,
-            iconMessage: !_renderFailedTitleBox ? _iconMessage : undefined,
-            customTitleMessage: _customTitleMessage
-          });
-        }
-        return _objectSpread(_objectSpread({}, baseErrorConfig), {}, {
-          iconMessage: _iconMessage
-        });
-      case 'loading-preview':
-      case 'loading':
-      default:
-        return _objectSpread(_objectSpread({}, defaultConfig), {}, {
-          renderPlayButton: false,
-          renderTypeIcon: false,
-          renderSpinner: !didImageRender
-        });
-    }
-  };
-  var _getRenderConfigBySta = getRenderConfigByStatus(),
-    renderTypeIcon = _getRenderConfigBySta.renderTypeIcon,
-    iconMessage = _getRenderConfigBySta.iconMessage,
-    renderImageRenderer = _getRenderConfigBySta.renderImageRenderer,
-    renderSpinner = _getRenderConfigBySta.renderSpinner,
-    renderPlayButton = _getRenderConfigBySta.renderPlayButton,
-    renderBlanket = _getRenderConfigBySta.renderBlanket,
-    renderProgressBar = _getRenderConfigBySta.renderProgressBar,
-    renderTitleBox = _getRenderConfigBySta.renderTitleBox,
-    renderFailedTitleBox = _getRenderConfigBySta.renderFailedTitleBox,
-    renderTickBox = _getRenderConfigBySta.renderTickBox,
-    isFixedBlanket = _getRenderConfigBySta.isFixedBlanket,
-    customTitleMessage = _getRenderConfigBySta.customTitleMessage;
-  var shouldDisplayBackground = !cardPreview || !disableOverlay || status === 'error' || status === 'failed-processing';
-  var isPlayButtonClickable = shouldRenderPlayButton() && !!disableOverlay;
-  var isTickBoxSelectable = !disableOverlay && !!selectable && !selected;
-  // Disable tooltip for Media Single
-  var shouldDisplayTooltip = !disableOverlay && !shouldHideTooltip;
-  var hasTitleBox = !!(renderTitleBox || renderFailedTitleBox);
-  var _ref5 = metadata || {},
-    mediaType = _ref5.mediaType,
-    mimeType = _ref5.mimeType,
-    name = _ref5.name,
-    createdAt = _ref5.createdAt;
-  var actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
-  var 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 var CardViewV2 = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(CardViewV2Base);

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

@@ -1,27 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
-import React from 'react';
-import { withMediaClient } from '@atlaskit/media-client-react';
-import MediaCardAnalyticsErrorBoundary from '../media-card-analytics-error-boundary';
-import { CardV2 } from './cardV2';
-export var CardWithMediaClientV2 = function CardWithMediaClientV2(props) {
-  var dimensions = props.dimensions,
-    onClick = props.onClick,
-    featureFlags = props.featureFlags;
-  var Card = React.useMemo(function () {
-    return withMediaClient(CardV2);
-  }, []);
-  var featureFlagsWithMediaCardV2 = React.useMemo(function () {
-    return _objectSpread(_objectSpread({}, 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/esm/card/v2/inlinePlayerLazyV2.js

@@ -1,23 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { lazy } from 'react';
-export var InlinePlayerLazyV2 = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-  var _yield$import, InlinePlayerV2;
-  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-v2" */
-        './inlinePlayerV2');
-      case 2:
-        _yield$import = _context.sent;
-        InlinePlayerV2 = _yield$import.InlinePlayerV2;
-        return _context.abrupt("return", {
-          default: InlinePlayerV2
-        });
-      case 5:
-      case "end":
-        return _context.stop();
-    }
-  }, _callee);
-})));