@atlaskit/media-card 82.1.27 → 82.1.30

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-card
 
+## 82.1.30
+
+### Patch Changes
+
+- Updated dependencies
+
+## 82.1.29
+
+### Patch Changes
+
+- Updated dependencies
+
+## 82.1.28
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 82.1.27
 
 ### Patch Changes

package/dist/cjs/card/InlinePlayerBase.js

@@ -10,9 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaClient = require("@atlaskit/media-client");
 var _useFileState2 = require("@atlaskit/media-client-react/use-file-state");
 var _useMediaClient = require("@atlaskit/media-client-react/use-media-client");
+var _globalMediaEventEmitter = require("@atlaskit/media-client/global-media-event-emitter");
 var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
 var _inactivityDetector = require("@atlaskit/media-ui/inactivityDetector");
 var _mediaPlayer = require("@atlaskit/media-ui/mediaPlayer");
@@ -212,7 +212,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
         mediaClient.file.downloadBinary(id, undefined, collectionName);
       },
       onFirstPlay: function onFirstPlay() {
-        _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
+        _globalMediaEventEmitter.globalMediaEventEmitter.emit('media-viewed', {
           fileId: id,
           viewingLevel: 'full'
         });
@@ -238,7 +238,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
         mediaClient.file.downloadBinary(id, undefined, collectionName);
       },
       onFirstPlay: function onFirstPlay() {
-        _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
+        _globalMediaEventEmitter.globalMediaEventEmitter.emit('media-viewed', {
           fileId: id,
           viewingLevel: 'full'
         });

package/dist/cjs/card/card.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Card = void 0;
 var _reactIntl = require("react-intl");
-var _mediaCommon = require("@atlaskit/media-common");
+var _withMediaAnalyticsContext = require("@atlaskit/media-common/withMediaAnalyticsContext");
 var _CardWithPerformanceObserver = require("./CardWithPerformanceObserver");
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.26";
-var Card = exports.Card = (0, _mediaCommon.withMediaAnalyticsContext)({
+var packageVersion = "82.1.29";
+var Card = exports.Card = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,
   componentName: 'mediaCard',

package/dist/cjs/card/externalImageCard.js

@@ -11,9 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 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");
+var _globalMediaEventEmitter = require("@atlaskit/media-client/global-media-event-emitter");
+var _helpers = require("@atlaskit/media-common/helpers");
+var _mediaViewerLoader = _interopRequireDefault(require("@atlaskit/media-viewer/media-viewer-loader"));
 var _ImageLoadError = require("../ImageLoadError");
 var _cardDimensions = require("../utils/cardDimensions");
 var _generateUniqueId = require("../utils/generateUniqueId");
@@ -67,7 +67,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
   // Generate unique traceId for file
   var traceContext = (0, _react.useMemo)(function () {
     return {
-      traceId: (0, _mediaCommon.getRandomTelemetryId)()
+      traceId: (0, _helpers.getRandomTelemetryId)()
     };
   }, []);
   var fileStateFlagsRef = (0, _react.useRef)({
@@ -188,7 +188,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
     if (!mediaViewerSelectedItem) {
       return;
     }
-    return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
+    return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewerLoader.default, {
       collectionName: '',
       items: mediaViewerItems || [],
       mediaClientConfig: mediaClient.config,
@@ -256,7 +256,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
         fileId: identifier.dataURI,
         isUserCollection: false
       };
-      _mediaClient.globalMediaEventEmitter.emit('media-viewed', _objectSpread({
+      _globalMediaEventEmitter.globalMediaEventEmitter.emit('media-viewed', _objectSpread({
         viewingLevel: 'minimal'
       }, payloadPart));
     },

package/dist/cjs/card/fileCard.js

@@ -18,11 +18,15 @@ var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents"
 var _mediaClient = require("@atlaskit/media-client");
 var _useFileState2 = require("@atlaskit/media-client-react/use-file-state");
 var _useMediaClient = require("@atlaskit/media-client-react/use-media-client");
+var _constants = require("@atlaskit/media-client/constants");
+var _globalMediaEventEmitter = require("@atlaskit/media-client/global-media-event-emitter");
+var _imageResizeModeToFileImageMode = require("@atlaskit/media-client/image-resize-mode-to-file-image-mode");
 var _ssrMediaItem = require("@atlaskit/media-client/ssr-media-item");
-var _mediaCommon = require("@atlaskit/media-common");
+var _helpers = require("@atlaskit/media-common/helpers");
+var _isMimeTypeSupportedByBrowser = require("@atlaskit/media-common/isMimeTypeSupportedByBrowser");
 var _useFilePreview2 = require("@atlaskit/media-file-preview/use-file-preview");
 var _abuseModal = require("@atlaskit/media-ui/abuseModal");
-var _mediaViewer = require("@atlaskit/media-viewer");
+var _mediaViewerLoader = _interopRequireDefault(require("@atlaskit/media-viewer/media-viewer-loader"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _getActiveTrace = require("@atlaskit/react-ufo/get-active-trace");
@@ -63,7 +67,7 @@ var traceContextRetriever = function traceContextRetriever() {
     };
   } else {
     return {
-      traceId: (0, _mediaCommon.getRandomTelemetryId)()
+      traceId: (0, _helpers.getRandomTelemetryId)()
     };
   }
 };
@@ -255,7 +259,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       initialFileState: initialFileState,
       useSrcSet: true,
       mediaBlobUrlAttrs: mediaBlobUrlAttrs,
-      resizeMode: (0, _mediaClient.imageResizeModeToFileImageMode)(resizeMode),
+      resizeMode: (0, _imageResizeModeToFileImageMode.imageResizeModeToFileImageMode)(resizeMode),
       identifier: identifier,
       ssr: ssr,
       dimensions: previewDimensions,
@@ -530,11 +534,11 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
         payload: payload
       };
     };
-    _mediaClient.globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
-    _mediaClient.globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
+    _globalMediaEventEmitter.globalMediaEventEmitter.on('auth-provider-succeeded', onAuthSuccess);
+    _globalMediaEventEmitter.globalMediaEventEmitter.on('auth-provider-failed', onAuthFailed);
     return function () {
-      _mediaClient.globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
-      _mediaClient.globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
+      _globalMediaEventEmitter.globalMediaEventEmitter.off('auth-provider-succeeded', onAuthSuccess);
+      _globalMediaEventEmitter.globalMediaEventEmitter.off('auth-provider-failed', onAuthFailed);
     };
   }, []);
 
@@ -602,7 +606,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       return;
     }
     var isVideo = metadata.mediaType === 'video';
-    var isBrowserSupported = metadata.mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(metadata.mimeType);
+    var isBrowserSupported = metadata.mimeType && (0, _isMimeTypeSupportedByBrowser.isMimeTypeSupportedByBrowser)(metadata.mimeType);
 
     // TODO: this should be handled by Inline Player
     var isPlayable = !!fileState && (fileState.status === 'processed' || isBrowserSupported && ['processing', 'uploading'].includes(fileState.status));
@@ -655,7 +659,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     var isVideo = fileAttributes.fileMediatype === 'video';
     var _getFileDetails2 = (0, _metadata.getFileDetails)(identifier, fileStateValue),
       mimeType = _getFileDetails2.mimeType;
-    var isVideoPlayable = mimeType && (0, _mediaCommon.isVideoMimeTypeSupportedByBrowser)(mimeType) || fileStateValue && (0, _mediaClient.isProcessedFileState)(fileStateValue);
+    var isVideoPlayable = mimeType && (0, _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser)(mimeType) || fileStateValue && (0, _mediaClient.isProcessedFileState)(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -794,9 +798,9 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       onDisplayImage: withCallbacks ? function () {
         var payloadPart = {
           fileId: identifier.id,
-          isUserCollection: identifier.collectionName === _mediaClient.RECENTS_COLLECTION
+          isUserCollection: identifier.collectionName === _constants.RECENTS_COLLECTION
         };
-        _mediaClient.globalMediaEventEmitter.emit('media-viewed', _objectSpread({
+        _globalMediaEventEmitter.globalMediaEventEmitter.emit('media-viewed', _objectSpread({
           viewingLevel: 'minimal'
         }, payloadPart));
       } : undefined,
@@ -858,7 +862,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     testId: testId,
     cardPreview: preview,
     videoControlsWrapperRef: videoControlsWrapperRef
-  })) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
+  })) : renderCard(), mediaViewerSelectedItem ? /*#__PURE__*/_react.default.createElement(_mediaViewerLoader.default, {
     collectionName: collectionName,
     items: mediaViewerItems || [],
     mediaClientConfig: mediaClient.config,

package/dist/cjs/card/inlinePlayerWrapperStyles.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.inlinePlayerWrapperStyles = exports.inlinePlayerClassName = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _selection = require("@atlaskit/editor-shared-styles/selection");
+var _types = require("@atlaskit/editor-shared-styles/selection/types");
+var _utils = require("@atlaskit/editor-shared-styles/selection/utils");
 var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /*
@@ -15,7 +16,7 @@ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/u
  * shrinking the image OR growing the card size
  */
 var getSelectedBorderStyle = function getSelectedBorderStyle(selected) {
-  return "\n    ".concat(selected ? _selection.hideNativeBrowserTextSelectionStyles : '', "\n\n    &::after {\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n      border-radius: ", "var(--ds-radius-small, 3px)", ";\n      ").concat(selected ? (0, _selection.getSelectionStyles)([_selection.SelectionStyle.Border]) : '', "\n    }\n  ");
+  return "\n    ".concat(selected ? _utils.hideNativeBrowserTextSelectionStyles : '', "\n\n    &::after {\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n      border-radius: ", "var(--ds-radius-small, 3px)", ";\n      ").concat(selected ? (0, _utils.getSelectionStyles)([_types.SelectionStyle.Border]) : '', "\n    }\n  ");
 };
 var inlinePlayerClassName = exports.inlinePlayerClassName = 'media-card-inline-player';
 var inlinePlayerWrapperStyles = exports.inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref) {

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

@@ -13,7 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _mediaCommon = require("@atlaskit/media-common");
+var _withMediaAnalyticsContext = require("@atlaskit/media-common/withMediaAnalyticsContext");
 var _fireMediaCardEvent = require("../utils/analytics/fireMediaCardEvent");
 var _unhandledErrorCard = require("./ui/unhandledErrorCard");
 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; }
@@ -87,10 +87,10 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.26";
+var packageVersion = "82.1.29";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
+var MediaCardAnalyticsErrorBoundary = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,
   componentName: 'mediaCard',

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getWrapperShadow = void 0;
-var _consts = require("@atlaskit/editor-shared-styles/consts");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 // This is a trick to simulate the blue border without affecting the dimensions.
 // CSS outline has no 'radius', therefore we can't achieve the same effect with it
 var getWrapperShadow = exports.getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
   var withOverlayShadow = !disableOverlay ? "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)" : '';
-  var selectedShadow = selected ? _consts.akEditorSelectedBoxShadow : '';
+  var selectedShadow = selected ? _constants.akEditorSelectedBoxShadow : '';
   var shadow = [selectedShadow, withOverlayShadow].filter(Boolean).join(', ');
   return shadow ? "box-shadow: ".concat(shadow, ";") : '';
 };

package/dist/cjs/card/ui/wrapper/styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.wrapperStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _selection = require("@atlaskit/editor-shared-styles/selection");
+var _utils = require("@atlaskit/editor-shared-styles/selection/utils");
 var _mixins = require("@atlaskit/media-ui/mixins");
 var _styles = require("../actionsBar/styles");
 var _styles2 = require("../blanket/styles");
@@ -31,6 +31,6 @@ var wrapperStyles = exports.wrapperStyles = function wrapperStyles(_ref) {
     isTickBoxSelectable = _ref.isTickBoxSelectable,
     shouldDisplayTooltip = _ref.shouldDisplayTooltip,
     mediaCardCursor = _ref.mediaCardCursor;
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\tbox-sizing: border-box;\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\tposition: relative;\n\tfont-family: ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\n\t/* We use classnames from here exceptionally to be able to handle styles when the Card is on hover */\n  ", "\n  ", "\n  &:hover .", " {\n\t\t", "\n\t}\n\t&:hover .", ", &:focus-within .", " {\n\t\t", "\n\t}\n\n\t/* Tooltip does not support percentage dimensions. We enforce them here.\n\t   Guard skips top-layer elements (eg tooltip, modal); ':where()' keeps specificity unchanged. */\n\t", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), (0, _transition.transition)(), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", (0, _getWrapperDimensions.getWrapperDimensions)(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, #0515240F)", ";"), _mixins.borderRadius, (0, _getCursorStyle.getCursorStyle)(mediaCardCursor), (0, _getWrapperShadow.getWrapperShadow)(disableOverlay, selected), (0, _generateResponsiveStyles.generateResponsiveStyles)(breakpoint), selected ? _selection.hideNativeBrowserTextSelectionStyles : '', (0, _getClickablePlayButtonStyles.getClickablePlayButtonStyles)(isPlayButtonClickable), (0, _getSelectableTickBoxStyles.getSelectableTickBoxStyles)(isTickBoxSelectable), _styles2.blanketClassName, _styles2.fixedBlanketStyles, _styles.actionsBarClassName, _styles.actionsBarClassName, _styles.fixedActionBarStyles, shouldDisplayTooltip && "> div:not(:where([popover], dialog)) { width: 100%; height: 100%; }", "var(--ds-border-focused, #4688EC)");
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\tbox-sizing: border-box;\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\tposition: relative;\n\tfont-family: ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\n\t/* We use classnames from here exceptionally to be able to handle styles when the Card is on hover */\n  ", "\n  ", "\n  &:hover .", " {\n\t\t", "\n\t}\n\t&:hover .", ", &:focus-within .", " {\n\t\t", "\n\t}\n\n\t/* Tooltip does not support percentage dimensions. We enforce them here.\n\t   Guard skips top-layer elements (eg tooltip, modal); ':where()' keeps specificity unchanged. */\n\t", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), (0, _transition.transition)(), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", (0, _getWrapperDimensions.getWrapperDimensions)(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, #0515240F)", ";"), _mixins.borderRadius, (0, _getCursorStyle.getCursorStyle)(mediaCardCursor), (0, _getWrapperShadow.getWrapperShadow)(disableOverlay, selected), (0, _generateResponsiveStyles.generateResponsiveStyles)(breakpoint), selected ? _utils.hideNativeBrowserTextSelectionStyles : '', (0, _getClickablePlayButtonStyles.getClickablePlayButtonStyles)(isPlayButtonClickable), (0, _getSelectableTickBoxStyles.getSelectableTickBoxStyles)(isTickBoxSelectable), _styles2.blanketClassName, _styles2.fixedBlanketStyles, _styles.actionsBarClassName, _styles.actionsBarClassName, _styles.fixedActionBarStyles, shouldDisplayTooltip && "> div:not(:where([popover], dialog)) { width: 100%; height: 100%; }", "var(--ds-border-focused, #4688EC)");
 };
 wrapperStyles.displayName = 'NewFileExperienceWrapper';

package/dist/cjs/inline/loader.js

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

package/dist/cjs/inline/mediaInlineCard.js

@@ -20,7 +20,7 @@ var _LoadedView = require("@atlaskit/media-ui/LoadedView");
 var _LoadingView = require("@atlaskit/media-ui/LoadingView");
 var _messages = require("@atlaskit/media-ui/messages");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
-var _mediaViewer = require("@atlaskit/media-viewer");
+var _mediaViewerLoader = _interopRequireDefault(require("@atlaskit/media-viewer/media-viewer-loader"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _usePressTracing = _interopRequireDefault(require("@atlaskit/react-ufo/use-press-tracing"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -123,7 +123,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
+      return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewerLoader.default, {
         collectionName: identifier.collectionName || '',
         items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.mediaClientConfig,

package/dist/cjs/utils/analytics/createAndFireMediaCardEvent.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createAndFireMediaCardEvent = void 0;
 var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
-var _analytics = require("@atlaskit/media-common/analytics");
+var _constants = require("@atlaskit/media-common/constants");
+var _sanitisePayload = require("@atlaskit/media-common/sanitisePayload");
 var createAndFireMediaCardEvent = exports.createAndFireMediaCardEvent = function createAndFireMediaCardEvent(payload) {
-  return (0, _createAndFireEvents.default)(_analytics.ANALYTICS_MEDIA_CHANNEL)((0, _analytics.sanitiseAnalyticsPayload)(payload));
+  return (0, _createAndFireEvents.default)(_constants.ANALYTICS_MEDIA_CHANNEL)((0, _sanitisePayload.sanitiseAnalyticsPayload)(payload));
 };

package/dist/cjs/utils/analytics/fireMediaCardEvent.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fireMediaCardEvent = fireMediaCardEvent;
-var _analytics = require("@atlaskit/media-common/analytics");
+var _constants = require("@atlaskit/media-common/constants");
+var _sanitisePayload = require("@atlaskit/media-common/sanitisePayload");
 function fireMediaCardEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {
-    var event = createAnalyticsEvent((0, _analytics.sanitiseAnalyticsPayload)(payload));
-    event.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
+    var event = createAnalyticsEvent((0, _sanitisePayload.sanitiseAnalyticsPayload)(payload));
+    event.fire(_constants.ANALYTICS_MEDIA_CHANNEL);
   }
 }

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.startResourceObserver = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/media-common/analytics");
+var _constants = require("@atlaskit/media-common/constants");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
 var _createMediaDurationMetrics = require("./createMediaDurationMetrics");
@@ -56,7 +56,7 @@ var createAndGetResourceObserver = function createAndGetResourceObserver() {
           }, mediaDurationMetrics)
         });
         if (shouldSamplePerfObserver()) {
-          event.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
+          event.fire(_constants.ANALYTICS_MEDIA_CHANNEL);
         }
         if ((0, _fg.fg)('platform_media_card_ufo_network_metrics')) {
           var ufoDurationMetrics = (0, _createUfoDurationMetrics.createUfoDurationMetrics)(entry, interactionStartTime);

package/dist/cjs/utils/ufoExperiences.js

@@ -23,7 +23,7 @@ var _getMediaGlobalScope = require("./globalScope/getMediaGlobalScope");
 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 = "82.1.26";
+var packageVersion = "82.1.29";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/cjs/utils/videoIsPlayable.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.videoIsPlayable = void 0;
 var _mediaClient = require("@atlaskit/media-client");
-var _mediaCommon = require("@atlaskit/media-common");
+var _isMimeTypeSupportedByBrowser = require("@atlaskit/media-common/isMimeTypeSupportedByBrowser");
 var videoIsPlayable = exports.videoIsPlayable = function videoIsPlayable(isBannedLocalPreview, fileState, mimeType) {
-  var localPreviewAvailable = mimeType && !isBannedLocalPreview && (0, _mediaCommon.isVideoMimeTypeSupportedByBrowser)(mimeType);
+  var localPreviewAvailable = mimeType && !isBannedLocalPreview && (0, _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser)(mimeType);
   var videoProcessedByServer = fileState && (0, _mediaClient.isProcessedFileState)(fileState);
   return !!(localPreviewAvailable || videoProcessedByServer);
 };

package/dist/es2019/card/InlinePlayerBase.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState, useEffect, useCallback } from 'react';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { useFileState } from '@atlaskit/media-client-react/use-file-state';
 import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import { globalMediaEventEmitter } from '@atlaskit/media-client/global-media-event-emitter';
 import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
 import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';

package/dist/es2019/card/card.js

@@ -1,8 +1,8 @@
 import { injectIntl } from 'react-intl';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.26";
+const packageVersion = "82.1.29";
 export const Card = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/externalImageCard.js

@@ -1,9 +1,9 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 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';
+import { globalMediaEventEmitter } from '@atlaskit/media-client/global-media-event-emitter';
+import { getRandomTelemetryId } from '@atlaskit/media-common/helpers';
+import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader';
 import { ImageLoadError } from '../ImageLoadError';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';

package/dist/es2019/card/fileCard.js

@@ -3,14 +3,18 @@ import { useContext } from 'react';
 import { useIntl } from 'react-intl';
 import { useMergeRefs } from 'use-callback-ref';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { globalMediaEventEmitter, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
+import { isProcessedFileState, isErrorFileState, toCommonMediaClientError } from '@atlaskit/media-client';
 import { useFileState } from '@atlaskit/media-client-react/use-file-state';
 import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import { RECENTS_COLLECTION } from '@atlaskit/media-client/constants';
+import { globalMediaEventEmitter } from '@atlaskit/media-client/global-media-event-emitter';
+import { imageResizeModeToFileImageMode } from '@atlaskit/media-client/image-resize-mode-to-file-image-mode';
 import { mapSsrMediaItemToFileState } from '@atlaskit/media-client/ssr-media-item';
-import { isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, getRandomTelemetryId } from '@atlaskit/media-common';
+import { getRandomTelemetryId } from '@atlaskit/media-common/helpers';
+import { isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common/isMimeTypeSupportedByBrowser';
 import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
-import { MediaViewer } from '@atlaskit/media-viewer';
+import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveTrace } from '@atlaskit/react-ufo/get-active-trace';

package/dist/es2019/card/inlinePlayerWrapperStyles.js

@@ -1,6 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { getSelectionStyles, SelectionStyle, hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
+import { SelectionStyle } from '@atlaskit/editor-shared-styles/selection/types';
+import { getSelectionStyles, hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection/utils';
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 /*
  * Used to display the blue border around a selected card without

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
 import { UnhandledErrorCard } from './ui/unhandledErrorCard';
 class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.26";
+const packageVersion = "82.1.29";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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

@@ -1,4 +1,4 @@
-import { akEditorSelectedBoxShadow } from '@atlaskit/editor-shared-styles/consts';
+import { akEditorSelectedBoxShadow } from '@atlaskit/editor-shared-styles/constants';
 // This is a trick to simulate the blue border without affecting the dimensions.
 // CSS outline has no 'radius', therefore we can't achieve the same effect with it
 export const getWrapperShadow = (disableOverlay, selected) => {

package/dist/es2019/card/ui/wrapper/styles.js

@@ -2,7 +2,7 @@
 
 import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
+import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection/utils';
 import { borderRadius } from '@atlaskit/media-ui/mixins';
 import { fixedActionBarStyles, actionsBarClassName } from '../actionsBar/styles';
 import { fixedBlanketStyles, blanketClassName } from '../blanket/styles';

package/dist/es2019/inline/loader.js

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

package/dist/es2019/inline/mediaInlineCard.js

@@ -11,7 +11,7 @@ import { MediaInlineCardLoadedView } from '@atlaskit/media-ui/LoadedView';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 import { messages } from '@atlaskit/media-ui/messages';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
-import { MediaViewer } from '@atlaskit/media-viewer';
+import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 import Tooltip from '@atlaskit/tooltip/Tooltip';

package/dist/es2019/utils/analytics/createAndFireMediaCardEvent.js

@@ -1,5 +1,6 @@
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
-import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
+import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/constants';
+import { sanitiseAnalyticsPayload } from '@atlaskit/media-common/sanitisePayload';
 export const createAndFireMediaCardEvent = payload => {
   return createAndFireEvent(ANALYTICS_MEDIA_CHANNEL)(sanitiseAnalyticsPayload(payload));
 };

package/dist/es2019/utils/analytics/fireMediaCardEvent.js

@@ -1,4 +1,5 @@
-import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
+import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/constants';
+import { sanitiseAnalyticsPayload } from '@atlaskit/media-common/sanitisePayload';
 export function fireMediaCardEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {
     const event = createAnalyticsEvent(sanitiseAnalyticsPayload(payload));

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

@@ -1,4 +1,4 @@
-import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/analytics';
+import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/constants';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { createMediaDurationMetrics } from './createMediaDurationMetrics';

package/dist/es2019/utils/ufoExperiences.js

@@ -12,7 +12,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
 import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
 import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.26";
+const packageVersion = "82.1.29";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/utils/videoIsPlayable.js

@@ -1,5 +1,5 @@
 import { isProcessedFileState } from '@atlaskit/media-client';
-import { isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
+import { isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common/isMimeTypeSupportedByBrowser';
 export const videoIsPlayable = (isBannedLocalPreview, fileState, mimeType) => {
   const localPreviewAvailable = mimeType && !isBannedLocalPreview && isVideoMimeTypeSupportedByBrowser(mimeType);
   const videoProcessedByServer = fileState && isProcessedFileState(fileState);

package/dist/esm/card/InlinePlayerBase.js

@@ -2,9 +2,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useRef, useState, useEffect, useCallback } from 'react';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { useFileState } from '@atlaskit/media-client-react/use-file-state';
 import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import { globalMediaEventEmitter } from '@atlaskit/media-client/global-media-event-emitter';
 import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
 import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';

package/dist/esm/card/card.js

@@ -1,8 +1,8 @@
 import { injectIntl } from 'react-intl';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.26";
+var packageVersion = "82.1.29";
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/externalImageCard.js

@@ -5,9 +5,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 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';
+import { globalMediaEventEmitter } from '@atlaskit/media-client/global-media-event-emitter';
+import { getRandomTelemetryId } from '@atlaskit/media-common/helpers';
+import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader';
 import { ImageLoadError } from '../ImageLoadError';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';