@atlaskit/media-card 73.6.0 → 73.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-card
 
+## 73.7.0
+
+### Minor Changes
+
+- [`bfde909c9b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bfde909c9b4) - Add new feature flag mediaUploadApiV2
+- [`ed6cdd2d397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed6cdd2d397) - added onfullscreenchange property to media to avoid triggering table resizing when media is in full screen mode
+
+### Patch Changes
+
+- [`35e43fcc798`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35e43fcc798) - Minor bug fix for feature flag names in experience parameters
+- [`83036ef87f1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83036ef87f1) - fix mouse cursor style when hovered over linked image
+- [`c3d85388bc6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3d85388bc6) - fix media card titlebox cursor
+- [`c2ede50a80a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2ede50a80a) - Add media region and environment returned from media API response into failed analytic events.
+- [`e21e5c271b7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e21e5c271b7) - Enabled UFO logger for all examples of Media-Card
+- Updated dependencies
+
 ## 73.6.0
 
 ### Minor Changes

package/dist/cjs/root/card/cardAnalytics.js

@@ -3,34 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRelevantFeatureFlagNames = exports.getRelevantFeatureFlagKeysWithAllProducts = exports.fireScreenEvent = exports.fireOperationalEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = exports.REQUIRED_FEATURE_FLAGS = void 0;
-
-var _mediaCommon = require("@atlaskit/media-common");
+exports.fireScreenEvent = exports.fireOperationalEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = void 0;
 
 var _analytics = require("../../utils/analytics");
 
-var REQUIRED_FEATURE_FLAGS = {
-  newCardExperience: true,
-  captions: true,
-  timestampOnVideo: true,
-  observedWidth: true,
-  mediaInline: false,
-  folderUploads: false
-};
-exports.REQUIRED_FEATURE_FLAGS = REQUIRED_FEATURE_FLAGS;
-
-var getRelevantFeatureFlagNames = function getRelevantFeatureFlagNames() {
-  return (0, _mediaCommon.filterFeatureFlagNames)(REQUIRED_FEATURE_FLAGS);
-};
-
-exports.getRelevantFeatureFlagNames = getRelevantFeatureFlagNames;
-
-var getRelevantFeatureFlagKeysWithAllProducts = function getRelevantFeatureFlagKeysWithAllProducts() {
-  return (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(REQUIRED_FEATURE_FLAGS);
-};
-
-exports.getRelevantFeatureFlagKeysWithAllProducts = getRelevantFeatureFlagKeysWithAllProducts;
-
 var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error) {
   var fireEvent = function fireEvent(payload) {
     return (0, _analytics.fireMediaCardEvent)(payload, createAnalyticsEvent);

package/dist/cjs/root/card/index.js

@@ -476,7 +476,8 @@ var CardBase = /*#__PURE__*/function (_Component) {
           dimensions = _this$props7.dimensions,
           selected = _this$props7.selected,
           testId = _this$props7.testId,
-          originalDimensions = _this$props7.originalDimensions;
+          originalDimensions = _this$props7.originalDimensions,
+          onFullscreenChange = _this$props7.onFullscreenChange;
       var _this$state = _this.state,
           shouldAutoplay = _this$state.shouldAutoplay,
           cardPreview = _this$state.cardPreview;
@@ -486,6 +487,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
         originalDimensions: originalDimensions,
         identifier: identifier,
         autoplay: !!shouldAutoplay,
+        onFullscreenChange: onFullscreenChange,
         onError: _this.onInlinePlayerError,
         onClick: _this.onClick,
         selected: selected,
@@ -977,7 +979,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
           error = _this$state7.error;
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
       createAnalyticsEvent && (0, _cardAnalytics.fireOperationalEvent)(createAnalyticsEvent, status, this.fileAttributes, this.getPerformanceAttributes(), this.ssrReliability, error);
-      (0, _ufoExperiences.completeUfoExperience)(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, (0, _cardAnalytics.getRelevantFeatureFlagKeysWithAllProducts)(), error);
+      (0, _ufoExperiences.completeUfoExperience)(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, error);
     }
   }, {
     key: "fireCommencedEvent",
@@ -989,7 +991,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
           durationSincePageStart: this.timeElapsedTillCommenced
         }
       });
-      (0, _ufoExperiences.startUfoExperience)(this.internalOccurrenceKey, (0, _cardAnalytics.getRelevantFeatureFlagKeysWithAllProducts)());
+      (0, _ufoExperiences.startUfoExperience)(this.internalOccurrenceKey);
     }
   }, {
     key: "actions",
@@ -1051,7 +1053,7 @@ var Card = (0, _mediaCommon.withMediaAnalyticsContext)({
   componentName: 'mediaCard',
   component: 'mediaCard'
 }, {
-  filterFeatureFlags: (0, _cardAnalytics.getRelevantFeatureFlagNames)()
+  filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardBase, {
   enforceContext: false
 })));

package/dist/cjs/root/cardView.js

@@ -83,8 +83,6 @@ var _cardConstants = require("./card/cardConstants");
 
 var _errors = require("../errors");
 
-var _types = require("../types");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -625,8 +623,7 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
 
 exports.CardViewBase = CardViewBase;
 (0, _defineProperty2.default)(CardViewBase, "defaultProps", {
-  appearance: 'auto',
-  mediaCardCursor: _types.MediaCardCursor.NoAction
+  appearance: 'auto'
 });
 var CardView = (0, _analyticsNext.withAnalyticsEvents)({
   onClick: (0, _analytics.createAndFireMediaCardEvent)({

package/dist/cjs/root/inlinePlayer.js

@@ -332,7 +332,8 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
           identifier = _this$props4.identifier,
           forwardRef = _this$props4.forwardRef,
           autoplay = _this$props4.autoplay,
-          cardPreview = _this$props4.cardPreview;
+          cardPreview = _this$props4.cardPreview,
+          onFullscreenChange = _this$props4.onFullscreenChange;
       var _this$state = this.state,
           fileSrc = _this$state.fileSrc,
           isUploading = _this$state.isUploading,
@@ -356,6 +357,7 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react.default.createElement(_mediaUi.CustomMediaPlayer, {
           type: "video",
           src: fileSrc,
+          onFullscreenChange: onFullscreenChange,
           fileId: identifier.id,
           isAutoPlay: autoplay,
           isHDAvailable: false,

package/dist/cjs/root/ui/styled.js

@@ -89,7 +89,7 @@ var getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
 };
 
 var getCursorStyle = function getCursorStyle(cursor) {
-  return "cursor: ".concat(cursor, ";");
+  return !!cursor ? "cursor: ".concat(cursor, ";") : '';
 };
 
 var getClickablePlayButtonStyles = function getClickablePlayButtonStyles(isPlayButtonClickable) {

package/dist/cjs/root/ui/titleBox/styled.js

@@ -33,7 +33,7 @@ var HEX_REGEX = /^#[0-9A-F]{6}$/i;
 var TitleBoxWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (_ref) {
   var breakpoint = _ref.breakpoint,
       titleBoxBgColor = _ref.titleBoxBgColor;
-  return "\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    background-color: ".concat((0, _mixins.rgba)(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : _colors.N0, 0.8), ";\n    color: inherit;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    ").concat(generateResponsiveStyles(breakpoint), "\n  ");
+  return "\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    background-color: ".concat((0, _mixins.rgba)(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : _colors.N0, 0.8), ";\n    color: inherit;\n    cursor: inherit;\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    ").concat(generateResponsiveStyles(breakpoint), "\n  ");
 });
 
 exports.TitleBoxWrapper = TitleBoxWrapper;

package/dist/cjs/types.js

@@ -9,6 +9,5 @@ exports.MediaCardCursor = MediaCardCursor;
 
 (function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
-  MediaCardCursor["NoAction"] = "default";
   MediaCardCursor["NotReady"] = "wait";
 })(MediaCardCursor || (exports.MediaCardCursor = MediaCardCursor = {}));

package/dist/cjs/utils/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractErrorInfo = exports.createAndFireMediaCardEvent = void 0;
+exports.extractErrorInfo = exports.createAndFireMediaCardEvent = exports.LOGGED_FEATURE_FLAG_KEYS = exports.LOGGED_FEATURE_FLAGS = void 0;
 exports.fireMediaCardEvent = fireMediaCardEvent;
 exports.getRenderSucceededEventPayload = exports.getRenderPreviewableCardPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRenderCommencedEventPayload = exports.getFileAttributes = exports.getCopiedFilePayload = void 0;
 
@@ -23,6 +23,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var relevantFlags = {
+  newCardExperience: true,
+  captions: true,
+  timestampOnVideo: true,
+  observedWidth: true,
+  mediaInline: false,
+  folderUploads: false,
+  mediaUploadApiV2: false
+};
+var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
+exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
+var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);
+exports.LOGGED_FEATURE_FLAG_KEYS = LOGGED_FEATURE_FLAG_KEYS;
+
 var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,

package/dist/cjs/utils/getMediaCardCursor.js

@@ -7,10 +7,13 @@ exports.getMediaCardCursor = void 0;
 
 var _types = require("../types");
 
+/**
+ * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
+ */
 var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
   // If error status or no action is requested = NoAction
   if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
-    return _types.MediaCardCursor.NoAction;
+    return;
   }
 
   if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
@@ -23,7 +26,7 @@ var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaVi
     return _types.MediaCardCursor.Action;
   }
 
-  return _types.MediaCardCursor.NoAction;
+  return;
 };
 
 exports.getMediaCardCursor = getMediaCardCursor;

package/dist/cjs/utils/ufoExperiences.js

@@ -23,7 +23,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var concurrentExperience;
 
-var getExperience = function getExperience(id, featureFlagsKeys) {
+var getExperience = function getExperience(id) {
   if (!concurrentExperience) {
     var inlineExperience = {
       platform: {
@@ -31,7 +31,7 @@ var getExperience = function getExperience(id, featureFlagsKeys) {
       },
       type: _ufo.ExperienceTypes.Experience,
       performanceType: _ufo.ExperiencePerformanceTypes.InlineResult,
-      featureFlagsKeys: featureFlagsKeys
+      featureFlags: _analytics.LOGGED_FEATURE_FLAG_KEYS
     };
     concurrentExperience = new _ufo.ConcurrentExperience('media-card-render', inlineExperience);
   }
@@ -39,16 +39,16 @@ var getExperience = function getExperience(id, featureFlagsKeys) {
   return concurrentExperience.getInstance(id);
 };
 
-var startUfoExperience = function startUfoExperience(id, featureFlagsKeys) {
-  getExperience(id, featureFlagsKeys).start();
+var startUfoExperience = function startUfoExperience(id) {
+  getExperience(id).start();
 };
 
 exports.startUfoExperience = startUfoExperience;
 
-var completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability, featureFlagsKeys, error) {
+var completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability, error) {
   switch (status) {
     case 'complete':
-      succeedUfoExperience(id, featureFlagsKeys, {
+      succeedUfoExperience(id, {
         fileAttributes: fileAttributes,
         ssrReliability: ssrReliability,
         fileStateFlags: fileStateFlags
@@ -56,7 +56,7 @@ var completeUfoExperience = function completeUfoExperience(id, status, fileAttri
       break;
 
     case 'failed-processing':
-      failUfoExperience(id, featureFlagsKeys, {
+      failUfoExperience(id, {
         fileAttributes: fileAttributes,
         failReason: 'failed-processing',
         ssrReliability: ssrReliability,
@@ -65,7 +65,7 @@ var completeUfoExperience = function completeUfoExperience(id, status, fileAttri
       break;
 
     case 'error':
-      error && failUfoExperience(id, featureFlagsKeys, _objectSpread(_objectSpread({
+      error && failUfoExperience(id, _objectSpread(_objectSpread({
         fileAttributes: fileAttributes
       }, (0, _analytics.extractErrorInfo)(error)), {}, {
         request: (0, _analytics.getRenderErrorRequestMetadata)(error),
@@ -78,8 +78,8 @@ var completeUfoExperience = function completeUfoExperience(id, status, fileAttri
 
 exports.completeUfoExperience = completeUfoExperience;
 
-var succeedUfoExperience = function succeedUfoExperience(id, featureFlagsKeys, properties) {
-  getExperience(id, featureFlagsKeys).success({
+var succeedUfoExperience = function succeedUfoExperience(id, properties) {
+  getExperience(id).success({
     metadata: _objectSpread(_objectSpread({}, properties), {}, {
       packageName: _version.name,
       packageVersion: _version.version,
@@ -89,8 +89,8 @@ var succeedUfoExperience = function succeedUfoExperience(id, featureFlagsKeys, p
   });
 };
 
-var failUfoExperience = function failUfoExperience(id, featureFlagsKeys, properties) {
-  getExperience(id, featureFlagsKeys).failure({
+var failUfoExperience = function failUfoExperience(id, properties) {
+  getExperience(id).failure({
     metadata: _objectSpread(_objectSpread({}, properties), {}, {
       packageName: _version.name,
       packageVersion: _version.version,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.6.0",
+	"version": "73.7.0",
 	"sideEffects": false
 }

package/dist/es2019/root/card/cardAnalytics.js

@@ -1,15 +1,4 @@
-import { filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getCopiedFilePayload, getRenderCommencedEventPayload, getRenderPreviewableCardPayload } from '../../utils/analytics';
-export const REQUIRED_FEATURE_FLAGS = {
-  newCardExperience: true,
-  captions: true,
-  timestampOnVideo: true,
-  observedWidth: true,
-  mediaInline: false,
-  folderUploads: false
-};
-export const getRelevantFeatureFlagNames = () => filterFeatureFlagNames(REQUIRED_FEATURE_FLAGS);
-export const getRelevantFeatureFlagKeysWithAllProducts = () => filterFeatureFlagKeysAllProducts(REQUIRED_FEATURE_FLAGS);
 export const fireOperationalEvent = (createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error) => {
   const fireEvent = payload => fireMediaCardEvent(payload, createAnalyticsEvent);
 

package/dist/es2019/root/card/index.js

@@ -14,9 +14,9 @@ import { getRequestedDimensions } from '../../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
 import { getFileDetails } from '../../utils/metadata';
 import { InlinePlayer } from '../inlinePlayer';
-import { getFileAttributes, extractErrorInfo } from '../../utils/analytics';
+import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../../errors';
-import { fireOperationalEvent, fireCommencedEvent, getRelevantFeatureFlagNames, getRelevantFeatureFlagKeysWithAllProducts, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
+import { fireOperationalEvent, fireCommencedEvent, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
 import getDocument from '../../utils/document';
 import { StoreSSRDataScript, getSSRData } from '../../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
@@ -391,7 +391,8 @@ export class CardBase extends Component {
         dimensions,
         selected,
         testId,
-        originalDimensions
+        originalDimensions,
+        onFullscreenChange
       } = this.props;
       const {
         shouldAutoplay,
@@ -403,6 +404,7 @@ export class CardBase extends Component {
         originalDimensions: originalDimensions,
         identifier: identifier,
         autoplay: !!shouldAutoplay,
+        onFullscreenChange: onFullscreenChange,
         onError: this.onInlinePlayerError,
         onClick: this.onClick,
         selected: selected,
@@ -930,7 +932,7 @@ export class CardBase extends Component {
       createAnalyticsEvent
     } = this.props;
     createAnalyticsEvent && fireOperationalEvent(createAnalyticsEvent, status, this.fileAttributes, this.getPerformanceAttributes(), this.ssrReliability, error);
-    completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, getRelevantFeatureFlagKeysWithAllProducts(), error);
+    completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, error);
   }
 
   fireCommencedEvent() {
@@ -943,7 +945,7 @@ export class CardBase extends Component {
         durationSincePageStart: this.timeElapsedTillCommenced
       }
     });
-    startUfoExperience(this.internalOccurrenceKey, getRelevantFeatureFlagKeysWithAllProducts());
+    startUfoExperience(this.internalOccurrenceKey);
   }
 
   get actions() {
@@ -1001,7 +1003,7 @@ export const Card = withMediaAnalyticsContext({
   componentName: 'mediaCard',
   component: 'mediaCard'
 }, {
-  filterFeatureFlags: getRelevantFeatureFlagNames()
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(injectIntl(CardBase, {
   enforceContext: false
 })));

package/dist/es2019/root/cardView.js

@@ -30,7 +30,6 @@ import { PreviewUnavailable, CreatingPreview, FailedToUpload, PreviewCurrentlyUn
 import { isRateLimitedError, isPollingError } from '@atlaskit/media-client';
 import { newFileExperienceClassName } from './card/cardConstants';
 import { isUploadError } from '../errors';
-import { MediaCardCursor } from '../types';
 
 /**
  * This is classic vanilla CardView class. To create an instance of class one would need to supply
@@ -563,8 +562,7 @@ export class CardViewBase extends React.Component {
 }
 
 _defineProperty(CardViewBase, "defaultProps", {
-  appearance: 'auto',
-  mediaCardCursor: MediaCardCursor.NoAction
+  appearance: 'auto'
 });
 
 export const CardView = withAnalyticsEvents({

package/dist/es2019/root/inlinePlayer.js

@@ -217,7 +217,8 @@ export class InlinePlayerBase extends Component {
       identifier,
       forwardRef,
       autoplay,
-      cardPreview
+      cardPreview,
+      onFullscreenChange
     } = this.props;
     const {
       fileSrc,
@@ -242,6 +243,7 @@ export class InlinePlayerBase extends Component {
     }, /*#__PURE__*/React.createElement(InactivityDetector, null, checkMouseMovement => /*#__PURE__*/React.createElement(CustomMediaPlayer, {
       type: "video",
       src: fileSrc,
+      onFullscreenChange: onFullscreenChange,
       fileId: identifier.id,
       isAutoPlay: autoplay,
       isHDAvailable: false,

package/dist/es2019/root/ui/styled.js

@@ -52,7 +52,7 @@ const getWrapperShadow = (disableOverlay, selected) => {
   return shadow ? `box-shadow: ${shadow};` : '';
 };
 
-const getCursorStyle = cursor => `cursor: ${cursor};`;
+const getCursorStyle = cursor => !!cursor ? `cursor: ${cursor};` : '';
 
 const getClickablePlayButtonStyles = isPlayButtonClickable => {
   if (!isPlayButtonClickable) {

package/dist/es2019/root/ui/titleBox/styled.js

@@ -25,6 +25,8 @@ export const TitleBoxWrapper = styled.div`
     width: 100%;
     background-color: ${rgba(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : N0, 0.8)};
     color: inherit;
+    cursor: inherit;
+    pointer-events: none;
     display: flex;
     flex-direction: column;
     justify-content: center;

package/dist/es2019/types.js

@@ -2,6 +2,5 @@ export let MediaCardCursor;
 
 (function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
-  MediaCardCursor["NoAction"] = "default";
   MediaCardCursor["NotReady"] = "wait";
 })(MediaCardCursor || (MediaCardCursor = {}));

package/dist/es2019/utils/analytics.js

@@ -1,7 +1,18 @@
 import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
-import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { isMediaCardError } from '../errors';
+const relevantFlags = {
+  newCardExperience: true,
+  captions: true,
+  timestampOnVideo: true,
+  observedWidth: true,
+  mediaInline: false,
+  folderUploads: false,
+  mediaUploadApiV2: false
+};
+export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
+export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export const getFileAttributes = (metadata, fileStatus) => ({
   fileMediatype: metadata.mediaType,
   fileMimetype: metadata.mimeType,

package/dist/es2019/utils/getMediaCardCursor.js

@@ -1,8 +1,12 @@
 import { MediaCardCursor } from '../types';
+
+/**
+ * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
+ */
 export const getMediaCardCursor = (useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) => {
   // If error status or no action is requested = NoAction
   if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
-    return MediaCardCursor.NoAction;
+    return;
   }
 
   if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
@@ -15,5 +19,5 @@ export const getMediaCardCursor = (useInlinePlayer, useMediaViewer, isErrorStatu
     return MediaCardCursor.Action;
   }
 
-  return MediaCardCursor.NoAction;
+  return;
 };

package/dist/es2019/utils/ufoExperiences.js

@@ -1,10 +1,10 @@
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
 import { name as packageName, version as packageVersion } from '../version.json';
-import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
+import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 let concurrentExperience;
 
-const getExperience = (id, featureFlagsKeys) => {
+const getExperience = id => {
   if (!concurrentExperience) {
     const inlineExperience = {
       platform: {
@@ -12,7 +12,7 @@ const getExperience = (id, featureFlagsKeys) => {
       },
       type: ExperienceTypes.Experience,
       performanceType: ExperiencePerformanceTypes.InlineResult,
-      featureFlagsKeys
+      featureFlags: LOGGED_FEATURE_FLAG_KEYS
     };
     concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
   }
@@ -20,13 +20,13 @@ const getExperience = (id, featureFlagsKeys) => {
   return concurrentExperience.getInstance(id);
 };
 
-export const startUfoExperience = (id, featureFlagsKeys) => {
-  getExperience(id, featureFlagsKeys).start();
+export const startUfoExperience = id => {
+  getExperience(id).start();
 };
-export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags, ssrReliability, featureFlagsKeys, error) => {
+export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags, ssrReliability, error) => {
   switch (status) {
     case 'complete':
-      succeedUfoExperience(id, featureFlagsKeys, {
+      succeedUfoExperience(id, {
         fileAttributes,
         ssrReliability,
         fileStateFlags
@@ -34,7 +34,7 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
       break;
 
     case 'failed-processing':
-      failUfoExperience(id, featureFlagsKeys, {
+      failUfoExperience(id, {
         fileAttributes,
         failReason: 'failed-processing',
         ssrReliability,
@@ -43,7 +43,7 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
       break;
 
     case 'error':
-      error && failUfoExperience(id, featureFlagsKeys, {
+      error && failUfoExperience(id, {
         fileAttributes,
         ...extractErrorInfo(error),
         request: getRenderErrorRequestMetadata(error),
@@ -54,8 +54,8 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
   }
 };
 
-const succeedUfoExperience = (id, featureFlagsKeys, properties) => {
-  getExperience(id, featureFlagsKeys).success({
+const succeedUfoExperience = (id, properties) => {
+  getExperience(id).success({
     metadata: { ...properties,
       packageName,
       packageVersion,
@@ -65,8 +65,8 @@ const succeedUfoExperience = (id, featureFlagsKeys, properties) => {
   });
 };
 
-const failUfoExperience = (id, featureFlagsKeys, properties) => {
-  getExperience(id, featureFlagsKeys).failure({
+const failUfoExperience = (id, properties) => {
+  getExperience(id).failure({
     metadata: { ...properties,
       packageName,
       packageVersion,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.6.0",
+	"version": "73.7.0",
 	"sideEffects": false
 }

package/dist/esm/root/card/cardAnalytics.js

@@ -1,19 +1,4 @@
-import { filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getCopiedFilePayload, getRenderCommencedEventPayload, getRenderPreviewableCardPayload } from '../../utils/analytics';
-export var REQUIRED_FEATURE_FLAGS = {
-  newCardExperience: true,
-  captions: true,
-  timestampOnVideo: true,
-  observedWidth: true,
-  mediaInline: false,
-  folderUploads: false
-};
-export var getRelevantFeatureFlagNames = function getRelevantFeatureFlagNames() {
-  return filterFeatureFlagNames(REQUIRED_FEATURE_FLAGS);
-};
-export var getRelevantFeatureFlagKeysWithAllProducts = function getRelevantFeatureFlagKeysWithAllProducts() {
-  return filterFeatureFlagKeysAllProducts(REQUIRED_FEATURE_FLAGS);
-};
 export var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error) {
   var fireEvent = function fireEvent(payload) {
     return fireMediaCardEvent(payload, createAnalyticsEvent);

package/dist/esm/root/card/index.js

@@ -32,9 +32,9 @@ import { getRequestedDimensions } from '../../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
 import { getFileDetails } from '../../utils/metadata';
 import { InlinePlayer } from '../inlinePlayer';
-import { getFileAttributes, extractErrorInfo } from '../../utils/analytics';
+import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../../errors';
-import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, getRelevantFeatureFlagNames, getRelevantFeatureFlagKeysWithAllProducts, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
+import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
 import getDocument from '../../utils/document';
 import { StoreSSRDataScript, getSSRData } from '../../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
@@ -455,7 +455,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           dimensions = _this$props7.dimensions,
           selected = _this$props7.selected,
           testId = _this$props7.testId,
-          originalDimensions = _this$props7.originalDimensions;
+          originalDimensions = _this$props7.originalDimensions,
+          onFullscreenChange = _this$props7.onFullscreenChange;
       var _this$state = _this.state,
           shouldAutoplay = _this$state.shouldAutoplay,
           cardPreview = _this$state.cardPreview;
@@ -465,6 +466,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         originalDimensions: originalDimensions,
         identifier: identifier,
         autoplay: !!shouldAutoplay,
+        onFullscreenChange: onFullscreenChange,
         onError: _this.onInlinePlayerError,
         onClick: _this.onClick,
         selected: selected,
@@ -963,7 +965,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           error = _this$state7.error;
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
       createAnalyticsEvent && _fireOperationalEvent(createAnalyticsEvent, status, this.fileAttributes, this.getPerformanceAttributes(), this.ssrReliability, error);
-      completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, getRelevantFeatureFlagKeysWithAllProducts(), error);
+      completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, error);
     }
   }, {
     key: "fireCommencedEvent",
@@ -975,7 +977,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           durationSincePageStart: this.timeElapsedTillCommenced
         }
       });
-      startUfoExperience(this.internalOccurrenceKey, getRelevantFeatureFlagKeysWithAllProducts());
+      startUfoExperience(this.internalOccurrenceKey);
     }
   }, {
     key: "actions",
@@ -1036,7 +1038,7 @@ export var Card = withMediaAnalyticsContext({
   componentName: 'mediaCard',
   component: 'mediaCard'
 }, {
-  filterFeatureFlags: getRelevantFeatureFlagNames()
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(injectIntl(CardBase, {
   enforceContext: false
 })));

package/dist/esm/root/cardView.js

@@ -45,7 +45,6 @@ import { PreviewUnavailable, CreatingPreview, FailedToUpload, PreviewCurrentlyUn
 import { isRateLimitedError, isPollingError } from '@atlaskit/media-client';
 import { newFileExperienceClassName } from './card/cardConstants';
 import { isUploadError } from '../errors';
-import { MediaCardCursor } from '../types';
 
 /**
  * This is classic vanilla CardView class. To create an instance of class one would need to supply
@@ -589,8 +588,7 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(CardViewBase, "defaultProps", {
-  appearance: 'auto',
-  mediaCardCursor: MediaCardCursor.NoAction
+  appearance: 'auto'
 });
 
 export var CardView = withAnalyticsEvents({

package/dist/esm/root/inlinePlayer.js

@@ -303,7 +303,8 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
           identifier = _this$props4.identifier,
           forwardRef = _this$props4.forwardRef,
           autoplay = _this$props4.autoplay,
-          cardPreview = _this$props4.cardPreview;
+          cardPreview = _this$props4.cardPreview,
+          onFullscreenChange = _this$props4.onFullscreenChange;
       var _this$state = this.state,
           fileSrc = _this$state.fileSrc,
           isUploading = _this$state.isUploading,
@@ -327,6 +328,7 @@ export var InlinePlayerBase = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(CustomMediaPlayer, {
           type: "video",
           src: fileSrc,
+          onFullscreenChange: onFullscreenChange,
           fileId: identifier.id,
           isAutoPlay: autoplay,
           isHDAvailable: false,

package/dist/esm/root/ui/styled.js

@@ -62,7 +62,7 @@ var getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
 };
 
 var getCursorStyle = function getCursorStyle(cursor) {
-  return "cursor: ".concat(cursor, ";");
+  return !!cursor ? "cursor: ".concat(cursor, ";") : '';
 };
 
 var getClickablePlayButtonStyles = function getClickablePlayButtonStyles(isPlayButtonClickable) {

package/dist/esm/root/ui/titleBox/styled.js

@@ -20,7 +20,7 @@ var HEX_REGEX = /^#[0-9A-F]{6}$/i;
 export var TitleBoxWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var breakpoint = _ref.breakpoint,
       titleBoxBgColor = _ref.titleBoxBgColor;
-  return "\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    background-color: ".concat(rgba(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : N0, 0.8), ";\n    color: inherit;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    ").concat(generateResponsiveStyles(breakpoint), "\n  ");
+  return "\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    background-color: ".concat(rgba(titleBoxBgColor && HEX_REGEX.test(titleBoxBgColor) ? titleBoxBgColor : N0, 0.8), ";\n    color: inherit;\n    cursor: inherit;\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    ").concat(generateResponsiveStyles(breakpoint), "\n  ");
 });
 TitleBoxWrapper.displayName = 'TitleBoxWrapper';
 var infoStyles = "\n  white-space: nowrap;\n  overflow: hidden;\n";

package/dist/esm/types.js

@@ -2,6 +2,5 @@ export var MediaCardCursor;
 
 (function (MediaCardCursor) {
   MediaCardCursor["Action"] = "pointer";
-  MediaCardCursor["NoAction"] = "default";
   MediaCardCursor["NotReady"] = "wait";
 })(MediaCardCursor || (MediaCardCursor = {}));

package/dist/esm/utils/analytics.js

@@ -5,9 +5,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
-import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { isMediaCardError } from '../errors';
+var relevantFlags = {
+  newCardExperience: true,
+  captions: true,
+  timestampOnVideo: true,
+  observedWidth: true,
+  mediaInline: false,
+  folderUploads: false,
+  mediaUploadApiV2: false
+};
+export var LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
+export var LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,

package/dist/esm/utils/getMediaCardCursor.js

@@ -1,8 +1,12 @@
 import { MediaCardCursor } from '../types';
+
+/**
+ * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
+ */
 export var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
   // If error status or no action is requested = NoAction
   if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
-    return MediaCardCursor.NoAction;
+    return;
   }
 
   if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
@@ -15,5 +19,5 @@ export var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, use
     return MediaCardCursor.Action;
   }
 
-  return MediaCardCursor.NoAction;
+  return;
 };

package/dist/esm/utils/ufoExperiences.js

@@ -6,11 +6,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
 import { name as packageName, version as packageVersion } from '../version.json';
-import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
+import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var concurrentExperience;
 
-var getExperience = function getExperience(id, featureFlagsKeys) {
+var getExperience = function getExperience(id) {
   if (!concurrentExperience) {
     var inlineExperience = {
       platform: {
@@ -18,7 +18,7 @@ var getExperience = function getExperience(id, featureFlagsKeys) {
       },
       type: ExperienceTypes.Experience,
       performanceType: ExperiencePerformanceTypes.InlineResult,
-      featureFlagsKeys: featureFlagsKeys
+      featureFlags: LOGGED_FEATURE_FLAG_KEYS
     };
     concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
   }
@@ -26,13 +26,13 @@ var getExperience = function getExperience(id, featureFlagsKeys) {
   return concurrentExperience.getInstance(id);
 };
 
-export var startUfoExperience = function startUfoExperience(id, featureFlagsKeys) {
-  getExperience(id, featureFlagsKeys).start();
+export var startUfoExperience = function startUfoExperience(id) {
+  getExperience(id).start();
 };
-export var completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability, featureFlagsKeys, error) {
+export var completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability, error) {
   switch (status) {
     case 'complete':
-      succeedUfoExperience(id, featureFlagsKeys, {
+      succeedUfoExperience(id, {
         fileAttributes: fileAttributes,
         ssrReliability: ssrReliability,
         fileStateFlags: fileStateFlags
@@ -40,7 +40,7 @@ export var completeUfoExperience = function completeUfoExperience(id, status, fi
       break;
 
     case 'failed-processing':
-      failUfoExperience(id, featureFlagsKeys, {
+      failUfoExperience(id, {
         fileAttributes: fileAttributes,
         failReason: 'failed-processing',
         ssrReliability: ssrReliability,
@@ -49,7 +49,7 @@ export var completeUfoExperience = function completeUfoExperience(id, status, fi
       break;
 
     case 'error':
-      error && failUfoExperience(id, featureFlagsKeys, _objectSpread(_objectSpread({
+      error && failUfoExperience(id, _objectSpread(_objectSpread({
         fileAttributes: fileAttributes
       }, extractErrorInfo(error)), {}, {
         request: getRenderErrorRequestMetadata(error),
@@ -60,8 +60,8 @@ export var completeUfoExperience = function completeUfoExperience(id, status, fi
   }
 };
 
-var succeedUfoExperience = function succeedUfoExperience(id, featureFlagsKeys, properties) {
-  getExperience(id, featureFlagsKeys).success({
+var succeedUfoExperience = function succeedUfoExperience(id, properties) {
+  getExperience(id).success({
     metadata: _objectSpread(_objectSpread({}, properties), {}, {
       packageName: packageName,
       packageVersion: packageVersion,
@@ -71,8 +71,8 @@ var succeedUfoExperience = function succeedUfoExperience(id, featureFlagsKeys, p
   });
 };
 
-var failUfoExperience = function failUfoExperience(id, featureFlagsKeys, properties) {
-  getExperience(id, featureFlagsKeys).failure({
+var failUfoExperience = function failUfoExperience(id, properties) {
+  getExperience(id).failure({
     metadata: _objectSpread(_objectSpread({}, properties), {}, {
       packageName: packageName,
       packageVersion: packageVersion,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.6.0",
+	"version": "73.7.0",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -38,6 +38,11 @@ export interface CardOnClickCallback {
 export interface CardEventProps {
     readonly onClick?: CardOnClickCallback;
     readonly onMouseEnter?: (result: CardEvent) => void;
+    /** Callback function to be called when video enters and exit fullscreen.
+     * `fullscreen = true` indicates video enters fullscreen
+     * `fullscreen = false` indicates video exits fullscreen
+     */
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
 }
 export interface CardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;

package/dist/types/root/card/cardAnalytics.d.ts

@@ -3,16 +3,6 @@ import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SSRStatus } from '../../utils/analytics';
 import { CardStatus } from '../..';
 import { MediaCardError } from './../../errors';
-export declare const REQUIRED_FEATURE_FLAGS: {
-    newCardExperience: boolean;
-    captions: boolean;
-    timestampOnVideo: boolean;
-    observedWidth: boolean;
-    mediaInline: boolean;
-    folderUploads: boolean;
-};
-export declare const getRelevantFeatureFlagNames: () => (keyof import("@atlaskit/media-common").MediaFeatureFlags)[];
-export declare const getRelevantFeatureFlagKeysWithAllProducts: () => string[];
 export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error?: MediaCardError | undefined) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => void;
 export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;

package/dist/types/root/cardView.d.ts

@@ -9,7 +9,7 @@ import { MediaCardCursor } from '../types';
 export interface CardViewOwnProps extends SharedCardProps {
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
-    readonly mediaCardCursor: MediaCardCursor;
+    readonly mediaCardCursor?: MediaCardCursor;
     readonly metadata?: FileDetails;
     readonly error?: MediaCardError;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;

package/dist/types/root/inlinePlayer.d.ts

@@ -12,6 +12,7 @@ export interface InlinePlayerOwnProps {
     originalDimensions?: NumericalCardDimensions;
     autoplay: boolean;
     selected?: boolean;
+    onFullscreenChange?: (fullscreen: boolean) => void;
     onError?: (error: Error) => void;
     readonly onClick?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     testId?: string;

package/dist/types/root/ui/styled.d.ts

@@ -8,13 +8,13 @@ export interface NewFileExperienceWrapperProps {
     dimensions?: CardDimensions;
     appearance?: CardAppearance;
     mediaType?: string;
+    mediaCardCursor?: MediaCardCursor;
     disableOverlay: boolean;
     displayBackground: boolean;
     selected: boolean;
     isPlayButtonClickable: boolean;
     isTickBoxSelectable: boolean;
     shouldDisplayTooltip: boolean;
-    mediaCardCursor: MediaCardCursor;
 }
 export declare const NewFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps>;
 export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;

package/dist/types/types.d.ts

@@ -19,6 +19,5 @@ export interface CardPreview {
 }
 export declare enum MediaCardCursor {
     Action = "pointer",
-    NoAction = "default",
     NotReady = "wait"
 }

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

@@ -2,6 +2,8 @@ import { FileDetails, MediaClientErrorReason, RequestMetadata } from '@atlaskit/
 import { FileAttributes, PerformanceAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, WithPerformanceAttributes, SuccessAttributes, FailureAttributes, ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaCardError, MediaCardErrorPrimaryReason } from '../errors';
+export declare const LOGGED_FEATURE_FLAGS: (keyof import("@atlaskit/media-common").MediaFeatureFlags)[];
+export declare const LOGGED_FEATURE_FLAG_KEYS: string[];
 export declare type FileUriFailReason = 'local-uri' | 'remote-uri' | `unknown-uri`;
 export declare type FailedErrorFailReason = MediaCardErrorPrimaryReason | 'nativeError';
 export declare type MediaCardErrorInfo = {

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

@@ -1,3 +1,6 @@
 import { MediaCardCursor } from '../types';
 import { MediaType } from '@atlaskit/media-client';
-export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: MediaType | undefined) => MediaCardCursor;
+/**
+ * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
+ */
+export declare const getMediaCardCursor: (useInlinePlayer: boolean, useMediaViewer: boolean, isErrorStatus: boolean, hasCardPreview: boolean, mediaType?: MediaType | undefined) => MediaCardCursor | undefined;

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

@@ -3,5 +3,5 @@ import { FileAttributes } from '@atlaskit/media-common';
 import { SSRStatus } from './analytics';
 import { MediaCardError } from '../errors';
 import { FileStateFlags } from '../types';
-export declare const startUfoExperience: (id: string, featureFlagsKeys: string[]) => void;
-export declare const completeUfoExperience: (id: string, status: CardStatus, fileAttributes: FileAttributes, fileStateFlags: FileStateFlags, ssrReliability: SSRStatus, featureFlagsKeys: string[], error?: MediaCardError | undefined) => void;
+export declare const startUfoExperience: (id: string) => void;
+export declare const completeUfoExperience: (id: string, status: CardStatus, fileAttributes: FileAttributes, fileStateFlags: FileStateFlags, ssrReliability: SSRStatus, error?: MediaCardError | undefined) => void;

package/example-helpers/index.tsx

@@ -6,19 +6,21 @@ import {
   createPollingMaxAttemptsError,
   createRateLimitedError,
   createStorybookMediaClientConfig,
+  enableMediaUfoLogger,
   FeatureFlagsWrapper,
 } from '@atlaskit/media-test-helpers';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import FabricAnalyticsListeners, {
   AnalyticsWebClient,
 } from '@atlaskit/analytics-listeners';
+import { payloadPublisher } from '@atlassian/ufo';
 
 import AnnotateIcon from '@atlaskit/icon/glyph/media-services/annotate';
 import { SelectableCard } from './selectableCard';
 import { Card, CardAppearance, CardEvent, CardAction } from '../src';
-import { getRelevantFeatureFlagNames } from '../src/root/card/cardAnalytics';
 import { MediaCardError } from '../src/errors';
 import DevelopmentUseMessage from './developmentUseMessage';
+import { LOGGED_FEATURE_FLAGS } from '../src/utils/analytics';
 
 const mediaClientConfig = createStorybookMediaClientConfig();
 
@@ -126,19 +128,28 @@ export const wrongCollection = 'adfasdf';
 
 export type MainWrapperProps = {
   developmentOnly?: boolean;
+  disableFeatureFlagWrapper?: boolean;
 };
 
 export const MainWrapper: React.FC<MainWrapperProps> = ({
   children,
   developmentOnly,
-}) => (
-  <>
-    {developmentOnly && <DevelopmentUseMessage />}
-    <FeatureFlagsWrapper filterFlags={getRelevantFeatureFlagNames()}>
-      {children}
-    </FeatureFlagsWrapper>
-  </>
-);
+  disableFeatureFlagWrapper = false,
+}) => {
+  enableMediaUfoLogger(payloadPublisher);
+  return (
+    <>
+      {developmentOnly && <DevelopmentUseMessage />}
+      {!disableFeatureFlagWrapper ? (
+        <FeatureFlagsWrapper filterFlags={LOGGED_FEATURE_FLAGS}>
+          {children}
+        </FeatureFlagsWrapper>
+      ) : (
+        <>{children}</>
+      )}
+    </>
+  );
+};
 
 export const mediaCardErrorState = (
   error?: string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "73.6.0",
+  "version": "73.7.0",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,14 +30,14 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/dropdown-menu": "^11.1.0",
+    "@atlaskit/dropdown-menu": "^11.2.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-client": "^16.0.0",
-    "@atlaskit/media-common": "^2.13.0",
-    "@atlaskit/media-ui": "^22.0.0",
-    "@atlaskit/media-viewer": "^46.3.0",
+    "@atlaskit/media-common": "^2.14.0",
+    "@atlaskit/media-ui": "^22.1.0",
+    "@atlaskit/media-viewer": "^46.4.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
@@ -66,7 +66,7 @@
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/radio": "^5.3.2",
     "@atlaskit/range": "^6.0.0",
-    "@atlaskit/select": "^15.2.1",
+    "@atlaskit/select": "^15.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.4.0",
     "@atlaskit/visual-regression": "*",