@atlaskit/media-card 78.0.7 → 78.0.9

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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
+
+- [#120561](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120561)
+  [`5bcb6ac107e75`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5bcb6ac107e75) -
+  Removed unused code in Media Card
+
 ## 78.0.7
 
 ### 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.7";
+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");
@@ -18,6 +19,7 @@ var _mediaViewer = require("@atlaskit/media-viewer");
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _errors = require("../errors");
+var _types = require("../types");
 var _document = _interopRequireDefault(require("../utils/document"));
 var _generateUniqueId = require("../utils/generateUniqueId");
 var _getDataURIDimension = require("../utils/getDataURIDimension");
@@ -29,7 +31,6 @@ var _usePrevious = require("../utils/usePrevious");
 var _viewportDetector = require("../utils/viewportDetector");
 var _cardDimensions = require("../utils/cardDimensions");
 var _cardAnalytics = require("./cardAnalytics");
-var _getCardPreview = require("./getCardPreview");
 var _cardView = require("./cardView");
 var _cardviews = require("./cardviews");
 var _inlinePlayerLazy = require("./inlinePlayerLazy");
@@ -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 ----------------------//
   //----------------------------------------------------------------//
@@ -571,7 +573,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     // Side note: We should not lazy load if the cardPreview is available from local cache,
     // in order to avoid flickers during re-mount of the component
     // CXP-2723 TODO: Create test cases for the above scenarios
-    var nativeLazyLoad = isLazyWithOverride && !isCardVisible && preview && (0, _getCardPreview.isSSRPreview)(preview);
+    var nativeLazyLoad = isLazyWithOverride && !isCardVisible && preview && (0, _types.isSSRPreview)(preview);
     // Force Media Image to always display img for SSR
     var forceSyncDisplay = !!ssr;
     var card = /*#__PURE__*/_react.default.createElement(LoadedCardView, {

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.7";
+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.7",
+        packageName: "78.0.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/types.js

@@ -3,11 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MediaCardCursor = void 0;
+exports.isSSRServerPreview = exports.isSSRPreview = exports.isSSRDataPreview = exports.isSSRClientPreview = exports.MediaCardCursor = void 0;
 /**
  * Entry Point: @atlaskit/media-card/types
  * tsconfig.entry-points.json
  */
+
+var isSSRPreview = exports.isSSRPreview = function isSSRPreview(preview) {
+  return isSSRClientPreview(preview) || isSSRServerPreview(preview) || isSSRDataPreview(preview);
+};
+var isSSRServerPreview = exports.isSSRServerPreview = function isSSRServerPreview(preview) {
+  var ssrClientSources = ['ssr-server', 'cache-ssr-server'];
+  return ssrClientSources.includes(preview.source);
+};
+var isSSRClientPreview = exports.isSSRClientPreview = function isSSRClientPreview(preview) {
+  var ssrClientSources = ['ssr-client', 'cache-ssr-client'];
+  return ssrClientSources.includes(preview.source);
+};
+var isSSRDataPreview = exports.isSSRDataPreview = function isSSRDataPreview(preview) {
+  return preview.source === 'ssr-data';
+};
 var MediaCardCursor = exports.MediaCardCursor = /*#__PURE__*/function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
   MediaCardCursor["NotReady"] = "wait";

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.7";
+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.7";
+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';
@@ -7,6 +8,7 @@ import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { MediaCardError } from '../errors';
+import { isSSRPreview } from '../types';
 import getDocument from '../utils/document';
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { resolveCardPreviewDimensions } from '../utils/getDataURIDimension';
@@ -18,7 +20,6 @@ import { usePrevious } from '../utils/usePrevious';
 import { ViewportDetector } from '../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { fireCommencedEvent, fireCopiedEvent, fireNonCriticalErrorEvent, fireOperationalEvent, fireScreenEvent } from './cardAnalytics';
-import { isSSRPreview } from './getCardPreview';
 import { CardView } from './cardView';
 import { CardViews } from './cardviews';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
@@ -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.7";
+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.7",
+      packageName: "78.0.9",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/types.js

@@ -3,6 +3,16 @@
  * tsconfig.entry-points.json
  */
 
+export const isSSRPreview = preview => isSSRClientPreview(preview) || isSSRServerPreview(preview) || isSSRDataPreview(preview);
+export const isSSRServerPreview = preview => {
+  const ssrClientSources = ['ssr-server', 'cache-ssr-server'];
+  return ssrClientSources.includes(preview.source);
+};
+export const isSSRClientPreview = preview => {
+  const ssrClientSources = ['ssr-client', 'cache-ssr-client'];
+  return ssrClientSources.includes(preview.source);
+};
+export const isSSRDataPreview = preview => preview.source === 'ssr-data';
 export let MediaCardCursor = /*#__PURE__*/function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
   MediaCardCursor["NotReady"] = "wait";

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.7";
+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.7";
+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';
@@ -12,6 +13,7 @@ import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { MediaCardError } from '../errors';
+import { isSSRPreview } from '../types';
 import getDocument from '../utils/document';
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { resolveCardPreviewDimensions } from '../utils/getDataURIDimension';
@@ -23,7 +25,6 @@ import { usePrevious } from '../utils/usePrevious';
 import { ViewportDetector } from '../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { fireCommencedEvent, fireCopiedEvent, fireNonCriticalErrorEvent, fireOperationalEvent, fireScreenEvent } from './cardAnalytics';
-import { isSSRPreview } from './getCardPreview';
 import { CardView } from './cardView';
 import { CardViews } from './cardviews';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
@@ -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.7";
+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.7",
+        packageName: "78.0.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/types.js

@@ -3,6 +3,20 @@
  * tsconfig.entry-points.json
  */
 
+export var isSSRPreview = function isSSRPreview(preview) {
+  return isSSRClientPreview(preview) || isSSRServerPreview(preview) || isSSRDataPreview(preview);
+};
+export var isSSRServerPreview = function isSSRServerPreview(preview) {
+  var ssrClientSources = ['ssr-server', 'cache-ssr-server'];
+  return ssrClientSources.includes(preview.source);
+};
+export var isSSRClientPreview = function isSSRClientPreview(preview) {
+  var ssrClientSources = ['ssr-client', 'cache-ssr-client'];
+  return ssrClientSources.includes(preview.source);
+};
+export var isSSRDataPreview = function isSSRDataPreview(preview) {
+  return preview.source === 'ssr-data';
+};
 export var MediaCardCursor = /*#__PURE__*/function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
   MediaCardCursor["NotReady"] = "wait";

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.7";
+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/types.d.ts

@@ -28,6 +28,10 @@ export interface CardPreview {
     dimensions?: CardDimensions;
     source: CardPreviewSource;
 }
+export declare const isSSRPreview: (preview: CardPreview) => boolean;
+export declare const isSSRServerPreview: (preview: CardPreview) => boolean;
+export declare const isSSRClientPreview: (preview: CardPreview) => boolean;
+export declare const isSSRDataPreview: (preview: CardPreview) => boolean;
 export declare enum MediaCardCursor {
     Action = "pointer",
     NotReady = "wait"

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/dist/types-ts4.5/types.d.ts

@@ -28,6 +28,10 @@ export interface CardPreview {
     dimensions?: CardDimensions;
     source: CardPreviewSource;
 }
+export declare const isSSRPreview: (preview: CardPreview) => boolean;
+export declare const isSSRServerPreview: (preview: CardPreview) => boolean;
+export declare const isSSRClientPreview: (preview: CardPreview) => boolean;
+export declare const isSSRDataPreview: (preview: CardPreview) => boolean;
 export declare enum MediaCardCursor {
     Action = "pointer",
     NotReady = "wait"

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';