@atlaskit/media-card 79.13.0 → 79.13.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/media-card
 
+## 79.13.2
+
+### Patch Changes
+
+- [`b611e9165d122`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b611e9165d122) -
+  Correlate auth provider analytics events with MediaCardRender events by emitting them when card
+  reaches final state, ensuring accurate correlation after HTTP retries.
+- [`c09b399aeb198`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c09b399aeb198) -
+  Fix edge cases of ssrReliability remaining unknown
+- Updated dependencies
+
+## 79.13.1
+
+### Patch Changes
+
+- [`71b895a2fd401`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71b895a2fd401) -
+  Fixed the timing of ssr succeded to use resourceTimingEntry instead of mount time
+- Updated dependencies
+
 ## 79.13.0
 
 ### Minor Changes

package/dist/cjs/card/card.js

@@ -15,14 +15,12 @@ var _reactIntlNext = require("react-intl-next");
 var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _mediaPerformanceObserver = require("../utils/mediaPerformanceObserver/mediaPerformanceObserver");
-var _analytics = require("../utils/analytics");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.13.0";
+var packageVersion = "79.13.1";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -50,32 +48,6 @@ var CardWithPerformanceObserver = exports.CardWithPerformanceObserver = function
   (0, _react.useEffect)(function () {
     (0, _mediaPerformanceObserver.setAnalyticsContext)(createAnalyticsEvent);
   }, [createAnalyticsEvent]);
-
-  // Auth provider analytics listener
-  (0, _react.useEffect)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_media_auth_provider_analytics')) {
-      return;
-    }
-
-    // Sample auth-provider-succeeded events at 10%
-    var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
-      return Math.random() < 0.1;
-    };
-    var onAuthSuccess = function onAuthSuccess(payload) {
-      if (shouldSampleAuthProviderSucceeded()) {
-        (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderSucceededPayload)(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
-      }
-    };
-    var onAuthFailed = function onAuthFailed(payload) {
-      (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderFailedPayload)(payload.durationMs, payload.timeoutMs, payload.error, payload.authContext), createAnalyticsEvent);
-    };
-    _mediaClient.globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
-    _mediaClient.globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
-    return function () {
-      _mediaClient.globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
-      _mediaClient.globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
-    };
-  }, [createAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(CardBase, props);
 };
 var Card = exports.Card = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/fileCard.js

@@ -30,6 +30,7 @@ var _usePrevious = require("../utils/usePrevious");
 var _viewportDetector = require("../utils/viewportDetector");
 var _cardDimensions = require("../utils/cardDimensions");
 var _cardAnalytics = require("./cardAnalytics");
+var _analytics = require("../utils/analytics");
 var _cardView = require("./cardView");
 var _inlinePlayerLazy = require("./inlinePlayerLazy");
 var _mediaFilePreview = require("@atlaskit/media-file-preview");
@@ -242,6 +243,9 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     mediaViewerSelectedItem = _useState16[0],
     setMediaViewerSelectedItem = _useState16[1];
   var uploadProgressRef = (0, _react.useRef)();
+
+  // Store latest auth provider event (emit with fireOperationalEventRef)
+  var pendingAuthProviderEventRef = (0, _react.useRef)(null);
   var metadata = (0, _react.useMemo)(function () {
     var getProcessingStatusFromFileState = function getProcessingStatusFromFileState(status) {
       switch (status) {
@@ -354,10 +358,31 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     };
     createAnalyticsEvent && (0, _cardAnalytics.fireOperationalEvent)(createAnalyticsEvent, finalStatus, fileAttributes, performanceAttributes, ssrReliability, finalError, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
 
+    // Emit stored auth provider events when card reaches final state
+    if (createAnalyticsEvent && pendingAuthProviderEventRef.current && ['complete', 'error', 'failed-processing'].includes(finalStatus) && (0, _platformFeatureFlags.fg)('platform_media_auth_provider_analytics')) {
+      var authEvent = pendingAuthProviderEventRef.current;
+      // Sample auth-provider-succeeded events at 10%
+      var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
+        return Math.random() < 0.1;
+      };
+      if (authEvent.type === 'succeeded') {
+        // Emit success events when card completes (or errors - auth can succeed even if card fails)
+        if (shouldSampleAuthProviderSucceeded()) {
+          (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderSucceededPayload)(authEvent.payload.durationMs, authEvent.payload.timeoutMs, authEvent.payload.authContext), createAnalyticsEvent);
+        }
+      } else if (authEvent.type === 'failed') {
+        // Always emit failed events (no sampling)
+        (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderFailedPayload)(authEvent.payload.durationMs, authEvent.payload.timeoutMs, authEvent.payload.error, authEvent.payload.authContext), createAnalyticsEvent);
+      }
+      pendingAuthProviderEventRef.current = null;
+    }
     // Determine SSR preview info for UFO timing strategy
-    // wasSSRAttempted is only true when SSR was used AND preview is non-lazy
+    // wasSSRAttempted is only true when SSR was used AND preview exists AND preview is non-lazy
     // because lazy SSR defers loading, so it behaves like CSR for timing purposes
-    var isSSRNonLazy = !!ssr && (preview === null || preview === void 0 ? void 0 : preview.lazy) !== true;
+    // We also require preview to exist to avoid false positives when:
+    // 1. ssr='client' but no SSR data exists (client-side navigation)
+    // 2. Non-previewable files (e.g., zip files) where no preview is generated
+    var isSSRNonLazy = !!ssr && !!preview && preview.lazy !== true;
     var wasSSRSuccessful = isSSRNonLazy && (((_ssrReliability$serve = ssrReliability.server) === null || _ssrReliability$serve === void 0 ? void 0 : _ssrReliability$serve.status) === 'success' || ((_ssrReliability$clien = ssrReliability.client) === null || _ssrReliability$clien === void 0 ? void 0 : _ssrReliability$clien.status) === 'success');
     var ssrPreviewInfo = {
       dataUri: preview === null || preview === void 0 ? void 0 : preview.dataURI,
@@ -392,6 +417,33 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     });
   });
 
+  // Listen to auth provider events and store them (don't emit yet)
+  (0, _react.useEffect)(function () {
+    if (!(0, _platformFeatureFlags.fg)('platform_media_auth_provider_analytics')) {
+      return;
+    }
+    var onAuthSuccess = function onAuthSuccess(payload) {
+      // Store latest auth provider event for later emission when card status changes
+      pendingAuthProviderEventRef.current = {
+        type: 'succeeded',
+        payload: payload
+      };
+    };
+    var onAuthFailed = function onAuthFailed(payload) {
+      // Store latest auth provider event for later emission when card status changes
+      pendingAuthProviderEventRef.current = {
+        type: 'failed',
+        payload: payload
+      };
+    };
+    _mediaClient.globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
+    _mediaClient.globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
+    return function () {
+      _mediaClient.globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
+      _mediaClient.globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
+    };
+  }, []);
+
   //----------------------------------------------------------------//
   //--------------------- Handling Errors---------------------------//
   //----------------------------------------------------------------//

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

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.13.0";
+var packageVersion = "79.13.1";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/ui/titleBox/titleBox.js

@@ -41,7 +41,6 @@ var TitleBox = exports.TitleBox = (0, _reactIntlNext.injectIntl)(function (_ref)
   }, createdAt !== undefined && isValidTimestamp(createdAt) ? (0, _formatDate.formatDate)(createdAt, (_intl$locale = intl === null || intl === void 0 ? void 0 : intl.locale) !== null && _intl$locale !== void 0 ? _intl$locale : 'en') : placeholderText), titleBoxIcon === 'LockFilledIcon' && /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxIcon, null, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
     color: "currentColor",
     label: "",
-    LEGACY_size: "small",
     size: "small"
   })));
 }, {

package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js

@@ -78,7 +78,6 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
       }, /*#__PURE__*/React.createElement(_statusWarning.default, {
         label: "Error",
         color: "var(--ds-icon-warning, ".concat(_colors.Y500, ")"),
-        LEGACY_size: "medium",
         spacing: "spacious"
       }), /*#__PURE__*/React.createElement(_contentLoadingErrorMessage.ContentLoadingErrorMessage, {
         isHidden: hideText

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/lightCards/cardError.js

@@ -11,7 +11,6 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _errorIcon = require("./errorIcon");
 var _lightCardWrappers = require("./lightCardWrappers");
@@ -36,13 +35,7 @@ var CardError = exports.CardError = /*#__PURE__*/function (_Component) {
   }, {
     key: "icon",
     get: function get() {
-      var size = this.props.size;
-      return /*#__PURE__*/_react.default.createElement(_errorIcon.ErrorIcon, {
-        size: size
-      });
+      return /*#__PURE__*/_react.default.createElement(_errorIcon.ErrorIcon, null);
     }
   }]);
-}(_react.Component);
-(0, _defineProperty2.default)(CardError, "defaultProps", {
-  size: 'medium'
-});
+}(_react.Component);

package/dist/cjs/utils/lightCards/errorIcon/index.js

@@ -11,7 +11,6 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
@@ -31,20 +30,15 @@ var ErrorIcon = exports.ErrorIcon = /*#__PURE__*/function (_Component) {
   return (0, _createClass2.default)(ErrorIcon, [{
     key: "render",
     value: function render() {
-      var size = this.props.size;
       return (
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         (0, _react2.jsx)("div", {
           css: _styles.errorIconWrapperStyles
         }, (0, _react2.jsx)(_statusWarning.default, {
           color: "currentColor",
-          label: "Error",
-          LEGACY_size: size
+          label: "Error"
         }))
       );
     }
   }]);
-}(_react.Component);
-(0, _defineProperty2.default)(ErrorIcon, "defaultProps", {
-  size: 'small'
-});
+}(_react.Component);

package/dist/cjs/utils/ufoExperiences.js

@@ -19,7 +19,7 @@ var _globalScope = require("./globalScope/globalScope");
 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 = "79.13.0";
+var packageVersion = "79.13.1";
 var SAMPLE_RATE = 0.05;
 
 /**
@@ -284,10 +284,12 @@ var useMediaCardUfoExperience = exports.useMediaCardUfoExperience = function use
     var experience = createExperience(instanceId, timingsConfig);
     experienceRef.current = experience;
     experience.start(startTimeRef.current);
+    var endTime = performance.now();
 
     // Add timing marks and metadata based on strategy
     if (ssrPreviewInfo !== null && ssrPreviewInfo !== void 0 && ssrPreviewInfo.wasSSRSuccessful && ssrPreviewInfo.dataUri) {
       if (resourceTimingEntry) {
+        endTime = resourceTimingEntry.responseEnd;
         addResourceTimingMarks(experience, resourceTimingEntry, interactionStartTime, 'ssr');
         experience.addMetadata(_objectSpread(_objectSpread({}, createResourceTimingMetadata(resourceTimingEntry)), {}, {
           timingStrategy: 'ssr-resource-timing'
@@ -315,13 +317,12 @@ var useMediaCardUfoExperience = exports.useMediaCardUfoExperience = function use
     var sanitisedFileAttributes = sanitiseFileAttributes(fileAttributes);
     switch (status) {
       case 'complete':
-        experience.success({
-          metadata: _objectSpread({
-            fileAttributes: sanitisedFileAttributes,
-            ssrReliability: ssrReliability,
-            fileStateFlags: fileStateFlags
-          }, getBasePayloadAttributes())
-        });
+        experience.addMetadata(_objectSpread({
+          fileAttributes: sanitisedFileAttributes,
+          ssrReliability: ssrReliability,
+          fileStateFlags: fileStateFlags
+        }, getBasePayloadAttributes()));
+        experience.transition(_ufo.UFOExperienceState.SUCCEEDED, endTime);
         break;
       case 'failed-processing':
         experience.failure({

package/dist/es2019/card/card.js

@@ -1,17 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { isFileIdentifier, globalMediaEventEmitter } from '@atlaskit/media-client';
+import { isFileIdentifier } from '@atlaskit/media-client';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import React, { useEffect } from 'react';
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerformanceObserver/mediaPerformanceObserver';
-import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.13.0";
+const packageVersion = "79.13.1";
 export const CardBase = ({
   identifier,
   ...otherProps
@@ -41,30 +39,6 @@ export const CardWithPerformanceObserver = props => {
   useEffect(() => {
     setAnalyticsContext(createAnalyticsEvent);
   }, [createAnalyticsEvent]);
-
-  // Auth provider analytics listener
-  useEffect(() => {
-    if (!fg('platform_media_auth_provider_analytics')) {
-      return;
-    }
-
-    // Sample auth-provider-succeeded events at 10%
-    const shouldSampleAuthProviderSucceeded = () => Math.random() < 0.1;
-    const onAuthSuccess = payload => {
-      if (shouldSampleAuthProviderSucceeded()) {
-        fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
-      }
-    };
-    const onAuthFailed = payload => {
-      fireMediaCardEvent(getAuthProviderFailedPayload(payload.durationMs, payload.timeoutMs, payload.error, payload.authContext), createAnalyticsEvent);
-    };
-    globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
-    globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
-    return () => {
-      globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
-      globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
-    };
-  }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(CardBase, props);
 };
 export const Card = withMediaAnalyticsContext({

package/dist/es2019/card/fileCard.js

@@ -17,6 +17,7 @@ import { usePrevious } from '../utils/usePrevious';
 import { ViewportDetector } from '../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { fireNonCriticalErrorEvent, fireOperationalEvent, fireDownloadSucceededEvent, fireDownloadFailedEvent } from './cardAnalytics';
+import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { CardView } from './cardView';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
 import { useFilePreview } from '@atlaskit/media-file-preview';
@@ -195,6 +196,9 @@ export const FileCard = ({
   const finalStatus = finalError ? 'error' : status === 'failed-processing' && (fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.mimeType) === 'image/svg+xml' ? 'loading-preview' : status;
   const [mediaViewerSelectedItem, setMediaViewerSelectedItem] = useState(null);
   const uploadProgressRef = useRef();
+
+  // Store latest auth provider event (emit with fireOperationalEventRef)
+  const pendingAuthProviderEventRef = useRef(null);
   const metadata = useMemo(() => {
     const getProcessingStatusFromFileState = status => {
       switch (status) {
@@ -275,10 +279,29 @@ export const FileCard = ({
     };
     createAnalyticsEvent && fireOperationalEvent(createAnalyticsEvent, finalStatus, fileAttributes, performanceAttributes, ssrReliability, finalError, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
 
+    // Emit stored auth provider events when card reaches final state
+    if (createAnalyticsEvent && pendingAuthProviderEventRef.current && ['complete', 'error', 'failed-processing'].includes(finalStatus) && fg('platform_media_auth_provider_analytics')) {
+      const authEvent = pendingAuthProviderEventRef.current;
+      // Sample auth-provider-succeeded events at 10%
+      const shouldSampleAuthProviderSucceeded = () => Math.random() < 0.1;
+      if (authEvent.type === 'succeeded') {
+        // Emit success events when card completes (or errors - auth can succeed even if card fails)
+        if (shouldSampleAuthProviderSucceeded()) {
+          fireMediaCardEvent(getAuthProviderSucceededPayload(authEvent.payload.durationMs, authEvent.payload.timeoutMs, authEvent.payload.authContext), createAnalyticsEvent);
+        }
+      } else if (authEvent.type === 'failed') {
+        // Always emit failed events (no sampling)
+        fireMediaCardEvent(getAuthProviderFailedPayload(authEvent.payload.durationMs, authEvent.payload.timeoutMs, authEvent.payload.error, authEvent.payload.authContext), createAnalyticsEvent);
+      }
+      pendingAuthProviderEventRef.current = null;
+    }
     // Determine SSR preview info for UFO timing strategy
-    // wasSSRAttempted is only true when SSR was used AND preview is non-lazy
+    // wasSSRAttempted is only true when SSR was used AND preview exists AND preview is non-lazy
     // because lazy SSR defers loading, so it behaves like CSR for timing purposes
-    const isSSRNonLazy = !!ssr && (preview === null || preview === void 0 ? void 0 : preview.lazy) !== true;
+    // We also require preview to exist to avoid false positives when:
+    // 1. ssr='client' but no SSR data exists (client-side navigation)
+    // 2. Non-previewable files (e.g., zip files) where no preview is generated
+    const isSSRNonLazy = !!ssr && !!preview && preview.lazy !== true;
     const wasSSRSuccessful = isSSRNonLazy && (((_ssrReliability$serve = ssrReliability.server) === null || _ssrReliability$serve === void 0 ? void 0 : _ssrReliability$serve.status) === 'success' || ((_ssrReliability$clien = ssrReliability.client) === null || _ssrReliability$clien === void 0 ? void 0 : _ssrReliability$clien.status) === 'success');
     const ssrPreviewInfo = {
       dataUri: preview === null || preview === void 0 ? void 0 : preview.dataURI,
@@ -313,6 +336,33 @@ export const FileCard = ({
     });
   });
 
+  // Listen to auth provider events and store them (don't emit yet)
+  useEffect(() => {
+    if (!fg('platform_media_auth_provider_analytics')) {
+      return;
+    }
+    const onAuthSuccess = payload => {
+      // Store latest auth provider event for later emission when card status changes
+      pendingAuthProviderEventRef.current = {
+        type: 'succeeded',
+        payload
+      };
+    };
+    const onAuthFailed = payload => {
+      // Store latest auth provider event for later emission when card status changes
+      pendingAuthProviderEventRef.current = {
+        type: 'failed',
+        payload
+      };
+    };
+    globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
+    globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
+    return () => {
+      globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
+      globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
+    };
+  }, []);
+
   //----------------------------------------------------------------//
   //--------------------- Handling Errors---------------------------//
   //----------------------------------------------------------------//

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 = "79.13.0";
+const packageVersion = "79.13.1";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/ui/titleBox/titleBox.js

@@ -33,7 +33,6 @@ export const TitleBox = injectIntl(({
   }, createdAt !== undefined && isValidTimestamp(createdAt) ? formatDate(createdAt, (_intl$locale = intl === null || intl === void 0 ? void 0 : intl.locale) !== null && _intl$locale !== void 0 ? _intl$locale : 'en') : placeholderText), titleBoxIcon === 'LockFilledIcon' && /*#__PURE__*/React.createElement(TitleBoxIcon, null, /*#__PURE__*/React.createElement(LockFilledIcon, {
     color: "currentColor",
     label: "",
-    LEGACY_size: "small",
     size: "small"
   })));
 }, {

package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js

@@ -49,7 +49,6 @@ export class UnhandledErrorCard extends Component {
     }, /*#__PURE__*/React.createElement(WarningIcon, {
       label: "Error",
       color: `var(--ds-icon-warning, ${Y500})`,
-      LEGACY_size: "medium",
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement(ContentLoadingErrorMessage, {
       isHidden: hideText

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

package/dist/es2019/utils/lightCards/cardError.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
 import { ErrorIcon } from './errorIcon';
@@ -12,14 +11,6 @@ export class CardError extends Component {
     }, this.icon);
   }
   get icon() {
-    const {
-      size
-    } = this.props;
-    return /*#__PURE__*/React.createElement(ErrorIcon, {
-      size: size
-    });
+    return /*#__PURE__*/React.createElement(ErrorIcon, null);
   }
-}
-_defineProperty(CardError, "defaultProps", {
-  size: 'medium'
-});
+}

package/dist/es2019/utils/lightCards/errorIcon/index.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -11,21 +10,14 @@ import WarningIcon from '@atlaskit/icon/core/status-warning';
 import { errorIconWrapperStyles } from './styles';
 export class ErrorIcon extends Component {
   render() {
-    const {
-      size
-    } = this.props;
     return (
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       jsx("div", {
         css: errorIconWrapperStyles
       }, jsx(WarningIcon, {
         color: "currentColor",
-        label: "Error",
-        LEGACY_size: size
+        label: "Error"
       }))
     );
   }
-}
-_defineProperty(ErrorIcon, "defaultProps", {
-  size: 'small'
-});
+}

package/dist/es2019/utils/ufoExperiences.js

@@ -2,13 +2,14 @@ import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience } from '@atlaskit/ufo';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import isValidId from 'uuid-validate';
+import { UFOExperienceState } from '@atlaskit/ufo';
 import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.13.0";
+const packageVersion = "79.13.1";
 const SAMPLE_RATE = 0.05;
 
 /**
@@ -261,10 +262,12 @@ export const useMediaCardUfoExperience = ({
     const experience = createExperience(instanceId, timingsConfig);
     experienceRef.current = experience;
     experience.start(startTimeRef.current);
+    let endTime = performance.now();
 
     // Add timing marks and metadata based on strategy
     if (ssrPreviewInfo !== null && ssrPreviewInfo !== void 0 && ssrPreviewInfo.wasSSRSuccessful && ssrPreviewInfo.dataUri) {
       if (resourceTimingEntry) {
+        endTime = resourceTimingEntry.responseEnd;
         addResourceTimingMarks(experience, resourceTimingEntry, interactionStartTime, 'ssr');
         experience.addMetadata({
           ...createResourceTimingMetadata(resourceTimingEntry),
@@ -293,14 +296,13 @@ export const useMediaCardUfoExperience = ({
     const sanitisedFileAttributes = sanitiseFileAttributes(fileAttributes);
     switch (status) {
       case 'complete':
-        experience.success({
-          metadata: {
-            fileAttributes: sanitisedFileAttributes,
-            ssrReliability,
-            fileStateFlags,
-            ...getBasePayloadAttributes()
-          }
+        experience.addMetadata({
+          fileAttributes: sanitisedFileAttributes,
+          ssrReliability,
+          fileStateFlags,
+          ...getBasePayloadAttributes()
         });
+        experience.transition(UFOExperienceState.SUCCEEDED, endTime);
         break;
       case 'failed-processing':
         experience.failure({

package/dist/esm/card/card.js

@@ -1,19 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["identifier"];
-import { isFileIdentifier, globalMediaEventEmitter } from '@atlaskit/media-client';
+import { isFileIdentifier } from '@atlaskit/media-client';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import React, { useEffect } from 'react';
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerformanceObserver/mediaPerformanceObserver';
-import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.13.0";
+var packageVersion = "79.13.1";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -41,32 +39,6 @@ export var CardWithPerformanceObserver = function CardWithPerformanceObserver(pr
   useEffect(function () {
     setAnalyticsContext(createAnalyticsEvent);
   }, [createAnalyticsEvent]);
-
-  // Auth provider analytics listener
-  useEffect(function () {
-    if (!fg('platform_media_auth_provider_analytics')) {
-      return;
-    }
-
-    // Sample auth-provider-succeeded events at 10%
-    var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
-      return Math.random() < 0.1;
-    };
-    var onAuthSuccess = function onAuthSuccess(payload) {
-      if (shouldSampleAuthProviderSucceeded()) {
-        fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
-      }
-    };
-    var onAuthFailed = function onAuthFailed(payload) {
-      fireMediaCardEvent(getAuthProviderFailedPayload(payload.durationMs, payload.timeoutMs, payload.error, payload.authContext), createAnalyticsEvent);
-    };
-    globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
-    globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
-    return function () {
-      globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
-      globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
-    };
-  }, [createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(CardBase, props);
 };
 export var Card = withMediaAnalyticsContext({

package/dist/esm/card/fileCard.js

@@ -24,6 +24,7 @@ import { usePrevious } from '../utils/usePrevious';
 import { ViewportDetector } from '../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { fireNonCriticalErrorEvent, fireOperationalEvent, fireDownloadSucceededEvent, fireDownloadFailedEvent } from './cardAnalytics';
+import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { CardView } from './cardView';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
 import { useFilePreview } from '@atlaskit/media-file-preview';
@@ -234,6 +235,9 @@ export var FileCard = function FileCard(_ref) {
     mediaViewerSelectedItem = _useState16[0],
     setMediaViewerSelectedItem = _useState16[1];
   var uploadProgressRef = useRef();
+
+  // Store latest auth provider event (emit with fireOperationalEventRef)
+  var pendingAuthProviderEventRef = useRef(null);
   var metadata = useMemo(function () {
     var getProcessingStatusFromFileState = function getProcessingStatusFromFileState(status) {
       switch (status) {
@@ -346,10 +350,31 @@ export var FileCard = function FileCard(_ref) {
     };
     createAnalyticsEvent && fireOperationalEvent(createAnalyticsEvent, finalStatus, fileAttributes, performanceAttributes, ssrReliability, finalError, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
 
+    // Emit stored auth provider events when card reaches final state
+    if (createAnalyticsEvent && pendingAuthProviderEventRef.current && ['complete', 'error', 'failed-processing'].includes(finalStatus) && fg('platform_media_auth_provider_analytics')) {
+      var authEvent = pendingAuthProviderEventRef.current;
+      // Sample auth-provider-succeeded events at 10%
+      var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
+        return Math.random() < 0.1;
+      };
+      if (authEvent.type === 'succeeded') {
+        // Emit success events when card completes (or errors - auth can succeed even if card fails)
+        if (shouldSampleAuthProviderSucceeded()) {
+          fireMediaCardEvent(getAuthProviderSucceededPayload(authEvent.payload.durationMs, authEvent.payload.timeoutMs, authEvent.payload.authContext), createAnalyticsEvent);
+        }
+      } else if (authEvent.type === 'failed') {
+        // Always emit failed events (no sampling)
+        fireMediaCardEvent(getAuthProviderFailedPayload(authEvent.payload.durationMs, authEvent.payload.timeoutMs, authEvent.payload.error, authEvent.payload.authContext), createAnalyticsEvent);
+      }
+      pendingAuthProviderEventRef.current = null;
+    }
     // Determine SSR preview info for UFO timing strategy
-    // wasSSRAttempted is only true when SSR was used AND preview is non-lazy
+    // wasSSRAttempted is only true when SSR was used AND preview exists AND preview is non-lazy
     // because lazy SSR defers loading, so it behaves like CSR for timing purposes
-    var isSSRNonLazy = !!ssr && (preview === null || preview === void 0 ? void 0 : preview.lazy) !== true;
+    // We also require preview to exist to avoid false positives when:
+    // 1. ssr='client' but no SSR data exists (client-side navigation)
+    // 2. Non-previewable files (e.g., zip files) where no preview is generated
+    var isSSRNonLazy = !!ssr && !!preview && preview.lazy !== true;
     var wasSSRSuccessful = isSSRNonLazy && (((_ssrReliability$serve = ssrReliability.server) === null || _ssrReliability$serve === void 0 ? void 0 : _ssrReliability$serve.status) === 'success' || ((_ssrReliability$clien = ssrReliability.client) === null || _ssrReliability$clien === void 0 ? void 0 : _ssrReliability$clien.status) === 'success');
     var ssrPreviewInfo = {
       dataUri: preview === null || preview === void 0 ? void 0 : preview.dataURI,
@@ -384,6 +409,33 @@ export var FileCard = function FileCard(_ref) {
     });
   });
 
+  // Listen to auth provider events and store them (don't emit yet)
+  useEffect(function () {
+    if (!fg('platform_media_auth_provider_analytics')) {
+      return;
+    }
+    var onAuthSuccess = function onAuthSuccess(payload) {
+      // Store latest auth provider event for later emission when card status changes
+      pendingAuthProviderEventRef.current = {
+        type: 'succeeded',
+        payload: payload
+      };
+    };
+    var onAuthFailed = function onAuthFailed(payload) {
+      // Store latest auth provider event for later emission when card status changes
+      pendingAuthProviderEventRef.current = {
+        type: 'failed',
+        payload: payload
+      };
+    };
+    globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
+    globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
+    return function () {
+      globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
+      globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
+    };
+  }, []);
+
   //----------------------------------------------------------------//
   //--------------------- Handling Errors---------------------------//
   //----------------------------------------------------------------//

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

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.13.0";
+var packageVersion = "79.13.1";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/card/ui/titleBox/titleBox.js

@@ -34,7 +34,6 @@ export var TitleBox = injectIntl(function (_ref) {
   }, createdAt !== undefined && isValidTimestamp(createdAt) ? formatDate(createdAt, (_intl$locale = intl === null || intl === void 0 ? void 0 : intl.locale) !== null && _intl$locale !== void 0 ? _intl$locale : 'en') : placeholderText), titleBoxIcon === 'LockFilledIcon' && /*#__PURE__*/React.createElement(TitleBoxIcon, null, /*#__PURE__*/React.createElement(LockFilledIcon, {
     color: "currentColor",
     label: "",
-    LEGACY_size: "small",
     size: "small"
   })));
 }, {

package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js

@@ -69,7 +69,6 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(WarningIcon, {
         label: "Error",
         color: "var(--ds-icon-warning, ".concat(Y500, ")"),
-        LEGACY_size: "medium",
         spacing: "spacious"
       }), /*#__PURE__*/React.createElement(ContentLoadingErrorMessage, {
         isHidden: hideText

package/dist/esm/inline/loader.js

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

package/dist/esm/utils/lightCards/cardError.js

@@ -3,7 +3,6 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
@@ -28,13 +27,7 @@ export var CardError = /*#__PURE__*/function (_Component) {
   }, {
     key: "icon",
     get: function get() {
-      var size = this.props.size;
-      return /*#__PURE__*/React.createElement(ErrorIcon, {
-        size: size
-      });
+      return /*#__PURE__*/React.createElement(ErrorIcon, null);
     }
   }]);
-}(Component);
-_defineProperty(CardError, "defaultProps", {
-  size: 'medium'
-});
+}(Component);

package/dist/esm/utils/lightCards/errorIcon/index.js

@@ -3,7 +3,6 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
@@ -25,20 +24,15 @@ export var ErrorIcon = /*#__PURE__*/function (_Component) {
   return _createClass(ErrorIcon, [{
     key: "render",
     value: function render() {
-      var size = this.props.size;
       return (
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         jsx("div", {
           css: errorIconWrapperStyles
         }, jsx(WarningIcon, {
           color: "currentColor",
-          label: "Error",
-          LEGACY_size: size
+          label: "Error"
         }))
       );
     }
   }]);
-}(Component);
-_defineProperty(ErrorIcon, "defaultProps", {
-  size: 'small'
-});
+}(Component);

package/dist/esm/utils/ufoExperiences.js

@@ -6,13 +6,14 @@ import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience } from '@atlaskit/ufo';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import isValidId from 'uuid-validate';
+import { UFOExperienceState } from '@atlaskit/ufo';
 import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.13.0";
+var packageVersion = "79.13.1";
 var SAMPLE_RATE = 0.05;
 
 /**
@@ -277,10 +278,12 @@ export var useMediaCardUfoExperience = function useMediaCardUfoExperience(_ref4)
     var experience = createExperience(instanceId, timingsConfig);
     experienceRef.current = experience;
     experience.start(startTimeRef.current);
+    var endTime = performance.now();
 
     // Add timing marks and metadata based on strategy
     if (ssrPreviewInfo !== null && ssrPreviewInfo !== void 0 && ssrPreviewInfo.wasSSRSuccessful && ssrPreviewInfo.dataUri) {
       if (resourceTimingEntry) {
+        endTime = resourceTimingEntry.responseEnd;
         addResourceTimingMarks(experience, resourceTimingEntry, interactionStartTime, 'ssr');
         experience.addMetadata(_objectSpread(_objectSpread({}, createResourceTimingMetadata(resourceTimingEntry)), {}, {
           timingStrategy: 'ssr-resource-timing'
@@ -308,13 +311,12 @@ export var useMediaCardUfoExperience = function useMediaCardUfoExperience(_ref4)
     var sanitisedFileAttributes = sanitiseFileAttributes(fileAttributes);
     switch (status) {
       case 'complete':
-        experience.success({
-          metadata: _objectSpread({
-            fileAttributes: sanitisedFileAttributes,
-            ssrReliability: ssrReliability,
-            fileStateFlags: fileStateFlags
-          }, getBasePayloadAttributes())
-        });
+        experience.addMetadata(_objectSpread({
+          fileAttributes: sanitisedFileAttributes,
+          ssrReliability: ssrReliability,
+          fileStateFlags: fileStateFlags
+        }, getBasePayloadAttributes()));
+        experience.transition(UFOExperienceState.SUCCEEDED, endTime);
         break;
       case 'failed-processing':
         experience.failure({

package/dist/types/utils/lightCards/cardError.d.ts

@@ -1,13 +1,7 @@
 import React from 'react';
 import { Component } from 'react';
 import { type StaticCardProps } from './types';
-export interface ErrorCardProps extends StaticCardProps {
-    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
-}
-export declare class CardError extends Component<ErrorCardProps, {}> {
-    static defaultProps: {
-        size: string;
-    };
+export declare class CardError extends Component<StaticCardProps, {}> {
     render(): React.JSX.Element;
     get icon(): React.JSX.Element;
 }

package/dist/types/utils/lightCards/errorIcon/index.d.ts

@@ -4,12 +4,6 @@
  */
 import React from 'react';
 import { Component } from 'react';
-export interface ErrorIconProps {
-    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
-}
-export declare class ErrorIcon extends Component<ErrorIconProps, {}> {
-    static defaultProps: {
-        size: string;
-    };
+export declare class ErrorIcon extends Component {
     render(): React.JSX.Element;
 }

package/dist/types-ts4.5/utils/lightCards/cardError.d.ts

@@ -1,13 +1,7 @@
 import React from 'react';
 import { Component } from 'react';
 import { type StaticCardProps } from './types';
-export interface ErrorCardProps extends StaticCardProps {
-    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
-}
-export declare class CardError extends Component<ErrorCardProps, {}> {
-    static defaultProps: {
-        size: string;
-    };
+export declare class CardError extends Component<StaticCardProps, {}> {
     render(): React.JSX.Element;
     get icon(): React.JSX.Element;
 }

package/dist/types-ts4.5/utils/lightCards/errorIcon/index.d.ts

@@ -4,12 +4,6 @@
  */
 import React from 'react';
 import { Component } from 'react';
-export interface ErrorIconProps {
-    readonly size: 'small' | 'medium' | 'large' | 'xlarge';
-}
-export declare class ErrorIcon extends Component<ErrorIconProps, {}> {
-    static defaultProps: {
-        size: string;
-    };
+export declare class ErrorIcon extends Component {
     render(): React.JSX.Element;
 }

package/example-helpers/index.tsx

@@ -89,7 +89,7 @@ export const deleteAction: {
 	handler: () => {
 		console.log('delete');
 	},
-	icon: <CrossIcon color="currentColor" LEGACY_size="small" label="delete" />,
+	icon: <CrossIcon color="currentColor" label="delete" />,
 };
 
 export const annotateCardAction: CardAction = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.13.0",
+	"version": "79.13.2",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,11 +45,11 @@
 		"@atlaskit/media-viewer": "^52.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/react-ufo": "^4.16.0",
+		"@atlaskit/react-ufo": "^4.17.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",