@atlaskit/media-card 77.2.3 → 77.3.0

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

package/dist/es2019/utils/useCurrentValueRef.js

@@ -0,0 +1,6 @@
+import { useRef } from 'react';
+export function useCurrentValueRef(value) {
+  const ref = useRef(value);
+  ref.current = value;
+  return ref;
+}

package/dist/es2019/utils/usePrevious.js

@@ -0,0 +1,8 @@
+import { useEffect, useRef } from 'react';
+export function usePrevious(value) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.3";
+var packageVersion = "77.3.0";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

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

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

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { MediaImage } from '@atlaskit/media-ui';
 import { resizeModeToMediaImageProps } from './resizeModeToMediaImageProps';
+import { useCurrentValueRef } from '../../../utils/useCurrentValueRef';
 export var ImageRenderer = function ImageRenderer(_ref) {
   var cardPreview = _ref.cardPreview,
     alt = _ref.alt,
@@ -12,12 +13,14 @@ export var ImageRenderer = function ImageRenderer(_ref) {
     mediaType = _ref.mediaType,
     nativeLazyLoad = _ref.nativeLazyLoad,
     forceSyncDisplay = _ref.forceSyncDisplay;
+  var onDisplayImageRef = useCurrentValueRef(onDisplayImage);
   useEffect(function () {
     // TODO: trigger accordingly with the succeeded event. This could be a breaking change
-    if (mediaType === 'image' && onDisplayImage) {
-      onDisplayImage();
+    if (mediaType === 'image') {
+      var _onDisplayImageRef$cu;
+      (_onDisplayImageRef$cu = onDisplayImageRef.current) === null || _onDisplayImageRef$cu === void 0 || _onDisplayImageRef$cu.call(onDisplayImageRef);
     }
-  }, [mediaType, onDisplayImage]);
+  }, [mediaType, onDisplayImageRef]);
   var onLoad = function onLoad() {
     onImageLoad && onImageLoad(cardPreview);
   };