@atlaskit/media-card 79.9.0 → 79.9.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/media-card
 
+## 79.9.2
+
+### Patch Changes
+
+- [`a9118006d1586`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a9118006d1586) -
+  Subscribe to auth provider events from media-client and fire analytics with actionSubject
+  mediaAuthProvider.
+- Updated dependencies
+
+## 79.9.1
+
+### Patch Changes
+
+- [`2fe94e8511b55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2fe94e8511b55) -
+  Improved same-aspect-ratio detection in image rendering by using threshold-based comparison
+  instead of rounding-based comparison. This fixes edge cases where images with negligible aspect
+  ratio differences (1-2 pixels) from their parent container were incorrectly treated as different
+  ratios, causing unnecessary style recalculations and sub-optimal rendering strategies.
+
 ## 79.9.0
 
 ### Minor Changes

package/dist/cjs/card/card.js

@@ -15,7 +15,9 @@ 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); }
@@ -48,6 +50,25 @@ 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;
+    }
+    var onAuthSuccess = function onAuthSuccess(payload) {
+      (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/ui/imageRenderer/helpers.js

@@ -36,7 +36,7 @@ var calculateDimensions = exports.calculateDimensions = function calculateDimens
   var imgRatio = imgWidth / imgHeight;
   var cardRatio = parentWidth / parentHeight;
   if ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
-    var isSameRatio = roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
+    var isSameRatio = (0, _platformFeatureFlags.fg)('media-perf-ratio-calc-fix') ? Math.abs(imgWidth / parentWidth - imgHeight / parentHeight) < 0.1 : roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
     if (isSameRatio) {
       if (resizeMode === 'stretchy-fit') {
         return DEFAULT_STRETCHY_FIT_DIMENSIONS;

package/dist/cjs/utils/analytics/analytics.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractErrorInfo = exports.createAndFireMediaCardEvent = void 0;
 exports.fireMediaCardEvent = fireMediaCardEvent;
-exports.getRenderSucceededEventPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRemoteSuccessEventPayload = exports.getFileAttributes = exports.getErrorTraceContext = exports.getErrorEventPayload = exports.getDownloadSucceededEventPayload = exports.getDownloadFailedEventPayload = exports.getCacheHitEventPayload = void 0;
+exports.getRenderSucceededEventPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRemoteSuccessEventPayload = exports.getFileAttributes = exports.getErrorTraceContext = exports.getErrorEventPayload = exports.getDownloadSucceededEventPayload = exports.getDownloadFailedEventPayload = exports.getCacheHitEventPayload = exports.getAuthProviderSucceededPayload = exports.getAuthProviderFailedPayload = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mediaClient = require("@atlaskit/media-client");
 var _analytics = require("@atlaskit/media-common/analytics");
@@ -199,6 +199,67 @@ var getRenderFailedFileStatusPayload = exports.getRenderFailedFileStatusPayload
     }
   };
 };
+
+// Similar to extractErrorInfo but works with raw Error (not MediaCardError)
+var extractAuthProviderErrorInfo = function extractAuthProviderErrorInfo(error) {
+  if ((0, _mediaClient.isCommonMediaClientError)(error)) {
+    var _error$innerError$mes, _error$innerError;
+    return {
+      failReason: error.reason,
+      error: error.reason,
+      errorDetail: (_error$innerError$mes = (_error$innerError = error.innerError) === null || _error$innerError === void 0 ? void 0 : _error$innerError.message) !== null && _error$innerError$mes !== void 0 ? _error$innerError$mes : error.message
+    };
+  }
+  return {
+    failReason: error.name || 'unknown',
+    error: error.name || '',
+    errorDetail: error.message
+  };
+};
+
+// Extract collection name from authContext - supports both new `access` array and deprecated `collectionName`
+var getCollectionNameFromAuthContext = function getCollectionNameFromAuthContext(authContext) {
+  var _authContext$access;
+  if (!authContext) {
+    return undefined;
+  }
+  // Try new access array first
+  var collectionAccess = (_authContext$access = authContext.access) === null || _authContext$access === void 0 ? void 0 : _authContext$access.find(function (a) {
+    return a.type === 'collection';
+  });
+  if (collectionAccess && 'name' in collectionAccess) {
+    return collectionAccess.name;
+  }
+  // Fallback to deprecated collectionName
+  return authContext.collectionName;
+};
+var getAuthProviderSucceededPayload = exports.getAuthProviderSucceededPayload = function getAuthProviderSucceededPayload(durationMs, timeoutMs, authContext) {
+  return {
+    eventType: 'operational',
+    action: 'succeeded',
+    actionSubject: 'mediaAuthProvider',
+    attributes: {
+      status: 'succeeded',
+      durationMs: durationMs,
+      timeoutMs: timeoutMs,
+      collectionName: getCollectionNameFromAuthContext(authContext)
+    }
+  };
+};
+var getAuthProviderFailedPayload = exports.getAuthProviderFailedPayload = function getAuthProviderFailedPayload(durationMs, timeoutMs, error, authContext) {
+  var errorInfo = extractAuthProviderErrorInfo(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaAuthProvider',
+    attributes: _objectSpread({
+      status: 'failed',
+      durationMs: durationMs,
+      timeoutMs: timeoutMs,
+      collectionName: getCollectionNameFromAuthContext(authContext)
+    }, errorInfo)
+  };
+};
 function fireMediaCardEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {
     var event = createAnalyticsEvent((0, _analytics.sanitiseAnalyticsPayload)(payload));

package/dist/cjs/utils/analytics/index.js

@@ -21,6 +21,18 @@ Object.defineProperty(exports, "fireMediaCardEvent", {
     return _analytics.fireMediaCardEvent;
   }
 });
+Object.defineProperty(exports, "getAuthProviderFailedPayload", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.getAuthProviderFailedPayload;
+  }
+});
+Object.defineProperty(exports, "getAuthProviderSucceededPayload", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.getAuthProviderSucceededPayload;
+  }
+});
 Object.defineProperty(exports, "getCacheHitEventPayload", {
   enumerable: true,
   get: function get() {

package/dist/es2019/card/card.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { isFileIdentifier } from '@atlaskit/media-client';
+import { isFileIdentifier, globalMediaEventEmitter } 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 = "0.0.0-development";
@@ -39,6 +41,25 @@ export const CardWithPerformanceObserver = props => {
   useEffect(() => {
     setAnalyticsContext(createAnalyticsEvent);
   }, [createAnalyticsEvent]);
+
+  // Auth provider analytics listener
+  useEffect(() => {
+    if (!fg('platform_media_auth_provider_analytics')) {
+      return;
+    }
+    const onAuthSuccess = payload => {
+      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/ui/imageRenderer/helpers.js

@@ -33,7 +33,7 @@ export const calculateDimensions = (imgElement, parentElement, resizeMode) => {
   const imgRatio = imgWidth / imgHeight;
   const cardRatio = parentWidth / parentHeight;
   if (fg('media-perf-uplift-mutation-fix')) {
-    const isSameRatio = roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
+    const isSameRatio = fg('media-perf-ratio-calc-fix') ? Math.abs(imgWidth / parentWidth - imgHeight / parentHeight) < 0.1 : roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
     if (isSameRatio) {
       if (resizeMode === 'stretchy-fit') {
         return DEFAULT_STRETCHY_FIT_DIMENSIONS;

package/dist/es2019/utils/analytics/analytics.js

@@ -181,6 +181,64 @@ export const getRenderFailedFileStatusPayload = (fileAttributes, performanceAttr
     metadataTraceContext
   }
 });
+
+// Similar to extractErrorInfo but works with raw Error (not MediaCardError)
+const extractAuthProviderErrorInfo = error => {
+  if (isCommonMediaClientError(error)) {
+    var _error$innerError$mes, _error$innerError;
+    return {
+      failReason: error.reason,
+      error: error.reason,
+      errorDetail: (_error$innerError$mes = (_error$innerError = error.innerError) === null || _error$innerError === void 0 ? void 0 : _error$innerError.message) !== null && _error$innerError$mes !== void 0 ? _error$innerError$mes : error.message
+    };
+  }
+  return {
+    failReason: error.name || 'unknown',
+    error: error.name || '',
+    errorDetail: error.message
+  };
+};
+
+// Extract collection name from authContext - supports both new `access` array and deprecated `collectionName`
+const getCollectionNameFromAuthContext = authContext => {
+  var _authContext$access;
+  if (!authContext) {
+    return undefined;
+  }
+  // Try new access array first
+  const collectionAccess = (_authContext$access = authContext.access) === null || _authContext$access === void 0 ? void 0 : _authContext$access.find(a => a.type === 'collection');
+  if (collectionAccess && 'name' in collectionAccess) {
+    return collectionAccess.name;
+  }
+  // Fallback to deprecated collectionName
+  return authContext.collectionName;
+};
+export const getAuthProviderSucceededPayload = (durationMs, timeoutMs, authContext) => ({
+  eventType: 'operational',
+  action: 'succeeded',
+  actionSubject: 'mediaAuthProvider',
+  attributes: {
+    status: 'succeeded',
+    durationMs,
+    timeoutMs,
+    collectionName: getCollectionNameFromAuthContext(authContext)
+  }
+});
+export const getAuthProviderFailedPayload = (durationMs, timeoutMs, error, authContext) => {
+  const errorInfo = extractAuthProviderErrorInfo(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaAuthProvider',
+    attributes: {
+      status: 'failed',
+      durationMs,
+      timeoutMs,
+      collectionName: getCollectionNameFromAuthContext(authContext),
+      ...errorInfo
+    }
+  };
+};
 export function fireMediaCardEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {
     const event = createAnalyticsEvent(sanitiseAnalyticsPayload(payload));

package/dist/es2019/utils/analytics/index.js

@@ -1 +1 @@
-export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload } from './analytics';
+export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from './analytics';

package/dist/esm/card/card.js

@@ -1,14 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["identifier"];
-import { isFileIdentifier } from '@atlaskit/media-client';
+import { isFileIdentifier, globalMediaEventEmitter } 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 = "0.0.0-development";
@@ -39,6 +41,25 @@ 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;
+    }
+    var onAuthSuccess = function onAuthSuccess(payload) {
+      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/ui/imageRenderer/helpers.js

@@ -30,7 +30,7 @@ export var calculateDimensions = function calculateDimensions(imgElement, parent
   var imgRatio = imgWidth / imgHeight;
   var cardRatio = parentWidth / parentHeight;
   if (fg('media-perf-uplift-mutation-fix')) {
-    var isSameRatio = roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
+    var isSameRatio = fg('media-perf-ratio-calc-fix') ? Math.abs(imgWidth / parentWidth - imgHeight / parentHeight) < 0.1 : roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
     if (isSameRatio) {
       if (resizeMode === 'stretchy-fit') {
         return DEFAULT_STRETCHY_FIT_DIMENSIONS;

package/dist/esm/utils/analytics/analytics.js

@@ -190,6 +190,67 @@ export var getRenderFailedFileStatusPayload = function getRenderFailedFileStatus
     }
   };
 };
+
+// Similar to extractErrorInfo but works with raw Error (not MediaCardError)
+var extractAuthProviderErrorInfo = function extractAuthProviderErrorInfo(error) {
+  if (isCommonMediaClientError(error)) {
+    var _error$innerError$mes, _error$innerError;
+    return {
+      failReason: error.reason,
+      error: error.reason,
+      errorDetail: (_error$innerError$mes = (_error$innerError = error.innerError) === null || _error$innerError === void 0 ? void 0 : _error$innerError.message) !== null && _error$innerError$mes !== void 0 ? _error$innerError$mes : error.message
+    };
+  }
+  return {
+    failReason: error.name || 'unknown',
+    error: error.name || '',
+    errorDetail: error.message
+  };
+};
+
+// Extract collection name from authContext - supports both new `access` array and deprecated `collectionName`
+var getCollectionNameFromAuthContext = function getCollectionNameFromAuthContext(authContext) {
+  var _authContext$access;
+  if (!authContext) {
+    return undefined;
+  }
+  // Try new access array first
+  var collectionAccess = (_authContext$access = authContext.access) === null || _authContext$access === void 0 ? void 0 : _authContext$access.find(function (a) {
+    return a.type === 'collection';
+  });
+  if (collectionAccess && 'name' in collectionAccess) {
+    return collectionAccess.name;
+  }
+  // Fallback to deprecated collectionName
+  return authContext.collectionName;
+};
+export var getAuthProviderSucceededPayload = function getAuthProviderSucceededPayload(durationMs, timeoutMs, authContext) {
+  return {
+    eventType: 'operational',
+    action: 'succeeded',
+    actionSubject: 'mediaAuthProvider',
+    attributes: {
+      status: 'succeeded',
+      durationMs: durationMs,
+      timeoutMs: timeoutMs,
+      collectionName: getCollectionNameFromAuthContext(authContext)
+    }
+  };
+};
+export var getAuthProviderFailedPayload = function getAuthProviderFailedPayload(durationMs, timeoutMs, error, authContext) {
+  var errorInfo = extractAuthProviderErrorInfo(error);
+  return {
+    eventType: 'operational',
+    action: 'failed',
+    actionSubject: 'mediaAuthProvider',
+    attributes: _objectSpread({
+      status: 'failed',
+      durationMs: durationMs,
+      timeoutMs: timeoutMs,
+      collectionName: getCollectionNameFromAuthContext(authContext)
+    }, errorInfo)
+  };
+};
 export function fireMediaCardEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {
     var event = createAnalyticsEvent(sanitiseAnalyticsPayload(payload));

package/dist/esm/utils/analytics/index.js

@@ -1 +1 @@
-export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload } from './analytics';
+export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from './analytics';

package/dist/types/utils/analytics/analytics.d.ts

@@ -105,7 +105,22 @@ export type CopiedFileEventPayload = UIEventPayload<{}, 'copied', string>;
 export type ClickedEventPayload = UIEventPayload<{
     label?: string;
 }, 'clicked', string>;
-export type MediaCardAnalyticsEventPayload = RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload | RenderInlineCardFailedEventPayload | RenderInlineCardSucceededEventPayload | DownloadSucceededEventPayload | DownloadFailedEventPayload;
+export type AuthProviderSucceededAnalyticsPayload = OperationalEventPayload<{
+    status: 'succeeded';
+    durationMs: number;
+    timeoutMs: number;
+    collectionName?: string;
+}, 'succeeded', 'mediaAuthProvider'>;
+export type AuthProviderFailedAnalyticsPayload = OperationalEventPayload<{
+    status: 'failed';
+    durationMs: number;
+    timeoutMs: number;
+    collectionName?: string;
+    failReason: string;
+    error?: string;
+    errorDetail?: string;
+}, 'failed', 'mediaAuthProvider'>;
+export type MediaCardAnalyticsEventPayload = RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload | RenderInlineCardFailedEventPayload | RenderInlineCardSucceededEventPayload | DownloadSucceededEventPayload | DownloadFailedEventPayload | AuthProviderSucceededAnalyticsPayload | AuthProviderFailedAnalyticsPayload;
 export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: FileStatus) => FileAttributes;
 export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderSucceededEventPayload;
 export declare const getDownloadSucceededEventPayload: (fileAttributes: FileAttributes, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadSucceededEventPayload;
@@ -122,6 +137,20 @@ export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes
 export declare const getDownloadFailedEventPayload: (fileAttributes: FileAttributes, error: MediaCardError, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadFailedEventPayload;
 export declare const getErrorEventPayload: (cardStatus: CardStatus, fileAttributes: FileAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => ErrorEventPayload;
 export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
+export declare const getAuthProviderSucceededPayload: (durationMs: number, timeoutMs: number, authContext?: {
+    access?: Array<{
+        type: string;
+        name?: string;
+    }>;
+    collectionName?: string;
+}) => AuthProviderSucceededAnalyticsPayload;
+export declare const getAuthProviderFailedPayload: (durationMs: number, timeoutMs: number, error: Error, authContext?: {
+    access?: Array<{
+        type: string;
+        name?: string;
+    }>;
+    collectionName?: string;
+}) => AuthProviderFailedAnalyticsPayload;
 export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
 export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export {};

package/dist/types/utils/analytics/index.d.ts

@@ -1,2 +1,2 @@
-export type { CardPreviewAttributes, FileUriFailReason, FailedErrorFailReason, MediaCardErrorInfo, SSRStatusFail, SSRStatus, WithSSRReliability, RenderFailedEventPayload, ErrorEventPayload, ErrorBoundaryErrorInfo, AnalyticsErrorBoundaryAttributes, AnalyticsErrorBoundaryCardPayload, AnalyticsErrorBoundaryInlinePayload, RenderInlineCardSucceededEventPayload, RenderInlineCardFailedEventPayload, RenderSucceededEventPayload, CacheHitEventPayload, RemoteSuccessEventPayload, CopiedFileEventPayload, ClickedEventPayload, MediaCardAnalyticsEventPayload, } from './analytics';
-export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload, } from './analytics';
+export type { CardPreviewAttributes, FileUriFailReason, FailedErrorFailReason, MediaCardErrorInfo, SSRStatusFail, SSRStatus, WithSSRReliability, RenderFailedEventPayload, ErrorEventPayload, ErrorBoundaryErrorInfo, AnalyticsErrorBoundaryAttributes, AnalyticsErrorBoundaryCardPayload, AnalyticsErrorBoundaryInlinePayload, RenderInlineCardSucceededEventPayload, RenderInlineCardFailedEventPayload, RenderSucceededEventPayload, CacheHitEventPayload, RemoteSuccessEventPayload, CopiedFileEventPayload, ClickedEventPayload, MediaCardAnalyticsEventPayload, AuthProviderSucceededAnalyticsPayload, AuthProviderFailedAnalyticsPayload, } from './analytics';
+export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload, getAuthProviderSucceededPayload, getAuthProviderFailedPayload, } from './analytics';

package/dist/types-ts4.5/utils/analytics/analytics.d.ts

@@ -105,7 +105,22 @@ export type CopiedFileEventPayload = UIEventPayload<{}, 'copied', string>;
 export type ClickedEventPayload = UIEventPayload<{
     label?: string;
 }, 'clicked', string>;
-export type MediaCardAnalyticsEventPayload = RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload | RenderInlineCardFailedEventPayload | RenderInlineCardSucceededEventPayload | DownloadSucceededEventPayload | DownloadFailedEventPayload;
+export type AuthProviderSucceededAnalyticsPayload = OperationalEventPayload<{
+    status: 'succeeded';
+    durationMs: number;
+    timeoutMs: number;
+    collectionName?: string;
+}, 'succeeded', 'mediaAuthProvider'>;
+export type AuthProviderFailedAnalyticsPayload = OperationalEventPayload<{
+    status: 'failed';
+    durationMs: number;
+    timeoutMs: number;
+    collectionName?: string;
+    failReason: string;
+    error?: string;
+    errorDetail?: string;
+}, 'failed', 'mediaAuthProvider'>;
+export type MediaCardAnalyticsEventPayload = RenderSucceededEventPayload | RenderFailedEventPayload | CopiedFileEventPayload | ClickedEventPayload | CacheHitEventPayload | RemoteSuccessEventPayload | ErrorEventPayload | AnalyticsErrorBoundaryCardPayload | AnalyticsErrorBoundaryInlinePayload | RenderInlineCardFailedEventPayload | RenderInlineCardSucceededEventPayload | DownloadSucceededEventPayload | DownloadFailedEventPayload | AuthProviderSucceededAnalyticsPayload | AuthProviderFailedAnalyticsPayload;
 export declare const getFileAttributes: (metadata: FileDetails, fileStatus?: FileStatus) => FileAttributes;
 export declare const getRenderSucceededEventPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderSucceededEventPayload;
 export declare const getDownloadSucceededEventPayload: (fileAttributes: FileAttributes, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadSucceededEventPayload;
@@ -122,6 +137,20 @@ export declare const getRenderErrorEventPayload: (fileAttributes: FileAttributes
 export declare const getDownloadFailedEventPayload: (fileAttributes: FileAttributes, error: MediaCardError, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => DownloadFailedEventPayload;
 export declare const getErrorEventPayload: (cardStatus: CardStatus, fileAttributes: FileAttributes, error: MediaCardError, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => ErrorEventPayload;
 export declare const getRenderFailedFileStatusPayload: (fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => RenderFailedEventPayload;
+export declare const getAuthProviderSucceededPayload: (durationMs: number, timeoutMs: number, authContext?: {
+    access?: Array<{
+        type: string;
+        name?: string;
+    }>;
+    collectionName?: string;
+}) => AuthProviderSucceededAnalyticsPayload;
+export declare const getAuthProviderFailedPayload: (durationMs: number, timeoutMs: number, error: Error, authContext?: {
+    access?: Array<{
+        type: string;
+        name?: string;
+    }>;
+    collectionName?: string;
+}) => AuthProviderFailedAnalyticsPayload;
 export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
 export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export {};

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

@@ -1,2 +1,2 @@
-export type { CardPreviewAttributes, FileUriFailReason, FailedErrorFailReason, MediaCardErrorInfo, SSRStatusFail, SSRStatus, WithSSRReliability, RenderFailedEventPayload, ErrorEventPayload, ErrorBoundaryErrorInfo, AnalyticsErrorBoundaryAttributes, AnalyticsErrorBoundaryCardPayload, AnalyticsErrorBoundaryInlinePayload, RenderInlineCardSucceededEventPayload, RenderInlineCardFailedEventPayload, RenderSucceededEventPayload, CacheHitEventPayload, RemoteSuccessEventPayload, CopiedFileEventPayload, ClickedEventPayload, MediaCardAnalyticsEventPayload, } from './analytics';
-export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload, } from './analytics';
+export type { CardPreviewAttributes, FileUriFailReason, FailedErrorFailReason, MediaCardErrorInfo, SSRStatusFail, SSRStatus, WithSSRReliability, RenderFailedEventPayload, ErrorEventPayload, ErrorBoundaryErrorInfo, AnalyticsErrorBoundaryAttributes, AnalyticsErrorBoundaryCardPayload, AnalyticsErrorBoundaryInlinePayload, RenderInlineCardSucceededEventPayload, RenderInlineCardFailedEventPayload, RenderSucceededEventPayload, CacheHitEventPayload, RemoteSuccessEventPayload, CopiedFileEventPayload, ClickedEventPayload, MediaCardAnalyticsEventPayload, AuthProviderSucceededAnalyticsPayload, AuthProviderFailedAnalyticsPayload, } from './analytics';
+export { getFileAttributes, getRenderSucceededEventPayload, getCacheHitEventPayload, getRemoteSuccessEventPayload, getRenderFailedExternalUriPayload, getRenderErrorFailReason, getRenderErrorErrorReason, getRenderErrorErrorDetail, getErrorTraceContext, getRenderErrorRequestMetadata, extractErrorInfo, getRenderErrorEventPayload, getErrorEventPayload, getRenderFailedFileStatusPayload, fireMediaCardEvent, createAndFireMediaCardEvent, getDownloadSucceededEventPayload, getDownloadFailedEventPayload, getAuthProviderSucceededPayload, getAuthProviderFailedPayload, } from './analytics';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.9.0",
+	"version": "79.9.2",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,20 +36,20 @@
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/media-client": "^35.6.0",
+		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-file-preview": "^0.15.0",
 		"@atlaskit/media-svg": "^2.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.4.0",
+		"@atlaskit/media-viewer": "^52.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^8.4.0",
-		"@atlaskit/tooltip": "^20.10.0",
+		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -79,9 +79,9 @@
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/range": "^9.2.0",
+		"@atlaskit/range": "^9.3.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^15.1.0",
+		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
@@ -99,6 +99,9 @@
 		"wait-for-expect": "^1.2.0"
 	},
 	"platform-feature-flags": {
+		"platform_media_auth_provider_analytics": {
+			"type": "boolean"
+		},
 		"platform-filecard-ufo-trace": {
 			"type": "boolean"
 		},
@@ -117,9 +120,6 @@
 		"platform_editor_ssr_media": {
 			"type": "boolean"
 		},
-		"jfp-magma-media-cursor": {
-			"type": "boolean"
-		},
 		"platform_media_card_image_render": {
 			"type": "boolean"
 		},
@@ -140,6 +140,9 @@
 		},
 		"media-perf-lazy-loading-optimisation": {
 			"type": "boolean"
+		},
+		"media-perf-ratio-calc-fix": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {