@atlaskit/media-card 81.12.8 → 81.12.10

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/LoadingView';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 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.12.7",
+      packageName: "81.12.9",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/inline/mediaInlineCardAnalytics.js

@@ -2,6 +2,7 @@
 /**
  * @deprecated Use `import { getSucceededStatusPayload } from '@atlaskit/media-card/mediaInlineCardAnalytics'` instead.
  */
+
 export { getSucceededStatusPayload } from './getSucceededStatusPayload';
 /**
  * @deprecated Use `import { getErrorStatusPayload } from '@atlaskit/media-card/mediaInlineCardAnalytics'` instead.

package/dist/es2019/utils/getMediaCardCursor.js

@@ -1,4 +1,5 @@
 import { MediaCardCursor } from '../types';
+
 /**
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
  */

package/dist/es2019/utils/lightCards/cardError.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Component } from 'react';
 import { ErrorIcon } from './errorIcon';
-import { Wrapper } from './lightCardWrappers';
 import { getDimensionsWithDefault } from './getDimensionsWithDefault';
+import { Wrapper } from './lightCardWrappers';
 export class CardError extends Component {
   render() {
     const dimensions = getDimensionsWithDefault(this.props.dimensions);

package/dist/es2019/utils/lightCards/errorIcon/index.js

@@ -3,9 +3,10 @@
  * @jsx jsx
  */
 import React from 'react';
+import { Component } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { Component } from 'react';
 import WarningIcon from '@atlaskit/icon/core/status-warning';
 import { errorIconWrapperStyles } from './styles';
 export class ErrorIcon extends Component {

package/dist/es2019/utils/lightCards/errorIcon/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const errorIconWrapperStyles = css({
   display: 'flex',

package/dist/es2019/utils/lightCards/lightCardWrappers.js

@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { wrapperStyles } from './styles';

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 = "81.12.7";
+const packageVersion = "81.12.9";
 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';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.12.7";
+var packageVersion = "81.12.9";
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/cardLoader.js

@@ -2,8 +2,8 @@ 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/fg';
-import { CardLoading } from '../utils/lightCards/cardLoading';
 import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
+import { CardLoading } from '../utils/lightCards/cardLoading';
 var MediaCardContext = /*#__PURE__*/React.createContext({});
 var CardLoadingWithContext = function CardLoadingWithContext() {
   var props = useContext(MediaCardContext);

package/dist/esm/card/cardWithMediaClient.js

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

package/dist/esm/card/fileCard.js

@@ -22,12 +22,12 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveTrace } from '@atlaskit/react-ufo/get-active-trace';
 import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { MediaCardError } from '../MediaCardError';
 import { DateOverrideContext } from '../dateOverrideContext';
 import { isSSRPreview } from '../isSSRPreview';
+import { MediaCardError } from '../MediaCardError';
 import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
-import { getAuthProviderSucceededPayload } from '../utils/analytics/getAuthProviderSucceededPayload';
 import { getAuthProviderFailedPayload } from '../utils/analytics/getAuthProviderFailedPayload';
+import { getAuthProviderSucceededPayload } from '../utils/analytics/getAuthProviderSucceededPayload';
 import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';

package/dist/esm/card/fireOperationalEvent.js

@@ -1,9 +1,10 @@
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { MediaCardError } from '../MediaCardError';
 import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
-import { getRenderSucceededEventPayload } from '../utils/analytics/getRenderSucceededEventPayload';
 import { getRenderErrorEventPayload } from '../utils/analytics/getRenderErrorEventPayload';
 import { getRenderFailedFileStatusPayload } from '../utils/analytics/getRenderFailedFileStatusPayload';
+import { getRenderSucceededEventPayload } from '../utils/analytics/getRenderSucceededEventPayload';
+
 // Sampling rate for mediaCardRender success events (10%)
 var MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE = 0.1;
 export var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {

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

@@ -1,7 +1,5 @@
 ._14mj1kw7:after{border-radius:inherit}
-._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._eq43fyzg:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}._11fnglyw:after{pointer-events:none}
 ._14r11j28::-moz-selection{background-color:transparent}
 ._15l2idpf:after{top:0}

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

@@ -4,10 +4,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./inlinePlayerWrapper-compiled.compiled.css";
 import * as React from 'react';
 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/fg';
+import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
+import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
 
@@ -16,15 +15,12 @@ var selectedBorderStyle = null;
  * shrinking the image OR growing the card size
  */
 var borderStyle = null;
-var updatedBorderStyle = null;
 export var inlinePlayerClassName = 'media-card-inline-player';
 export var LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
 export var LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 var inlinePlayerWrapperStyles = null;
-var updatedInlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
   var testId = props.testId,
     selected = props.selected,
@@ -37,7 +33,7 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
     role: "none"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax([fg('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", fg('platform_editor_media_border_radius_fix') ? "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw" : "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: ax(["_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mj1kw7 _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     onClick: onClick,
     ref: innerRef
   }, VcMediaWrapperProps, {

package/dist/esm/card/inlinePlayerWrapperStyles.js

@@ -2,8 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { getSelectionStyles, SelectionStyle, hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
+import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 /*
  * Used to display the blue border around a selected card without
  * shrinking the image OR growing the card size

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

@@ -9,10 +9,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from 'react';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
-import { UnhandledErrorCard } from './ui/unhandledErrorCard';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
+import { UnhandledErrorCard } from './ui/unhandledErrorCard';
 var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function WrappedMediaCardAnalyticsErrorBoundary(props) {
     var _this;
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.12.7";
+var packageVersion = "81.12.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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

@@ -4,12 +4,13 @@
  */
 
 import React from 'react';
+import { useMemo } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { useMemo } from 'react';
-import { MediaCardError } from '../../MediaCardError';
-import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
 import { MediaSVGError } from '@atlaskit/media-svg/media-svg-error';
+import { useResolveSvg } from '@atlaskit/media-svg/use-resolve-svg';
+import { MediaCardError } from '../../MediaCardError';
 import { ImageRenderer } from '../ui/imageRenderer/imageRendererV2';
 var getErrorReason = function getErrorReason(svgReason) {
   switch (svgReason) {

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

@@ -7,6 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { 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/fg';

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

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

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

@@ -3,11 +3,11 @@ import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["triggerRef", "isSelected", "testId", "onClick"];
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 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 DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
+import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { createAndFireMediaCardEvent } from '../../../../utils/analytics/createAndFireMediaCardEvent';
 import { fireMediaCardEvent } from '../../../../utils/analytics/fireMediaCardEvent';
 import { CardActionButton } from './cardActionButton';

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { MediaImage } from '@atlaskit/media-ui/mediaImage';
-import { resizeModeToMediaImageProps } from './resizeModeToMediaImageProps';
 import { useCurrentValueRef } from '../../../utils/useCurrentValueRef';
+import { resizeModeToMediaImageProps } from './resizeModeToMediaImageProps';
 export var ImageRenderer = function ImageRenderer(_ref) {
   var cardPreview = _ref.cardPreview,
     alt = _ref.alt,

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import VidPlayIcon from '@atlaskit/icon/core/video-play-overlay';
-import { PlayButtonWrapper } from './playButtonWrapper';
 import { PlayButtonBackground } from './playButtonBackground';
+import { PlayButtonWrapper } from './playButtonWrapper';
 export var PlayButton = function PlayButton() {
   return /*#__PURE__*/React.createElement(PlayButtonWrapper, null, /*#__PURE__*/React.createElement(PlayButtonBackground, null), /*#__PURE__*/React.createElement(VidPlayIcon, {
     color: "currentColor",

package/dist/esm/card/ui/playButton/playButtonBackground.js

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { backgroundStyles, bkgClassName } from './styles';

package/dist/esm/card/ui/wrapper/wrapper-compiled.js

@@ -6,11 +6,11 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { newFileExperienceClassName } from '../../cardConstants';
+import UFOCustomData from '@atlaskit/react-ufo/custom-data';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import { getDefaultCardDimensions } from '../../../utils/cardDimensions';
 import { getCSSUnitValue } from '../../../utils/getCSSUnitValue';
-import UFOCustomData from '@atlaskit/react-ufo/custom-data';
+import { newFileExperienceClassName } from '../../cardConstants';
 export var LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
 export var LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
 var wrapperStyles = {

package/dist/esm/ensureMediaCardError.js

@@ -1,5 +1,5 @@
-import { MediaCardError } from './MediaCardError';
 import { isMediaCardError } from './isMediaCardError';
+import { MediaCardError } from './MediaCardError';
 
 // In a try/catch statement, the error caught is the type of unknown.
 // We can use this helper to ensure that the error handled is the type of MediaCardError if unsure

package/dist/esm/inline/loader.js

@@ -10,8 +10,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React from 'react';
-import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
   function MediaInlineCardLoader() {
     var _this;
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "81.12.7",
+        packageName: "81.12.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/inline/mediaInlineCardAnalytics.js

@@ -2,6 +2,7 @@
 /**
  * @deprecated Use `import { getSucceededStatusPayload } from '@atlaskit/media-card/mediaInlineCardAnalytics'` instead.
  */
+
 export { getSucceededStatusPayload } from './getSucceededStatusPayload';
 /**
  * @deprecated Use `import { getErrorStatusPayload } from '@atlaskit/media-card/mediaInlineCardAnalytics'` instead.

package/dist/esm/utils/getMediaCardCursor.js

@@ -1,4 +1,5 @@
 import { MediaCardCursor } from '../types';
+
 /**
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
  */

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

@@ -8,8 +8,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { Component } from 'react';
 import { ErrorIcon } from './errorIcon';
-import { Wrapper } from './lightCardWrappers';
 import { getDimensionsWithDefault } from './getDimensionsWithDefault';
+import { Wrapper } from './lightCardWrappers';
 export var CardError = /*#__PURE__*/function (_Component) {
   function CardError() {
     _classCallCheck(this, CardError);

package/dist/esm/utils/lightCards/errorIcon/index.js

@@ -10,9 +10,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import React from 'react';
+import { Component } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { Component } from 'react';
 import WarningIcon from '@atlaskit/icon/core/status-warning';
 import { errorIconWrapperStyles } from './styles';
 export var ErrorIcon = /*#__PURE__*/function (_Component) {

package/dist/esm/utils/lightCards/errorIcon/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var errorIconWrapperStyles = css({
   display: 'flex',

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

@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { wrapperStyles } from './styles';

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 = "81.12.7";
+var packageVersion = "81.12.9";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/types/card/inlinePlayerWrapper-compiled.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type InlinePlayerWrapperProps } from './types';
 export declare const inlinePlayerClassName = "media-card-inline-player";
 export declare const LOCAL_WIDTH_VARIABLE = "--media-inline-player-wrapper-width";

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

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

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

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

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 export declare const AIBorder: React.FC & {
     displayName?: string;
 };

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type ReactNode } from 'react';
 export declare const ImageRendererWrapper: ({ children }: {
     children: ReactNode;

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

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl';
-import { type Breakpoint } from '../common';
 import { type TitleBoxIcon as TitleBoxIconType } from '../../../types';
+import { type Breakpoint } from '../common';
 export type TitleBoxProps = {
     name?: string;
     breakpoint: Breakpoint;

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

@@ -2,8 +2,8 @@ import { type FocusEvent, type MouseEvent } from 'react';
 import type React from 'react';
 import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type CardDimensions, type CardAppearance } from '../../../types';
-import { type Breakpoint } from '../common';
 import { type MediaCardCursor } from '../../../types';
+import { type Breakpoint } from '../common';
 export interface WrapperProps {
     testId?: string;
     breakpoint: Breakpoint;

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

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

package/dist/types/types.d.ts

@@ -9,8 +9,8 @@ import type { SsrMediaItem } from '@atlaskit/media-client/ssr-media-item';
 import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
 import type { MediaFilePreviewErrorPrimaryReason } from '@atlaskit/media-file-preview/media-file-preview-error';
 import { type ViewerOptionsProps, type MediaViewerExtensions } from '@atlaskit/media-viewer';
-import type { MediaCardError, MediaCardErrorPrimaryReason } from './MediaCardError';
 import { type CardAction } from './card/actions';
+import type { MediaCardError, MediaCardErrorPrimaryReason } from './MediaCardError';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
     hasFilesize: boolean;

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

@@ -1,5 +1,5 @@
-import { MediaCardCursor } from '../types';
 import { type MediaType } from '@atlaskit/media-client';
+import { MediaCardCursor } from '../types';
 /**
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
  */

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

@@ -1,5 +1,5 @@
-import { type CardDimensions } from '../../types';
 import { type MediaFeatureFlags } from '@atlaskit/media-common';
+import { type CardDimensions } from '../../types';
 export interface StaticCardProps {
     dimensions?: CardDimensions;
     testId?: string;

package/example-helpers/cardViewWrapper.tsx

@@ -3,8 +3,10 @@
  * @jsx jsx
  */
 import React from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 

package/example-helpers/cards.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { type FileIdentifier } from '@atlaskit/media-client';
 import {
 	createStorybookMediaClientConfig,
 	imageFileId,
@@ -12,12 +13,11 @@ import {
 	wideImageFileId,
 	largeImageFileId,
 } from '@atlaskit/media-test-helpers';
-import { type FileIdentifier } from '@atlaskit/media-client';
 
 import { createApiCards, actions } from '.';
-import { CardLoading } from '../src/utils/lightCards/cardLoading';
-import { CardError } from '../src/utils/lightCards/cardError';
 import Card from '../src/card/cardLoader';
+import { CardError } from '../src/utils/lightCards/cardError';
+import { CardLoading } from '../src/utils/lightCards/cardLoading';
 
 const mediaClientConfig = createStorybookMediaClientConfig();
 // standard

package/example-helpers/developmentUseMessage.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import InlineMessage from '@atlaskit/inline-message';
 
 const DevelopmentUseMessage: React.FC = () => (

package/example-helpers/index.tsx

@@ -1,9 +1,8 @@
 // eslint-disable-line no-console
 
 import React, { type PropsWithChildren } from 'react';
-import { IntlProvider } from 'react-intl';
 
-import { payloadPublisher } from '@atlassian/ufo/publisher';
+import { IntlProvider } from 'react-intl';
 
 import FabricAnalyticsListeners from '@atlaskit/analytics-listeners/FabricAnalyticsListeners';
 import type { AnalyticsWebClient } from '@atlaskit/analytics-listeners/types';
@@ -19,9 +18,10 @@ import {
 	enableMediaUfoLogger,
 	FeatureFlagsWrapper,
 } from '@atlaskit/media-test-helpers';
+import { payloadPublisher } from '@atlassian/ufo/publisher';
 
-import Card from '../src/card/cardLoader';
 import { type CardAction } from '../src/card/actions';
+import Card from '../src/card/cardLoader';
 import { MediaCardError } from '../src/MediaCardError';
 import type { CardFocusEvent, CardAppearance, CardEvent } from '../src/types';
 import DevelopmentUseMessage from './developmentUseMessage';