@atlaskit/media-card 77.12.4 → 78.0.1

package/dist/types-ts4.5/card/inlinePlayer.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { Component } from 'react';
-import { type MediaClient, type FileIdentifier, type FileState, type MediaFileArtifacts, type MediaSubscription } from '@atlaskit/media-client';
+import { type FileIdentifier, type FileState, type MediaFileArtifacts } from '@atlaskit/media-client';
 import { type NumericalCardDimensions } from '@atlaskit/media-common';
 import { type CardDimensions } from '../types';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { CardPreview } from '../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;
-    mediaClient: MediaClient;
     dimensions?: CardDimensions;
     originalDimensions?: NumericalCardDimensions;
     autoplay: boolean;
@@ -21,33 +19,6 @@ export interface InlinePlayerOwnProps {
     readonly videoControlsWrapperRef?: React.Ref<HTMLDivElement>;
 }
 export type InlinePlayerProps = InlinePlayerOwnProps & WithAnalyticsEventsProps;
-export interface InlinePlayerState {
-    fileSrc?: string;
-    isUploading?: boolean;
-    progress?: number;
-    elementWidth?: number;
-}
 export declare const getPreferredVideoArtifact: (fileState: FileState) => keyof MediaFileArtifacts | undefined;
-export declare class InlinePlayerBase extends Component<InlinePlayerProps, InlinePlayerState> {
-    subscription?: MediaSubscription;
-    state: InlinePlayerState;
-    divRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: {
-        dimensions: {
-            width: number;
-            height: number;
-        };
-    };
-    componentDidMount(): void;
-    setFileSrc: (fileSrc: string) => void;
-    setBinaryURL: () => Promise<void>;
-    unsubscribe: () => void;
-    revoke: () => void;
-    componentWillUnmount(): void;
-    onDownloadClick: () => void;
-    onFirstPlay: () => void;
-    private get breakpoint();
-    saveElementWidth: () => void;
-    render(): JSX.Element;
-}
+export declare const InlinePlayerBase: ({ identifier, onError, onClick, dimensions, originalDimensions, selected, testId, forwardRef, autoplay, cardPreview, onFullscreenChange, videoControlsWrapperRef, }: InlinePlayerProps) => JSX.Element;
 export declare const InlinePlayer: React.ForwardRefExoticComponent<Pick<InlinePlayerProps, "createAnalyticsEvent" | keyof InlinePlayerOwnProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/card/{v2/svgView → svgView}/errors.d.ts

@@ -1,3 +1,3 @@
 import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
-import { type SvgPrimaryReason } from '../../../errors';
+import { type SvgPrimaryReason } from '../../errors';
 export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;

package/dist/{types/card/v2 → types-ts4.5/card}/svgView/svgView.d.ts

@@ -3,9 +3,9 @@ import { jsx } from '@emotion/react';
 import React, { type MouseEvent } from 'react';
 import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type CardStatus, type MediaCardCursor, type CardDimensions } from '../../../types';
+import { type CardStatus, type MediaCardCursor, type CardDimensions } from '../../types';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
-import { MediaCardError } from '../../../errors';
+import { MediaCardError } from '../../errors';
 export declare const convertResizeMode: (resizeMode?: ImageResizeMode) => React.CSSProperties['objectFit'];
 export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
 export interface SvgViewBaseOwnProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "77.12.4",
+	"version": "78.0.1",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,8 +47,8 @@
 		"@atlaskit/media-svg": "^0.1.3",
 		"@atlaskit/media-ui": "^25.10.0",
 		"@atlaskit/media-viewer": "^48.6.0",
-		"@atlaskit/platform-feature-flags": "^0.2.2",
-		"@atlaskit/primitives": "^9.0.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/primitives": "^10.0.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/tokens": "^1.53.0",
@@ -102,9 +102,6 @@
 		"wait-for-expect": "^1.2.0"
 	},
 	"platform-feature-flags": {
-		"platform.media-experience.cardv2_7zann": {
-			"type": "boolean"
-		},
 		"platform.media-experience.card-views-refactor_b91lr": {
 			"type": "boolean"
 		},

package/dist/cjs/card/cardSwitcher.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _cardLoader = _interopRequireDefault(require("./cardLoader"));
-var _cardV2Loader = _interopRequireDefault(require("./v2/cardV2Loader"));
-function CardSwitcher(props) {
-  return (0, _platformFeatureFlags.getBooleanFF)('platform.media-experience.cardv2_7zann') ? /*#__PURE__*/_react.default.createElement(_cardV2Loader.default, props) : /*#__PURE__*/_react.default.createElement(_cardLoader.default, props);
-}
-var _default = exports.default = CardSwitcher;

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

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardV2Base = exports.CardV2 = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _mediaClient = require("@atlaskit/media-client");
-var _mediaCommon = require("@atlaskit/media-common");
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _externalImageCard = require("./externalImageCard");
-var _fileCard = require("./fileCard");
-var _excluded = ["identifier"];
-var packageName = "@atlaskit/media-card";
-var packageVersion = "77.12.4";
-var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
-  var identifier = _ref.identifier,
-    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var innerContent = (0, _mediaClient.isFileIdentifier)(identifier) ? /*#__PURE__*/_react.default.createElement(_fileCard.FileCard, (0, _extends2.default)({}, otherProps, {
-    identifier: identifier,
-    key: identifier.id
-  })) : /*#__PURE__*/_react.default.createElement(_externalImageCard.ExternalImageCard, (0, _extends2.default)({}, otherProps, {
-    identifier: identifier,
-    key: identifier.dataURI
-  }));
-  return otherProps.intl ? innerContent : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
-    locale: "en"
-  }, innerContent);
-};
-var CardV2 = exports.CardV2 = (0, _mediaCommon.withMediaAnalyticsContext)({
-  packageVersion: packageVersion,
-  packageName: packageName,
-  componentName: 'mediaCard',
-  component: 'mediaCard'
-})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardV2Base, {
-  enforceContext: false
-})));

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

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _cardLoading = require("../../utils/lightCards/cardLoading");
-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" != (0, _typeof2.default)(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 MediaCardContext = /*#__PURE__*/_react.default.createContext({});
-var CardLoadingWithContext = function CardLoadingWithContext() {
-  var props = (0, _react.useContext)(MediaCardContext);
-  return /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, props);
-};
-var MediaCardWithMediaClientProvider = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-card-with-media-client-v2" */'./cardWithMediaClientV2'));
-    }).then(function (mod) {
-      return mod.CardWithMediaClientV2;
-    });
-  },
-  loading: function loading() {
-    return /*#__PURE__*/_react.default.createElement(CardLoadingWithContext, null);
-  }
-});
-var CardLoader = function CardLoader(props) {
-  return /*#__PURE__*/_react.default.createElement(MediaCardContext.Provider, {
-    value: props
-  }, /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClientProvider, props));
-};
-var _default = exports.default = CardLoader;

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

@@ -1,298 +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.CardViewV2Base = exports.CardViewV2 = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _mediaUi = require("@atlaskit/media-ui");
-var _analytics = require("../../utils/analytics");
-var _actions = require("../actions");
-var _imageRenderer = require("../ui/imageRenderer/imageRenderer");
-var _titleBox = require("../ui/titleBox/titleBox");
-var _failedTitleBox = require("../ui/titleBox/failedTitleBox");
-var _progressBar = require("../ui/progressBar/progressBar");
-var _playButton = require("../ui/playButton/playButton");
-var _tickBox = require("../ui/tickBox/tickBox");
-var _blanket = require("../ui/blanket/blanket");
-var _actionsBar = require("../ui/actionsBar/actionsBar");
-var _iconWrapper = require("../ui/iconWrapper/iconWrapper");
-var _iconMessage2 = require("../ui/iconMessage");
-var _errors = require("../../errors");
-var _wrapper = require("../ui/wrapper");
-var _classnames = require("../classnames");
-var _useBreakpoint = require("../useBreakpoint");
-var _openMediaViewerButton = _interopRequireDefault(require("../ui/openMediaViewerButton/openMediaViewerButton"));
-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; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var CardViewV2Base = exports.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 = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    didImageRender = _useState2[0],
-    setDidImageRender = _useState2[1];
-  var divRef = (0, _react2.useRef)(null);
-  var prevCardPreviewRef = (0, _react2.useRef)();
-  var breakpoint = (0, _useBreakpoint.useBreakpoint)(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  (0, _react2.useEffect)(function () {
-    innerRef && !!divRef.current && innerRef(divRef.current);
-  }, [innerRef]);
-  (0, _react2.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 ? (0, _react.jsx)(_iconMessage2.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 ((0, _errors.isRateLimitedError)(secondaryError) || (0, _errors.isPollingError)(secondaryError)) {
-          _iconMessage = (0, _react.jsx)(_iconMessage2.PreviewCurrentlyUnavailable, null);
-        } else if ((0, _errors.isUploadError)(error)) {
-          _iconMessage = (0, _react.jsx)(_iconMessage2.FailedToUpload, null);
-          _customTitleMessage = _mediaUi.messages.failed_to_upload;
-        } else if (!metadata) {
-          _iconMessage = (0, _react.jsx)(_iconMessage2.FailedToLoad, null);
-        } else {
-          _iconMessage = (0, _react.jsx)(_iconMessage2.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 ? (0, _actions.attachDetailsToActions)(actions, metadata) : [];
-  var contents = (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)(_wrapper.ImageContainer, {
-    testId: _classnames.fileCardImageViewSelector,
-    mediaName: name,
-    status: status,
-    progress: progress,
-    selected: selected,
-    source: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source
-  }, renderTypeIcon && (0, _react.jsx)(_iconWrapper.IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, (0, _react.jsx)(_mimeTypeIcon.MimeTypeIcon, {
-    testId: "media-card-file-type-icon",
-    mediaType: mediaType,
-    mimeType: mimeType,
-    name: name
-  }), iconMessage), renderSpinner && (0, _react.jsx)(_iconWrapper.IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, (0, _react.jsx)(_spinner.default, {
-    testId: "media-card-loading",
-    interactionName: "media-card-loading"
-  })), renderImageRenderer && !!cardPreview && (0, _react.jsx)(_imageRenderer.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 && (0, _react.jsx)(_iconWrapper.IconWrapper, {
-    breakpoint: breakpoint,
-    hasTitleBox: hasTitleBox
-  }, (0, _react.jsx)(_playButton.PlayButton, null)), renderBlanket && (0, _react.jsx)(_blanket.Blanket, {
-    isFixed: isFixedBlanket
-  }), renderTitleBox && name && (0, _react.jsx)(_titleBox.TitleBox, {
-    name: name,
-    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
-    breakpoint: breakpoint,
-    titleBoxIcon: titleBoxIcon,
-    titleBoxBgColor: titleBoxBgColor
-  }), renderFailedTitleBox && (0, _react.jsx)(_failedTitleBox.FailedTitleBox, {
-    breakpoint: breakpoint,
-    customMessage: customTitleMessage
-  }), renderProgressBar && (0, _react.jsx)(_progressBar.ProgressBar, {
-    progress: progress,
-    breakpoint: breakpoint,
-    positionBottom: !hasTitleBox
-  }), renderTickBox && (0, _react.jsx)(_tickBox.TickBox, {
-    selected: selected
-  })), disableOverlay || !actions || actions.length === 0 ? null : (0, _react.jsx)(_actionsBar.ActionsBar, {
-    filename: name,
-    actions: actionsWithDetails
-  }));
-  return (0, _react.jsx)(_react2.default.Fragment, null, shouldOpenMediaViewer && (0, _react.jsx)(_openMediaViewerButton.default, {
-    fileName: name !== null && name !== void 0 ? name : '',
-    innerRef: openMediaViewerButtonRef,
-    onClick: onClick
-  }), (0, _react.jsx)(_wrapper.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 ? (0, _react.jsx)(_tooltip.default, {
-    content: name,
-    position: "bottom",
-    tag: "div"
-  }, contents) : contents));
-};
-var CardViewV2 = exports.CardViewV2 = (0, _analyticsNext.withAnalyticsEvents)({
-  onClick: (0, _analytics.createAndFireMediaCardEvent)({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'mediaCard',
-    attributes: {}
-  })
-})(CardViewV2Base);

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

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardWithMediaClientV2 = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _mediaCardAnalyticsErrorBoundary = _interopRequireDefault(require("../media-card-analytics-error-boundary"));
-var _cardV = require("./cardV2");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CardWithMediaClientV2 = exports.CardWithMediaClientV2 = function CardWithMediaClientV2(props) {
-  var dimensions = props.dimensions,
-    onClick = props.onClick,
-    featureFlags = props.featureFlags;
-  var Card = _react.default.useMemo(function () {
-    return (0, _mediaClientReact.withMediaClient)(_cardV.CardV2);
-  }, []);
-  var featureFlagsWithMediaCardV2 = _react.default.useMemo(function () {
-    return _objectSpread(_objectSpread({}, featureFlags), {}, {
-      mediaCardV2: true //used for analytics - internal use only
-    });
-  }, [featureFlags]);
-  return /*#__PURE__*/_react.default.createElement(_mediaCardAnalyticsErrorBoundary.default, {
-    dimensions: dimensions,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(Card, (0, _extends2.default)({}, props, {
-    featureFlags: featureFlagsWithMediaCardV2
-  })));
-};

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

@@ -1,35 +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.InlinePlayerLazyV2 = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = require("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 InlinePlayerLazyV2 = exports.InlinePlayerLazyV2 = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-  var _yield$import, InlinePlayerV2;
-  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( /* 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);
-})));