@atlaskit/media-card 81.6.16 → 81.7.0

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

@@ -8,7 +8,7 @@ exports.ImageRenderer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _imageRenderer = require("./imageRenderer");
 var _imageRendererV = require("./imageRendererV2");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var ImageRenderer = exports.ImageRenderer = function ImageRenderer(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_card_image_render') ? /*#__PURE__*/_react.default.createElement(_imageRendererV.ImageRenderer, props) : /*#__PURE__*/_react.default.createElement(_imageRenderer.ImageRenderer, props);
+  return (0, _fg.fg)('platform_media_card_image_render') ? /*#__PURE__*/_react.default.createElement(_imageRendererV.ImageRenderer, props) : /*#__PURE__*/_react.default.createElement(_imageRenderer.ImageRenderer, props);
 };

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

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _excluded = ["fileName", "innerRef"];
@@ -21,7 +21,7 @@ var OpenMediaViewerButton = function OpenMediaViewerButton(_ref) {
   var intl = (0, _reactIntl.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({
     ref: innerRef
-  }, props, (0, _platformFeatureFlags.fg)('create_modernization_ga_fixes_drop_2') ? {
+  }, props, (0, _fg.fg)('create_modernization_ga_fixes_drop_2') ? {
     'aria-label': intl.formatMessage(_mediaUi.messages.open_file_in_viewer_aria_label, {
       name: fileName
     })

package/dist/cjs/inline/loader.js

@@ -17,7 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _mediaUi = require("@atlaskit/media-ui");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "81.6.15",
+        packageName: "81.6.16",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };
@@ -125,7 +125,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
           message: ""
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+      return /*#__PURE__*/_react.default.createElement(_AnalyticsContext.default, {
         data: analyticsContext
       }, /*#__PURE__*/_react.default.createElement(ErrorBoundary, {
         isSelected: this.props.isSelected

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -12,7 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _analytics = require("../utils/analytics");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -133,5 +133,5 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
   }]);
 }(_react.default.Component); // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 (0, _defineProperty2.default)(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
-var MediaInlineAnalyticsErrorBoundary = (0, _analyticsNext.withAnalyticsEvents)()(WrappedMediaInlineAnalyticsErrorBoundary);
+var MediaInlineAnalyticsErrorBoundary = (0, _withAnalyticsEvents.default)()(WrappedMediaInlineAnalyticsErrorBoundary);
 var _default = exports.default = MediaInlineAnalyticsErrorBoundary;

package/dist/cjs/inline/mediaInlineCard.js

@@ -7,21 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MediaInlineCardInternal = exports.MediaInlineCard = void 0;
 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 _mediaUi = require("@atlaskit/media-ui");
 var _formatDate = require("@atlaskit/media-ui/formatDate");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 var _mediaViewer = require("@atlaskit/media-viewer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntl = require("react-intl");
 var _errors = require("../errors");
 var _analytics = require("../utils/analytics");
 var _mediaInlineCardAnalytics = require("./mediaInlineCardAnalytics");
-var _mediaClientReact = require("@atlaskit/media-client-react");
+var _useCopyIntent2 = require("@atlaskit/media-client-react/use-copy-intent");
 var _usePressTracing = _interopRequireDefault(require("@atlaskit/react-ufo/use-press-tracing"));
 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); }
@@ -38,7 +38,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
     viewerOptions = _ref.viewerOptions,
     fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
     ssrFileState = _ref.ssrFileState;
-  var initialFileState = (0, _platformFeatureFlags.fg)('platform_media_ssr_data_seed') ? ssrFileState : undefined;
+  var initialFileState = (0, _fg.fg)('platform_media_ssr_data_seed') ? ssrFileState : undefined;
   // Capture as a ref so it's a stable one-time SSR seed that doesn't affect
   // the useEffect dependency array (including it would cause repeated
   // unsubscribe/resubscribe cycles whenever ssrFileState changes reference).
@@ -72,7 +72,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
     fallbackMediaNameFetchFailed = _useState12[0],
     setFallbackMediaNameFetchFailed = _useState12[1];
   var fallbackMediaNameFetchAttempted = (0, _react.useRef)(false);
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var pressTracing = (0, _usePressTracing.default)('click-media-inline-card');
   var fireFailedOperationalEvent = function fireFailedOperationalEvent() {
@@ -90,7 +90,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
     setIsSucceededEventSent(true);
     (0, _analytics.fireMediaCardEvent)(payload, createAnalyticsEvent);
   };
-  var _useCopyIntent = (0, _mediaClientReact.useCopyIntent)(identifier.id, {
+  var _useCopyIntent = (0, _useCopyIntent2.useCopyIntent)(identifier.id, {
       collectionName: identifier.collectionName
     }),
     copyNodeRef = _useCopyIntent.copyNodeRef;
@@ -252,7 +252,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
     fireSucceededOperationalEvent();
   }
   if (shouldDisplayToolTip === undefined || shouldDisplayToolTip === true) {
-    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       position: "bottom",
       content: formattedDate,
       tag: "span"

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardLoading = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _loadingBar = require("../../card/ui/loadingBar/loadingBar");
 var _getDimensionsWithDefault = require("./getDimensionsWithDefault");

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.startResourceObserver = exports.setAnalyticsContext = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/media-common/analytics");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
 var _durationMetrics = require("./durationMetrics");
 var _ufo = require("./ufo");
@@ -50,14 +50,14 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
             fileId: fileId,
             mediaClientId: clientId,
             featureFlags: {
-              'media-perf-lazy-loading-optimisation': (0, _platformFeatureFlags.fg)('media-perf-lazy-loading-optimisation')
+              'media-perf-lazy-loading-optimisation': (0, _fg.fg)('media-perf-lazy-loading-optimisation')
             }
           }, mediaDurationMetrics)
         });
         if (shouldSamplePerfObserver()) {
           event.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
         }
-        if ((0, _platformFeatureFlags.fg)('platform_media_card_ufo_network_metrics')) {
+        if ((0, _fg.fg)('platform_media_card_ufo_network_metrics')) {
           var ufoDurationMetrics = (0, _durationMetrics.createUfoDurationMetrics)(entry, interactionStartTime);
           var endpointName = 'image';
           (0, _ufo.sendUfoDurationMetrics)(ufoDurationMetrics, endpointName);

package/dist/cjs/utils/ufoExperiences.js

@@ -8,9 +8,12 @@ exports.useMediaCardUfoExperience = exports.startUfoExperience = exports.shouldP
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("react");
-var _ufo = require("@atlaskit/ufo");
+var _experience = require("@atlaskit/ufo/experience");
+var _experienceTypes = require("@atlaskit/ufo/experience-types");
+var _concurrentExperience = require("@atlaskit/ufo/concurrent-experience");
 var _mediaCommon = require("@atlaskit/media-common");
 var _isValidUuid = require("@atlaskit/media-common/isValidUuid");
+var _experienceState = require("@atlaskit/ufo/experience-state");
 var _analytics = require("./analytics");
 var _errors = require("../errors");
 var _mediaClient = require("@atlaskit/media-client");
@@ -19,7 +22,7 @@ var _globalScope = require("./globalScope/globalScope");
 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 = "81.6.15";
+var packageVersion = "81.6.16";
 var SAMPLE_RATE = 0.05;
 
 /**
@@ -197,12 +200,12 @@ var getBasePayloadAttributes = function getBasePayloadAttributes() {
  */
 var createExperience = function createExperience(instanceId) {
   var timings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return new _ufo.UFOExperience('media-card-render', {
+  return new _experience.UFOExperience('media-card-render', {
     platform: {
       component: 'media-card'
     },
-    type: _ufo.ExperienceTypes.Experience,
-    performanceType: _ufo.ExperiencePerformanceTypes.InlineResult,
+    type: _experienceTypes.ExperienceTypes.Experience,
+    performanceType: _experienceTypes.ExperiencePerformanceTypes.InlineResult,
     featureFlags: (0, _mediaCommon.getFeatureFlagKeysAllProducts)(),
     timings: timings
   }, instanceId);
@@ -322,7 +325,7 @@ var useMediaCardUfoExperience = exports.useMediaCardUfoExperience = function use
           ssrReliability: ssrReliability,
           fileStateFlags: fileStateFlags
         }, getBasePayloadAttributes()));
-        experience.transition(_ufo.UFOExperienceState.SUCCEEDED, endTime);
+        experience.transition(_experienceState.UFOExperienceState.SUCCEEDED, endTime);
         break;
       case 'failed-processing':
         experience.failure({
@@ -408,11 +411,11 @@ var getExperience = function getExperience(id) {
       platform: {
         component: 'media-card'
       },
-      type: _ufo.ExperienceTypes.Experience,
-      performanceType: _ufo.ExperiencePerformanceTypes.InlineResult,
+      type: _experienceTypes.ExperienceTypes.Experience,
+      performanceType: _experienceTypes.ExperiencePerformanceTypes.InlineResult,
       featureFlags: (0, _mediaCommon.getFeatureFlagKeysAllProducts)()
     };
-    concurrentExperience = new _ufo.ConcurrentExperience('media-card-render', inlineExperience);
+    concurrentExperience = new _concurrentExperience.ConcurrentExperience('media-card-render', inlineExperience);
   }
   return concurrentExperience.getInstance(id);
 };

package/dist/es2019/card/card.js

@@ -6,10 +6,10 @@ import { IntlProvider, injectIntl } from 'react-intl';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerformanceObserver/mediaPerformanceObserver';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.6.15";
+const packageVersion = "81.6.16";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/cardAnalytics.js

@@ -1,6 +1,6 @@
 import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getErrorEventPayload, getDownloadSucceededEventPayload, getDownloadFailedEventPayload } from '../utils/analytics';
 import { MediaCardError } from '../errors';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 
 // Sampling rate for mediaCardRender success events (10%)
 const MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE = 0.1;

package/dist/es2019/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';
 const MediaCardContext = /*#__PURE__*/React.createContext({});

package/dist/es2019/card/cardView.js

@@ -1,10 +1,10 @@
 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';
@@ -28,7 +28,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';
 const i18n = defineMessages({
   traceIdTooltip: {

package/dist/es2019/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 const CardWithMediaClient = props => {
   const {
     dimensions,

package/dist/es2019/card/externalImageCard.js

@@ -1,4 +1,4 @@
-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/es2019/card/fileCard.js

@@ -1,6 +1,7 @@
-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';
@@ -28,7 +29,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';
 const traceContextRetriever = () => {

package/dist/es2019/card/inlinePlayer.js

@@ -7,8 +7,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 const getPreferredVideoArtifact = fileState => {
   if (fileState.status === 'processed' || fileState.status === 'processing') {
     const {

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

@@ -6,7 +6,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';
 const hideNativeBrowserTextSelectionStyles = null;
 const selectedBorderStyle = null;
 

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
 class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
   constructor(props) {
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.6.15";
+const packageVersion = "81.6.16";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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

@@ -4,7 +4,8 @@ import { ax, ix } from "@compiled/react/runtime";
 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';
 const getErrorReason = svgReason => {
   switch (svgReason) {
     case 'img-error':

package/dist/es2019/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 const SvgView = props => {

package/dist/es2019/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';
 const getErrorReason = svgReason => {
   switch (svgReason) {

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

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 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';
 const variantStyleMap = {
   filled: "_bfhk1bhr _irr36o2t",
   default: "_irr31dpa"

package/dist/es2019/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 const CardActionIconButton = ({
   icon,

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

@@ -1,9 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 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/es2019/card/ui/imageRenderer/helpers.js

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

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

@@ -6,7 +6,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';
 const baseStyles = null;

package/dist/es2019/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 const ImageRenderer = props => {
   return fg('platform_media_card_image_render') ? /*#__PURE__*/React.createElement(ImageRendererV2, props) : /*#__PURE__*/React.createElement(ImageRendererV1, props);
 };

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 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';
 const OpenMediaViewerButton = ({

package/dist/es2019/inline/loader.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 export default class MediaInlineCardLoader extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "81.6.15",
+      packageName: "81.6.16",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
 const ErrorBoundaryComponent = ({

package/dist/es2019/inline/mediaInlineCard.js

@@ -1,18 +1,18 @@
-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/es2019/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/es2019/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -1,5 +1,5 @@
 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/es2019/utils/ufoExperiences.js

@@ -1,15 +1,17 @@
 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';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.6.15";
+const packageVersion = "81.6.16";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/card.js

@@ -8,10 +8,10 @@ import { IntlProvider, injectIntl } from 'react-intl';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerformanceObserver/mediaPerformanceObserver';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.6.15";
+var packageVersion = "81.6.16";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/cardAnalytics.js

@@ -1,6 +1,6 @@
 import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getErrorEventPayload, getDownloadSucceededEventPayload, getDownloadFailedEventPayload } from '../utils/analytics';
 import { MediaCardError } from '../errors';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 
 // Sampling rate for mediaCardRender success events (10%)
 var MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE = 0.1;