@atlaskit/media-card 79.6.2 → 79.6.4

package/dist/es2019/card/ui/titleBox/titleBoxComponents.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TitleBoxWrapper as CompiledTitleBoxWrapper, TitleBoxHeader as CompiledTitleBoxHeader, TitleBoxFooter as CompiledTitleBoxFooter, TitleBoxIcon as CompiledTitleBoxIcon, ErrorMessageWrapper as CompiledErrorMessageWrapper } from './titleBoxComponents-compiled';
-import { TitleBoxWrapper as EmotionTitleBoxWrapper, TitleBoxHeader as EmotionTitleBoxHeader, TitleBoxFooter as EmotionTitleBoxFooter, TitleBoxIcon as EmotionTitleBoxIcon, ErrorMessageWrapper as EmotionErrorMessageWrapper } from './titleBoxComponents-emotion';
-export const TitleBoxWrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxWrapper, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxWrapper, props);
-export const TitleBoxHeader = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxHeader, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxHeader, props);
-export const TitleBoxFooter = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxFooter, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxFooter, props);
-export const TitleBoxIcon = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxIcon, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxIcon, props);
-export const ErrorMessageWrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledErrorMessageWrapper, props) : /*#__PURE__*/React.createElement(EmotionErrorMessageWrapper, props);
+export const TitleBoxWrapper = props => /*#__PURE__*/React.createElement(CompiledTitleBoxWrapper, props);
+export const TitleBoxHeader = props => /*#__PURE__*/React.createElement(CompiledTitleBoxHeader, props);
+export const TitleBoxFooter = props => /*#__PURE__*/React.createElement(CompiledTitleBoxFooter, props);
+export const TitleBoxIcon = props => /*#__PURE__*/React.createElement(CompiledTitleBoxIcon, props);
+export const ErrorMessageWrapper = props => /*#__PURE__*/React.createElement(CompiledErrorMessageWrapper, props);

package/dist/es2019/card/ui/unhandledErrorCard/index.js

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { UnhandledErrorCard as CompiledUnhanldedErrorCard } from './unhandledErrorCard-compiled';
-import { UnhandledErrorCard as EmotionUnhanldedErrorCard } from './unhandledErrorCard-emotion';
-export const UnhandledErrorCard = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledUnhanldedErrorCard, props) : /*#__PURE__*/React.createElement(EmotionUnhanldedErrorCard, props);
+export const UnhandledErrorCard = props => /*#__PURE__*/React.createElement(CompiledUnhanldedErrorCard, props);

package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js

@@ -41,8 +41,10 @@ export class UnhandledErrorCard extends Component {
     const convertedDimensions = getConvertedDimension(dimensions);
     const hideText = !shouldShowText(getConvertedDimension(dimensions));
     return /*#__PURE__*/React.createElement("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       style: convertedDimensions,
       onClick: onClick,
+      "data-testid": "unhandled-error-card",
       className: ax(["_2rkofajl _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1s4m _syaz1aqp _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"])
     }, /*#__PURE__*/React.createElement(WarningIcon, {
       label: "Error",

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ImageContainer as CompiledImageContainer } from './imageContainer-compiled';
-import { ImageContainer as EmotionImageContainer } from './imageContainer-compiled';
-export const ImageContainer = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledImageContainer, props) : /*#__PURE__*/React.createElement(EmotionImageContainer, props);
+export const ImageContainer = props => /*#__PURE__*/React.createElement(CompiledImageContainer, props);

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

@@ -9,8 +9,8 @@ import { N0, N100, N20, N60A, N90A, B100 } from '@atlaskit/theme/colors';
 import { getDefaultCardDimensions } from '../../../utils/cardDimensions';
 import { getCSSUnitValue } from '../../../utils/getCSSUnitValue';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-const LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
-const LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
+export const LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
+export const LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
 const wrapperStyles = {
   default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
 };

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Wrapper as CompiledWrapper } from './wrapper-compiled';
-import { Wrapper as EmotionWrapper } from './wrapper-emotion';
-export const Wrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledWrapper, props) : /*#__PURE__*/React.createElement(EmotionWrapper, props);
+export const Wrapper = props => /*#__PURE__*/React.createElement(CompiledWrapper, props);

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: "79.6.1",
+      packageName: "79.6.3",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.6.1";
+const packageVersion = "79.6.3";
 const SAMPLE_RATE = 0.05;
 let concurrentExperience;
 const getExperience = id => {

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.6.1";
+var packageVersion = "79.6.3";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

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

@@ -16,8 +16,8 @@ var selectedBorderStyle = null;
  */
 var borderStyle = null;
 export var inlinePlayerClassName = 'media-card-inline-player';
-var LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
-var LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
+export var LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
+export var LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 var inlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/card/inlinePlayerWrapper.js

@@ -1,7 +1,5 @@
 import React from 'react';
 import { InlinePlayerWrapper as CompiledInlinePlayerWrapper } from './inlinePlayerWrapper-compiled';
-import { InlinePlayerWrapper as EmotionInlinePlayerWrapper } from './inlinePlayerWrapper-emotion';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledInlinePlayerWrapper, props) : /*#__PURE__*/React.createElement(EmotionInlinePlayerWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledInlinePlayerWrapper, props);
 };

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 = "79.6.1";
+var packageVersion = "79.6.3";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SvgView as SvgViewCompiled } from './svgImage-compiled';
-import { SvgView as SvgViewEmotion } from './svgImage-emotion';
 import { SvgView as SvgViewV2 } from './svgViewV2';
 export var SvgView = function SvgView(props) {
-  return fg('platform_media_card_image_render') ? /*#__PURE__*/React.createElement(SvgViewV2, props) : fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(SvgViewCompiled, props) : /*#__PURE__*/React.createElement(SvgViewEmotion, props);
+  return fg('platform_media_card_image_render') ? /*#__PURE__*/React.createElement(SvgViewV2, props) : /*#__PURE__*/React.createElement(SvgViewCompiled, props);
 };

package/dist/esm/card/ui/actionsBar/actionsBarWrapper.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionsBarWrapper as CompiledActionsBarWrapper } from './actionsBarWrapper-compiled';
-import { ActionsBarWrapper as EmotionActionsBarWrapper } from './actionsBarWrapper-emotion';
 export var ActionsBarWrapper = function ActionsBarWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledActionsBarWrapper, props) : /*#__PURE__*/React.createElement(EmotionActionsBarWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledActionsBarWrapper, props);
 };

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

@@ -1,12 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { CardActionButton as CompiledCardActionButton } from './cardActionButton-compiled';
-import { CardActionButton as EmotionCardActionButton } from './cardActionButton-compiled';
 export var CardActionButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCardActionButton, _extends({}, props, {
-    ref: ref
-  })) : /*#__PURE__*/React.createElement(EmotionCardActionButton, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(CompiledCardActionButton, _extends({}, props, {
     ref: ref
   }));
 });

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Blanket as CompiledBlanket } from './blanket-compiled';
-import { Blanket as EmotionBlanket } from './blanket-emotion';
 export var Blanket = function Blanket(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledBlanket, props) : /*#__PURE__*/React.createElement(EmotionBlanket, props);
+  return /*#__PURE__*/React.createElement(CompiledBlanket, props);
 };

package/dist/esm/card/ui/iconMessage/iconMessageWrapper-compiled.js

@@ -9,6 +9,7 @@ export var IconMessageWrapper = function IconMessageWrapper(props) {
   var animated = props.animated;
   return /*#__PURE__*/React.createElement("div", {
     id: "iconMessageWrapper",
+    "data-testid": "icon-message-wrapper",
     className: ax(["_1reo15vq _18m915vq _1rjc1b66 _18zru2gc _tzy4kb7n _k48p1wq8 _syaz1e9r _y3gn1h6o _otyr1d21", animated && "", animated && "_j7hqq7op _5sag1nwe _1pgl1ytf _tip812c5"])
   }, props.children);
 };

package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { IconMessageWrapper as CompiledIconMessageWrapper } from './iconMessageWrapper-compiled';
-import { IconMessageWrapper as EmotionIconMessageWrapper } from './iconMessageWrapper-emotion';
 export var IconMessageWrapper = function IconMessageWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledIconMessageWrapper, props) : /*#__PURE__*/React.createElement(EmotionIconMessageWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledIconMessageWrapper, props);
 };

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { IconWrapper as CompiledIconWrapper } from './iconWrapper-compiled';
-import { IconWrapper as EmotionIconWrapper } from './iconWrapper-emotion';
 export var IconWrapper = function IconWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledIconWrapper, props) : /*#__PURE__*/React.createElement(EmotionIconWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledIconWrapper, props);
 };

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { PlayButtonWrapper as CompiledPlayButtonWrapper } from './playButtonWrapper-compiled';
-import { PlayButtonWrapper as EmotionPlayButtonWrapper } from './playButtonWrapper-emotion';
 export var PlayButtonWrapper = function PlayButtonWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledPlayButtonWrapper, props) : /*#__PURE__*/React.createElement(EmotionPlayButtonWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledPlayButtonWrapper, props);
 };

package/dist/esm/card/ui/progressBar/styledBar.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { StyledBar as CompiledStyledBar } from './styledBar-compiled';
-import { StyledBar as EmotionStyledBar } from './styledBar-emotion';
 export var StyledBar = function StyledBar(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledStyledBar, props) : /*#__PURE__*/React.createElement(EmotionStyledBar, props);
+  return /*#__PURE__*/React.createElement(CompiledStyledBar, props);
 };

package/dist/esm/card/ui/tickBox/tickBoxWrapper.js

@@ -1,8 +1,6 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TickBoxWrapper as CompiledTickBoxWrapper } from './tickBoxWrapper-compiled';
-import { TickBoxWrapper as EmotionTickBoxWrapper } from './tickBoxWrapper-emotion';
 export var TickBoxWrapper = function TickBoxWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTickBoxWrapper, props) : /*#__PURE__*/React.createElement(EmotionTickBoxWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledTickBoxWrapper, props);
 };
 TickBoxWrapper.displayName = 'TickBoxWrapper';

package/dist/esm/card/ui/titleBox/failedTitleBox.compiled.css

@@ -0,0 +1,3 @@
+._18u01b66{margin-left:var(--ds-space-050,4px)}
+._2hwx1b66{margin-right:var(--ds-space-050,4px)}
+._s7n4nkob{vertical-align:middle}

package/dist/esm/card/ui/titleBox/failedTitleBox.js

@@ -1,9 +1,13 @@
+/* failedTitleBox.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./failedTitleBox.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import EditorWarningIcon from '@atlaskit/icon/core/migration/status-warning--editor-warning';
 import { messages } from '@atlaskit/media-ui';
 import { R300 } from '@atlaskit/theme/colors';
 import { ErrorMessageWrapper, TitleBoxWrapper } from './titleBoxComponents';
+var errorMessageWrapperStyles = null;
 export var FailedTitleBox = function FailedTitleBox(_ref) {
   var breakpoint = _ref.breakpoint,
     _ref$customMessage = _ref.customMessage,
@@ -16,5 +20,7 @@ export var FailedTitleBox = function FailedTitleBox(_ref) {
     LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
     color: "var(--ds-text-danger, ".concat(R300, ")"),
     size: "small"
-  }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, customMessage))));
+  }), /*#__PURE__*/React.createElement("span", {
+    className: ax(["_s7n4nkob _18u01b66 _2hwx1b66"])
+  }, /*#__PURE__*/React.createElement(FormattedMessage, customMessage))));
 };

package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.compiled.css

@@ -1,6 +1,5 @@
 
-._zulpv77o{gap:var(--ds-space-025,2px)}._184u1b66 span:nth-child(2){margin-right:var(--ds-space-050,4px)}
-._18m915vq{overflow-y:hidden}
+._zulpv77o{gap:var(--ds-space-025,2px)}._18m915vq{overflow-y:hidden}
 ._19bv1crf{padding-left:9pt}
 ._19bvftgi{padding-left:8px}
 ._1bah1h6o{justify-content:center}
@@ -8,7 +7,6 @@
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
-._1nm41b66 span:nth-child(2){margin-left:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
 ._1xi21b66{right:var(--ds-space-050,4px)}
 ._2lx21bp4{flex-direction:column}
@@ -22,7 +20,6 @@
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ca0q1y44{padding-top:4px}
 ._ca0qftgi{padding-top:8px}
-._e4kmnkob span{vertical-align:middle}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._kqswstnw{position:absolute}
 ._lcxvglyw{pointer-events:none}

package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.js

@@ -74,6 +74,6 @@ var errorMessageWrapperStyles = null;
 export var ErrorMessageWrapper = function ErrorMessageWrapper(props) {
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_zulpv77o _1e0c1txw _4cvr1h6o _1bah1y6m _bozgv77o _e4kmnkob _1nm41b66 _184u1b66"])
+    className: ax(["_zulpv77o _1e0c1txw _4cvr1h6o _1bah1y6m _bozgv77o"])
   }, props.children);
 };

package/dist/esm/card/ui/titleBox/titleBoxComponents.js

@@ -1,19 +1,17 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TitleBoxWrapper as CompiledTitleBoxWrapper, TitleBoxHeader as CompiledTitleBoxHeader, TitleBoxFooter as CompiledTitleBoxFooter, TitleBoxIcon as CompiledTitleBoxIcon, ErrorMessageWrapper as CompiledErrorMessageWrapper } from './titleBoxComponents-compiled';
-import { TitleBoxWrapper as EmotionTitleBoxWrapper, TitleBoxHeader as EmotionTitleBoxHeader, TitleBoxFooter as EmotionTitleBoxFooter, TitleBoxIcon as EmotionTitleBoxIcon, ErrorMessageWrapper as EmotionErrorMessageWrapper } from './titleBoxComponents-emotion';
 export var TitleBoxWrapper = function TitleBoxWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxWrapper, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledTitleBoxWrapper, props);
 };
 export var TitleBoxHeader = function TitleBoxHeader(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxHeader, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxHeader, props);
+  return /*#__PURE__*/React.createElement(CompiledTitleBoxHeader, props);
 };
 export var TitleBoxFooter = function TitleBoxFooter(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxFooter, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxFooter, props);
+  return /*#__PURE__*/React.createElement(CompiledTitleBoxFooter, props);
 };
 export var TitleBoxIcon = function TitleBoxIcon(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledTitleBoxIcon, props) : /*#__PURE__*/React.createElement(EmotionTitleBoxIcon, props);
+  return /*#__PURE__*/React.createElement(CompiledTitleBoxIcon, props);
 };
 export var ErrorMessageWrapper = function ErrorMessageWrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledErrorMessageWrapper, props) : /*#__PURE__*/React.createElement(EmotionErrorMessageWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledErrorMessageWrapper, props);
 };

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { UnhandledErrorCard as CompiledUnhanldedErrorCard } from './unhandledErrorCard-compiled';
-import { UnhandledErrorCard as EmotionUnhanldedErrorCard } from './unhandledErrorCard-emotion';
 export var UnhandledErrorCard = function UnhandledErrorCard(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledUnhanldedErrorCard, props) : /*#__PURE__*/React.createElement(EmotionUnhanldedErrorCard, props);
+  return /*#__PURE__*/React.createElement(CompiledUnhanldedErrorCard, props);
 };

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

@@ -60,6 +60,7 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
       var hideText = !shouldShowText(getConvertedDimension(dimensions));
       return /*#__PURE__*/React.createElement("div", {
         onClick: onClick,
+        "data-testid": "unhandled-error-card",
         className: ax(["_2rkofajl _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
         style: _objectSpread(_objectSpread({}, convertedDimensions), {}, {
           "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),

package/dist/esm/card/ui/wrapper/imageContainer.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ImageContainer as CompiledImageContainer } from './imageContainer-compiled';
-import { ImageContainer as EmotionImageContainer } from './imageContainer-compiled';
 export var ImageContainer = function ImageContainer(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledImageContainer, props) : /*#__PURE__*/React.createElement(EmotionImageContainer, props);
+  return /*#__PURE__*/React.createElement(CompiledImageContainer, props);
 };

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

@@ -12,8 +12,8 @@ import { N0, N100, N20, N60A, N90A, B100 } from '@atlaskit/theme/colors';
 import { getDefaultCardDimensions } from '../../../utils/cardDimensions';
 import { getCSSUnitValue } from '../../../utils/getCSSUnitValue';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-var LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
-var LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
+export var LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
+export var LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
 var wrapperStyles = {
   default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
 };

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Wrapper as CompiledWrapper } from './wrapper-compiled';
-import { Wrapper as EmotionWrapper } from './wrapper-emotion';
 export var Wrapper = function Wrapper(props) {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledWrapper, props) : /*#__PURE__*/React.createElement(EmotionWrapper, props);
+  return /*#__PURE__*/React.createElement(CompiledWrapper, props);
 };

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: "79.6.1",
+        packageName: "79.6.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.6.1";
+var packageVersion = "79.6.3";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

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

@@ -1,3 +1,5 @@
 import { type InlinePlayerWrapperProps } from './types';
 export declare const inlinePlayerClassName = "media-card-inline-player";
+export declare const LOCAL_WIDTH_VARIABLE = "--media-inline-player-wrapper-width";
+export declare const LOCAL_HEIGHT_VARIABLE = "--media-inline-player-wrapper-height";
 export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => JSX.Element;

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

@@ -1,4 +1,6 @@
 import { type WrapperProps } from './types';
+export declare const LOCAL_WIDTH_VARIABLE = "--media-wrapper-width";
+export declare const LOCAL_HEIGHT_VARIABLE = "--media-wrapper-height";
 export declare const Wrapper: {
     (props: WrapperProps): JSX.Element;
     displayName: string;

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

@@ -1,3 +1,5 @@
 import { type InlinePlayerWrapperProps } from './types';
 export declare const inlinePlayerClassName = "media-card-inline-player";
+export declare const LOCAL_WIDTH_VARIABLE = "--media-inline-player-wrapper-width";
+export declare const LOCAL_HEIGHT_VARIABLE = "--media-inline-player-wrapper-height";
 export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => JSX.Element;

package/dist/types-ts4.5/card/ui/wrapper/wrapper-compiled.d.ts

@@ -1,4 +1,6 @@
 import { type WrapperProps } from './types';
+export declare const LOCAL_WIDTH_VARIABLE = "--media-wrapper-width";
+export declare const LOCAL_HEIGHT_VARIABLE = "--media-wrapper-height";
 export declare const Wrapper: {
     (props: WrapperProps): JSX.Element;
     displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.6.2",
+	"version": "79.6.4",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/editor-shared-styles": "^3.9.0",
-		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/media-client": "^35.6.0",
 		"@atlaskit/media-client-react": "^4.1.0",
@@ -114,9 +114,6 @@
 		"platform_media_cdn_single_host": {
 			"type": "boolean"
 		},
-		"platform_media_compiled": {
-			"type": "boolean"
-		},
 		"platform_editor_ssr_media": {
 			"type": "boolean"
 		},

package/dist/cjs/card/inlinePlayerWrapper-emotion.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlinePlayerWrapper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _inlinePlayerWrapperStyles = require("./inlinePlayerWrapperStyles");
-var _vcMedia = require("@atlaskit/react-ufo/vc-media");
-var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWrapper(props) {
-  var testId = props.testId,
-    selected = props.selected,
-    dimensions = props.dimensions,
-    onClick = props.onClick,
-    innerRef = props.innerRef;
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    (0, _react.jsx)("div", (0, _extends2.default)({
-      id: "inlinePlayerWrapper",
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: _inlinePlayerWrapperStyles.inlinePlayerClassName
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: (0, _inlinePlayerWrapperStyles.inlinePlayerWrapperStyles)({
-        selected: selected,
-        dimensions: dimensions
-      }),
-      onClick: onClick,
-      ref: innerRef
-    }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

package/dist/cjs/card/svgView/svgImage-emotion.js

@@ -1,101 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SvgView = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _errors = require("../../errors");
-var _helpers = require("./helpers");
-var _mediaSvg = require("@atlaskit/media-svg");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var getErrorReason = function getErrorReason(svgReason) {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    case 'blob-to-datauri':
-      return 'svg-blob-to-datauri';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-var svgRendererStyles = (0, _react.css)({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-var svgRendererMaxDimensionStyles = (0, _react.css)({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-var SvgView = exports.SvgView = function SvgView(_ref) {
-  var identifier = _ref.identifier,
-    resizeMode = _ref.resizeMode,
-    onLoad = _ref.onLoad,
-    onError = _ref.onError,
-    wrapperRef = _ref.wrapperRef,
-    alt = _ref.alt;
-  var _useState = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    didSvgRender = _useState2[0],
-    setDidSvgRender = _useState2[1];
-  var _useState3 = (0, _react2.useState)({}),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    svgDimensions = _useState4[0],
-    setSvgDimensions = _useState4[1];
-  var imgRef = (0, _react2.useRef)(null);
-  var calculateDimensions = (0, _react2.useCallback)(function (targetImgElem) {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions((0, _helpers.calculateSvgDimensions)(targetImgElem, wrapperRef.current, resizeMode));
-  }, [resizeMode, wrapperRef]);
-  var onSvgLoad = function onSvgLoad(evt) {
-    calculateDimensions(evt.currentTarget);
-    setDidSvgRender(true);
-    onLoad === null || onLoad === void 0 || onLoad();
-  };
-  var onSvgError = function onSvgError(err) {
-    var error = new _errors.MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 || onError(error);
-  };
-  (0, _react2.useEffect)(function () {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
-    svgUrl = _useResolveSvg.svgUrl,
-    source = _useResolveSvg.source;
-  var width = svgDimensions.width,
-    height = svgDimensions.height;
-  return svgUrl && source ? (0, _react.jsx)("img", {
-    "data-testid": 'media-card-svg',
-    "data-fileid": identifier.id,
-    "data-filecollection": identifier.collectionName,
-    "data-source": source,
-    src: svgUrl,
-    alt: alt,
-    css: [svgRendererStyles, !width && !height && svgRendererMaxDimensionStyles],
-    style: _objectSpread({
-      visibility: didSvgRender ? 'visible' : 'hidden'
-    }, svgDimensions),
-    onLoad: onSvgLoad,
-    onError: function onError() {
-      onSvgError(new _mediaSvg.MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
-};