@atlaskit/media-card 78.0.8 → 78.0.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-card
 
+## 78.0.9
+
+### Patch Changes
+
+- [#121438](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121438)
+  [`6fc64e2707215`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6fc64e2707215) -
+  Added more accurate SVG status in DOM
+- [#121438](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121438)
+  [`6fc64e2707215`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6fc64e2707215) -
+  Replaced Analytics event generator HOC by Analytics Hook event generator
+- Updated dependencies
+
 ## 78.0.8
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardBase = exports.Card = 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"));
@@ -16,7 +15,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.0.8";
+var packageVersion = "78.0.9";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -36,6 +35,6 @@ var Card = exports.Card = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardBase, {
+})((0, _reactIntlNext.injectIntl)(CardBase, {
   enforceContext: false
-})));
+}));

package/dist/cjs/card/externalImageCard.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExternalImageCard = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaViewer = require("@atlaskit/media-viewer");
@@ -52,8 +53,9 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
     shouldHideTooltip = _ref.shouldHideTooltip,
     mediaViewerItems = _ref.mediaViewerItems,
     _onClick = _ref.onClick,
-    _onMouseEnter = _ref.onMouseEnter,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    _onMouseEnter = _ref.onMouseEnter;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardDimensions = dimensions || (0, _cardDimensions.getDefaultCardDimensions)(appearance);
   var internalOccurrenceKey = (0, _react.useMemo)(function () {
     return (0, _generateUniqueId.generateUniqueId)();

package/dist/cjs/card/fileCard.js

@@ -9,6 +9,7 @@ exports.FileCard = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
 var _mediaClient = require("@atlaskit/media-client");
@@ -73,8 +74,9 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     mediaViewerItems = _ref.mediaViewerItems,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
     videoControlsWrapperRef = _ref.videoControlsWrapperRef;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
   //----------------------------------------------------------------//

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 = "78.0.8";
+var packageVersion = "78.0.9";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/svgView/svgView.js

@@ -61,6 +61,7 @@ var SvgViewBase = exports.SvgViewBase = function SvgViewBase(_ref) {
   var imgRef = (0, _react2.useRef)(null);
   var wrapperRef = (0, _react2.useRef)(null);
   var breakpoint = (0, _useBreakpoint.useBreakpoint)(cardDimensions.width, wrapperRef);
+  var svgStatus = status === 'uploading' ? status : didSvgRender ? 'complete' : 'loading-svg';
   var calculateDimensions = (0, _react2.useCallback)(function (targetImgElem) {
     if (!wrapperRef.current || !targetImgElem) {
       return;
@@ -106,7 +107,7 @@ var SvgViewBase = exports.SvgViewBase = function SvgViewBase(_ref) {
     centerElements: true,
     testId: _classnames.fileCardImageViewSelector,
     mediaName: fileName,
-    status: status,
+    status: svgStatus,
     progress: progress,
     selected: selected,
     source: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source

package/dist/cjs/inline/loader.js

@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "78.0.8",
+        packageName: "78.0.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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 packageName = "@atlaskit/media-card";
-var packageVersion = "78.0.8";
+var packageVersion = "78.0.9";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -1,5 +1,4 @@
 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';
@@ -7,7 +6,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.0.8";
+const packageVersion = "78.0.9";
 export const CardBase = ({
   identifier,
   ...otherProps
@@ -28,6 +27,6 @@ export const Card = withMediaAnalyticsContext({
   packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardBase, {
+})(injectIntl(CardBase, {
   enforceContext: false
-})));
+}));

package/dist/es2019/card/externalImageCard.js

@@ -1,3 +1,4 @@
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { getRandomHex } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
@@ -35,9 +36,11 @@ export const ExternalImageCard = ({
   shouldHideTooltip,
   mediaViewerItems,
   onClick,
-  onMouseEnter,
-  createAnalyticsEvent
+  onMouseEnter
 }) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const cardDimensions = dimensions || getDefaultCardDimensions(appearance);
   const internalOccurrenceKey = useMemo(() => generateUniqueId(), []);
   const timeElapsedTillCommenced = useMemo(() => performanceNow(), []);

package/dist/es2019/card/fileCard.js

@@ -1,3 +1,4 @@
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
 import { globalMediaEventEmitter, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState } from '@atlaskit/media-client';
@@ -55,9 +56,11 @@ export const FileCard = ({
   mediaViewerItems,
   onClick,
   onMouseEnter,
-  createAnalyticsEvent,
   videoControlsWrapperRef
 }) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
   //----------------------------------------------------------------//

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.0.8";
+const packageVersion = "78.0.9";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/svgView/svgView.js

@@ -40,6 +40,7 @@ export const SvgViewBase = ({
   const imgRef = useRef(null);
   const wrapperRef = useRef(null);
   const breakpoint = useBreakpoint(cardDimensions.width, wrapperRef);
+  const svgStatus = status === 'uploading' ? status : didSvgRender ? 'complete' : 'loading-svg';
   const calculateDimensions = useCallback(targetImgElem => {
     if (!wrapperRef.current || !targetImgElem) {
       return;
@@ -85,7 +86,7 @@ export const SvgViewBase = ({
     centerElements: true,
     testId: fileCardImageViewSelector,
     mediaName: fileName,
-    status: status,
+    status: svgStatus,
     progress: progress,
     selected: selected,
     source: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "78.0.8",
+      packageName: "78.0.9",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.0.8";
+const packageVersion = "78.0.9";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -1,7 +1,6 @@
 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';
@@ -9,7 +8,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.0.8";
+var packageVersion = "78.0.9";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -29,6 +28,6 @@ export var Card = withMediaAnalyticsContext({
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardBase, {
+})(injectIntl(CardBase, {
   enforceContext: false
-})));
+}));

package/dist/esm/card/externalImageCard.js

@@ -2,6 +2,7 @@ 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; }
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { getRandomHex } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
@@ -42,8 +43,9 @@ export var ExternalImageCard = function ExternalImageCard(_ref) {
     shouldHideTooltip = _ref.shouldHideTooltip,
     mediaViewerItems = _ref.mediaViewerItems,
     _onClick = _ref.onClick,
-    _onMouseEnter = _ref.onMouseEnter,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    _onMouseEnter = _ref.onMouseEnter;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardDimensions = dimensions || getDefaultCardDimensions(appearance);
   var internalOccurrenceKey = useMemo(function () {
     return generateUniqueId();

package/dist/esm/card/fileCard.js

@@ -3,6 +3,7 @@ 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; }
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
 import { globalMediaEventEmitter, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState } from '@atlaskit/media-client';
@@ -64,8 +65,9 @@ export var FileCard = function FileCard(_ref) {
     mediaViewerItems = _ref.mediaViewerItems,
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
     videoControlsWrapperRef = _ref.videoControlsWrapperRef;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
   //----------------------------------------------------------------//

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.0.8";
+var packageVersion = "78.0.9";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/svgView/svgView.js

@@ -53,6 +53,7 @@ export var SvgViewBase = function SvgViewBase(_ref) {
   var imgRef = useRef(null);
   var wrapperRef = useRef(null);
   var breakpoint = useBreakpoint(cardDimensions.width, wrapperRef);
+  var svgStatus = status === 'uploading' ? status : didSvgRender ? 'complete' : 'loading-svg';
   var calculateDimensions = useCallback(function (targetImgElem) {
     if (!wrapperRef.current || !targetImgElem) {
       return;
@@ -98,7 +99,7 @@ export var SvgViewBase = function SvgViewBase(_ref) {
     centerElements: true,
     testId: fileCardImageViewSelector,
     mediaName: fileName,
-    status: status,
+    status: svgStatus,
     progress: progress,
     selected: selected,
     source: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.source

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "78.0.8",
+        packageName: "78.0.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.0.8";
+var packageVersion = "78.0.9";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

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

@@ -1,7 +1,6 @@
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type CardProps } from '../types';
-export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
 export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
 export declare const Card: React.ComponentType<CardBaseProps>;

package/dist/types/card/externalImageCard.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
 import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
@@ -10,5 +9,4 @@ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps
     readonly contextId?: string;
     readonly shouldHideTooltip?: boolean;
 }
-export type ExternalImageCardBaseProps = ExternalImageCardProps & WithAnalyticsEventsProps;
-export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: ExternalImageCardBaseProps) => JSX.Element;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => JSX.Element;

package/dist/types/card/fileCard.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
@@ -49,5 +48,4 @@ export interface FileCardProps extends CardEventProps {
     /** Disable tooltip for the card */
     readonly shouldHideTooltip?: boolean;
 }
-export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, videoControlsWrapperRef, }: FileCardBaseProps) => JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, }: FileCardProps) => JSX.Element;

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

@@ -1,7 +1,6 @@
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type CardProps } from '../types';
-export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export type CardBaseProps = CardProps & Partial<WrappedComponentProps>;
 export declare const CardBase: ({ identifier, ...otherProps }: CardBaseProps & WrappedComponentProps) => JSX.Element;
 export declare const Card: React.ComponentType<CardBaseProps>;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
 import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
@@ -10,5 +9,4 @@ export interface ExternalImageCardProps extends SharedCardProps, CardEventProps
     readonly contextId?: string;
     readonly shouldHideTooltip?: boolean;
 }
-export type ExternalImageCardBaseProps = ExternalImageCardProps & WithAnalyticsEventsProps;
-export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, }: ExternalImageCardBaseProps) => JSX.Element;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, }: ExternalImageCardProps) => JSX.Element;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../types';
@@ -49,5 +48,4 @@ export interface FileCardProps extends CardEventProps {
     /** Disable tooltip for the card */
     readonly shouldHideTooltip?: boolean;
 }
-export type FileCardBaseProps = FileCardProps & WithAnalyticsEventsProps;
-export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, createAnalyticsEvent, videoControlsWrapperRef, }: FileCardBaseProps) => JSX.Element;
+export declare const FileCard: ({ appearance, resizeMode, isLazy, disableOverlay, featureFlags, identifier, ssr, dimensions, originalDimensions, contextId, alt, actions, shouldEnableDownloadButton, useInlinePlayer, shouldOpenMediaViewer, onFullscreenChange, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, videoControlsWrapperRef, }: FileCardProps) => JSX.Element;

package/example-helpers/index.tsx

@@ -3,12 +3,14 @@
 import React, { type PropsWithChildren } from 'react';
 import { type FileItem, type Identifier } from '@atlaskit/media-client';
 import {
-	createPollingMaxAttemptsError,
-	createRateLimitedError,
 	createStorybookMediaClientConfig,
 	enableMediaUfoLogger,
 	FeatureFlagsWrapper,
 } from '@atlaskit/media-test-helpers';
+import {
+	createPollingMaxAttemptsError,
+	createRateLimitedError,
+} from '@atlaskit/media-client/test-helpers';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import FabricAnalyticsListeners, { type AnalyticsWebClient } from '@atlaskit/analytics-listeners';
 import { payloadPublisher } from '@atlassian/ufo';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "78.0.8",
+	"version": "78.0.9",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.55.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@atlaskit/ufo-interaction-ignore": "^1.1.0",
@@ -79,7 +79,7 @@
 		"@atlaskit/media-picker": "^66.4.0",
 		"@atlaskit/media-state": "^1.1.0",
 		"@atlaskit/media-test-data": "^2.3.0",
-		"@atlaskit/media-test-helpers": "^33.0.0",
+		"@atlaskit/media-test-helpers": "^34.0.0",
 		"@atlaskit/radio": "^6.4.0",
 		"@atlaskit/range": "^7.3.0",
 		"@atlaskit/ssr": "*",