@atlaskit/media-card 79.13.1 → 79.13.2

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @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

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/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/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;
 
 /**

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/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/ufoExperiences.js

@@ -9,7 +9,7 @@ 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;
 
 /**

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/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/ufoExperiences.js

@@ -13,7 +13,7 @@ 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;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.13.1",
+	"version": "79.13.2",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.13.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",