@atlaskit/media-card 77.1.0 → 77.1.2

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.1.0",
+      packageName: "77.1.2",
       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.1.0";
+const packageVersion = "77.1.2";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {
@@ -51,14 +51,17 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
       break;
   }
 };
+const getBasePayloadAttributes = () => ({
+  packageName,
+  packageVersion,
+  mediaEnvironment: getMediaEnvironment(),
+  mediaRegion: getMediaRegion()
+});
 const succeedUfoExperience = (id, properties) => {
   getExperience(id).success({
     metadata: {
       ...properties,
-      packageName,
-      packageVersion,
-      mediaEnvironment: getMediaEnvironment(),
-      mediaRegion: getMediaRegion()
+      ...getBasePayloadAttributes()
     }
   });
 };
@@ -66,10 +69,16 @@ const failUfoExperience = (id, properties) => {
   getExperience(id).failure({
     metadata: {
       ...properties,
-      packageName,
-      packageVersion,
-      mediaEnvironment: getMediaEnvironment(),
-      mediaRegion: getMediaRegion()
+      ...getBasePayloadAttributes()
+    }
+  });
+};
+export const abortUfoExperience = (id, properties) => {
+  // UFO won't abort if it's already in a final state (succeeded, failed, aborted, etc)
+  getExperience(id).abort({
+    metadata: {
+      ...properties,
+      ...getBasePayloadAttributes()
     }
   });
 };

package/dist/esm/card/card.js

@@ -37,10 +37,10 @@ import { StoreSSRDataScript, getSSRData } from '../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
 import { isBigger } from '../utils/dimensionComparer';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
-import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
+import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.1.0";
+var packageVersion = "77.1.2";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -108,8 +108,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var _this$props2 = _this.props,
         _this$props2$dimensio = _this$props2.dimensions,
         dimensions = _this$props2$dimensio === void 0 ? {} : _this$props2$dimensio,
-        mediaClient = _this$props2.mediaClient,
-        createAnalyticsEvent = _this$props2.createAnalyticsEvent;
+        mediaClient = _this$props2.mediaClient;
       return {
         mediaClient: mediaClient,
         id: id,
@@ -119,8 +118,6 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         isRemotePreviewReady: isImageRepresentationReady(fileState),
         imageUrlParams: _this.getImageURLParams(identifier),
         mediaBlobUrlAttrs: _this.getMediaBlobUrlAttrs(identifier, fileState),
-        createAnalyticsEvent: createAnalyticsEvent,
-        featureFlags: _this.props.featureFlags,
         traceContext: _this.traceContext
       };
     });
@@ -759,10 +756,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         mediaClient = _this$props12.mediaClient,
         identifier = _this$props12.identifier,
         dimensions = _this$props12.dimensions,
-        featureFlags = _this$props12.featureFlags,
         useInlinePlayer = _this$props12.useInlinePlayer,
         disableOverlay = _this$props12.disableOverlay,
-        resizeMode = _this$props12.resizeMode,
         ssr = _this$props12.ssr;
       var _this$state4 = this.state,
         isCardVisible = _this$state4.isCardVisible,
@@ -789,7 +784,6 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var turnedVisible = !prevIsCardVisible && isCardVisible;
       var hadSSRCardPreview = !!prevCardPreview && isSSRClientPreview(prevCardPreview) && !cardPreview;
       var isNewMediaClient = prevMediaClient !== mediaClient;
-      var fileImageMode = imageResizeModeToFileImageMode(resizeMode);
       this.updateFileStateFlag(fileState);
       if (isExternalImageIdentifier(identifier) && isDiffIdentifier) {
         this.fireCommencedEvent();
@@ -828,9 +822,6 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         fileState: fileState,
         prevDimensions: prevDimensions,
         dimensions: dimensions,
-        identifier: identifier,
-        fileImageMode: fileImageMode,
-        featureFlags: featureFlags,
         hasCardPreview: !!cardPreview,
         isBannedLocalPreview: isBannedLocalPreview,
         wasResolvedUpfrontPreview: wasResolvedUpfrontPreview
@@ -864,6 +855,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _getDocument2;
+      this.fireAbortedEvent();
       this.hasBeenMounted = false;
       this.unsubscribe();
       (_getDocument2 = getDocument()) === null || _getDocument2 === void 0 || _getDocument2.removeEventListener('copy', this.fireCopiedEvent);
@@ -902,8 +894,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         occurrenceKey: occurrenceKey
       }).subscribe({
         next: function next(fileState) {
-          var featureFlags = _this2.props.featureFlags;
-          var newState = getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags);
+          var newState = getCardStateFromFileState(fileState, isBannedLocalPreview);
           _this2.safeSetState(newState);
         },
         error: function error(e) {
@@ -950,6 +941,19 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       createAnalyticsEvent && _fireOperationalEvent(createAnalyticsEvent, status, this.fileAttributes, this.getPerformanceAttributes(), this.ssrReliability, error, this.traceContext, fileState === null || fileState === void 0 ? void 0 : fileState.metadataTraceContext);
       completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, error);
     }
+  }, {
+    key: "fireAbortedEvent",
+    value: function fireAbortedEvent() {
+      var fileAttributes = this.fileAttributes,
+        fileStateFlags = this.fileStateFlags,
+        ssrReliability = this.ssrReliability;
+      // UFO won't abort if it's already in a final state (succeeded, failed, aborted, etc)
+      abortUfoExperience(this.internalOccurrenceKey, {
+        fileAttributes: fileAttributes,
+        fileStateFlags: fileStateFlags,
+        ssrReliability: ssrReliability
+      });
+    }
   }, {
     key: "fireCommencedEvent",
     value: function fireCommencedEvent() {

package/dist/esm/card/cardState.js

@@ -19,7 +19,7 @@ export var createStateUpdater = function createStateUpdater(newState, fireErrorE
     return newState;
   };
 };
-export var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
+export var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview) {
   var status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview));
   var error = status === 'error' && isErrorFileState(fileState) ? new MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
   var progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;

package/dist/esm/card/cardSwitcher.js

@@ -1,4 +1,8 @@
+import React from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import CardLoader from './cardLoader';
 import CardV2Loader from './v2/cardV2Loader';
-export default getBooleanFF('platform.media-experience.cardv2_7zann') ? CardV2Loader : CardLoader;
+function CardSwitcher(props) {
+  return getBooleanFF('platform.media-experience.cardv2_7zann') ? /*#__PURE__*/React.createElement(CardV2Loader, props) : /*#__PURE__*/React.createElement(CardLoader, props);
+}
+export default CardSwitcher;

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

@@ -64,11 +64,11 @@ var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, me
  */
 export var getCardPreview = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, traceContext, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview;
+    var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, traceContext, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          mediaClient = _ref.mediaClient, id = _ref.id, _ref$dimensions = _ref.dimensions, dimensions = _ref$dimensions === void 0 ? {} : _ref$dimensions, filePreview = _ref.filePreview, onLocalPreviewError = _ref.onLocalPreviewError, isRemotePreviewReady = _ref.isRemotePreviewReady, imageUrlParams = _ref.imageUrlParams, mediaBlobUrlAttrs = _ref.mediaBlobUrlAttrs, createAnalyticsEvent = _ref.createAnalyticsEvent, featureFlags = _ref.featureFlags, traceContext = _ref.traceContext;
+          mediaClient = _ref.mediaClient, id = _ref.id, _ref$dimensions = _ref.dimensions, dimensions = _ref$dimensions === void 0 ? {} : _ref$dimensions, filePreview = _ref.filePreview, onLocalPreviewError = _ref.onLocalPreviewError, isRemotePreviewReady = _ref.isRemotePreviewReady, imageUrlParams = _ref.imageUrlParams, mediaBlobUrlAttrs = _ref.mediaBlobUrlAttrs, traceContext = _ref.traceContext;
           mode = imageUrlParams.mode;
           cachedPreview = cardPreviewCache.get(id, mode);
           dimensionsAreBigger = isBigger(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
@@ -145,11 +145,8 @@ export var shouldResolvePreview = function shouldResolvePreview(_ref3) {
     fileState = _ref3.fileState,
     prevDimensions = _ref3.prevDimensions,
     dimensions = _ref3.dimensions,
-    identifier = _ref3.identifier,
-    fileImageMode = _ref3.fileImageMode,
     hasCardPreview = _ref3.hasCardPreview,
     isBannedLocalPreview = _ref3.isBannedLocalPreview,
-    featureFlags = _ref3.featureFlags,
     wasResolvedUpfrontPreview = _ref3.wasResolvedUpfrontPreview;
   var statusIsPreviewable = isPreviewableStatus(status, extractFilePreviewStatus(fileState, isBannedLocalPreview));
   var dimensionsAreBigger = isBigger(prevDimensions, dimensions);

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.1.0";
+var packageVersion = "77.1.2";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

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

@@ -37,11 +37,11 @@ import { StoreSSRDataScript, getSSRData } from '../../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from '../cardState';
 import { isBigger } from '../../utils/dimensionComparer';
 import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
-import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
+import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../../utils/ufoExperiences';
 import { generateUniqueId } from '../../utils/generateUniqueId';
 import { useFileState } from '@atlaskit/media-client-react';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.1.0";
+var packageVersion = "77.1.2";
 export var CardV2Base = /*#__PURE__*/function (_Component) {
   _inherits(CardV2Base, _Component);
   var _super = _createSuper(CardV2Base);
@@ -109,8 +109,7 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
       var _this$props2 = _this.props,
         _this$props2$dimensio = _this$props2.dimensions,
         dimensions = _this$props2$dimensio === void 0 ? {} : _this$props2$dimensio,
-        mediaClient = _this$props2.mediaClient,
-        createAnalyticsEvent = _this$props2.createAnalyticsEvent;
+        mediaClient = _this$props2.mediaClient;
       return {
         mediaClient: mediaClient,
         id: id,
@@ -120,8 +119,6 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
         isRemotePreviewReady: isImageRepresentationReady(fileState),
         imageUrlParams: _this.getImageURLParams(identifier),
         mediaBlobUrlAttrs: _this.getMediaBlobUrlAttrs(identifier, fileState),
-        createAnalyticsEvent: createAnalyticsEvent,
-        featureFlags: _this.props.featureFlags,
         traceContext: _this.traceContext
       };
     });
@@ -264,8 +261,7 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "subscribeFileState", function (fileState) {
       var isBannedLocalPreview = _this.state.isBannedLocalPreview;
       if (fileState.status !== 'error') {
-        var featureFlags = _this.props.featureFlags;
-        var newState = getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags);
+        var newState = getCardStateFromFileState(fileState, isBannedLocalPreview);
         _this.safeSetState(newState);
       } else {
         var e = new MediaFileStateError(fileState.id, fileState.reason, fileState.message, fileState.details);
@@ -685,7 +681,7 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
       previewDidRender: false,
       error: _error,
       wasResolvedUpfrontPreview: false,
-      shouldUpdateStateForIdentifier: false
+      shouldUpdateStateForIdentifier: _isCardVisible && isFileIdentifier(_identifier)
     };
     return _this;
   }
@@ -727,7 +723,7 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
         ssr = _this$props11.ssr,
         dimensions = _this$props11.dimensions;
       if (isCardVisible && isFileIdentifier(identifier)) {
-        this.updateStateForIdentifier(identifier);
+        this.updateStateForIdentifier();
         if (!cardPreview) {
           this.resolveUpfrontPreview(identifier);
         }
@@ -764,10 +760,8 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
         mediaClient = _this$props12.mediaClient,
         identifier = _this$props12.identifier,
         dimensions = _this$props12.dimensions,
-        featureFlags = _this$props12.featureFlags,
         useInlinePlayer = _this$props12.useInlinePlayer,
         disableOverlay = _this$props12.disableOverlay,
-        resizeMode = _this$props12.resizeMode,
         ssr = _this$props12.ssr;
       var _this$state4 = this.state,
         isCardVisible = _this$state4.isCardVisible,
@@ -794,7 +788,6 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
       var turnedVisible = !prevIsCardVisible && isCardVisible;
       var hadSSRCardPreview = !!prevCardPreview && isSSRClientPreview(prevCardPreview) && !cardPreview;
       var isNewMediaClient = prevMediaClient !== mediaClient;
-      var fileImageMode = imageResizeModeToFileImageMode(resizeMode);
       this.updateFileStateFlag(fileState);
       if (isExternalImageIdentifier(identifier) && isDiffIdentifier) {
         this.fireCommencedEvent();
@@ -815,7 +808,7 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
         this.refetchSSRPreview(identifier);
       }
       if (isFileIdentifier(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDiffIdentifier))) {
-        this.updateStateForIdentifier(identifier);
+        this.updateStateForIdentifier();
       }
       if (this.state.status !== prevState.status) {
         this.fireOperationalEvent();
@@ -833,9 +826,6 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
         fileState: fileState,
         prevDimensions: prevDimensions,
         dimensions: dimensions,
-        identifier: identifier,
-        fileImageMode: fileImageMode,
-        featureFlags: featureFlags,
         hasCardPreview: !!cardPreview,
         isBannedLocalPreview: isBannedLocalPreview,
         wasResolvedUpfrontPreview: wasResolvedUpfrontPreview
@@ -875,12 +865,13 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _getDocument2;
+      this.fireAbortedEvent();
       this.hasBeenMounted = false;
       (_getDocument2 = getDocument()) === null || _getDocument2 === void 0 || _getDocument2.removeEventListener('copy', this.fireCopiedEvent);
     }
   }, {
     key: "updateStateForIdentifier",
-    value: function updateStateForIdentifier(identifier) {
+    value: function updateStateForIdentifier() {
       this.fireCommencedEvent();
       this.setState({
         shouldUpdateStateForIdentifier: true
@@ -945,6 +936,19 @@ export var CardV2Base = /*#__PURE__*/function (_Component) {
       }, this.traceContext);
       startUfoExperience(this.internalOccurrenceKey);
     }
+  }, {
+    key: "fireAbortedEvent",
+    value: function fireAbortedEvent() {
+      var fileAttributes = this.fileAttributes,
+        fileStateFlags = this.fileStateFlags,
+        ssrReliability = this.ssrReliability;
+      // UFO won't abort if it's already in a final state (succeeded, failed, aborted, etc)
+      abortUfoExperience(this.internalOccurrenceKey, {
+        fileAttributes: fileAttributes,
+        fileStateFlags: fileStateFlags,
+        ssrReliability: ssrReliability
+      });
+    }
   }, {
     key: "actions",
     get: function get() {

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.1.0",
+        packageName: "77.1.2",
         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.1.0";
+var packageVersion = "77.1.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {
@@ -55,23 +55,27 @@ export var completeUfoExperience = function completeUfoExperience(id, status, fi
       break;
   }
 };
+var getBasePayloadAttributes = function getBasePayloadAttributes() {
+  return {
+    packageName: packageName,
+    packageVersion: packageVersion,
+    mediaEnvironment: getMediaEnvironment(),
+    mediaRegion: getMediaRegion()
+  };
+};
 var succeedUfoExperience = function succeedUfoExperience(id, properties) {
   getExperience(id).success({
-    metadata: _objectSpread(_objectSpread({}, properties), {}, {
-      packageName: packageName,
-      packageVersion: packageVersion,
-      mediaEnvironment: getMediaEnvironment(),
-      mediaRegion: getMediaRegion()
-    })
+    metadata: _objectSpread(_objectSpread({}, properties), getBasePayloadAttributes())
   });
 };
 var failUfoExperience = function failUfoExperience(id, properties) {
   getExperience(id).failure({
-    metadata: _objectSpread(_objectSpread({}, properties), {}, {
-      packageName: packageName,
-      packageVersion: packageVersion,
-      mediaEnvironment: getMediaEnvironment(),
-      mediaRegion: getMediaRegion()
-    })
+    metadata: _objectSpread(_objectSpread({}, properties), getBasePayloadAttributes())
+  });
+};
+export var abortUfoExperience = function abortUfoExperience(id, properties) {
+  // UFO won't abort if it's already in a final state (succeeded, failed, aborted, etc)
+  getExperience(id).abort({
+    metadata: _objectSpread(_objectSpread({}, properties), getBasePayloadAttributes())
   });
 };

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

@@ -39,6 +39,7 @@ export declare class CardBase extends Component<CardBaseProps, CardState> {
     private onImageError;
     private onImageLoad;
     private fireOperationalEvent;
+    private fireAbortedEvent;
     private fireCommencedEvent;
     private fireCopiedEvent;
     private fireScreenEvent;

package/dist/types/card/cardState.d.ts

@@ -1,5 +1,4 @@
 import { FileState } from '@atlaskit/media-client';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { CardState } from '../types';
 import { MediaCardError } from '../errors';
 /**
@@ -7,4 +6,4 @@ import { MediaCardError } from '../errors';
  * The output of the updater is shallowly merged with state."
  */
 export declare const createStateUpdater: (newState: Partial<CardState>, fireErrorEvent: (error: MediaCardError) => void) => (prevState: CardState) => Partial<CardState>;
-export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags) => Partial<CardState>;
+export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean) => Partial<CardState>;

package/dist/types/card/cardSwitcher.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const _default: import("react").FC<import("./cardLoader").CardWithMediaClientConfigProps>;
-export default _default;
+import { CardWithMediaClientConfigProps } from './cardLoader';
+declare function CardSwitcher(props: CardWithMediaClientConfigProps): JSX.Element;
+export default CardSwitcher;

package/dist/types/card/getCardPreview/index.d.ts

@@ -1,7 +1,6 @@
-import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, MediaBlobUrlAttrs, FileIdentifier } from '@atlaskit/media-client';
-import { MediaFeatureFlags, SSR, MediaTraceContext } from '@atlaskit/media-common';
+import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, MediaBlobUrlAttrs } from '@atlaskit/media-client';
+import { SSR, MediaTraceContext } from '@atlaskit/media-common';
 import { ImageResizeMode } from '@atlaskit/media-client';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { CardDimensions } from '../../types';
 import { MediaCardError } from '../../errors';
 import { CardStatus, CardPreview } from '../../types';
@@ -23,8 +22,6 @@ export type CardPreviewParams = {
     isRemotePreviewReady: boolean;
     imageUrlParams: MediaStoreGetFileImageParams;
     mediaBlobUrlAttrs?: MediaBlobUrlAttrs;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
-    featureFlags?: MediaFeatureFlags;
     traceContext?: MediaTraceContext;
 };
 /**
@@ -37,17 +34,14 @@ export type CardPreviewParams = {
  * In that case, we still want to report the local preview error to the caller, for feature realiability track.
  * hence the use of the optional callback onLocalPreviewError
  */
-export declare const getCardPreview: ({ mediaClient, id, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, traceContext, }: CardPreviewParams) => Promise<CardPreview>;
-export declare const shouldResolvePreview: ({ status, fileState, prevDimensions, dimensions, identifier, fileImageMode, hasCardPreview, isBannedLocalPreview, featureFlags, wasResolvedUpfrontPreview, }: {
+export declare const getCardPreview: ({ mediaClient, id, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, traceContext, }: CardPreviewParams) => Promise<CardPreview>;
+export declare const shouldResolvePreview: ({ status, fileState, prevDimensions, dimensions, hasCardPreview, isBannedLocalPreview, wasResolvedUpfrontPreview, }: {
     status: CardStatus;
     fileState: FileState;
     prevDimensions?: CardDimensions | undefined;
     dimensions?: CardDimensions | undefined;
-    identifier: FileIdentifier;
-    fileImageMode?: ImageResizeMode | undefined;
     hasCardPreview: boolean;
     isBannedLocalPreview: boolean;
-    featureFlags?: MediaFeatureFlags | undefined;
     wasResolvedUpfrontPreview: boolean;
 }) => boolean;
 export declare const getSSRCardPreview: (ssr: SSR, mediaClient: MediaClient, id: string, params: MediaStoreGetFileImageParams, mediaBlobUrlAttrs?: MediaBlobUrlAttrs) => CardPreview;

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
+import { FileState, MediaSubscription } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
 import { CardAction } from '../actions';
 import { CardProps, CardState, CardStatus } from '../../types';
@@ -20,7 +20,7 @@ export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
     componentWillUnmount(): void;
-    updateStateForIdentifier(identifier: FileIdentifier): void;
+    updateStateForIdentifier(): void;
     private getImageURLParams;
     private getMediaBlobUrlAttrs;
     private getCardPreviewParams;
@@ -40,6 +40,7 @@ export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
     private onImageLoad;
     private fireOperationalEvent;
     private fireCommencedEvent;
+    private fireAbortedEvent;
     private fireCopiedEvent;
     private fireScreenEvent;
     private fireNonCriticalErrorEvent;

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

@@ -3,5 +3,12 @@ import { FileAttributes } from '@atlaskit/media-common';
 import { SSRStatus } from './analytics';
 import { MediaCardError } from '../errors';
 import { FileStateFlags } from '../types';
+type SucceedUfoPayload = {
+    fileAttributes: FileAttributes;
+    ssrReliability: SSRStatus;
+    fileStateFlags: FileStateFlags;
+};
 export declare const startUfoExperience: (id: string) => void;
 export declare const completeUfoExperience: (id: string, status: CardStatus, fileAttributes: FileAttributes, fileStateFlags: FileStateFlags, ssrReliability: SSRStatus, error?: MediaCardError) => void;
+export declare const abortUfoExperience: (id: string, properties?: Partial<SucceedUfoPayload>) => void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.1.0",
+  "version": "77.1.2",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/dropdown-menu": "^11.14.0",
+    "@atlaskit/dropdown-menu": "^12.0.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^24.0.0",

package/report.api.md

@@ -18,7 +18,6 @@
 /// <reference types="react" />
 
 import { Component } from 'react';
-import { FC } from 'react';
 import { FileDetails } from '@atlaskit/media-client';
 import { FileIdentifier } from '@atlaskit/media-client';
 import { FileItem } from '@atlaskit/media-client';
@@ -38,7 +37,7 @@ import { WithMediaClientConfigProps } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
 
 // @public (undocumented)
-export const Card: FC<CardWithMediaClientConfigProps>;
+export function Card(props: CardWithMediaClientConfigProps): JSX.Element;
 
 // @public (undocumented)
 export interface CardAction {

package/dist/types-ts4.5/card/actions.d.ts

@@ -1,9 +0,0 @@
-import { FileItem, FileDetails } from '@atlaskit/media-client';
-import { ReactNode } from 'react';
-export interface CardAction {
-    label?: string;
-    handler: CardEventHandler;
-    icon?: ReactNode;
-}
-export type CardEventHandler = (item?: FileItem, event?: Event) => void;
-export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;

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

@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
-import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction } from './actions';
-import { CardProps, CardState, CardStatus } from '../types';
-export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
-export declare class CardBase extends Component<CardBaseProps, CardState> {
-    private internalOccurrenceKey;
-    private hasBeenMounted;
-    private fileStateFlags;
-    private ssrReliability;
-    private timeElapsedTillCommenced;
-    subscription?: MediaSubscription;
-    private ssrData?;
-    private traceContext;
-    static defaultProps: Partial<CardProps>;
-    constructor(props: CardBaseProps);
-    private getSSRPreview;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
-    componentWillUnmount(): void;
-    updateStateForIdentifier(identifier: FileIdentifier): void;
-    private getImageURLParams;
-    private getMediaBlobUrlAttrs;
-    private getCardPreviewParams;
-    private setCacheSSRPreview;
-    private refetchSSRPreview;
-    private resolveUpfrontPreview;
-    private fetchAndCacheRemotePreview;
-    private resolvePreview;
-    updateFileStateFlag(fileState?: FileState): void;
-    subscribeInternalFile(identifier: FileIdentifier): void;
-    private get requestedDimensions();
-    private get metadata();
-    private get fileAttributes();
-    private getPerformanceAttributes;
-    private logSSRImageError;
-    private onImageError;
-    private onImageLoad;
-    private fireOperationalEvent;
-    private fireCommencedEvent;
-    private fireCopiedEvent;
-    private fireScreenEvent;
-    private fireNonCriticalErrorEvent;
-    private safeSetState;
-    unsubscribe: () => void;
-    get actions(): CardAction[];
-    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onInlinePlayerError: () => void;
-    setRef: (cardRef: HTMLDivElement | null) => void;
-    renderInlinePlayer: () => JSX.Element;
-    onMediaViewerClose: () => void;
-    private onDisplayImage;
-    renderMediaViewer: () => React.ReactPortal | undefined;
-    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
-    private storeSSRData;
-    render(): JSX.Element;
-    private onCardInViewport;
-    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
-    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
-}
-export declare const Card: React.ComponentType<CardBaseProps>;

package/dist/types-ts4.5/card/cardAnalytics.d.ts

@@ -1,10 +0,0 @@
-import { FileAttributes, MediaTraceContext, PerformanceAttributes } from '@atlaskit/media-common';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SSRStatus } from '../utils/analytics';
-import { CardStatus } from '../types';
-import { MediaCardError } from '../errors';
-export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;
-export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, traceContext: MediaTraceContext) => void;
-export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;
-export declare const fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes) => void;
-export declare const fireNonCriticalErrorEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, cardStatus: CardStatus, fileAttributes: FileAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;

package/dist/types-ts4.5/card/cardConstants.d.ts

@@ -1 +0,0 @@
-export declare const newFileExperienceClassName = "new-file-experience-wrapper";