@atlaskit/media-card 76.0.2 → 76.0.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-card
 
+## 76.0.4
+
+### Patch Changes
+
+- [`8b83c75ef6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b83c75ef6d) - MEX-2382 Fixed a bug in media card so that the card preview updates when the provided file identifier is different
+
+## 76.0.3
+
+### Patch Changes
+
+- [`5dcaf51b269`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5dcaf51b269) - removed unused memory cache logs
+- Updated dependencies
+
 ## 76.0.2
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardBase = exports.Card = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -48,7 +49,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 = "76.0.2";
+var packageVersion = "76.0.4";
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -776,7 +777,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
         previewDidRender = _this$state4.previewDidRender,
         isPlayingFile = _this$state4.isPlayingFile,
         wasResolvedUpfrontPreview = _this$state4.wasResolvedUpfrontPreview;
-      var isDifferent = (0, _mediaClient2.isDifferentIdentifier)(prevIdentifier, identifier);
+      var isDiffIdentifier = (0, _mediaClient2.isDifferentIdentifier)(prevIdentifier, identifier);
       /**
        * Variable turnedVisible should only be true when media card
        * was invisible in the previous state and is visible in the current one
@@ -794,7 +795,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
       var isNewMediaClient = prevMediaClient !== mediaClient;
       var fileImageMode = (0, _mediaClient2.imageResizeModeToFileImageMode)(resizeMode);
       this.updateFileStateFlag(fileState);
-      if ((0, _mediaClient2.isExternalImageIdentifier)(identifier) && isDifferent) {
+      if ((0, _mediaClient2.isExternalImageIdentifier)(identifier) && isDiffIdentifier) {
         this.fireCommencedEvent();
         var dataURI = identifier.dataURI;
         this.setState({
@@ -807,7 +808,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
           isCardVisible: true
         });
       }
-      if ((0, _mediaClient2.isFileIdentifier)(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDifferent))) {
+      if ((0, _mediaClient2.isFileIdentifier)(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDiffIdentifier))) {
         this.updateStateForIdentifier(identifier);
       }
       if (this.state.status !== prevState.status) {
@@ -999,7 +1000,7 @@ var CardBase = /*#__PURE__*/function (_Component) {
     }
   }]);
   return CardBase;
-}(_react.Component);
+}(_react.Component); // We require this wrapper in order to refresh media card state when the identifier is updated
 exports.CardBase = CardBase;
 (0, _defineProperty2.default)(CardBase, "defaultProps", {
   appearance: 'auto',
@@ -1009,12 +1010,19 @@ exports.CardBase = CardBase;
   // Media Feature Flag defaults are defined in @atlaskit/media-common
   featureFlags: {}
 });
+var CardWithKey = function CardWithKey(props) {
+  var identifier = props.identifier;
+  var key = (0, _mediaClient2.isFileIdentifier)(identifier) ? identifier.id : identifier.dataURI;
+  return /*#__PURE__*/_react.default.createElement(CardBase, (0, _extends2.default)({}, props, {
+    key: key
+  }));
+};
 var Card = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardBase, {
+})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardWithKey, {
   enforceContext: false
 })));
 exports.Card = Card;

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

@@ -42,7 +42,6 @@ var _helpers = require("./helpers");
 var _errors = require("../../errors");
 var _dimensionComparer = require("../../utils/dimensionComparer");
 var _filePreviewStatus = require("./filePreviewStatus");
-var _imageRefetchingAnalytics = require("./imageRefetchingAnalytics");
 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; }
 var getCardPreviewFromCache = _cache.default.get;
@@ -109,37 +108,29 @@ var getCardPreview = /*#__PURE__*/function () {
           cachedPreview = _cache.default.get(id, mode);
           dimensionsAreBigger = (0, _dimensionComparer.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
           if (!(cachedPreview && !dimensionsAreBigger)) {
-            _context.next = 7;
+            _context.next = 6;
             break;
           }
-          if ((0, _mediaCommon.getMediaFeatureFlag)('memoryCacheLogging', featureFlags)) {
-            createAnalyticsEvent && (0, _imageRefetchingAnalytics.fireImageFetchingOperationalEvent)(createAnalyticsEvent, 'cache-hit', {
-              fileId: id,
-              prevDimensions: cachedPreview.dimensions,
-              currentDimensions: dimensions,
-              source: cachedPreview.source
-            });
-          }
           return _context.abrupt("return", cachedPreview);
-        case 7:
-          _context.prev = 7;
+        case 6:
+          _context.prev = 6;
           if (!filePreview) {
-            _context.next = 13;
+            _context.next = 12;
             break;
           }
-          _context.next = 11;
+          _context.next = 10;
           return (0, _helpers.getCardPreviewFromFilePreview)(filePreview);
-        case 11:
+        case 10:
           localPreview = _context.sent;
           return _context.abrupt("return", extendAndCachePreview(id, mode, _objectSpread(_objectSpread({}, localPreview), {}, {
             dimensions: dimensions
           }), mediaBlobUrlAttrs));
-        case 13:
-          _context.next = 20;
+        case 12:
+          _context.next = 19;
           break;
-        case 15:
-          _context.prev = 15;
-          _context.t0 = _context["catch"](7);
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](6);
           /**
            * We report the error if:
            * - local preview is supported and fails
@@ -158,36 +149,27 @@ var getCardPreview = /*#__PURE__*/function () {
            * if there is no remote preview available
            */
           if (isRemotePreviewReady) {
-            _context.next = 20;
+            _context.next = 19;
             break;
           }
           throw _context.t0;
-        case 20:
+        case 19:
           if (isRemotePreviewReady) {
-            _context.next = 22;
+            _context.next = 21;
             break;
           }
           throw new _errors.MediaCardError('remote-preview-not-ready');
-        case 22:
-          _context.next = 24;
+        case 21:
+          _context.next = 23;
           return fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs, traceContext);
-        case 24:
+        case 23:
           remotePreview = _context.sent;
-          if ((0, _mediaCommon.getMediaFeatureFlag)('memoryCacheLogging', featureFlags)) {
-            createAnalyticsEvent && (0, _imageRefetchingAnalytics.fireImageFetchingOperationalEvent)(createAnalyticsEvent, 'remote-success', {
-              fileId: id,
-              prevDimensions: cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions,
-              currentDimensions: dimensions,
-              dimensionsPercentageDiff: (0, _imageRefetchingAnalytics.calculatePercentageDifference)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions),
-              source: remotePreview.source
-            });
-          }
           return _context.abrupt("return", remotePreview);
-        case 27:
+        case 25:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[7, 15]]);
+    }, _callee, null, [[6, 14]]);
   }));
   return function getCardPreview(_x) {
     return _ref2.apply(this, arguments);

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 = "76.0.2";
+var packageVersion = "76.0.4";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/ufoExperiences.js

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

package/dist/cjs/version.json

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

package/dist/es2019/card/card.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component, Suspense } from 'react';
 import ReactDOM from 'react-dom';
@@ -27,7 +28,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "76.0.2";
+const packageVersion = "76.0.4";
 export class CardBase extends Component {
   constructor(props) {
     super(props);
@@ -754,7 +755,7 @@ export class CardBase extends Component {
       isPlayingFile,
       wasResolvedUpfrontPreview
     } = this.state;
-    const isDifferent = isDifferentIdentifier(prevIdentifier, identifier);
+    const isDiffIdentifier = isDifferentIdentifier(prevIdentifier, identifier);
     /**
      * Variable turnedVisible should only be true when media card
      * was invisible in the previous state and is visible in the current one
@@ -772,7 +773,7 @@ export class CardBase extends Component {
     const isNewMediaClient = prevMediaClient !== mediaClient;
     const fileImageMode = imageResizeModeToFileImageMode(resizeMode);
     this.updateFileStateFlag(fileState);
-    if (isExternalImageIdentifier(identifier) && isDifferent) {
+    if (isExternalImageIdentifier(identifier) && isDiffIdentifier) {
       this.fireCommencedEvent();
       const {
         dataURI
@@ -787,7 +788,7 @@ export class CardBase extends Component {
         isCardVisible: true
       });
     }
-    if (isFileIdentifier(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDifferent))) {
+    if (isFileIdentifier(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDiffIdentifier))) {
       this.updateStateForIdentifier(identifier);
     }
     if (this.state.status !== prevState.status) {
@@ -976,6 +977,8 @@ export class CardBase extends Component {
     }, innerContent);
   }
 }
+
+// We require this wrapper in order to refresh media card state when the identifier is updated
 _defineProperty(CardBase, "defaultProps", {
   appearance: 'auto',
   resizeMode: 'crop',
@@ -984,11 +987,20 @@ _defineProperty(CardBase, "defaultProps", {
   // Media Feature Flag defaults are defined in @atlaskit/media-common
   featureFlags: {}
 });
+const CardWithKey = props => {
+  const {
+    identifier
+  } = props;
+  const key = isFileIdentifier(identifier) ? identifier.id : identifier.dataURI;
+  return /*#__PURE__*/React.createElement(CardBase, _extends({}, props, {
+    key: key
+  }));
+};
 export const Card = withMediaAnalyticsContext({
   packageVersion,
   packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardBase, {
+})(withAnalyticsEvents()(injectIntl(CardWithKey, {
   enforceContext: false
 })));

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

@@ -5,8 +5,6 @@ import { getCardPreviewFromFilePreview, getCardPreviewFromBackend } from './help
 import { MediaCardError, SsrPreviewError, isUnsupportedLocalPreviewError } from '../../errors';
 import { isBigger } from '../../utils/dimensionComparer';
 import { extractFilePreviewStatus, isPreviewableStatus } from './filePreviewStatus';
-import { fireImageFetchingOperationalEvent, calculatePercentageDifference } from './imageRefetchingAnalytics';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview } from './helpers';
 export { extractFilePreviewStatus } from './filePreviewStatus';
 export const getCardPreviewFromCache = cardPreviewCache.get;
@@ -76,14 +74,6 @@ export const getCardPreview = async ({
   const cachedPreview = cardPreviewCache.get(id, mode);
   const dimensionsAreBigger = isBigger(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
   if (cachedPreview && !dimensionsAreBigger) {
-    if (getMediaFeatureFlag('memoryCacheLogging', featureFlags)) {
-      createAnalyticsEvent && fireImageFetchingOperationalEvent(createAnalyticsEvent, 'cache-hit', {
-        fileId: id,
-        prevDimensions: cachedPreview.dimensions,
-        currentDimensions: dimensions,
-        source: cachedPreview.source
-      });
-    }
     return cachedPreview;
   }
   try {
@@ -126,15 +116,6 @@ export const getCardPreview = async ({
     throw new MediaCardError('remote-preview-not-ready');
   }
   const remotePreview = await fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs, traceContext);
-  if (getMediaFeatureFlag('memoryCacheLogging', featureFlags)) {
-    createAnalyticsEvent && fireImageFetchingOperationalEvent(createAnalyticsEvent, 'remote-success', {
-      fileId: id,
-      prevDimensions: cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions,
-      currentDimensions: dimensions,
-      dimensionsPercentageDiff: calculatePercentageDifference(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions),
-      source: remotePreview.source
-    });
-  }
   return remotePreview;
 };
 export const shouldResolvePreview = ({

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

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: "76.0.2",
+      packageName: "76.0.4",
       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 = "76.0.2";
+const packageVersion = "76.0.4";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/es2019/version.json

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

package/dist/esm/card/card.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
@@ -40,7 +41,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.0.2";
+var packageVersion = "76.0.4";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -768,7 +769,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         previewDidRender = _this$state4.previewDidRender,
         isPlayingFile = _this$state4.isPlayingFile,
         wasResolvedUpfrontPreview = _this$state4.wasResolvedUpfrontPreview;
-      var isDifferent = isDifferentIdentifier(prevIdentifier, identifier);
+      var isDiffIdentifier = isDifferentIdentifier(prevIdentifier, identifier);
       /**
        * Variable turnedVisible should only be true when media card
        * was invisible in the previous state and is visible in the current one
@@ -786,7 +787,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var isNewMediaClient = prevMediaClient !== mediaClient;
       var fileImageMode = imageResizeModeToFileImageMode(resizeMode);
       this.updateFileStateFlag(fileState);
-      if (isExternalImageIdentifier(identifier) && isDifferent) {
+      if (isExternalImageIdentifier(identifier) && isDiffIdentifier) {
         this.fireCommencedEvent();
         var dataURI = identifier.dataURI;
         this.setState({
@@ -799,7 +800,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
           isCardVisible: true
         });
       }
-      if (isFileIdentifier(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDifferent))) {
+      if (isFileIdentifier(identifier) && (turnedVisible || !!this.subscription && (isNewMediaClient || isDiffIdentifier))) {
         this.updateStateForIdentifier(identifier);
       }
       if (this.state.status !== prevState.status) {
@@ -992,6 +993,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
   }]);
   return CardBase;
 }(Component);
+
+// We require this wrapper in order to refresh media card state when the identifier is updated
 _defineProperty(CardBase, "defaultProps", {
   appearance: 'auto',
   resizeMode: 'crop',
@@ -1000,11 +1003,18 @@ _defineProperty(CardBase, "defaultProps", {
   // Media Feature Flag defaults are defined in @atlaskit/media-common
   featureFlags: {}
 });
+var CardWithKey = function CardWithKey(props) {
+  var identifier = props.identifier;
+  var key = isFileIdentifier(identifier) ? identifier.id : identifier.dataURI;
+  return /*#__PURE__*/React.createElement(CardBase, _extends({}, props, {
+    key: key
+  }));
+};
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardBase, {
+})(withAnalyticsEvents()(injectIntl(CardWithKey, {
   enforceContext: false
 })));

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

@@ -10,8 +10,6 @@ import { getCardPreviewFromFilePreview, getCardPreviewFromBackend } from './help
 import { MediaCardError, SsrPreviewError, isUnsupportedLocalPreviewError } from '../../errors';
 import { isBigger } from '../../utils/dimensionComparer';
 import { extractFilePreviewStatus, isPreviewableStatus } from './filePreviewStatus';
-import { fireImageFetchingOperationalEvent, calculatePercentageDifference } from './imageRefetchingAnalytics';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview } from './helpers';
 export { extractFilePreviewStatus } from './filePreviewStatus';
 export var getCardPreviewFromCache = cardPreviewCache.get;
@@ -75,37 +73,29 @@ export var getCardPreview = /*#__PURE__*/function () {
           cachedPreview = cardPreviewCache.get(id, mode);
           dimensionsAreBigger = isBigger(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
           if (!(cachedPreview && !dimensionsAreBigger)) {
-            _context.next = 7;
+            _context.next = 6;
             break;
           }
-          if (getMediaFeatureFlag('memoryCacheLogging', featureFlags)) {
-            createAnalyticsEvent && fireImageFetchingOperationalEvent(createAnalyticsEvent, 'cache-hit', {
-              fileId: id,
-              prevDimensions: cachedPreview.dimensions,
-              currentDimensions: dimensions,
-              source: cachedPreview.source
-            });
-          }
           return _context.abrupt("return", cachedPreview);
-        case 7:
-          _context.prev = 7;
+        case 6:
+          _context.prev = 6;
           if (!filePreview) {
-            _context.next = 13;
+            _context.next = 12;
             break;
           }
-          _context.next = 11;
+          _context.next = 10;
           return getCardPreviewFromFilePreview(filePreview);
-        case 11:
+        case 10:
           localPreview = _context.sent;
           return _context.abrupt("return", extendAndCachePreview(id, mode, _objectSpread(_objectSpread({}, localPreview), {}, {
             dimensions: dimensions
           }), mediaBlobUrlAttrs));
-        case 13:
-          _context.next = 20;
+        case 12:
+          _context.next = 19;
           break;
-        case 15:
-          _context.prev = 15;
-          _context.t0 = _context["catch"](7);
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](6);
           /**
            * We report the error if:
            * - local preview is supported and fails
@@ -124,36 +114,27 @@ export var getCardPreview = /*#__PURE__*/function () {
            * if there is no remote preview available
            */
           if (isRemotePreviewReady) {
-            _context.next = 20;
+            _context.next = 19;
             break;
           }
           throw _context.t0;
-        case 20:
+        case 19:
           if (isRemotePreviewReady) {
-            _context.next = 22;
+            _context.next = 21;
             break;
           }
           throw new MediaCardError('remote-preview-not-ready');
-        case 22:
-          _context.next = 24;
+        case 21:
+          _context.next = 23;
           return fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs, traceContext);
-        case 24:
+        case 23:
           remotePreview = _context.sent;
-          if (getMediaFeatureFlag('memoryCacheLogging', featureFlags)) {
-            createAnalyticsEvent && fireImageFetchingOperationalEvent(createAnalyticsEvent, 'remote-success', {
-              fileId: id,
-              prevDimensions: cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions,
-              currentDimensions: dimensions,
-              dimensionsPercentageDiff: calculatePercentageDifference(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions),
-              source: remotePreview.source
-            });
-          }
           return _context.abrupt("return", remotePreview);
-        case 27:
+        case 25:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[7, 15]]);
+    }, _callee, null, [[6, 14]]);
   }));
   return function getCardPreview(_x) {
     return _ref2.apply(this, arguments);

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

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: "76.0.2",
+        packageName: "76.0.4",
         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 = "76.0.2";
+var packageVersion = "76.0.4";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "76.0.2",
+  "version": "76.0.4",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "atlassian": {
     "team": "Media Experience",
     "inPublicMirror": true,
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Media Card"
     }
@@ -41,7 +41,7 @@
     "@atlaskit/editor-shared-styles": "^2.4.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/media-client": "^23.0.0",
-    "@atlaskit/media-common": "^6.0.0",
+    "@atlaskit/media-common": "^7.0.0",
     "@atlaskit/media-ui": "^23.0.0",
     "@atlaskit/media-viewer": "^48.0.0",
     "@atlaskit/spinner": "^15.5.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,341 @@
+## API Report File for "@atlaskit/media-card"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { Component } from 'react';
+import { FileDetails } from '@atlaskit/media-client';
+import { FileIdentifier } from '@atlaskit/media-client';
+import { FileItem } from '@atlaskit/media-client';
+import { FileState } from '@atlaskit/media-client';
+import { Identifier } from '@atlaskit/media-client';
+import { ImageResizeMode } from '@atlaskit/media-client';
+import { MediaClient } from '@atlaskit/media-client';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { SSR } from '@atlaskit/media-common';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { WithMediaClientConfigProps } from '@atlaskit/media-client';
+import { WrappedComponentProps } from 'react-intl-next';
+
+// @public (undocumented)
+export const Card: React_2.FC<CardWithMediaClientConfigProps>;
+
+// @public (undocumented)
+export interface CardAction {
+    // (undocumented)
+    handler: CardEventHandler;
+    // (undocumented)
+    icon?: ReactNode;
+    // (undocumented)
+    label?: string;
+}
+
+// @public (undocumented)
+export type CardAppearance = 'auto' | 'horizontal' | 'image' | 'square';
+
+// @public (undocumented)
+type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+
+// @public (undocumented)
+export interface CardDimensions {
+    // (undocumented)
+    height?: CardDimensionValue;
+    // (undocumented)
+    width?: CardDimensionValue;
+}
+
+// @public (undocumented)
+export type CardDimensionValue = number | string;
+
+// @public (undocumented)
+export class CardError extends Component<ErrorCardProps, {}> {
+    // (undocumented)
+    static defaultProps: {
+        size: string;
+    };
+    // (undocumented)
+    get icon(): JSX.Element;
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface CardEvent {
+    // (undocumented)
+    event: MouseEvent_2<HTMLElement>;
+    // (undocumented)
+    mediaItemDetails?: FileDetails;
+}
+
+// @public (undocumented)
+export type CardEventHandler = (item?: FileItem, event?: Event) => void;
+
+// @public (undocumented)
+interface CardEventProps {
+    // (undocumented)
+    readonly onClick?: CardOnClickCallback;
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+    // (undocumented)
+    readonly onMouseEnter?: (result: CardEvent) => void;
+}
+
+// @public (undocumented)
+export class CardLoading extends Component<StaticCardProps, {}> {
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface CardOnClickCallback {
+    // (undocumented)
+    (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+
+// @public (undocumented)
+export interface CardPreview {
+    // (undocumented)
+    dataURI: string;
+    // (undocumented)
+    dimensions?: CardDimensions;
+    // (undocumented)
+    orientation?: number;
+    // (undocumented)
+    source: CardPreviewSource;
+}
+
+// @public (undocumented)
+type CardPreviewSource = 'cache-local' | 'cache-remote' | 'cache-ssr-client' | 'cache-ssr-server' | 'external' | 'local' | 'remote' | 'ssr-client' | 'ssr-data' | 'ssr-server';
+
+// @public (undocumented)
+export interface CardProps extends SharedCardProps, CardEventProps {
+    // (undocumented)
+    readonly contextId?: string;
+    // (undocumented)
+    readonly identifier: Identifier;
+    // (undocumented)
+    readonly isLazy?: boolean;
+    // (undocumented)
+    readonly mediaClient: MediaClient;
+    // (undocumented)
+    readonly mediaViewerItems?: Identifier[];
+    // (undocumented)
+    readonly shouldEnableDownloadButton?: boolean;
+    // (undocumented)
+    readonly shouldOpenMediaViewer?: boolean;
+    // (undocumented)
+    readonly ssr?: SSR;
+    // (undocumented)
+    readonly useInlinePlayer?: boolean;
+}
+
+// @public (undocumented)
+export interface CardState {
+    // (undocumented)
+    cardPreview?: CardPreview;
+    // (undocumented)
+    cardRef: HTMLDivElement | null;
+    // (undocumented)
+    error?: MediaCardError;
+    // (undocumented)
+    fileState?: FileState;
+    // (undocumented)
+    isBannedLocalPreview: boolean;
+    // (undocumented)
+    isCardVisible: boolean;
+    // (undocumented)
+    isPlayingFile: boolean;
+    // (undocumented)
+    mediaViewerSelectedItem?: Identifier;
+    // (undocumented)
+    previewDidRender: boolean;
+    // (undocumented)
+    progress?: number;
+    // (undocumented)
+    shouldAutoplay?: boolean;
+    // (undocumented)
+    status: CardStatus;
+    // (undocumented)
+    wasResolvedUpfrontPreview: boolean;
+}
+
+// @public (undocumented)
+export type CardStatus = 'complete' | 'error' | 'failed-processing' | 'loading' | 'loading-preview' | 'processing' | 'uploading';
+
+// @public (undocumented)
+type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
+
+// @public (undocumented)
+export const defaultImageCardDimensions: {
+    width: number;
+    height: number;
+};
+
+// @public (undocumented)
+type ErrorBoundaryComponent = React_2.ComponentType<{
+    data?: {
+        [k: string]: any;
+    };
+    isSelected?: boolean;
+}>;
+
+// @public (undocumented)
+interface ErrorCardProps extends StaticCardProps {
+    // (undocumented)
+    readonly size: 'large' | 'medium' | 'small' | 'xlarge';
+}
+
+// @public (undocumented)
+export const fileCardImageViewSelector = "media-file-card-view";
+
+// @public (undocumented)
+type ImageLoadPrimaryReason = 'cache-local-uri' | 'cache-remote-uri' | 'external-uri' | 'local-uri' | 'remote-uri' | 'unknown-uri';
+
+// @public (undocumented)
+export interface InlineCardEvent {
+    // (undocumented)
+    event: MouseEvent_2<HTMLElement> | React.KeyboardEvent;
+    // (undocumented)
+    mediaItemDetails?: FileDetails;
+}
+
+// @public (undocumented)
+export interface InlineCardOnClickCallback {
+    // (undocumented)
+    (result: InlineCardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+
+// @public (undocumented)
+export const inlinePlayerClassName = "media-card-inline-player";
+
+// @public (undocumented)
+type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-image' | 'local-preview-rejected' | 'local-preview-unsupported' | 'local-preview-video';
+
+// @public (undocumented)
+class MediaCardError extends Error {
+    constructor(primaryReason: MediaCardErrorPrimaryReason, secondaryError?: Error | undefined);
+    // (undocumented)
+    readonly primaryReason: MediaCardErrorPrimaryReason;
+    // (undocumented)
+    readonly secondaryError?: Error | undefined;
+}
+
+// @public
+type MediaCardErrorPrimaryReason = 'error-file-state' | 'metadata-fetch' | 'missing-error-data' | 'preview-fetch' | 'upload' | ImageLoadPrimaryReason | LocalPreviewPrimaryReason | RemotePreviewPrimaryReason | SsrPreviewPrimaryReason;
+
+// @public (undocumented)
+export class MediaInlineCard extends React_2.PureComponent<MediaInlineCardWithMediaClientConfigProps & MediaInlineCardLoaderState, MediaInlineCardLoaderState> {
+    // (undocumented)
+    componentDidMount(): Promise<void>;
+    // (undocumented)
+    componentWillUnmount(): Promise<void>;
+    // (undocumented)
+    static displayName: string;
+    // (undocumented)
+    static ErrorBoundary?: ErrorBoundaryComponent;
+    // (undocumented)
+    static MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
+    // (undocumented)
+    mounted: boolean;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    state: MediaInlineCardLoaderState;
+}
+
+// @public (undocumented)
+interface MediaInlineCardLoaderState {
+    // (undocumented)
+    ErrorBoundary?: ErrorBoundaryComponent;
+    // (undocumented)
+    MediaInlineCard?: MediaInlineCardWithMediaClientConfigComponent;
+}
+
+// @public (undocumented)
+interface MediaInlineCardProps {
+    // (undocumented)
+    identifier: FileIdentifier;
+    // (undocumented)
+    isSelected?: boolean;
+    // (undocumented)
+    mediaClient: MediaClient;
+    // (undocumented)
+    mediaViewerItems?: Identifier[];
+    // (undocumented)
+    onClick?: InlineCardOnClickCallback;
+    // (undocumented)
+    shouldDisplayToolTip?: boolean;
+    // (undocumented)
+    shouldOpenMediaViewer?: boolean;
+}
+
+// @public (undocumented)
+type MediaInlineCardWithMediaClientConfigComponent = React_2.ComponentType<MediaInlineCardWithMediaClientConfigProps>;
+
+// @public (undocumented)
+type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
+
+// @public (undocumented)
+export const newFileExperienceClassName = "new-file-experience-wrapper";
+
+export { NumericalCardDimensions }
+
+// @public (undocumented)
+type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-fetch-ssr' | 'remote-preview-not-ready';
+
+// @public (undocumented)
+export interface SharedCardProps {
+    // (undocumented)
+    readonly actions?: Array<CardAction>;
+    // (undocumented)
+    readonly alt?: string;
+    // (undocumented)
+    readonly appearance?: CardAppearance;
+    // (undocumented)
+    readonly dimensions?: CardDimensions;
+    // (undocumented)
+    readonly disableOverlay?: boolean;
+    // (undocumented)
+    readonly featureFlags?: MediaFeatureFlags;
+    // (undocumented)
+    readonly originalDimensions?: NumericalCardDimensions;
+    // (undocumented)
+    readonly resizeMode?: ImageResizeMode;
+    // (undocumented)
+    readonly selectable?: boolean;
+    // (undocumented)
+    readonly selected?: boolean;
+    // (undocumented)
+    readonly testId?: string;
+    // (undocumented)
+    readonly titleBoxBgColor?: string;
+    // (undocumented)
+    readonly titleBoxIcon?: TitleBoxIcon;
+}
+
+// @public (undocumented)
+type SsrPreviewPrimaryReason = 'ssr-client-load' | 'ssr-client-uri' | 'ssr-server-load' | 'ssr-server-uri';
+
+// @public (undocumented)
+interface StaticCardProps {
+    // (undocumented)
+    dimensions?: CardDimensions;
+    // (undocumented)
+    featureFlags?: MediaFeatureFlags;
+    // (undocumented)
+    testId?: string;
+}
+
+// @public (undocumented)
+export type TitleBoxIcon = 'LockFilledIcon';
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/card/getCardPreview/imageRefetchingAnalytics.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fireImageFetchingOperationalEvent = exports.calculatePercentageDifference = void 0;
-var _analytics = require("../../utils/analytics");
-var fireImageFetchingOperationalEvent = function fireImageFetchingOperationalEvent(createAnalyticsEvent, action, cardPreviewAttributes) {
-  var fireEvent = function fireEvent(payload) {
-    return (0, _analytics.fireMediaCardEvent)(payload, createAnalyticsEvent);
-  };
-  switch (action) {
-    case 'cache-hit':
-      fireEvent((0, _analytics.getCacheHitEventPayload)(cardPreviewAttributes));
-      break;
-    case 'remote-success':
-      fireEvent((0, _analytics.getRemoteSuccessEventPayload)(cardPreviewAttributes));
-      break;
-  }
-};
-exports.fireImageFetchingOperationalEvent = fireImageFetchingOperationalEvent;
-var calculatePercentageDifference = function calculatePercentageDifference(prevDimensions, currentDimensions) {
-  if (!prevDimensions) {
-    return undefined;
-  }
-  var prevWidth = parseInt("".concat(prevDimensions === null || prevDimensions === void 0 ? void 0 : prevDimensions.width), 10);
-  var currWidth = parseInt("".concat(currentDimensions === null || currentDimensions === void 0 ? void 0 : currentDimensions.width), 10);
-  var prevHeight = parseInt("".concat(prevDimensions === null || prevDimensions === void 0 ? void 0 : prevDimensions.height), 10);
-  var currHeight = parseInt("".concat(currentDimensions === null || currentDimensions === void 0 ? void 0 : currentDimensions.height), 10);
-  var percentageDiffInWidth = ((currWidth - prevWidth) / prevWidth * 100).toFixed(2);
-  var percentageDiffInHeight = ((currHeight - prevHeight) / prevHeight * 100).toFixed(2);
-  return {
-    width: percentageDiffInWidth,
-    height: percentageDiffInHeight
-  };
-};
-exports.calculatePercentageDifference = calculatePercentageDifference;

package/dist/es2019/card/getCardPreview/imageRefetchingAnalytics.js

@@ -1,27 +0,0 @@
-import { fireMediaCardEvent, getCacheHitEventPayload, getRemoteSuccessEventPayload } from '../../utils/analytics';
-export const fireImageFetchingOperationalEvent = (createAnalyticsEvent, action, cardPreviewAttributes) => {
-  const fireEvent = payload => fireMediaCardEvent(payload, createAnalyticsEvent);
-  switch (action) {
-    case 'cache-hit':
-      fireEvent(getCacheHitEventPayload(cardPreviewAttributes));
-      break;
-    case 'remote-success':
-      fireEvent(getRemoteSuccessEventPayload(cardPreviewAttributes));
-      break;
-  }
-};
-export const calculatePercentageDifference = (prevDimensions, currentDimensions) => {
-  if (!prevDimensions) {
-    return undefined;
-  }
-  const prevWidth = parseInt(`${prevDimensions === null || prevDimensions === void 0 ? void 0 : prevDimensions.width}`, 10);
-  const currWidth = parseInt(`${currentDimensions === null || currentDimensions === void 0 ? void 0 : currentDimensions.width}`, 10);
-  const prevHeight = parseInt(`${prevDimensions === null || prevDimensions === void 0 ? void 0 : prevDimensions.height}`, 10);
-  const currHeight = parseInt(`${currentDimensions === null || currentDimensions === void 0 ? void 0 : currentDimensions.height}`, 10);
-  const percentageDiffInWidth = ((currWidth - prevWidth) / prevWidth * 100).toFixed(2);
-  const percentageDiffInHeight = ((currHeight - prevHeight) / prevHeight * 100).toFixed(2);
-  return {
-    width: percentageDiffInWidth,
-    height: percentageDiffInHeight
-  };
-};

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

@@ -1,29 +0,0 @@
-import { fireMediaCardEvent, getCacheHitEventPayload, getRemoteSuccessEventPayload } from '../../utils/analytics';
-export var fireImageFetchingOperationalEvent = function fireImageFetchingOperationalEvent(createAnalyticsEvent, action, cardPreviewAttributes) {
-  var fireEvent = function fireEvent(payload) {
-    return fireMediaCardEvent(payload, createAnalyticsEvent);
-  };
-  switch (action) {
-    case 'cache-hit':
-      fireEvent(getCacheHitEventPayload(cardPreviewAttributes));
-      break;
-    case 'remote-success':
-      fireEvent(getRemoteSuccessEventPayload(cardPreviewAttributes));
-      break;
-  }
-};
-export var calculatePercentageDifference = function calculatePercentageDifference(prevDimensions, currentDimensions) {
-  if (!prevDimensions) {
-    return undefined;
-  }
-  var prevWidth = parseInt("".concat(prevDimensions === null || prevDimensions === void 0 ? void 0 : prevDimensions.width), 10);
-  var currWidth = parseInt("".concat(currentDimensions === null || currentDimensions === void 0 ? void 0 : currentDimensions.width), 10);
-  var prevHeight = parseInt("".concat(prevDimensions === null || prevDimensions === void 0 ? void 0 : prevDimensions.height), 10);
-  var currHeight = parseInt("".concat(currentDimensions === null || currentDimensions === void 0 ? void 0 : currentDimensions.height), 10);
-  var percentageDiffInWidth = ((currWidth - prevWidth) / prevWidth * 100).toFixed(2);
-  var percentageDiffInHeight = ((currHeight - prevHeight) / prevHeight * 100).toFixed(2);
-  return {
-    width: percentageDiffInWidth,
-    height: percentageDiffInHeight
-  };
-};

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

@@ -1,10 +0,0 @@
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../../types';
-import { CardPreviewAttributes } from '../../utils/analytics';
-type cardAction = 'cache-hit' | 'remote-success';
-export declare const fireImageFetchingOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, action: cardAction, cardPreviewAttributes: CardPreviewAttributes) => void;
-export declare const calculatePercentageDifference: (prevDimensions: CardDimensions | undefined, currentDimensions: CardDimensions | undefined) => {
-    width: string;
-    height: string;
-} | undefined;
-export {};

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

@@ -1,10 +0,0 @@
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../../types';
-import { CardPreviewAttributes } from '../../utils/analytics';
-type cardAction = 'cache-hit' | 'remote-success';
-export declare const fireImageFetchingOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, action: cardAction, cardPreviewAttributes: CardPreviewAttributes) => void;
-export declare const calculatePercentageDifference: (prevDimensions: CardDimensions | undefined, currentDimensions: CardDimensions | undefined) => {
-    width: string;
-    height: string;
-} | undefined;
-export {};