@atlaskit/media-card 81.6.16 → 81.7.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/media-card
 
+## 81.7.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 81.7.0
+
+### Minor Changes
+
+- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
+  Add direct subpath package exports as part of the linking-platform, search, media, and
+  design-system barrel-removal (de-barrel) migration.
+
+  These packages now expose their individual modules via explicit `package.json` `exports` subpaths
+  so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
+  the package barrel/index. This adds new public entry points without changing or removing any
+  existing exports, so it is a backwards-compatible additive change.
+
+  No runtime behaviour changes; this is an API-surface (entry-point) addition to support
+  tree-shaking and to unblock removal of the barrel index files.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 81.6.16
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -15,12 +15,12 @@ var _reactIntl = require("react-intl");
 var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _mediaPerformanceObserver = require("../utils/mediaPerformanceObserver/mediaPerformanceObserver");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 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 = "81.6.15";
+var packageVersion = "81.7.0";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -40,7 +40,7 @@ var CardBase = exports.CardBase = function CardBase(_ref) {
   }, innerContent);
 };
 var CardWithPerformanceObserver = exports.CardWithPerformanceObserver = function CardWithPerformanceObserver(props) {
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   (0, _react.useEffect)(function () {
     (0, _mediaPerformanceObserver.startResourceObserver)();

package/dist/cjs/card/cardAnalytics.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.fireOperationalEvent = exports.fireNonCriticalErrorEvent = exports.fireDownloadSucceededEvent = exports.fireDownloadFailedEvent = void 0;
 var _analytics = require("../utils/analytics");
 var _errors = require("../errors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 // Sampling rate for mediaCardRender success events (10%)
 var MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE = 0.1;
 var fireOperationalEvent = exports.fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
@@ -21,7 +21,7 @@ var fireOperationalEvent = exports.fireOperationalEvent = function fireOperation
     case 'complete':
       // Sample success events at 10% when feature flag is enabled - failures are never sampled
       // If flag is disabled, all success events fire (no sampling)
-      var isSamplingEnabled = (0, _platformFeatureFlags.fg)('enable_sampling_mediacardrender_succeeded');
+      var isSamplingEnabled = (0, _fg.fg)('enable_sampling_mediacardrender_succeeded');
       if (!isSamplingEnabled || Math.random() < MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE) {
         fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes, ssrReliability, traceContext, metadataTraceContext, isSamplingEnabled ? MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE : undefined));
       }

package/dist/cjs/card/cardLoader.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _cardLoading = require("../utils/lightCards/cardLoading");
 var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
 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,12 +48,12 @@ var CardLoader = function CardLoader(props) {
     mode: "list"
   }, /*#__PURE__*/_react.default.createElement(MediaCardContext.Provider, {
     value: props
-  }, (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }, (0, _fg.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: /*#__PURE__*/_react.default.createElement(CardLoadingWithContext, null)
   }, /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClientLazy, props)) : /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClientLoadable, props)));
 };
 CardLoader.preload = function () {
-  if ((0, _platformFeatureFlags.fg)('platform_media_react19_support')) {
+  if ((0, _fg.fg)('platform_media_react19_support')) {
     loadCardWithMediaClient().then(function () {});
   } else {
     var _MediaCardWithMediaCl;

package/dist/cjs/card/cardView.js

@@ -11,10 +11,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _mediaClient = require("@atlaskit/media-client");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _useCallbackRef = require("use-callback-ref");
 var _mediaUi = require("@atlaskit/media-ui");
 var _analytics = require("../utils/analytics");
@@ -38,7 +38,7 @@ var _useBreakpoint = require("./useBreakpoint");
 var _openMediaViewerButton = _interopRequireDefault(require("./ui/openMediaViewerButton/openMediaViewerButton"));
 var _useCurrentValueRef = require("../utils/useCurrentValueRef");
 var _svgView = require("./svgView");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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 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; }
@@ -195,7 +195,7 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
         if ((0, _errors.isUploadError)(error)) {
           _iconMessage = /*#__PURE__*/_react.default.createElement(_iconMessage2.FailedToUpload, null);
           _customTitleMessage = _mediaUi.messages.failed_to_upload;
-        } else if ((0, _isNetworkError.isNetworkError)(error) && (0, _platformFeatureFlags.fg)('media_card_failed_messaging_ui_revamp')) {
+        } else if ((0, _isNetworkError.isNetworkError)(error) && (0, _fg.fg)('media_card_failed_messaging_ui_revamp')) {
           _iconMessage = /*#__PURE__*/_react.default.createElement(_iconMessage2.CheckInternetConnection, null);
           _customTitleMessage = _mediaUi.messages.check_internet_connection;
         } else if (!metadata) {
@@ -243,7 +243,7 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
 
   // AI border shown while generating; cleared by the decoration on upload completion.
   /* eslint-disable @atlaskit/platform/no-preconditioning -- loading-specific gate (cc-maui-phase-2) layered on the MAUI experiment cohort during phased rollout; preconditioning is intentional and will be removed when the existing gates are cleaned up */
-  var renderAIBorderOverride = !!isAIGenerating && (0, _platformFeatureFlags.fg)('cc-maui-phase-2') && (0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true);
+  var renderAIBorderOverride = !!isAIGenerating && (0, _fg.fg)('cc-maui-phase-2') && (0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true);
   /* eslint-enable @atlaskit/platform/no-preconditioning */
   var shouldDisplayBackground = !cardPreview || !disableOverlay || status === 'error' || status === 'failed-processing';
   var isPlayButtonClickable = shouldRenderPlayButton() && !!disableOverlay;
@@ -286,7 +286,7 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
     onSvgLoad === null || onSvgLoad === void 0 || onSvgLoad();
   };
   var contents = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_wrapper.ImageContainer, {
-    centerElements: didSvgRender && !(0, _platformFeatureFlags.fg)('platform_media_card_image_render') // The whole centerElements styles can go after removing the flag
+    centerElements: didSvgRender && !(0, _fg.fg)('platform_media_card_image_render') // The whole centerElements styles can go after removing the flag
     ,
     testId: _classnames.fileCardImageViewSelector,
     mediaName: name,
@@ -383,13 +383,13 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
     isPlayButtonClickable: isPlayButtonClickable,
     isTickBoxSelectable: isTickBoxSelectable,
     shouldDisplayTooltip: shouldDisplayTooltip
-  }, shouldDisplayTooltip ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, shouldDisplayTooltip ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: tooltipContent,
     position: "bottom",
     tag: "div"
   }, contents) : contents));
 };
-var CardView = exports.CardView = (0, _analyticsNext.withAnalyticsEvents)({
+var CardView = exports.CardView = (0, _withAnalyticsEvents.default)({
   onClick: (0, _analytics.createAndFireMediaCardEvent)({
     eventType: 'ui',
     action: 'clicked',

package/dist/cjs/card/cardWithMediaClient.js

@@ -6,18 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardWithMediaClient = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _mediaClientReact = require("@atlaskit/media-client-react");
+var _withMediaClientAndSettings = require("@atlaskit/media-client-react/with-media-client-and-settings");
+var _withMediaClient = require("@atlaskit/media-client-react/with-media-client");
 var _mediaCardAnalyticsErrorBoundary = _interopRequireDefault(require("./media-card-analytics-error-boundary"));
 var _card = require("./card");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var CardWithMediaClient = exports.CardWithMediaClient = function CardWithMediaClient(props) {
   var dimensions = props.dimensions,
     onClick = props.onClick;
   var Card = _react.default.useMemo(function () {
-    if ((0, _platformFeatureFlags.fg)('platform_media_video_captions')) {
-      return (0, _mediaClientReact.withMediaClientAndSettings)(_card.Card);
+    if ((0, _fg.fg)('platform_media_video_captions')) {
+      return (0, _withMediaClientAndSettings.withMediaClientAndSettings)(_card.Card);
     }
-    return (0, _mediaClientReact.withMediaClient)(_card.Card);
+    return (0, _withMediaClient.withMediaClient)(_card.Card);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_mediaCardAnalyticsErrorBoundary.default, {
     dimensions: dimensions,

package/dist/cjs/card/externalImageCard.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExternalImageCard = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaViewer = require("@atlaskit/media-viewer");
@@ -52,7 +52,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
     mediaViewerItems = _ref.mediaViewerItems,
     _onClick = _ref.onClick,
     _onMouseEnter = _ref.onMouseEnter;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardDimensions = dimensions || (0, _cardDimensions.getDefaultCardDimensions)(appearance);
   var internalOccurrenceKey = (0, _react.useMemo)(function () {

package/dist/cjs/card/fileCard.js

@@ -11,9 +11,10 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _mediaClient = require("@atlaskit/media-client");
-var _mediaClientReact = require("@atlaskit/media-client-react");
+var _useFileState2 = require("@atlaskit/media-client-react/use-file-state");
+var _useMediaClient = require("@atlaskit/media-client-react/use-media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaViewer = require("@atlaskit/media-viewer");
 var _react = _interopRequireWildcard(require("react"));
@@ -40,7 +41,7 @@ var _performance = require("./performance");
 var _dateOverrideContext = require("../dateOverrideContext");
 var _reactIntl = require("react-intl");
 var _abuseModal = require("@atlaskit/media-ui/abuseModal");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _experienceTraceIdContext = require("@atlaskit/react-ufo/experience-trace-id-context");
 var _usePressTracing = _interopRequireDefault(require("@atlaskit/react-ufo/use-press-tracing"));
 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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
@@ -108,14 +109,14 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isAbuseModalOpen = _useState2[0],
     setIsAbuseModalOpen = _useState2[1];
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
   //----------------------------------------------------------------//
 
   var pressTracing = (0, _usePressTracing.default)('click-file-card');
-  var mediaClient = (0, _mediaClientReact.useMediaClient)();
+  var mediaClient = (0, _useMediaClient.useMediaClient)();
   var _useState3 = (0, _react.useState)(null),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     cardElement = _useState4[0],
@@ -144,8 +145,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   // Note: mapMediaItemToFileState maps the fragment's processingStatus faithfully (including
   // processing/pending). The decision to skip polling is delegated to useFileState —
   // it skips subscription only when status === 'processed'. Do not add status guards here.
-  var initialFileState = (0, _platformFeatureFlags.fg)('platform_media_ssr_data_seed') ? ssrFileState : undefined;
-  var _useFileState = (0, _mediaClientReact.useFileState)(identifier.id, {
+  var initialFileState = (0, _fg.fg)('platform_media_ssr_data_seed') ? ssrFileState : undefined;
+  var _useFileState = (0, _useFileState2.useFileState)(identifier.id, {
       skipRemote: !isCardVisible,
       collectionName: identifier.collectionName,
       occurrenceKey: identifier.occurrenceKey,
@@ -297,7 +298,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       }
     };
     var resolvedFallbackName = (0, _expValEquals.expValEquals)('platform_editor_media_name_fallback_viewer_card', 'isEnabled', true) ? fallbackMediaName : undefined;
-    if ((0, _platformFeatureFlags.fg)('dfo_attachments_late_render_fix')) {
+    if ((0, _fg.fg)('dfo_attachments_late_render_fix')) {
       if (fileStateValue) {
         return {
           id: fileStateValue.id,
@@ -422,7 +423,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     createAnalyticsEvent && (0, _cardAnalytics.fireOperationalEvent)(createAnalyticsEvent, finalStatus, fileAttributes, performanceAttributes, ssrReliability, finalError, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, metadata.failReason);
 
     // Emit stored auth provider events when card reaches final state
-    if (createAnalyticsEvent && pendingAuthProviderEventRef.current && ['complete', 'error', 'failed-processing'].includes(finalStatus) && (0, _platformFeatureFlags.fg)('platform_media_auth_provider_analytics')) {
+    if (createAnalyticsEvent && pendingAuthProviderEventRef.current && ['complete', 'error', 'failed-processing'].includes(finalStatus) && (0, _fg.fg)('platform_media_auth_provider_analytics')) {
       var authEvent = pendingAuthProviderEventRef.current;
       // Sample auth-provider-succeeded events at 10%
       var shouldSampleAuthProviderSucceeded = function shouldSampleAuthProviderSucceeded() {
@@ -482,7 +483,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
 
   // Listen to auth provider events and store them (don't emit yet)
   (0, _react.useEffect)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_media_auth_provider_analytics')) {
+    if (!(0, _fg.fg)('platform_media_auth_provider_analytics')) {
       return;
     }
     var onAuthSuccess = function onAuthSuccess(payload) {
@@ -726,14 +727,14 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     var izLazyOverride = arguments.length > 2 ? arguments[2] : undefined;
     var mediaItemType = identifier.mediaItemType;
     var isLazyWithOverride = izLazyOverride === undefined ? isLazy : izLazyOverride;
-    var isLazyPreview = (0, _platformFeatureFlags.fg)('media-perf-lazy-loading-optimisation') ? preview === null || preview === void 0 ? void 0 : preview.lazy : true;
+    var isLazyPreview = (0, _fg.fg)('media-perf-lazy-loading-optimisation') ? preview === null || preview === void 0 ? void 0 : preview.lazy : true;
 
     // We should natively lazy load an SSR preview when card is not visible,
     // otherwise we'll fire the metadata fetch from outside the viewport
     // Side note: We should not lazy load if the cardPreview is available from local cache,
     // in order to avoid flickers during re-mount of the component
     // CXP-2723 TODO: Create test cases for the above scenarios
-    var nativeLazyLoad = isLazyWithOverride && ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && (0, _types.isSSRPreview)(preview) && isLazyPreview;
+    var nativeLazyLoad = isLazyWithOverride && ((0, _fg.fg)('media-perf-uplift-mutation-fix') || !isCardVisible) && preview && (0, _types.isSSRPreview)(preview) && isLazyPreview;
     // Force Media Image to always display img for SSR
     var forceSyncDisplay = !!ssr;
     var card = /*#__PURE__*/_react.default.createElement(_cardView.CardView, {

package/dist/cjs/card/inlinePlayer.js

@@ -18,8 +18,9 @@ var _cardLoading = require("../utils/lightCards/cardLoading");
 var _progressBar = require("./ui/progressBar/progressBar");
 var _inlinePlayerWrapper = require("./inlinePlayerWrapper");
 var _useBreakpoint = require("./useBreakpoint");
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useFileState2 = require("@atlaskit/media-client-react/use-file-state");
+var _useMediaClient = require("@atlaskit/media-client-react/use-media-client");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 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 _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
 var getPreferredVideoArtifact = exports.getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
   if (fileState.status === 'processed' || fileState.status === 'processing') {
@@ -67,8 +68,8 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
     collectionName = identifier.collectionName,
     occurrenceKey = identifier.occurrenceKey;
   var breakpoint = (0, _useBreakpoint.useBreakpoint)(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
-  var mediaClient = (0, _mediaClientReact.useMediaClient)();
-  var _useFileState = (0, _mediaClientReact.useFileState)(id, {
+  var mediaClient = (0, _useMediaClient.useMediaClient)();
+  var _useFileState = (0, _useFileState2.useFileState)(id, {
       collectionName: collectionName,
       occurrenceKey: occurrenceKey
     }),
@@ -133,7 +134,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
     };
   }(), [collectionName, id, mediaClient.file]);
   var onPlay = function onPlay() {
-    if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+    if ((0, _fg.fg)('platform_media_resume_video_on_token_expiry')) {
       fileState && init(fileState);
     }
   };
@@ -208,7 +209,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
     innerRef: forwardRef || undefined,
     dimensions: dimensions
   }, /*#__PURE__*/_react.default.createElement(_mediaUi.InactivityDetector, null, function (checkMouseMovement, controlsAreVisible) {
-    return (0, _platformFeatureFlags.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
+    return (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
       identifier: identifier,
       type: "video",
       src: fileSrc,

package/dist/cjs/card/inlinePlayerWrapper-compiled.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 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 hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
@@ -46,7 +46,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
     role: "none"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw" : "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: (0, _runtime.ax)([(0, _fg.fg)('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", (0, _fg.fg)('platform_editor_media_border_radius_fix') ? "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw" : "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     onClick: onClick,
     ref: innerRef
   }, _vcMedia.VcMediaWrapperProps, {

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

@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _mediaCommon = require("@atlaskit/media-common");
 var _unhandledErrorCard = require("./ui/unhandledErrorCard");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _analytics = require("../utils/analytics");
 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; }
@@ -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 = "81.6.15";
+var packageVersion = "81.7.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
@@ -95,5 +95,5 @@ var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})((0, _analyticsNext.withAnalyticsEvents)()(WrappedMediaCardAnalyticsErrorBoundary));
+})((0, _withAnalyticsEvents.default)()(WrappedMediaCardAnalyticsErrorBoundary));
 var _default = exports.default = MediaCardAnalyticsErrorBoundary;

package/dist/cjs/card/svgView/svgImage-compiled.js

@@ -14,6 +14,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _errors = require("../../errors");
 var _helpers = require("./helpers");
+var _useResolveSvg2 = require("@atlaskit/media-svg/use-resolve-svg");
 var _mediaSvg = require("@atlaskit/media-svg");
 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 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; }
@@ -70,7 +71,7 @@ var SvgView = exports.SvgView = function SvgView(_ref) {
       calculateDimensions(imgRef.current);
     }
   }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
+  var _useResolveSvg = (0, _useResolveSvg2.useResolveSvg)(identifier, onSvgError),
     svgUrl = _useResolveSvg.svgUrl,
     source = _useResolveSvg.source;
   var width = svgDimensions.width,

package/dist/cjs/card/svgView/svgView.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SvgView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _svgImageCompiled = require("./svgImage-compiled");
 var _svgViewV = require("./svgViewV2");
 var SvgView = exports.SvgView = function SvgView(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_card_image_render') ? /*#__PURE__*/_react.default.createElement(_svgViewV.SvgView, props) : /*#__PURE__*/_react.default.createElement(_svgImageCompiled.SvgView, props);
+  return (0, _fg.fg)('platform_media_card_image_render') ? /*#__PURE__*/_react.default.createElement(_svgViewV.SvgView, props) : /*#__PURE__*/_react.default.createElement(_svgImageCompiled.SvgView, props);
 };

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

@@ -8,6 +8,7 @@ exports.SvgView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _errors = require("../../errors");
+var _useResolveSvg2 = require("@atlaskit/media-svg/use-resolve-svg");
 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); }
@@ -42,7 +43,7 @@ var SvgView = exports.SvgView = function SvgView(_ref) {
     var error = new _errors.MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
     onError === null || onError === void 0 || onError(error);
   };
-  var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
+  var _useResolveSvg = (0, _useResolveSvg2.useResolveSvg)(identifier, onSvgError),
     svgUrl = _useResolveSvg.svgUrl,
     source = _useResolveSvg.source;
   var cardPreview = (0, _react.useMemo)(function () {

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.js

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 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 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; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -24,7 +24,7 @@ var variantStyleMap = {
 var cardActionButtonStyles = null;
 var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$variant;
-  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({}, props, (0, _platformFeatureFlags.fg)('platform_media_card_action_button_type_fix') ? {
+  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({}, props, (0, _fg.fg)('platform_media_card_action_button_type_fix') ? {
     type: 'button'
   } : {}, {
     id: "cardActionButton",

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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardActionIconButton = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _cardActionButton = require("./cardActionButton");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _analytics = require("../../../../utils/analytics");
 var CardActionIconButton = exports.CardActionIconButton = function CardActionIconButton(_ref) {
   var icon = _ref.icon,
@@ -20,7 +20,7 @@ var CardActionIconButton = exports.CardActionIconButton = function CardActionIco
     variant = _ref.variant,
     isDisabled = _ref.isDisabled,
     tooltip = _ref.tooltip;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
   // this is to prevent currently focused text to loose cursor on clicking card action
@@ -53,7 +53,7 @@ var CardActionIconButton = exports.CardActionIconButton = function CardActionIco
     variant: variant,
     disabled: isDisabled
   }, icon);
-  return tooltip ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  return tooltip ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: tooltip,
     position: "bottom",
     tag: "span"

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,16 +8,18 @@ exports.CardActionsDropdownMenu = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
+var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
+var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _analytics = require("../../../../utils/analytics");
 var _cardActionButton = require("./cardActionButton");
 var _excluded = ["triggerRef", "isSelected", "testId", "onClick"];
-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); }
 // 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)({
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, (0, _extends2.default)({
     testId: "media-card-actions-menu-item"
   }, props));
 };
@@ -26,7 +27,7 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
   var label = action.label,
     handler = action.handler,
     isDisabled = action.isDisabled;
-  var DropdownItemWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
+  var DropdownItemWithAnalytics = (0, _withAnalyticsEvents.default)({
     onClick: (0, _analytics.createAndFireMediaCardEvent)({
       eventType: 'ui',
       action: 'clicked',
@@ -50,7 +51,7 @@ var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = function CardAct
     triggerColor = _ref.triggerColor,
     onOpenChange = _ref.onOpenChange,
     triggerVariant = _ref.triggerVariant;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   if (actions.length > 0) {
     return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
@@ -86,7 +87,7 @@ var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = function CardAct
           label: "more"
         }));
       }
-    }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, actions.map(createDropdownItemWithAnalytics)));
+    }, /*#__PURE__*/_react.default.createElement(_dropdownMenuItemGroup.default, null, actions.map(createDropdownItemWithAnalytics)));
   } else {
     return null;
   }

package/dist/cjs/card/ui/imageRenderer/helpers.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calculateInitialDimensions = exports.calculateDimensions = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var roundedRatio = function roundedRatio(ratio) {
   return Math.round(ratio * 100) / 100;
 };
@@ -35,8 +35,8 @@ 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 = (0, _platformFeatureFlags.fg)('media-perf-ratio-calc-fix') ? Math.abs(imgWidth / parentWidth - imgHeight / parentHeight) < 0.1 : roundedRatio(imgWidth / parentWidth) === roundedRatio(imgHeight / parentHeight);
+  if ((0, _fg.fg)('media-perf-uplift-mutation-fix')) {
+    var isSameRatio = (0, _fg.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;
@@ -87,7 +87,7 @@ var calculateInitialDimensions = exports.calculateInitialDimensions = function c
 
   // resizeMode === 'crop'
   // assume the image is landscape
-  return (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix') ? DEFAULT_CROP_DIMENSIONS : {
+  return (0, _fg.fg)('media-perf-uplift-mutation-fix') ? DEFAULT_CROP_DIMENSIONS : {
     width: '100%'
   };
 };

package/dist/cjs/card/ui/imageRenderer/imageRendererV2.js

@@ -16,7 +16,7 @@ var _helpers = require("./helpers");
 var _useCurrentValueRef = require("../../../utils/useCurrentValueRef");
 var _wrapper = require("./wrapper");
 var _mediaClient = require("@atlaskit/media-client");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
 var _interactionContext = require("@atlaskit/react-ufo/interaction-context");
 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); }
@@ -86,7 +86,7 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
     }
   }), /*#__PURE__*/_react.default.createElement("img", {
     ref: function ref(_ref2) {
-      if ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
+      if ((0, _fg.fg)('media-perf-uplift-mutation-fix')) {
         if (!imgRef.current && _ref2 !== null && _ref2 !== void 0 && _ref2.complete) {
           // we need to set the imgRef before calling onLoad to avoid recursive rendering
           imgRef.current = _ref2;