@atlaskit/media-card 77.7.3 → 77.7.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-card
 
+## 77.7.5
+
+### Patch Changes
+
+- [#70034](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70034) [`0cf829b2ca1f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0cf829b2ca1f) - Updated prop names from Preview Hook
+- Updated dependencies
+
+## 77.7.4
+
+### Patch Changes
+
+- [#69809](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69809) [`8c7fda062747`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8c7fda062747) - Unskip MediaCardV2 tests for processing status
+
 ## 77.7.3
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -50,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

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

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/v2/cardV2.js

@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/v2/externalImageCard.js

@@ -23,6 +23,7 @@ var _cardDimensions = require("../../utils/cardDimensions");
 var _usePrevious = require("../../utils/usePrevious");
 var _cardAnalytics = require("../cardAnalytics");
 var _cardViewV = require("./cardViewV2");
+var _performance = require("./performance");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -58,7 +59,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
     return (0, _generateUniqueId.generateUniqueId)();
   }, []);
   var timeElapsedTillCommenced = (0, _react.useMemo)(function () {
-    return performance.now();
+    return (0, _performance.performanceNow)();
   }, []);
 
   // Generate unique traceId for file
@@ -131,7 +132,7 @@ var ExternalImageCard = exports.ExternalImageCard = function ExternalImageCard(_
   //----------------------------------------------------------------//
 
   var fireOperationalEventRef = (0, _useCurrentValueRef.useCurrentValueRef)(function () {
-    var timeElapsedTillEvent = performance.now();
+    var timeElapsedTillEvent = (0, _performance.performanceNow)();
     var durationSinceCommenced = timeElapsedTillEvent - timeElapsedTillCommenced;
     var performanceAttributes = {
       overall: {

package/dist/cjs/card/v2/fileCard.js

@@ -34,6 +34,7 @@ var _cardViewV = require("./cardViewV2");
 var _cardviews = require("./cardviews");
 var _inlinePlayerLazyV = require("./inlinePlayerLazyV2");
 var _mediaFilePreview = require("@atlaskit/media-file-preview");
+var _performance = require("./performance");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -120,7 +121,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     return (0, _generateUniqueId.generateUniqueId)();
   }, []);
   var timeElapsedTillCommenced = (0, _react.useMemo)(function () {
-    return performance.now();
+    return (0, _performance.performanceNow)();
   }, []);
   var fileStateFlagsRef = (0, _react.useRef)({
     wasStatusUploading: false,
@@ -145,14 +146,10 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     shouldAutoplay = _useState10[0],
     setShouldAutoplay = _useState10[1];
-
-  // CXP-2723 TODO: remove isBannedLocalPreview
   var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     previewDidRender = _useState12[0],
     setPreviewDidRender = _useState12[1];
-
-  // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   var mediaBlobUrlAttrs = (0, _react.useMemo)(function () {
     var id = identifier.id,
       collection = identifier.collectionName;
@@ -187,7 +184,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     ssrReliabilityRef = _useFilePreview.ssrReliabilityRef,
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
-    getScriptProps = _useFilePreview.getScriptProps;
+    getSsrScriptProps = _useFilePreview.getSsrScriptProps;
   var _useState13 = (0, _react.useState)(),
     _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
     error = _useState14[0],
@@ -259,7 +256,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   //----------------------------------------------------------------//
 
   var fireOperationalEventRef = (0, _useCurrentValueRef.useCurrentValueRef)(function () {
-    var timeElapsedTillEvent = performance.now();
+    var timeElapsedTillEvent = (0, _performance.performanceNow)();
     var durationSinceCommenced = timeElapsedTillEvent - timeElapsedTillCommenced;
     var performanceAttributes = {
       overall: {
@@ -595,5 +592,5 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     },
     contextId: contextId,
     featureFlags: featureFlags
-  }), document.body) : null, ssr === 'server' && /*#__PURE__*/_react.default.createElement("script", getScriptProps()));
+  }), document.body) : null, getSsrScriptProps && /*#__PURE__*/_react.default.createElement("script", getSsrScriptProps()));
 };

package/dist/cjs/card/v2/performance.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.performanceNow = void 0;
+var performanceNow = exports.performanceNow = function performanceNow() {
+  return performance.now();
+};

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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 = "77.7.3";
+var packageVersion = "77.7.5";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -28,7 +28,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.7.3";
+const packageVersion = "77.7.5";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

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 = "77.7.3";
+const packageVersion = "77.7.5";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/v2/cardV2.js

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.7.3";
+const packageVersion = "77.7.5";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/card/v2/externalImageCard.js

@@ -13,6 +13,7 @@ import { getDefaultCardDimensions } from '../../utils/cardDimensions';
 import { usePrevious } from '../../utils/usePrevious';
 import { fireCommencedEvent, fireCopiedEvent, fireOperationalEvent, fireScreenEvent } from '../cardAnalytics';
 import { CardViewV2 } from './cardViewV2';
+import { performanceNow } from './performance';
 export const ExternalImageCard = ({
   mediaClient,
   appearance = 'auto',
@@ -39,7 +40,7 @@ export const ExternalImageCard = ({
 }) => {
   const cardDimensions = dimensions || getDefaultCardDimensions(appearance);
   const internalOccurrenceKey = useMemo(() => generateUniqueId(), []);
-  const timeElapsedTillCommenced = useMemo(() => performance.now(), []);
+  const timeElapsedTillCommenced = useMemo(() => performanceNow(), []);
 
   // Generate unique traceId for file
   const traceContext = useMemo(() => ({
@@ -92,7 +93,7 @@ export const ExternalImageCard = ({
   //----------------------------------------------------------------//
 
   const fireOperationalEventRef = useCurrentValueRef(() => {
-    const timeElapsedTillEvent = performance.now();
+    const timeElapsedTillEvent = performanceNow();
     const durationSinceCommenced = timeElapsedTillEvent - timeElapsedTillCommenced;
     const performanceAttributes = {
       overall: {

package/dist/es2019/card/v2/fileCard.js

@@ -23,6 +23,7 @@ import { CardViewV2 } from './cardViewV2';
 import { CardViews } from './cardviews';
 import { InlinePlayerLazyV2 } from './inlinePlayerLazyV2';
 import { useFilePreview } from '@atlaskit/media-file-preview';
+import { performanceNow } from './performance';
 const LoadedCardView = getBooleanFF('platform.media-experience.card-views-refactor_b91lr') ? CardViews : CardViewV2;
 export const FileCard = ({
   appearance = 'auto',
@@ -91,7 +92,7 @@ export const FileCard = ({
   //----------------------------------------------------------------//
 
   const internalOccurrenceKey = useMemo(() => generateUniqueId(), []);
-  const timeElapsedTillCommenced = useMemo(() => performance.now(), []);
+  const timeElapsedTillCommenced = useMemo(() => performanceNow(), []);
   const fileStateFlagsRef = useRef({
     wasStatusUploading: false,
     wasStatusProcessing: false
@@ -104,11 +105,7 @@ export const FileCard = ({
   const [status, setStatus] = useState('loading');
   const [isPlayingFile, setIsPlayingFile] = useState(false);
   const [shouldAutoplay, setShouldAutoplay] = useState(false);
-
-  // CXP-2723 TODO: remove isBannedLocalPreview
   const [previewDidRender, setPreviewDidRender] = useState(false);
-
-  // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   const mediaBlobUrlAttrs = useMemo(() => {
     const {
       id,
@@ -138,7 +135,7 @@ export const FileCard = ({
     ssrReliabilityRef,
     onImageError: onImageErrorBase,
     onImageLoad: onImageLoadBase,
-    getScriptProps
+    getSsrScriptProps
   } = useFilePreview({
     mediaBlobUrlAttrs,
     resizeMode: imageResizeModeToFileImageMode(resizeMode),
@@ -211,7 +208,7 @@ export const FileCard = ({
   //----------------------------------------------------------------//
 
   const fireOperationalEventRef = useCurrentValueRef(() => {
-    const timeElapsedTillEvent = performance.now();
+    const timeElapsedTillEvent = performanceNow();
     const durationSinceCommenced = timeElapsedTillEvent - timeElapsedTillCommenced;
     const performanceAttributes = {
       overall: {
@@ -548,5 +545,5 @@ export const FileCard = ({
     },
     contextId: contextId,
     featureFlags: featureFlags
-  }), document.body) : null, ssr === 'server' && /*#__PURE__*/React.createElement("script", getScriptProps()));
+  }), document.body) : null, getSsrScriptProps && /*#__PURE__*/React.createElement("script", getSsrScriptProps()));
 };

package/dist/es2019/card/v2/performance.js

@@ -0,0 +1 @@
+export const performanceNow = () => performance.now();

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

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.7.3";
+const packageVersion = "77.7.5";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -41,7 +41,7 @@ import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '.
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { DateOverrideContext } from '../dateOverrideContext';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

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

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/v2/cardV2.js

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/v2/externalImageCard.js

@@ -17,6 +17,7 @@ import { getDefaultCardDimensions } from '../../utils/cardDimensions';
 import { usePrevious } from '../../utils/usePrevious';
 import { fireCommencedEvent, fireCopiedEvent, fireOperationalEvent, fireScreenEvent } from '../cardAnalytics';
 import { CardViewV2 } from './cardViewV2';
+import { performanceNow } from './performance';
 export var ExternalImageCard = function ExternalImageCard(_ref) {
   var mediaClient = _ref.mediaClient,
     _ref$appearance = _ref.appearance,
@@ -48,7 +49,7 @@ export var ExternalImageCard = function ExternalImageCard(_ref) {
     return generateUniqueId();
   }, []);
   var timeElapsedTillCommenced = useMemo(function () {
-    return performance.now();
+    return performanceNow();
   }, []);
 
   // Generate unique traceId for file
@@ -121,7 +122,7 @@ export var ExternalImageCard = function ExternalImageCard(_ref) {
   //----------------------------------------------------------------//
 
   var fireOperationalEventRef = useCurrentValueRef(function () {
-    var timeElapsedTillEvent = performance.now();
+    var timeElapsedTillEvent = performanceNow();
     var durationSinceCommenced = timeElapsedTillEvent - timeElapsedTillCommenced;
     var performanceAttributes = {
       overall: {

package/dist/esm/card/v2/fileCard.js

@@ -28,6 +28,7 @@ import { CardViewV2 } from './cardViewV2';
 import { CardViews } from './cardviews';
 import { InlinePlayerLazyV2 } from './inlinePlayerLazyV2';
 import { useFilePreview } from '@atlaskit/media-file-preview';
+import { performanceNow } from './performance';
 var LoadedCardView = getBooleanFF('platform.media-experience.card-views-refactor_b91lr') ? CardViews : CardViewV2;
 export var FileCard = function FileCard(_ref) {
   var _ref$appearance = _ref.appearance,
@@ -110,7 +111,7 @@ export var FileCard = function FileCard(_ref) {
     return generateUniqueId();
   }, []);
   var timeElapsedTillCommenced = useMemo(function () {
-    return performance.now();
+    return performanceNow();
   }, []);
   var fileStateFlagsRef = useRef({
     wasStatusUploading: false,
@@ -135,14 +136,10 @@ export var FileCard = function FileCard(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     shouldAutoplay = _useState10[0],
     setShouldAutoplay = _useState10[1];
-
-  // CXP-2723 TODO: remove isBannedLocalPreview
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
     previewDidRender = _useState12[0],
     setPreviewDidRender = _useState12[1];
-
-  // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   var mediaBlobUrlAttrs = useMemo(function () {
     var id = identifier.id,
       collection = identifier.collectionName;
@@ -177,7 +174,7 @@ export var FileCard = function FileCard(_ref) {
     ssrReliabilityRef = _useFilePreview.ssrReliabilityRef,
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
-    getScriptProps = _useFilePreview.getScriptProps;
+    getSsrScriptProps = _useFilePreview.getSsrScriptProps;
   var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
     error = _useState14[0],
@@ -249,7 +246,7 @@ export var FileCard = function FileCard(_ref) {
   //----------------------------------------------------------------//
 
   var fireOperationalEventRef = useCurrentValueRef(function () {
-    var timeElapsedTillEvent = performance.now();
+    var timeElapsedTillEvent = performanceNow();
     var durationSinceCommenced = timeElapsedTillEvent - timeElapsedTillCommenced;
     var performanceAttributes = {
       overall: {
@@ -585,5 +582,5 @@ export var FileCard = function FileCard(_ref) {
     },
     contextId: contextId,
     featureFlags: featureFlags
-  }), document.body) : null, ssr === 'server' && /*#__PURE__*/React.createElement("script", getScriptProps()));
+  }), document.body) : null, getSsrScriptProps && /*#__PURE__*/React.createElement("script", getSsrScriptProps()));
 };

package/dist/esm/card/v2/performance.js

@@ -0,0 +1,3 @@
+export var performanceNow = function performanceNow() {
+  return performance.now();
+};

package/dist/esm/inline/loader.js

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

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.7.3";
+var packageVersion = "77.7.5";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/v2/performance.d.ts

@@ -0,0 +1 @@
+export declare const performanceNow: () => number;

package/dist/types-ts4.5/card/v2/performance.d.ts

@@ -0,0 +1 @@
+export declare const performanceNow: () => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.7.3",
+  "version": "77.7.5",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
     "@atlaskit/media-client": "^26.1.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
-    "@atlaskit/media-file-preview": "^0.2.0",
+    "@atlaskit/media-file-preview": "^0.3.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
@@ -72,7 +72,7 @@
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-picker": "^66.2.0",
     "@atlaskit/media-state": "^1.0.0",
-    "@atlaskit/media-test-data": "^1.1.0",
+    "@atlaskit/media-test-data": "^1.2.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",