@atlaskit/media-card 79.11.2 → 79.11.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-card
 
+## 79.11.4
+
+### Patch Changes
+
+- [`9129ddcd87db4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9129ddcd87db4) -
+  Add 10% sampling to auth-provider-succeeded analytics events to reduce event volume while
+  maintaining visibility into auth provider failures.
+
+## 79.11.3
+
+### Patch Changes
+
+- [`7b2a6c98563cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7b2a6c98563cb) -
+  Icon entry point migration update
+- Updated dependencies
+
 ## 79.11.2
 
 ### Patch Changes

package/dist/cjs/card/actions.js

@@ -8,7 +8,7 @@ exports.attachDetailsToActions = attachDetailsToActions;
 exports.createDownloadAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
+var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _mediaUi = require("@atlaskit/media-ui");
 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; }

package/dist/cjs/card/card.js

@@ -22,7 +22,7 @@ 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 = "0.0.0-development";
+var packageVersion = "79.11.3";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -56,8 +56,15 @@ var CardWithPerformanceObserver = exports.CardWithPerformanceObserver = 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) {
-      (0, _analytics.fireMediaCardEvent)((0, _analytics.getAuthProviderSucceededPayload)(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
+      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);

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 = "0.0.0-development";
+var packageVersion = "79.11.3";
 
 // @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/svgView/svgViewV2.js

@@ -1,18 +1,21 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SvgView = void 0;
-var _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _errors = require("../../errors");
 var _mediaSvg = require("@atlaskit/media-svg");
 var _imageRendererV = require("../ui/imageRenderer/imageRendererV2");
+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); }
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var getErrorReason = function getErrorReason(svgReason) {
@@ -41,13 +44,13 @@ var SvgView = exports.SvgView = function SvgView(_ref) {
   var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
     svgUrl = _useResolveSvg.svgUrl,
     source = _useResolveSvg.source;
-  var cardPreview = (0, _react2.useMemo)(function () {
+  var cardPreview = (0, _react.useMemo)(function () {
     return svgUrl && source ? {
       dataURI: svgUrl,
       source: source
     } : undefined;
   }, [svgUrl, source]);
-  return cardPreview ? (0, _react.jsx)(_imageRendererV.ImageRenderer, {
+  return cardPreview ? (0, _react2.jsx)(_imageRendererV.ImageRenderer, {
     testId: "media-card-svg",
     identifier: identifier,
     cardPreview: cardPreview,

package/dist/cjs/card/ui/playButton/playButtonBackground.js

@@ -1,20 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlayButtonBackground = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _styles = require("./styles");
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: _styles.backgroundStyles,
     className: _styles.bkgClassName
   });

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: "0.0.0-development",
+        packageName: "79.11.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,10 +12,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 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 = require("@emotion/react");
-var _react2 = require("react");
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _styles = require("./styles");
+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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); } /**
  * @jsxRuntime classic
@@ -32,9 +34,9 @@ var ErrorIcon = exports.ErrorIcon = /*#__PURE__*/function (_Component) {
       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, _react.jsx)("div", {
+        (0, _react2.jsx)("div", {
           css: _styles.errorIconWrapperStyles
-        }, (0, _react.jsx)(_statusWarning.default, {
+        }, (0, _react2.jsx)(_statusWarning.default, {
           color: "currentColor",
           label: "Error",
           LEGACY_size: size
@@ -42,7 +44,7 @@ var ErrorIcon = exports.ErrorIcon = /*#__PURE__*/function (_Component) {
       );
     }
   }]);
-}(_react2.Component);
+}(_react.Component);
 (0, _defineProperty2.default)(ErrorIcon, "defaultProps", {
   size: 'small'
 });

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

@@ -6,18 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Wrapper = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _styles = require("./styles");
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var Wrapper = exports.Wrapper = function Wrapper(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
-    (0, _react.jsx)("div", (0, _extends2.default)({
+    (0, _react2.jsx)("div", (0, _extends2.default)({
       css: (0, _styles.wrapperStyles)({
         dimensions: props.dimensions
       })

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.11.3";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/es2019/card/actions.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DownloadIcon from '@atlaskit/icon/core/migration/download';
+import DownloadIcon from '@atlaskit/icon/core/download';
 import { messages } from '@atlaskit/media-ui';
 export function attachDetailsToActions(actions, details) {
   return actions.map(action => ({

package/dist/es2019/card/card.js

@@ -11,7 +11,7 @@ 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";
+const packageVersion = "79.11.3";
 export const CardBase = ({
   identifier,
   ...otherProps
@@ -47,8 +47,13 @@ export const CardWithPerformanceObserver = props => {
     if (!fg('platform_media_auth_provider_analytics')) {
       return;
     }
+
+    // Sample auth-provider-succeeded events at 10%
+    const shouldSampleAuthProviderSucceeded = () => Math.random() < 0.1;
     const onAuthSuccess = payload => {
-      fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
+      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);

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

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

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useMemo } from 'react';

package/dist/es2019/card/ui/playButton/playButtonBackground.js

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { backgroundStyles, bkgClassName } from './styles';

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: "0.0.0-development",
+      packageName: "79.11.3",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

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

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Component } from 'react';

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

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { wrapperStyles } from './styles';

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "79.11.3";
 const SAMPLE_RATE = 0.05;
 let concurrentExperience;
 const getExperience = id => {

package/dist/esm/card/actions.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import DownloadIcon from '@atlaskit/icon/core/migration/download';
+import DownloadIcon from '@atlaskit/icon/core/download';
 import { messages } from '@atlaskit/media-ui';
 export function attachDetailsToActions(actions, details) {
   return actions.map(function (action) {

package/dist/esm/card/card.js

@@ -13,7 +13,7 @@ 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";
+var packageVersion = "79.11.3";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -47,8 +47,15 @@ export var CardWithPerformanceObserver = function CardWithPerformanceObserver(pr
     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) {
-      fireMediaCardEvent(getAuthProviderSucceededPayload(payload.durationMs, payload.timeoutMs, payload.authContext), createAnalyticsEvent);
+      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);

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

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

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useMemo } from 'react';

package/dist/esm/card/ui/playButton/playButtonBackground.js

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { backgroundStyles, bkgClassName } from './styles';

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: "0.0.0-development",
+        packageName: "79.11.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

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

@@ -10,6 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Component } from 'react';

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

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { wrapperStyles } from './styles';

package/dist/esm/utils/ufoExperiences.js

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

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

@@ -2,6 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { SvgViewProps } from './types';
-export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;
+export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => React.JSX.Element | null;

package/dist/types/card/ui/playButton/playButtonBackground.d.ts

@@ -2,5 +2,5 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
-export declare const PlayButtonBackground: () => jsx.JSX.Element;
+import React from 'react';
+export declare const PlayButtonBackground: () => React.JSX.Element;

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { Component } from 'react';
 export interface ErrorIconProps {
     readonly size: 'small' | 'medium' | 'large' | 'xlarge';
@@ -11,5 +11,5 @@ export declare class ErrorIcon extends Component<ErrorIconProps, {}> {
     static defaultProps: {
         size: string;
     };
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -2,6 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type WrapperProps } from './types';
-export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;
+export declare const Wrapper: (props: WrapperProps) => React.JSX.Element;

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

@@ -2,6 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { SvgViewProps } from './types';
-export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;
+export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => React.JSX.Element | null;

package/dist/types-ts4.5/card/ui/playButton/playButtonBackground.d.ts

@@ -2,5 +2,5 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
-export declare const PlayButtonBackground: () => jsx.JSX.Element;
+import React from 'react';
+export declare const PlayButtonBackground: () => React.JSX.Element;

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { Component } from 'react';
 export interface ErrorIconProps {
     readonly size: 'small' | 'medium' | 'large' | 'xlarge';
@@ -11,5 +11,5 @@ export declare class ErrorIcon extends Component<ErrorIconProps, {}> {
     static defaultProps: {
         size: string;
     };
-    render(): jsx.JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -2,6 +2,6 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type WrapperProps } from './types';
-export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;
+export declare const Wrapper: (props: WrapperProps) => React.JSX.Element;

package/example-helpers/DelayedRender.tsx

@@ -15,7 +15,7 @@ export class DelayedRender extends Component<Props, State> {
 		hidden: true,
 	};
 
-	componentDidMount() {
+	componentDidMount(): void {
 		window.setTimeout(() => {
 			this.setState({ hidden: false });
 		}, this.props.timeout);

package/example-helpers/cardViewWrapper.tsx

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -37,7 +38,7 @@ const cardWrapperStyles = ({ small, displayInline }: CardViewWrapperProps) =>
 		marginInline: 'space.250',
 	});
 
-export const CardViewWrapper = (props: CardViewWrapperProps) => {
+export const CardViewWrapper = (props: CardViewWrapperProps): React.JSX.Element => {
 	if (props.small) {
 		// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 		return <Box xcss={[cardWrapperStyles(props), smallStyles]}>{props.children}</Box>;

package/example-helpers/index.tsx

@@ -11,7 +11,7 @@ import {
 	createPollingMaxAttemptsError,
 	createRateLimitedError,
 } from '@atlaskit/media-client/test-helpers';
-import CrossIcon from '@atlaskit/icon/core/migration/cross';
+import CrossIcon from '@atlaskit/icon/core/cross';
 import FabricAnalyticsListeners, { type AnalyticsWebClient } from '@atlaskit/analytics-listeners';
 import { payloadPublisher } from '@atlassian/ufo';
 
@@ -23,12 +23,12 @@ import DevelopmentUseMessage from './developmentUseMessage';
 
 const mediaClientConfig = createStorybookMediaClientConfig();
 
-export const clickHandler = (result: CardEvent) => {
+export const clickHandler = (result: CardEvent): void => {
 	result.event.preventDefault();
 	console.log('click', result.mediaItemDetails);
 };
 
-export const mouseEnterHandler = (result: CardEvent) => {
+export const mouseEnterHandler = (result: CardEvent): void => {
 	result.event.preventDefault();
 	console.log('mouseEnter', result.mediaItemDetails);
 };
@@ -70,13 +70,13 @@ export const createApiCards = (
 
 export const openAction = {
 	label: 'Open',
-	handler: () => {
+	handler: (): void => {
 		console.log('open');
 	},
 };
 export const closeAction = {
 	label: 'Close',
-	handler: () => {
+	handler: (): void => {
 		console.log('close');
 	},
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.11.2",
+	"version": "79.11.4",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -69,7 +69,7 @@
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
-		"@atlaskit/analytics-listeners": "^9.1.0",
+		"@atlaskit/analytics-listeners": "^9.2.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/form": "^15.2.0",
 		"@atlaskit/inline-message": "^15.5.0",