@atlaskit/media-card 79.16.0 → 79.16.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/media-card
 
+## 79.16.2
+
+### Patch Changes
+
+- [`b512cc17bab98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b512cc17bab98) -
+  Added change to avoid adding ufo hold if the the cardpreview is not available
+- Updated dependencies
+
+## 79.16.1
+
+### Patch Changes
+
+- [`ca2338799c141`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca2338799c141) -
+  [ux] Fix media cards and media singles to use the correct border radius in the editor, renderer
+  and inline media player.
+- Updated dependencies
+
 ## 79.16.0
 
 ### Minor Changes

package/dist/cjs/card/card.js

@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 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); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.15.9";
+var packageVersion = "0.0.0-development";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

@@ -1,5 +1,7 @@
 
+._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}

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

@@ -15,6 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
@@ -24,10 +25,12 @@ var selectedBorderStyle = null;
  * shrinking the image OR growing the card size
  */
 var borderStyle = null;
+var updatedBorderStyle = null;
 var inlinePlayerClassName = exports.inlinePlayerClassName = 'media-card-inline-player';
 var LOCAL_WIDTH_VARIABLE = exports.LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
 var LOCAL_HEIGHT_VARIABLE = exports.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
 
@@ -42,7 +45,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: (0, _runtime.ax)([(0, _platformFeatureFlags.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", (0, _platformFeatureFlags.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]),
     onClick: onClick,
     ref: innerRef
   }, _vcMedia.VcMediaWrapperProps, {

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 = "79.15.9";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

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

@@ -19,6 +19,7 @@ var _mediaClient = require("@atlaskit/media-client");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
 var _interactionContext = require("@atlaskit/react-ufo/interaction-context");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -58,9 +59,12 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
     setResolvedDimensions = _useState4[1];
   (0, _react.useLayoutEffect)(function () {
     if (!didRender && (0, _platformFeatureFlags.fg)('platfrom_close_blindspot_for_img')) {
+      if (!cardPreview && (0, _expValEquals.expValEquals)('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
+        return;
+      }
       return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
     }
-  }, [didRender, ufoContext]);
+  }, [didRender, cardPreview, ufoContext]);
   var imgRef = (0, _react.useRef)(null);
   var onLoad = function onLoad(evt) {
     wrapperRef.current && setResolvedDimensions((0, _helpers.calculateDimensions)(evt.currentTarget, wrapperRef.current, resizeMode));
@@ -68,6 +72,9 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
     cardPreview && (onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview));
   };
   var onError = function onError() {
+    if ((0, _expValEquals.expValEquals)('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
+      setDidRender(true);
+    }
     onImageError && cardPreview && onImageError(cardPreview);
   };
   (0, _react.useEffect)(function () {

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: "79.15.9",
+        packageName: "0.0.0-development",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -19,7 +19,7 @@ var _globalScope = require("./globalScope/globalScope");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.15.9";
+var packageVersion = "0.0.0-development";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.15.9";
+const packageVersion = "0.0.0-development";
 export const CardBase = ({
   identifier,
   ...otherProps

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

@@ -1,5 +1,7 @@
 
+._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}

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

@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
+import { fg } from '@atlaskit/platform-feature-flags';
 const hideNativeBrowserTextSelectionStyles = null;
 const selectedBorderStyle = null;
 
@@ -14,10 +15,12 @@ const selectedBorderStyle = null;
  * shrinking the image OR growing the card size
  */
 const borderStyle = null;
+const updatedBorderStyle = null;
 export const inlinePlayerClassName = 'media-card-inline-player';
 export const LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
 export const LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 const inlinePlayerWrapperStyles = null;
+const updatedInlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -34,7 +37,7 @@ export const InlinePlayerWrapper = props => {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    className: ax([fg('platform_editor_media_border_radius_fix') ? "_1reo15vq _18m915vq _2rko1mok _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq" : "_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _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]),
     style: {
       [LOCAL_WIDTH_VARIABLE]: getDimensionsWithDefault(dimensions).width || '100%',
       [LOCAL_HEIGHT_VARIABLE]: getDimensionsWithDefault(dimensions).height || 'auto'

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

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

@@ -9,6 +9,7 @@ import { isFileIdentifier } from '@atlaskit/media-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
 import { useInteractionContext } from '@atlaskit/react-ufo/interaction-context';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const baseStyles = null;
 const backgroundStyles = null;
 export const ImageRenderer = ({
@@ -38,9 +39,12 @@ export const ImageRenderer = ({
   const [resolvedDimensions, setResolvedDimensions] = useState(calculateInitialDimensions(resizeMode));
   useLayoutEffect(() => {
     if (!didRender && fg('platfrom_close_blindspot_for_img')) {
+      if (!cardPreview && expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
+        return;
+      }
       return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
     }
-  }, [didRender, ufoContext]);
+  }, [didRender, cardPreview, ufoContext]);
   const imgRef = useRef(null);
   const onLoad = evt => {
     wrapperRef.current && setResolvedDimensions(calculateDimensions(evt.currentTarget, wrapperRef.current, resizeMode));
@@ -48,6 +52,9 @@ export const ImageRenderer = ({
     cardPreview && (onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview));
   };
   const onError = () => {
+    if (expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
+      setDidRender(true);
+    }
     onImageError && cardPreview && onImageError(cardPreview);
   };
   useEffect(() => {

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

package/dist/es2019/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "79.15.9";
+const packageVersion = "0.0.0-development";
 const SAMPLE_RATE = 0.05;
 
 /**

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.15.9";
+var packageVersion = "0.0.0-development";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

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

@@ -1,5 +1,7 @@
 
+._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}

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

@@ -7,6 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
+import { fg } from '@atlaskit/platform-feature-flags';
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
 
@@ -15,10 +16,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
 
@@ -33,7 +36,7 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
+    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]),
     onClick: onClick,
     ref: innerRef
   }, VcMediaWrapperProps, {

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

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

@@ -13,6 +13,7 @@ import { isFileIdentifier } from '@atlaskit/media-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
 import { useInteractionContext } from '@atlaskit/react-ufo/interaction-context';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var baseStyles = null;
 var backgroundStyles = null;
 export var ImageRenderer = function ImageRenderer(_ref) {
@@ -49,9 +50,12 @@ export var ImageRenderer = function ImageRenderer(_ref) {
     setResolvedDimensions = _useState4[1];
   useLayoutEffect(function () {
     if (!didRender && fg('platfrom_close_blindspot_for_img')) {
+      if (!cardPreview && expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
+        return;
+      }
       return ufoContext === null || ufoContext === void 0 ? void 0 : ufoContext.hold('img-loading');
     }
-  }, [didRender, ufoContext]);
+  }, [didRender, cardPreview, ufoContext]);
   var imgRef = useRef(null);
   var onLoad = function onLoad(evt) {
     wrapperRef.current && setResolvedDimensions(calculateDimensions(evt.currentTarget, wrapperRef.current, resizeMode));
@@ -59,6 +63,9 @@ export var ImageRenderer = function ImageRenderer(_ref) {
     cardPreview && (onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview));
   };
   var onError = function onError() {
+    if (expValEquals('cc_editor_ttvc_media_hold_fix', 'isEnabled', true)) {
+      setDidRender(true);
+    }
     onImageError && cardPreview && onImageError(cardPreview);
   };
   useEffect(function () {

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

package/dist/esm/utils/ufoExperiences.js

@@ -13,7 +13,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.15.9";
+var packageVersion = "0.0.0-development";
 var SAMPLE_RATE = 0.05;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.16.0",
+	"version": "79.16.2",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,10 +31,10 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/dropdown-menu": "^16.7.0",
+		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
@@ -45,11 +45,12 @@
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/react-ufo": "^5.4.0",
+		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/react-ufo": "^5.5.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tmp-editor-statsig": "^46.2.0",
+		"@atlaskit/tokens": "^11.3.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -72,7 +73,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/analytics-listeners": "^10.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
-		"@atlaskit/form": "^15.4.0",
+		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/inline-message": "^15.6.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-picker": "^70.1.0",
@@ -84,6 +85,7 @@
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/testing-library": "^0.4.0",
 		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^16.3.0",
@@ -152,6 +154,9 @@
 		},
 		"platform_media_card_action_button_type_fix": {
 			"type": "boolean"
+		},
+		"platform_editor_media_border_radius_fix": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {

package/dist/cjs/utils/objectURLCache.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createObjectURLCache = exports.PREVIEW_CACHE_LRU_SIZE = exports.ObjectURLCache = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _lru_map = require("lru_map");
-var _eventemitter = require("eventemitter2");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var PREVIEW_CACHE_LRU_SIZE = exports.PREVIEW_CACHE_LRU_SIZE = 50;
-var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
-  function ExtendedLRUCache(limit) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ExtendedLRUCache);
-    _this = _callSuper(this, ExtendedLRUCache, [limit]);
-    _this.eventEmitter = new _eventemitter.EventEmitter2();
-    return _this;
-  }
-  (0, _inherits2.default)(ExtendedLRUCache, _LRUMap);
-  return (0, _createClass2.default)(ExtendedLRUCache, [{
-    key: "shift",
-    value: function shift() {
-      var entry = _superPropGet(ExtendedLRUCache, "shift", this, 3)([]);
-      this.eventEmitter.emit('shift', entry);
-      return entry;
-    }
-  }, {
-    key: "on",
-    value: function on(event, callback) {
-      this.eventEmitter.on(event, callback);
-    }
-  }]);
-}(_lru_map.LRUMap);
-var ObjectURLCache = exports.ObjectURLCache = /*#__PURE__*/function () {
-  function ObjectURLCache(size) {
-    (0, _classCallCheck2.default)(this, ObjectURLCache);
-    this.cache = new ExtendedLRUCache(size);
-    this.cache.on('shift', function (entry) {
-      if (entry && entry[1].dataURI) {
-        URL.revokeObjectURL(entry[1].dataURI);
-      }
-    });
-  }
-  return (0, _createClass2.default)(ObjectURLCache, [{
-    key: "has",
-    value: function has(key) {
-      return !!this.cache.find(key);
-    }
-  }, {
-    key: "get",
-    value: function get(key) {
-      return this.cache.get(key);
-    }
-  }, {
-    key: "set",
-    value: function set(key, value) {
-      this.cache.set(key, value);
-    }
-  }, {
-    key: "remove",
-    value: function remove(key) {
-      var removed = this.cache.delete(key);
-      removed && URL.revokeObjectURL(removed.dataURI);
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.cache.clear();
-    }
-  }]);
-}();
-var createObjectURLCache = exports.createObjectURLCache = function createObjectURLCache() {
-  return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
-};

package/dist/es2019/utils/objectURLCache.js

@@ -1,44 +0,0 @@
-import { LRUMap } from 'lru_map';
-import { EventEmitter2 } from 'eventemitter2';
-export const PREVIEW_CACHE_LRU_SIZE = 50;
-class ExtendedLRUCache extends LRUMap {
-  constructor(limit) {
-    super(limit);
-    this.eventEmitter = new EventEmitter2();
-  }
-  shift() {
-    const entry = super.shift();
-    this.eventEmitter.emit('shift', entry);
-    return entry;
-  }
-  on(event, callback) {
-    this.eventEmitter.on(event, callback);
-  }
-}
-export class ObjectURLCache {
-  constructor(size) {
-    this.cache = new ExtendedLRUCache(size);
-    this.cache.on('shift', entry => {
-      if (entry && entry[1].dataURI) {
-        URL.revokeObjectURL(entry[1].dataURI);
-      }
-    });
-  }
-  has(key) {
-    return !!this.cache.find(key);
-  }
-  get(key) {
-    return this.cache.get(key);
-  }
-  set(key, value) {
-    this.cache.set(key, value);
-  }
-  remove(key) {
-    const removed = this.cache.delete(key);
-    removed && URL.revokeObjectURL(removed.dataURI);
-  }
-  clear() {
-    this.cache.clear();
-  }
-}
-export const createObjectURLCache = () => new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);

package/dist/esm/utils/objectURLCache.js

@@ -1,76 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
-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; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-import { LRUMap } from 'lru_map';
-import { EventEmitter2 } from 'eventemitter2';
-export var PREVIEW_CACHE_LRU_SIZE = 50;
-var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
-  function ExtendedLRUCache(limit) {
-    var _this;
-    _classCallCheck(this, ExtendedLRUCache);
-    _this = _callSuper(this, ExtendedLRUCache, [limit]);
-    _this.eventEmitter = new EventEmitter2();
-    return _this;
-  }
-  _inherits(ExtendedLRUCache, _LRUMap);
-  return _createClass(ExtendedLRUCache, [{
-    key: "shift",
-    value: function shift() {
-      var entry = _superPropGet(ExtendedLRUCache, "shift", this, 3)([]);
-      this.eventEmitter.emit('shift', entry);
-      return entry;
-    }
-  }, {
-    key: "on",
-    value: function on(event, callback) {
-      this.eventEmitter.on(event, callback);
-    }
-  }]);
-}(LRUMap);
-export var ObjectURLCache = /*#__PURE__*/function () {
-  function ObjectURLCache(size) {
-    _classCallCheck(this, ObjectURLCache);
-    this.cache = new ExtendedLRUCache(size);
-    this.cache.on('shift', function (entry) {
-      if (entry && entry[1].dataURI) {
-        URL.revokeObjectURL(entry[1].dataURI);
-      }
-    });
-  }
-  return _createClass(ObjectURLCache, [{
-    key: "has",
-    value: function has(key) {
-      return !!this.cache.find(key);
-    }
-  }, {
-    key: "get",
-    value: function get(key) {
-      return this.cache.get(key);
-    }
-  }, {
-    key: "set",
-    value: function set(key, value) {
-      this.cache.set(key, value);
-    }
-  }, {
-    key: "remove",
-    value: function remove(key) {
-      var removed = this.cache.delete(key);
-      removed && URL.revokeObjectURL(removed.dataURI);
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.cache.clear();
-    }
-  }]);
-}();
-export var createObjectURLCache = function createObjectURLCache() {
-  return new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
-};

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

@@ -1,12 +0,0 @@
-import { type CardPreview } from '../types';
-export declare const PREVIEW_CACHE_LRU_SIZE = 50;
-export declare class ObjectURLCache {
-    private readonly cache;
-    constructor(size: number);
-    has(key: string): boolean;
-    get(key: string): CardPreview | undefined;
-    set(key: string, value: CardPreview): void;
-    remove(key: string): void;
-    clear(): void;
-}
-export declare const createObjectURLCache: () => ObjectURLCache;

package/dist/types-ts4.5/utils/objectURLCache.d.ts

@@ -1,12 +0,0 @@
-import { type CardPreview } from '../types';
-export declare const PREVIEW_CACHE_LRU_SIZE = 50;
-export declare class ObjectURLCache {
-    private readonly cache;
-    constructor(size: number);
-    has(key: string): boolean;
-    get(key: string): CardPreview | undefined;
-    set(key: string, value: CardPreview): void;
-    remove(key: string): void;
-    clear(): void;
-}
-export declare const createObjectURLCache: () => ObjectURLCache;