@atlaskit/media-card 81.6.16 → 81.7.0

package/dist/esm/card/cardLoader.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Suspense, useContext } from 'react';
 import Loadable from 'react-loadable';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { CardLoading } from '../utils/lightCards/cardLoading';
 import UFOSegment from '@atlaskit/react-ufo/segment';
 var MediaCardContext = /*#__PURE__*/React.createContext({});

package/dist/esm/card/cardView.js

@@ -5,10 +5,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect, useState, useRef, useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { isFileIdentifier } from '@atlaskit/media-client';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import SpinnerIcon from '@atlaskit/spinner';
-import Tooltip from '@atlaskit/tooltip';
+import SpinnerIcon from '@atlaskit/spinner/spinner';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useMergeRefs } from 'use-callback-ref';
 import { messages } from '@atlaskit/media-ui';
 import { createAndFireMediaCardEvent } from '../utils/analytics';
@@ -32,7 +32,7 @@ import { useBreakpoint } from './useBreakpoint';
 import OpenMediaViewerButton from './ui/openMediaViewerButton/openMediaViewerButton';
 import { useCurrentValueRef } from '../utils/useCurrentValueRef';
 import { SvgView } from './svgView';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var i18n = defineMessages({
   traceIdTooltip: {

package/dist/esm/card/cardWithMediaClient.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import { withMediaClientAndSettings, withMediaClient } from '@atlaskit/media-client-react';
+import { withMediaClientAndSettings } from '@atlaskit/media-client-react/with-media-client-and-settings';
+import { withMediaClient } from '@atlaskit/media-client-react/with-media-client';
 import MediaCardAnalyticsErrorBoundary from './media-card-analytics-error-boundary';
 import { Card as InternalCard } from './card';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var CardWithMediaClient = function CardWithMediaClient(props) {
   var dimensions = props.dimensions,
     onClick = props.onClick;

package/dist/esm/card/externalImageCard.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { getRandomTelemetryId } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';

package/dist/esm/card/fileCard.js

@@ -5,9 +5,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { globalMediaEventEmitter, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
+import { useFileState } from '@atlaskit/media-client-react/use-file-state';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 import { isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, getRandomTelemetryId } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState, useCallback } from 'react';
@@ -35,7 +36,7 @@ import { useContext } from 'react';
 import { DateOverrideContext } from '../dateOverrideContext';
 import { useIntl } from 'react-intl';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveTrace } from '@atlaskit/react-ufo/experience-trace-id-context';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 var traceContextRetriever = function traceContextRetriever() {

package/dist/esm/card/inlinePlayer.js

@@ -10,8 +10,9 @@ import { CardLoading } from '../utils/lightCards/cardLoading';
 import { ProgressBar } from './ui/progressBar/progressBar';
 import { InlinePlayerWrapper } from './inlinePlayerWrapper';
 import { useBreakpoint } from './useBreakpoint';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { useFileState } from '@atlaskit/media-client-react/use-file-state';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
   if (fileState.status === 'processed' || fileState.status === 'processing') {
     var artifacts = fileState.artifacts;

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

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
 

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

@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { UnhandledErrorCard } from './ui/unhandledErrorCard';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fireMediaCardEvent } from '../utils/analytics';
 var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function WrappedMediaCardAnalyticsErrorBoundary(props) {
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.6.15";
+var packageVersion = "81.6.16";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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

@@ -8,7 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { MediaCardError } from '../../errors';
 import { calculateSvgDimensions } from './helpers';
-import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
+import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
+import { MediaSVGError } from '@atlaskit/media-svg';
 var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {
     case 'img-error':

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { SvgView as SvgViewCompiled } from './svgImage-compiled';
 import { SvgView as SvgViewV2 } from './svgViewV2';
 export var SvgView = function SvgView(props) {

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

@@ -7,7 +7,8 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { useMemo } from 'react';
 import { MediaCardError } from '../../errors';
-import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
+import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
+import { MediaSVGError } from '@atlaskit/media-svg';
 import { ImageRenderer } from '../ui/imageRenderer/imageRendererV2';
 var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {

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

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var variantStyleMap = {
   filled: "_bfhk1bhr _irr36o2t",
   default: "_irr31dpa"

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { CardActionButton } from './cardActionButton';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { fireMediaCardEvent } from '../../../../utils/analytics';
 export var CardActionIconButton = function CardActionIconButton(_ref) {
   var icon = _ref.icon,

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

@@ -2,10 +2,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["triggerRef", "isSelected", "testId", "onClick"];
 import React from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
-import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdown-menu';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
+import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
+import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { createAndFireMediaCardEvent, fireMediaCardEvent } from '../../../../utils/analytics';
 import { CardActionButton } from './cardActionButton';
 // Trick applied due to the lack of props type of DropdownItem

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

@@ -1,4 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var roundedRatio = function roundedRatio(ratio) {
   return Math.round(ratio * 100) / 100;
 };

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

@@ -10,7 +10,7 @@ import { calculateDimensions, calculateInitialDimensions } from './helpers';
 import { useCurrentValueRef } from '../../../utils/useCurrentValueRef';
 import { ImageRendererWrapper } from './wrapper';
 import { isFileIdentifier } from '@atlaskit/media-client';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
 import { useInteractionContext } from '@atlaskit/react-ufo/interaction-context';
 var baseStyles = null;

package/dist/esm/card/ui/imageRenderer/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ImageRenderer as ImageRendererV1 } from './imageRenderer';
 import { ImageRenderer as ImageRendererV2 } from './imageRendererV2';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var ImageRenderer = function ImageRenderer(props) {
   return fg('platform_media_card_image_render') ? /*#__PURE__*/React.createElement(ImageRendererV2, props) : /*#__PURE__*/React.createElement(ImageRendererV1, props);
 };

package/dist/esm/card/ui/openMediaViewerButton/openMediaViewerButton.js

@@ -4,7 +4,7 @@ var _excluded = ["fileName", "innerRef"];
 import React from 'react';
 import { injectIntl, IntlProvider, useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 var OpenMediaViewerButton = function OpenMediaViewerButton(_ref) {

package/dist/esm/inline/loader.js

@@ -11,7 +11,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
   function MediaInlineCardLoader() {
     var _this;
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "81.6.15",
+        packageName: "81.6.16",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -9,7 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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 { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import WarningIcon from '@atlaskit/icon/core/status-warning';
 import { fireMediaCardEvent } from '../utils/analytics';
 var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {

package/dist/esm/inline/mediaInlineCard.js

@@ -1,19 +1,19 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { FileFetcherError, toCommonMediaClientError } from '@atlaskit/media-client';
 import { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
 import { formatDate } from '@atlaskit/media-ui/formatDate';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import { MediaViewer } from '@atlaskit/media-viewer';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Tooltip from '@atlaskit/tooltip';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import React, { useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { createIntl, injectIntl, IntlProvider } from 'react-intl';
 import { MediaCardError } from '../errors';
 import { fireMediaCardEvent } from '../utils/analytics';
 import { getErrorStatusPayload, getFailedProcessingStatusPayload, getSucceededStatusPayload } from './mediaInlineCardAnalytics';
-import { useCopyIntent } from '@atlaskit/media-client-react';
+import { useCopyIntent } from '@atlaskit/media-client-react/use-copy-intent';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // UI component which renders an inline link in the appropiate state based on a media file

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import SpinnerIcon from '@atlaskit/spinner';
+import SpinnerIcon from '@atlaskit/spinner/spinner';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { LoadingBar } from '../../card/ui/loadingBar/loadingBar';
 import { getDimensionsWithDefault } from './getDimensionsWithDefault';

package/dist/esm/utils/mediaPerformanceObserver/mediaPerformanceObserver.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 { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { createMediaDurationMetrics, createUfoDurationMetrics } from './durationMetrics';
 import { sendUfoDurationMetrics } from './ufo';

package/dist/esm/utils/ufoExperiences.js

@@ -3,17 +3,19 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 { useCallback, useEffect, useMemo, useRef } from 'react';
-import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience } from '@atlaskit/ufo';
+import { UFOExperience } from '@atlaskit/ufo/experience';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
+import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { isValidUuid } from '@atlaskit/media-common/isValidUuid';
-import { UFOExperienceState } from '@atlaskit/ufo';
+import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
 import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.6.15";
+var packageVersion = "81.6.16";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/types/card/cardAnalytics.d.ts

@@ -1,5 +1,5 @@
 import { type FileAttributes, type MediaTraceContext, type PerformanceAttributes } from '@atlaskit/media-common';
-import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { type SSRStatus } from '../utils/analytics';
 import { type CardStatus } from '../types';
 import { MediaCardError } from '../errors';

package/dist/types/card/cardView.d.ts

@@ -1,7 +1,8 @@
 import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl';
 import { type MediaItemType, type FileDetails, type ImageResizeMode, type Identifier } from '@atlaskit/media-client';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../types';
 import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 import { type CardAction } from './actions';

package/dist/types/card/inlinePlayer.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 import { type FileIdentifier, type FileState, type MediaFileArtifacts } from '@atlaskit/media-client';
 import { type NumericalCardDimensions } from '@atlaskit/media-common';
 import { type CardDimensions } from '../types';
-import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import type { CardPreview } from '../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;

package/dist/types/card/media-card-analytics-error-boundary.d.ts

@@ -1,7 +1,7 @@
 import React, { type PropsWithChildren } from 'react';
 import { type MediaFeatureFlags } from '@atlaskit/media-common';
 import { type CardDimensions, type CardOnClickCallback } from '../types';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 export type MediaCardAnalyticsErrorBoundaryProps = PropsWithChildren<{
     dimensions?: CardDimensions;
     data?: {

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

@@ -1,7 +1,7 @@
 import { type ReactElement, type RefObject } from 'react';
 import type React from 'react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react/with-media-client';
 import type { CardBaseProps } from './card';
 import { type CardDimensions } from '../types';
 export type InlinePlayerWrapperProps = {

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

@@ -1,7 +1,7 @@
 import { type SerializedStyles } from '@emotion/react';
 import { type MouseEvent, type HTMLAttributes } from 'react';
 import type React from 'react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 export declare enum CardActionIconButtonVariant {
     default = "default",
     filled = "filled"

package/dist/types/card/ui/wrapper/types.d.ts

@@ -1,6 +1,6 @@
 import { type MouseEvent } from 'react';
 import type React from 'react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type CardDimensions, type CardAppearance } from '../../../types';
 import { type Breakpoint } from '../common';
 import { type MediaCardCursor } from '../../../types';

package/dist/types/inline/loader.d.ts

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren } from 'react';
-import { type WithMediaClientConfigProps } from '@atlaskit/media-client-react';
+import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react/with-media-client';
 import { type MediaInlineCardProps } from './mediaInlineCard';
 export type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
 type MediaInlineCardWithMediaClientConfigComponent = React.ComponentType<MediaInlineCardWithMediaClientConfigProps>;

package/dist/types/inline/mediaInlineAnalyticsErrorBoundary.d.ts

@@ -1,6 +1,6 @@
 import React, { type PropsWithChildren } from 'react';
 import { type MediaFeatureFlags } from '@atlaskit/media-common';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 export type MediaInlineAnalyticsErrorBoundaryProps = PropsWithChildren<{
     isSelected?: boolean;
     data?: {

package/dist/types/inline/mediaInlineCardAnalytics.d.ts

@@ -1,7 +1,7 @@
 import { type FileState } from '@atlaskit/media-client';
 import { type RenderInlineCardFailedEventPayload, type RenderInlineCardSucceededEventPayload } from '../utils/analytics';
 import { MediaCardError } from '../errors';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import type { ProcessingFailReason } from '@atlaskit/media-state/file-state';
 export declare const getSucceededStatusPayload: (fileState?: FileState) => RenderInlineCardSucceededEventPayload;
 export declare const getErrorStatusPayload: (fileId: string, error: MediaCardError, fileState?: FileState) => RenderInlineCardFailedEventPayload;

package/dist/types/types.d.ts

@@ -3,8 +3,8 @@
  */
 import { type MouseEvent } from 'react';
 import { type FileDetails, type MediaClient, type Identifier, type ImageResizeMode, type FileState } from '@atlaskit/media-client';
-import { type MediaSettings } from '@atlaskit/media-client-react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { MediaSettings } from '@atlaskit/media-client-react/media-parsed-settings';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import { type CardAction } from './card/actions';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from './errors';

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

@@ -1,7 +1,8 @@
 import { type ErrorInfo } from 'react';
 import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
 import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
-import { type CreateUIAnalyticsEvent, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
 import { type CardPreviewSource, type CardDimensions, type CardStatus } from '../../types';
 import { type SSR } from '@atlaskit/media-common';

package/example-helpers/index.tsx

@@ -12,7 +12,8 @@ import {
 	createRateLimitedError,
 } from '@atlaskit/media-client/test-helpers';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import FabricAnalyticsListeners, { type AnalyticsWebClient } from '@atlaskit/analytics-listeners';
+import FabricAnalyticsListeners from '@atlaskit/analytics-listeners/FabricAnalyticsListeners';
+import type { AnalyticsWebClient } from '@atlaskit/analytics-listeners/types';
 import { payloadPublisher } from '@atlassian/ufo';
 
 import AnnotateIcon from '@atlaskit/icon/core/edit';

package/example-helpers/selectableCard.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Component } from 'react';
-import { type MediaClientConfig } from '@atlaskit/media-core';
+import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 import { type Identifier } from '@atlaskit/media-client';
 import { Card } from '../src';
 

package/example-helpers/svg-helpers/dimensionPicker.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useMemo, useState } from 'react';
 
-import { Label } from '@atlaskit/form';
+import { Label } from '@atlaskit/form/label/default';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Flex, xcss } from '@atlaskit/primitives';
-import Range from '@atlaskit/range';
+import Range from '@atlaskit/range/range';
 
 import { ToggleBox } from './toggle';
 

package/example-helpers/svg-helpers/toggle.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import { Label } from '@atlaskit/form';
+import { Label } from '@atlaskit/form/label/default';
 import { Box } from '@atlaskit/primitives/compiled';
 import Toggle from '@atlaskit/toggle';
 

package/example-helpers/svg-helpers/uploader.ts

@@ -1,7 +1,7 @@
 import { type SyntheticEvent, useState } from 'react';
 
 import { type FileIdentifier } from '@atlaskit/media-client';
-import { useMediaClient } from '@atlaskit/media-client-react';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 
 export const useSvgUploader = (
 	collectionName?: string,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "81.6.16",
+	"version": "81.7.0",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,31 +31,32 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/dropdown-menu": "^18.1.0",
+		"@atlaskit/dropdown-menu": "^18.2.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
-		"@atlaskit/icon": "^37.4.0",
+		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/interaction-context": "^4.0.0",
-		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/media-client": "^37.4.0",
-		"@atlaskit/media-client-react": "^6.1.0",
-		"@atlaskit/media-common": "^14.4.0",
-		"@atlaskit/media-file-preview": "^1.1.0",
+		"@atlaskit/link": "^5.1.0",
+		"@atlaskit/media-client": "^37.5.0",
+		"@atlaskit/media-client-react": "^6.2.0",
+		"@atlaskit/media-common": "^14.5.0",
+		"@atlaskit/media-file-preview": "^1.2.0",
 		"@atlaskit/media-state": "^3.1.0",
-		"@atlaskit/media-svg": "^3.1.0",
-		"@atlaskit/media-ui": "^30.11.0",
-		"@atlaskit/media-viewer": "^54.5.0",
+		"@atlaskit/media-svg": "^3.2.0",
+		"@atlaskit/media-ui": "^30.12.0",
+		"@atlaskit/media-viewer": "^54.6.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/primitives": "^22.3.0",
-		"@atlaskit/progress-bar": "^5.1.0",
+		"@atlaskit/primitives": "^22.4.0",
+		"@atlaskit/progress-bar": "^5.2.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/react-ufo": "^7.6.0",
-		"@atlaskit/spinner": "^20.2.0",
-		"@atlaskit/theme": "^28.0.0",
-		"@atlaskit/tmp-editor-statsig": "^156.0.0",
-		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/tooltip": "^24.1.0",
+		"@atlaskit/react-ufo": "^7.7.0",
+		"@atlaskit/section-message": "^10.1.0",
+		"@atlaskit/spinner": "^20.3.0",
+		"@atlaskit/theme": "^28.1.0",
+		"@atlaskit/tmp-editor-statsig": "^157.0.0",
+		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tooltip": "^24.2.0",
 		"@atlaskit/ufo": "^1.0.0",
-		"@atlaskit/visually-hidden": "^4.2.0",
+		"@atlaskit/visually-hidden": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"classnames": "^2.2.5",
@@ -74,16 +75,20 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/analytics-listeners": "^11.1.0",
 		"@atlaskit/analytics-namespaced-context": "^8.1.0",
-		"@atlaskit/form": "^17.0.0",
-		"@atlaskit/inline-message": "^16.2.0",
+		"@atlaskit/button": "^25.2.0",
+		"@atlaskit/checkbox": "^19.1.0",
+		"@atlaskit/form": "^17.1.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/inline-message": "^16.3.0",
 		"@atlaskit/media-core": "^38.0.0",
-		"@atlaskit/media-picker": "^72.2.0",
+		"@atlaskit/media-picker": "^72.3.0",
 		"@atlaskit/media-test-data": "^4.0.0",
-		"@atlaskit/media-test-helpers": "^42.2.0",
-		"@atlaskit/radio": "^10.0.0",
-		"@atlaskit/range": "^12.0.0",
+		"@atlaskit/media-test-helpers": "^42.3.0",
+		"@atlaskit/radio": "^10.1.0",
+		"@atlaskit/range": "^12.1.0",
+		"@atlaskit/select": "^22.8.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^17.1.0",
+		"@atlaskit/toggle": "^17.2.0",
 		"@atlassian/a11y-jest-testing": "^0.16.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/testing-library": "^0.11.0",