@atlaskit/media-card 82.1.46 → 82.2.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-card
 
+## 82.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 82.2.0
+
+### Minor Changes
+
+- [`4c2ed3982e79b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4c2ed3982e79b) -
+  `MediaInlineCard` and external image cards take an optional `mediaViewerExtensions` prop. With the
+  `cc_comments_media_viewer_sidebar` experiment on, they pass the extensions to the Media Viewer
+  they open and call `onSelectedItemChange` when it opens and closes.
+
 ## 82.1.46
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -8,7 +8,7 @@ var _reactIntl = require("react-intl");
 var _withMediaAnalyticsContext = require("@atlaskit/media-common/withMediaAnalyticsContext");
 var _CardWithPerformanceObserver = require("./CardWithPerformanceObserver");
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.45";
+var packageVersion = "82.2.0";
 var Card = exports.Card = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/externalImageCard.js

@@ -14,6 +14,7 @@ var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents"
 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 _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _ImageLoadError = require("../ImageLoadError");
 var _cardDimensions = require("../utils/cardDimensions");
 var _generateUniqueId = require("../utils/generateUniqueId");
@@ -51,6 +52,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
     titleBoxIcon = _ref.titleBoxIcon,
     shouldHideTooltip = _ref.shouldHideTooltip,
     mediaViewerItems = _ref.mediaViewerItems,
+    mediaViewerExtensions = _ref.mediaViewerExtensions,
     _onClick = _ref.onClick,
     _onMouseEnter = _ref.onMouseEnter,
     _onFocus = _ref.onFocus;
@@ -127,7 +129,15 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
   var _useState7 = (0, _react.useState)(null),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     mediaViewerSelectedItem = _useState8[0],
-    setMediaViewerSelectedItem = _useState8[1];
+    setMediaViewerSelectedItemState = _useState8[1];
+  // Extension passing added as part of the comments-in-media-viewer work, so it follows that
+  // experiment to avoid shipping ungated changes.
+  var enabledMediaViewerExtensions = mediaViewerExtensions && (0, _isExperimentEnabled.isExperimentEnabled)('cc_comments_media_viewer_sidebar') ? mediaViewerExtensions : undefined;
+  var setMediaViewerSelectedItem = function setMediaViewerSelectedItem(item) {
+    var _enabledMediaViewerEx;
+    setMediaViewerSelectedItemState(item);
+    enabledMediaViewerExtensions === null || enabledMediaViewerExtensions === void 0 || (_enabledMediaViewerEx = enabledMediaViewerExtensions.onSelectedItemChange) === null || _enabledMediaViewerEx === void 0 || _enabledMediaViewerEx.call(enabledMediaViewerExtensions, item);
+  };
 
   //----------------------------------------------------------------//
   //---------------------- Analytics  ------------------------------//
@@ -197,7 +207,8 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
         setMediaViewerSelectedItem(null);
       },
       contextId: contextId,
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      extensions: enabledMediaViewerExtensions
     }), document.body);
   };
 

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

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

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.45",
+        packageName: "82.2.0",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/inline/mediaInlineCard.js

@@ -21,6 +21,7 @@ var _LoadingView = require("@atlaskit/media-ui/LoadingView");
 var _messages = require("@atlaskit/media-ui/messages");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 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 _usePressTracing = _interopRequireDefault(require("@atlaskit/react-ufo/use-press-tracing"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -39,6 +40,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
     mediaViewerItems = _ref.mediaViewerItems,
+    mediaViewerExtensions = _ref.mediaViewerExtensions,
     intl = _ref.intl,
     viewerOptions = _ref.viewerOptions,
     fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
@@ -71,7 +73,15 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
   var _useState9 = (0, _react.useState)(false),
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     isMediaViewerVisible = _useState0[0],
-    setMediaViewerVisible = _useState0[1];
+    setMediaViewerVisibleState = _useState0[1];
+  // Extension passing added as part of the comments-in-media-viewer work, so it follows that
+  // experiment to avoid shipping ungated changes.
+  var enabledMediaViewerExtensions = mediaViewerExtensions && (0, _isExperimentEnabled.isExperimentEnabled)('cc_comments_media_viewer_sidebar') ? mediaViewerExtensions : undefined;
+  var setMediaViewerVisible = function setMediaViewerVisible(isVisible) {
+    var _enabledMediaViewerEx;
+    setMediaViewerVisibleState(isVisible);
+    enabledMediaViewerExtensions === null || enabledMediaViewerExtensions === void 0 || (_enabledMediaViewerEx = enabledMediaViewerExtensions.onSelectedItemChange) === null || _enabledMediaViewerEx === void 0 || _enabledMediaViewerEx.call(enabledMediaViewerExtensions, isVisible ? identifier : null);
+  };
   var _useState1 = (0, _react.useState)(),
     _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
     fallbackMediaName = _useState10[0],
@@ -130,6 +140,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
         selectedItem: identifier,
         onClose: onMediaViewerClose,
         viewerOptions: viewerOptions,
+        extensions: enabledMediaViewerExtensions,
         fallbackMediaNameFetcher: fallbackMediaNameFetcher
       }), document.body);
     }

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.45";
+var packageVersion = "82.2.0";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/card.js

@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.45";
+const packageVersion = "82.2.0";
 export const Card = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/externalImageCard.js

@@ -4,6 +4,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents'
 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { ImageLoadError } from '../ImageLoadError';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';
@@ -35,6 +36,7 @@ export const ExternalImageCard = ({
   titleBoxIcon,
   shouldHideTooltip,
   mediaViewerItems,
+  mediaViewerExtensions,
   onClick,
   onMouseEnter,
   onFocus
@@ -91,7 +93,15 @@ export const ExternalImageCard = ({
   };
   const [previewDidRender, setPreviewDidRender] = useState(false);
   const [error, setError] = useState();
-  const [mediaViewerSelectedItem, setMediaViewerSelectedItem] = useState(null);
+  const [mediaViewerSelectedItem, setMediaViewerSelectedItemState] = useState(null);
+  // Extension passing added as part of the comments-in-media-viewer work, so it follows that
+  // experiment to avoid shipping ungated changes.
+  const enabledMediaViewerExtensions = mediaViewerExtensions && isExperimentEnabled('cc_comments_media_viewer_sidebar') ? mediaViewerExtensions : undefined;
+  const setMediaViewerSelectedItem = item => {
+    var _enabledMediaViewerEx;
+    setMediaViewerSelectedItemState(item);
+    enabledMediaViewerExtensions === null || enabledMediaViewerExtensions === void 0 ? void 0 : (_enabledMediaViewerEx = enabledMediaViewerExtensions.onSelectedItemChange) === null || _enabledMediaViewerEx === void 0 ? void 0 : _enabledMediaViewerEx.call(enabledMediaViewerExtensions, item);
+  };
 
   //----------------------------------------------------------------//
   //---------------------- Analytics  ------------------------------//
@@ -161,7 +171,8 @@ export const ExternalImageCard = ({
         setMediaViewerSelectedItem(null);
       },
       contextId: contextId,
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      extensions: enabledMediaViewerExtensions
     }), document.body);
   };
 

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

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

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.45",
+      packageName: "82.2.0",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/inline/mediaInlineCard.js

@@ -12,6 +12,7 @@ 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/media-viewer-loader';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
@@ -29,6 +30,7 @@ export const MediaInlineCardInternal = ({
   isSelected,
   onClick,
   mediaViewerItems,
+  mediaViewerExtensions,
   intl,
   viewerOptions,
   fallbackMediaNameFetcher,
@@ -45,7 +47,15 @@ export const MediaInlineCardInternal = ({
   const [subscribeError, setSubscribeError] = useState();
   const [isSucceededEventSent, setIsSucceededEventSent] = useState(false);
   const [isFailedEventSent, setIsFailedEventSent] = useState(false);
-  const [isMediaViewerVisible, setMediaViewerVisible] = useState(false);
+  const [isMediaViewerVisible, setMediaViewerVisibleState] = useState(false);
+  // Extension passing added as part of the comments-in-media-viewer work, so it follows that
+  // experiment to avoid shipping ungated changes.
+  const enabledMediaViewerExtensions = mediaViewerExtensions && isExperimentEnabled('cc_comments_media_viewer_sidebar') ? mediaViewerExtensions : undefined;
+  const setMediaViewerVisible = isVisible => {
+    var _enabledMediaViewerEx;
+    setMediaViewerVisibleState(isVisible);
+    enabledMediaViewerExtensions === null || enabledMediaViewerExtensions === void 0 ? void 0 : (_enabledMediaViewerEx = enabledMediaViewerExtensions.onSelectedItemChange) === null || _enabledMediaViewerEx === void 0 ? void 0 : _enabledMediaViewerEx.call(enabledMediaViewerExtensions, isVisible ? identifier : null);
+  };
   const [fallbackMediaName, setFallbackMediaName] = useState();
   const [fallbackMediaNameFetchFailed, setFallbackMediaNameFetchFailed] = useState(false);
   const fallbackMediaNameFetchAttempted = useRef(false);
@@ -96,6 +106,7 @@ export const MediaInlineCardInternal = ({
         selectedItem: identifier,
         onClose: onMediaViewerClose,
         viewerOptions: viewerOptions,
+        extensions: enabledMediaViewerExtensions,
         fallbackMediaNameFetcher: fallbackMediaNameFetcher
       }), document.body);
     }

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.45";
+const packageVersion = "82.2.0";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/card.js

@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.45";
+var packageVersion = "82.2.0";
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/externalImageCard.js

@@ -8,6 +8,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents'
 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { ImageLoadError } from '../ImageLoadError';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';
@@ -42,6 +43,7 @@ export var ExternalImageCard = function ExternalImageCard(_ref) {
     titleBoxIcon = _ref.titleBoxIcon,
     shouldHideTooltip = _ref.shouldHideTooltip,
     mediaViewerItems = _ref.mediaViewerItems,
+    mediaViewerExtensions = _ref.mediaViewerExtensions,
     _onClick = _ref.onClick,
     _onMouseEnter = _ref.onMouseEnter,
     _onFocus = _ref.onFocus;
@@ -118,7 +120,15 @@ export var ExternalImageCard = function ExternalImageCard(_ref) {
   var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     mediaViewerSelectedItem = _useState8[0],
-    setMediaViewerSelectedItem = _useState8[1];
+    setMediaViewerSelectedItemState = _useState8[1];
+  // Extension passing added as part of the comments-in-media-viewer work, so it follows that
+  // experiment to avoid shipping ungated changes.
+  var enabledMediaViewerExtensions = mediaViewerExtensions && isExperimentEnabled('cc_comments_media_viewer_sidebar') ? mediaViewerExtensions : undefined;
+  var setMediaViewerSelectedItem = function setMediaViewerSelectedItem(item) {
+    var _enabledMediaViewerEx;
+    setMediaViewerSelectedItemState(item);
+    enabledMediaViewerExtensions === null || enabledMediaViewerExtensions === void 0 || (_enabledMediaViewerEx = enabledMediaViewerExtensions.onSelectedItemChange) === null || _enabledMediaViewerEx === void 0 || _enabledMediaViewerEx.call(enabledMediaViewerExtensions, item);
+  };
 
   //----------------------------------------------------------------//
   //---------------------- Analytics  ------------------------------//
@@ -188,7 +198,8 @@ export var ExternalImageCard = function ExternalImageCard(_ref) {
         setMediaViewerSelectedItem(null);
       },
       contextId: contextId,
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      extensions: enabledMediaViewerExtensions
     }), document.body);
   };
 

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

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

package/dist/esm/inline/loader.js

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

package/dist/esm/inline/mediaInlineCard.js

@@ -13,6 +13,7 @@ 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/media-viewer-loader';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
@@ -30,6 +31,7 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
     mediaViewerItems = _ref.mediaViewerItems,
+    mediaViewerExtensions = _ref.mediaViewerExtensions,
     intl = _ref.intl,
     viewerOptions = _ref.viewerOptions,
     fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
@@ -62,7 +64,15 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
   var _useState9 = useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
     isMediaViewerVisible = _useState0[0],
-    setMediaViewerVisible = _useState0[1];
+    setMediaViewerVisibleState = _useState0[1];
+  // Extension passing added as part of the comments-in-media-viewer work, so it follows that
+  // experiment to avoid shipping ungated changes.
+  var enabledMediaViewerExtensions = mediaViewerExtensions && isExperimentEnabled('cc_comments_media_viewer_sidebar') ? mediaViewerExtensions : undefined;
+  var setMediaViewerVisible = function setMediaViewerVisible(isVisible) {
+    var _enabledMediaViewerEx;
+    setMediaViewerVisibleState(isVisible);
+    enabledMediaViewerExtensions === null || enabledMediaViewerExtensions === void 0 || (_enabledMediaViewerEx = enabledMediaViewerExtensions.onSelectedItemChange) === null || _enabledMediaViewerEx === void 0 || _enabledMediaViewerEx.call(enabledMediaViewerExtensions, isVisible ? identifier : null);
+  };
   var _useState1 = useState(),
     _useState10 = _slicedToArray(_useState1, 2),
     fallbackMediaName = _useState10[0],
@@ -121,6 +131,7 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
         selectedItem: identifier,
         onClose: onMediaViewerClose,
         viewerOptions: viewerOptions,
+        extensions: enabledMediaViewerExtensions,
         fallbackMediaNameFetcher: fallbackMediaNameFetcher
       }), document.body);
     }

package/dist/esm/utils/ufoExperiences.js

@@ -16,7 +16,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
 import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
 import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.45";
+var packageVersion = "82.2.0";
 var SAMPLE_RATE = 0.05;
 
 /**

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

@@ -1,13 +1,15 @@
 import React from 'react';
 import type { ExternalImageIdentifier, Identifier } from '@atlaskit/media-client/identifier';
 import type { MediaClient } from '@atlaskit/media-client/media-client';
+import type { MediaViewerExtensions } from '@atlaskit/media-viewer/types';
 import { type CardEventProps, type SharedCardProps } from '../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
     readonly identifier: ExternalImageIdentifier;
     readonly shouldOpenMediaViewer?: boolean;
     readonly mediaViewerItems?: Identifier[];
+    readonly mediaViewerExtensions?: MediaViewerExtensions;
     readonly contextId?: string;
     readonly shouldHideTooltip?: boolean;
 }
-export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, onClick, onMouseEnter, onFocus, }: ExternalImageCardProps) => React.JSX.Element;
+export declare const ExternalImageCard: ({ mediaClient, appearance, resizeMode, disableOverlay, featureFlags, identifier, dimensions, contextId, alt, actions, shouldOpenMediaViewer, selectable, selected, testId, titleBoxBgColor, titleBoxIcon, shouldHideTooltip, mediaViewerItems, mediaViewerExtensions, onClick, onMouseEnter, onFocus, }: ExternalImageCardProps) => React.JSX.Element;

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

@@ -4,6 +4,7 @@ import type { FileIdentifier, Identifier } from '@atlaskit/media-client/identifi
 import type { MediaClient } from '@atlaskit/media-client/media-client';
 import { type SsrMediaItem } from '@atlaskit/media-client/ssr-media-item';
 import type { FileState } from '@atlaskit/media-state/file-state';
+import type { MediaViewerExtensions } from '@atlaskit/media-viewer/types';
 import type { ViewerOptionsProps } from '@atlaskit/media-viewer/viewer-options';
 import { type InlineCardOnClickCallback } from '../types';
 export interface MediaInlineCardProps {
@@ -14,6 +15,8 @@ export interface MediaInlineCardProps {
     isSelected?: boolean;
     onClick?: InlineCardOnClickCallback;
     mediaViewerItems?: Identifier[];
+    /** Extensions passed to the Media Viewer this card opens. */
+    mediaViewerExtensions?: MediaViewerExtensions;
     viewerOptions?: ViewerOptionsProps;
     /**
      * Optional fallback fetcher to retrieve the media filename from another service

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "82.1.46",
+	"version": "82.2.1",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
 		"@atlaskit/media-file-preview": "^2.0.0",
 		"@atlaskit/media-state": "^4.0.0",
 		"@atlaskit/media-svg": "^4.0.0",
-		"@atlaskit/media-ui": "^31.5.0",
+		"@atlaskit/media-ui": "^31.6.0",
 		"@atlaskit/media-viewer": "^54.12.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/react-ufo": "^8.3.0",
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^248.0.0",
+		"@atlaskit/tmp-editor-statsig": "^249.0.0",
 		"@atlaskit/tokens": "^20.8.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",