@atlaskit/media-card 78.10.0 → 78.10.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-card
 
+## 78.10.2
+
+### Patch Changes
+
+- [#156157](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156157)
+  [`8d23a2a1568fe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d23a2a1568fe) -
+  fix React 18 strict mode issues
+
+## 78.10.1
+
+### Patch Changes
+
+- [#158161](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158161)
+  [`f092b9d2f949d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f092b9d2f949d) -
+  clean up LD Media CDN FFs
+
 ## 78.10.0
 
 ### Minor Changes

package/dist/cjs/card/card.js

@@ -22,7 +22,7 @@ var _excluded = ["identifier"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.10.0";
+var packageVersion = "78.10.2";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

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

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js

@@ -7,33 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardActionsDropdownMenu = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../../../utils/analytics");
 var _cardActionButton = require("./cardActionButton");
-var _excluded = ["triggerRef"];
+var _excluded = ["triggerRef", "isSelected", "testId", "onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var CardActionButtonWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
-  onClick: (0, _analytics.createAndFireMediaCardEvent)({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'mediaCardDropDownMenu',
-    attributes: {}
-  })
-  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-})(_cardActionButton.CardActionButton);
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, (0, _extends2.default)({
@@ -59,51 +42,49 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
     onClick: handler
   }, label);
 };
-var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(CardActionsDropdownMenu, _Component);
-  var _super = _createSuper(CardActionsDropdownMenu);
-  function CardActionsDropdownMenu() {
-    (0, _classCallCheck2.default)(this, CardActionsDropdownMenu);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(CardActionsDropdownMenu, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        actions = _this$props.actions,
-        triggerColor = _this$props.triggerColor,
-        onOpenChange = _this$props.onOpenChange,
-        triggerVariant = _this$props.triggerVariant;
-      if (actions.length > 0) {
-        return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
-          testId: "media-card-actions-menu",
-          onOpenChange: onOpenChange,
-          trigger: function trigger(_ref) {
-            var triggerRef = _ref.triggerRef,
-              providedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-            return (
-              /*#__PURE__*/
-              // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-              _react.default.createElement(CardActionButtonWithAnalytics, (0, _extends2.default)({
-                variant: triggerVariant
-                // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-                ,
-                style: {
-                  color: triggerColor
-                },
-                ref: triggerRef
-              }, providedProps), /*#__PURE__*/_react.default.createElement(_showMoreHorizontalMore.default, {
-                color: "currentColor",
-                spacing: "spacious",
-                label: "more"
-              }))
-            );
+var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = function CardActionsDropdownMenu(_ref) {
+  var actions = _ref.actions,
+    triggerColor = _ref.triggerColor,
+    onOpenChange = _ref.onOpenChange,
+    triggerVariant = _ref.triggerVariant;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  if (actions.length > 0) {
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
+      testId: "media-card-actions-menu",
+      onOpenChange: onOpenChange,
+      trigger: function trigger(_ref2) {
+        var triggerRef = _ref2.triggerRef,
+          isSelected = _ref2.isSelected,
+          testId = _ref2.testId,
+          _onClick = _ref2.onClick,
+          providedProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+        return /*#__PURE__*/_react.default.createElement(_cardActionButton.CardActionButton, (0, _extends2.default)({
+          variant: triggerVariant
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
+          style: {
+            color: triggerColor
+          },
+          ref: triggerRef,
+          onClick: function onClick(e) {
+            (0, _analytics.fireMediaCardEvent)({
+              eventType: 'ui',
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'mediaCardDropDownMenu',
+              attributes: {}
+            }, createAnalyticsEvent);
+            _onClick === null || _onClick === void 0 || _onClick(e);
           }
-        }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
-      } else {
-        return null;
+        }, providedProps), /*#__PURE__*/_react.default.createElement(_showMoreHorizontalMore.default, {
+          color: "currentColor",
+          spacing: "spacious",
+          label: "more"
+        }));
       }
-    }
-  }]);
-  return CardActionsDropdownMenu;
-}(_react.Component);
+    }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
+  } else {
+    return null;
+  }
+};

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -39,7 +39,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-cdn-single-host': (0, _platformFeatureFlags.fg)('platform.media-cdn-single-host') || (0, _platformFeatureFlags.fg)('platform_media_cdn_single_host')
+              'media-cdn-single-host': (0, _platformFeatureFlags.fg)('platform_media_cdn_single_host')
             }
           }, mediaDurationMetrics)
         });

package/dist/cjs/utils/ufoExperiences.js

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

package/dist/es2019/card/card.js

@@ -10,7 +10,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 = "78.10.0";
+const packageVersion = "78.10.2";
 export const CardBase = ({
   identifier,
   ...otherProps

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

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.10.0";
+const packageVersion = "78.10.2";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js

@@ -1,21 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Component } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdown-menu';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../../../utils/analytics';
+import { createAndFireMediaCardEvent, fireMediaCardEvent } from '../../../../utils/analytics';
 import { CardActionButton } from './cardActionButton';
-const CardActionButtonWithAnalytics = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'mediaCardDropDownMenu',
-    attributes: {}
-  })
-  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-})(CardActionButton);
 // Trick applied due to the lack of props type of DropdownItem
 const DropdownItemWithProps = props => /*#__PURE__*/React.createElement(DropdownItem, _extends({
   testId: "media-card-actions-menu-item"
@@ -41,40 +31,50 @@ const createDropdownItemWithAnalytics = (action, index) => {
     onClick: handler
   }, label);
 };
-export class CardActionsDropdownMenu extends Component {
-  render() {
-    const {
-      actions,
-      triggerColor,
-      onOpenChange,
-      triggerVariant
-    } = this.props;
-    if (actions.length > 0) {
-      return /*#__PURE__*/React.createElement(DropdownMenu, {
-        testId: "media-card-actions-menu",
-        onOpenChange: onOpenChange,
-        trigger: ({
-          triggerRef,
-          ...providedProps
-        }) =>
-        /*#__PURE__*/
-        // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-        React.createElement(CardActionButtonWithAnalytics, _extends({
-          variant: triggerVariant
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: {
-            color: triggerColor
-          },
-          ref: triggerRef
-        }, providedProps), /*#__PURE__*/React.createElement(MoreIcon, {
-          color: "currentColor",
-          spacing: "spacious",
-          label: "more"
-        }))
-      }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
-    } else {
-      return null;
-    }
+export const CardActionsDropdownMenu = ({
+  actions,
+  triggerColor,
+  onOpenChange,
+  triggerVariant
+}) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  if (actions.length > 0) {
+    return /*#__PURE__*/React.createElement(DropdownMenu, {
+      testId: "media-card-actions-menu",
+      onOpenChange: onOpenChange,
+      trigger: ({
+        triggerRef,
+        isSelected,
+        testId,
+        onClick,
+        ...providedProps
+      }) => /*#__PURE__*/React.createElement(CardActionButton, _extends({
+        variant: triggerVariant
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
+        style: {
+          color: triggerColor
+        },
+        ref: triggerRef,
+        onClick: e => {
+          fireMediaCardEvent({
+            eventType: 'ui',
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'mediaCardDropDownMenu',
+            attributes: {}
+          }, createAnalyticsEvent);
+          onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+      }, providedProps), /*#__PURE__*/React.createElement(MoreIcon, {
+        color: "currentColor",
+        spacing: "spacious",
+        label: "more"
+      }))
+    }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
+  } else {
+    return null;
   }
-}
+};

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "78.10.0",
+      packageName: "78.10.2",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -29,7 +29,7 @@ const createAndGetResourceObserver = () => {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-cdn-single-host': fg('platform.media-cdn-single-host') || fg('platform_media_cdn_single_host')
+              'media-cdn-single-host': fg('platform_media_cdn_single_host')
             },
             ...mediaDurationMetrics
           }

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.10.0";
+const packageVersion = "78.10.2";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -12,7 +12,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 = "78.10.0";
+var packageVersion = "78.10.2";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

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

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

package/dist/esm/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js

@@ -1,30 +1,13 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["triggerRef"];
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var _excluded = ["triggerRef", "isSelected", "testId", "onClick"];
 import React from 'react';
-import { Component } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdown-menu';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createAndFireMediaCardEvent } from '../../../../utils/analytics';
+import { createAndFireMediaCardEvent, fireMediaCardEvent } from '../../../../utils/analytics';
 import { CardActionButton } from './cardActionButton';
-var CardActionButtonWithAnalytics = withAnalyticsEvents({
-  onClick: createAndFireMediaCardEvent({
-    eventType: 'ui',
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: 'mediaCardDropDownMenu',
-    attributes: {}
-  })
-  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-})(CardActionButton);
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {
   return /*#__PURE__*/React.createElement(DropdownItem, _extends({
@@ -50,51 +33,49 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
     onClick: handler
   }, label);
 };
-export var CardActionsDropdownMenu = /*#__PURE__*/function (_Component) {
-  _inherits(CardActionsDropdownMenu, _Component);
-  var _super = _createSuper(CardActionsDropdownMenu);
-  function CardActionsDropdownMenu() {
-    _classCallCheck(this, CardActionsDropdownMenu);
-    return _super.apply(this, arguments);
-  }
-  _createClass(CardActionsDropdownMenu, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        actions = _this$props.actions,
-        triggerColor = _this$props.triggerColor,
-        onOpenChange = _this$props.onOpenChange,
-        triggerVariant = _this$props.triggerVariant;
-      if (actions.length > 0) {
-        return /*#__PURE__*/React.createElement(DropdownMenu, {
-          testId: "media-card-actions-menu",
-          onOpenChange: onOpenChange,
-          trigger: function trigger(_ref) {
-            var triggerRef = _ref.triggerRef,
-              providedProps = _objectWithoutProperties(_ref, _excluded);
-            return (
-              /*#__PURE__*/
-              // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-              React.createElement(CardActionButtonWithAnalytics, _extends({
-                variant: triggerVariant
-                // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-                ,
-                style: {
-                  color: triggerColor
-                },
-                ref: triggerRef
-              }, providedProps), /*#__PURE__*/React.createElement(MoreIcon, {
-                color: "currentColor",
-                spacing: "spacious",
-                label: "more"
-              }))
-            );
+export var CardActionsDropdownMenu = function CardActionsDropdownMenu(_ref) {
+  var actions = _ref.actions,
+    triggerColor = _ref.triggerColor,
+    onOpenChange = _ref.onOpenChange,
+    triggerVariant = _ref.triggerVariant;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  if (actions.length > 0) {
+    return /*#__PURE__*/React.createElement(DropdownMenu, {
+      testId: "media-card-actions-menu",
+      onOpenChange: onOpenChange,
+      trigger: function trigger(_ref2) {
+        var triggerRef = _ref2.triggerRef,
+          isSelected = _ref2.isSelected,
+          testId = _ref2.testId,
+          _onClick = _ref2.onClick,
+          providedProps = _objectWithoutProperties(_ref2, _excluded);
+        return /*#__PURE__*/React.createElement(CardActionButton, _extends({
+          variant: triggerVariant
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
+          style: {
+            color: triggerColor
+          },
+          ref: triggerRef,
+          onClick: function onClick(e) {
+            fireMediaCardEvent({
+              eventType: 'ui',
+              action: 'clicked',
+              actionSubject: 'button',
+              actionSubjectId: 'mediaCardDropDownMenu',
+              attributes: {}
+            }, createAnalyticsEvent);
+            _onClick === null || _onClick === void 0 || _onClick(e);
           }
-        }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
-      } else {
-        return null;
+        }, providedProps), /*#__PURE__*/React.createElement(MoreIcon, {
+          color: "currentColor",
+          spacing: "spacious",
+          label: "more"
+        }));
       }
-    }
-  }]);
-  return CardActionsDropdownMenu;
-}(Component);
+    }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
+  } else {
+    return null;
+  }
+};

package/dist/esm/inline/loader.js

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

package/dist/esm/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -32,7 +32,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-cdn-single-host': fg('platform.media-cdn-single-host') || fg('platform_media_cdn_single_host')
+              'media-cdn-single-host': fg('platform_media_cdn_single_host')
             }
           }, mediaDurationMetrics)
         });

package/dist/esm/utils/ufoExperiences.js

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

package/dist/types/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+/// <reference types="react" />
 import { type CardAction } from '../../../actions';
 import { type CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
@@ -9,6 +9,4 @@ export type CardActionsDropdownMenuProps = {
         isOpen: boolean;
     }) => void;
 };
-export declare class CardActionsDropdownMenu extends Component<CardActionsDropdownMenuProps> {
-    render(): JSX.Element | null;
-}
+export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => JSX.Element | null;

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+/// <reference types="react" />
 import { type CardAction } from '../../../actions';
 import { type CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
@@ -9,6 +9,4 @@ export type CardActionsDropdownMenuProps = {
         isOpen: boolean;
     }) => void;
 };
-export declare class CardActionsDropdownMenu extends Component<CardActionsDropdownMenuProps> {
-    render(): JSX.Element | null;
-}
+export declare const CardActionsDropdownMenu: ({ actions, triggerColor, onOpenChange, triggerVariant, }: CardActionsDropdownMenuProps) => JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "78.10.0",
+	"version": "78.10.2",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -106,9 +106,6 @@
 		"platform.media-card-performance-observer_a803k": {
 			"type": "boolean"
 		},
-		"platform.media-cdn-single-host": {
-			"type": "boolean"
-		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},