@atlaskit/media-card 77.2.3 → 77.4.0

package/dist/es2019/errors.js

@@ -1,26 +1,10 @@
 import { isPollingError as isMediaClientPollingError, isRateLimitedError as isMediaClientRateLimitedError } from '@atlaskit/media-client';
-
+import { MediaFileStateError } from '@atlaskit/media-client-react';
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
  */
 
-export class MediaFileStateError extends Error {
-  constructor(id, reason, message = '', details) {
-    super(reason);
-    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    this.id = id;
-    this.reason = reason;
-    this.message = message;
-    this.details = details;
-    Object.setPrototypeOf(this, new.target.prototype);
-
-    // https://v8.dev/docs/stack-trace-api
-    if ('captureStackTrace' in Error) {
-      Error.captureStackTrace(this, new.target);
-    }
-  }
-}
 export function isMediaFileStateError(err) {
   return err instanceof MediaFileStateError;
 }

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.4.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.4.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.4.0";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);

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

@@ -29,4 +29,6 @@ export var CardPreviewCacheImpl = /*#__PURE__*/_createClass(function CardPreview
   });
   this.previewCache = previewCache;
 });
+
+// eslint-disable-next-line import/no-anonymous-default-export
 export default new CardPreviewCacheImpl(createObjectURLCache());

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.4.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);
   };