@atlaskit/media-card 77.2.3 → 77.4.0

package/dist/cjs/errors.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ensureMediaCardError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaFileStateError = exports.MediaCardError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
+exports.ensureMediaCardError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaCardError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
 exports.getFileStateErrorReason = getFileStateErrorReason;
 exports.getImageLoadPrimaryReason = void 0;
 exports.isImageLoadError = isImageLoadError;
@@ -22,38 +22,16 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _mediaClient = require("@atlaskit/media-client");
+var _mediaClientReact = require("@atlaskit/media-client-react");
 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; } }
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
  */
-var MediaFileStateError = exports.MediaFileStateError = /*#__PURE__*/function (_Error) {
-  (0, _inherits2.default)(MediaFileStateError, _Error);
-  var _super = _createSuper(MediaFileStateError);
-  function MediaFileStateError(id, reason) {
-    var _this;
-    var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    var details = arguments.length > 3 ? arguments[3] : undefined;
-    (0, _classCallCheck2.default)(this, MediaFileStateError);
-    _this = _super.call(this, 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((0, _assertThisInitialized2.default)(_this), (this instanceof MediaFileStateError ? this.constructor : void 0).prototype);
 
-    // https://v8.dev/docs/stack-trace-api
-    if ('captureStackTrace' in Error) {
-      Error.captureStackTrace((0, _assertThisInitialized2.default)(_this), this instanceof MediaFileStateError ? this.constructor : void 0);
-    }
-    return _this;
-  }
-  return (0, _createClass2.default)(MediaFileStateError);
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
 function isMediaFileStateError(err) {
-  return err instanceof MediaFileStateError;
+  return err instanceof _mediaClientReact.MediaFileStateError;
 }
 function getFileStateErrorReason(err) {
   var _err$details$reason, _err$details;
@@ -79,62 +57,62 @@ function isRateLimitedError(error) {
   }
   return false;
 }
-var MediaCardError = exports.MediaCardError = /*#__PURE__*/function (_Error2) {
-  (0, _inherits2.default)(MediaCardError, _Error2);
-  var _super2 = _createSuper(MediaCardError);
+var MediaCardError = exports.MediaCardError = /*#__PURE__*/function (_Error) {
+  (0, _inherits2.default)(MediaCardError, _Error);
+  var _super = _createSuper(MediaCardError);
   function MediaCardError(primaryReason, secondaryError) {
-    var _this2;
+    var _this;
     (0, _classCallCheck2.default)(this, MediaCardError);
-    _this2 = _super2.call(this, primaryReason);
+    _this = _super.call(this, primaryReason);
     // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    _this2.primaryReason = primaryReason;
-    _this2.secondaryError = secondaryError;
-    Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this2), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
+    _this.primaryReason = primaryReason;
+    _this.secondaryError = secondaryError;
+    Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
 
     // https://v8.dev/docs/stack-trace-api
     if ('captureStackTrace' in Error) {
-      Error.captureStackTrace((0, _assertThisInitialized2.default)(_this2), this instanceof MediaCardError ? this.constructor : void 0);
+      Error.captureStackTrace((0, _assertThisInitialized2.default)(_this), this instanceof MediaCardError ? this.constructor : void 0);
     }
-    return _this2;
+    return _this;
   }
   return (0, _createClass2.default)(MediaCardError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
 var LocalPreviewError = exports.LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
   (0, _inherits2.default)(LocalPreviewError, _MediaCardError);
-  var _super3 = _createSuper(LocalPreviewError);
+  var _super2 = _createSuper(LocalPreviewError);
   function LocalPreviewError(primaryReason, secondaryError) {
-    var _this3;
+    var _this2;
     (0, _classCallCheck2.default)(this, LocalPreviewError);
-    _this3 = _super3.call(this, primaryReason, secondaryError);
-    _this3.primaryReason = primaryReason;
-    _this3.secondaryError = secondaryError;
-    return _this3;
+    _this2 = _super2.call(this, primaryReason, secondaryError);
+    _this2.primaryReason = primaryReason;
+    _this2.secondaryError = secondaryError;
+    return _this2;
   }
   return (0, _createClass2.default)(LocalPreviewError);
 }(MediaCardError);
 var RemotePreviewError = exports.RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
   (0, _inherits2.default)(RemotePreviewError, _MediaCardError2);
-  var _super4 = _createSuper(RemotePreviewError);
+  var _super3 = _createSuper(RemotePreviewError);
   function RemotePreviewError(primaryReason, secondaryError) {
-    var _this4;
+    var _this3;
     (0, _classCallCheck2.default)(this, RemotePreviewError);
-    _this4 = _super4.call(this, primaryReason, secondaryError);
-    _this4.primaryReason = primaryReason;
-    _this4.secondaryError = secondaryError;
-    return _this4;
+    _this3 = _super3.call(this, primaryReason, secondaryError);
+    _this3.primaryReason = primaryReason;
+    _this3.secondaryError = secondaryError;
+    return _this3;
   }
   return (0, _createClass2.default)(RemotePreviewError);
 }(MediaCardError);
 var SsrPreviewError = exports.SsrPreviewError = /*#__PURE__*/function (_MediaCardError3) {
   (0, _inherits2.default)(SsrPreviewError, _MediaCardError3);
-  var _super5 = _createSuper(SsrPreviewError);
+  var _super4 = _createSuper(SsrPreviewError);
   function SsrPreviewError(primaryReason, secondaryError) {
-    var _this5;
+    var _this4;
     (0, _classCallCheck2.default)(this, SsrPreviewError);
-    _this5 = _super5.call(this, primaryReason, secondaryError);
-    _this5.primaryReason = primaryReason;
-    _this5.secondaryError = secondaryError;
-    return _this5;
+    _this4 = _super4.call(this, primaryReason, secondaryError);
+    _this4.primaryReason = primaryReason;
+    _this4.secondaryError = secondaryError;
+    return _this4;
   }
   return (0, _createClass2.default)(SsrPreviewError);
 }(MediaCardError);
@@ -157,10 +135,10 @@ var getImageLoadPrimaryReason = exports.getImageLoadPrimaryReason = function get
 };
 var ImageLoadError = exports.ImageLoadError = /*#__PURE__*/function (_MediaCardError4) {
   (0, _inherits2.default)(ImageLoadError, _MediaCardError4);
-  var _super6 = _createSuper(ImageLoadError);
+  var _super5 = _createSuper(ImageLoadError);
   function ImageLoadError(source) {
     (0, _classCallCheck2.default)(this, ImageLoadError);
-    return _super6.call(this, getImageLoadPrimaryReason(source));
+    return _super5.call(this, getImageLoadPrimaryReason(source));
   }
   return (0, _createClass2.default)(ImageLoadError);
 }(MediaCardError);

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.2.3";
+var packageVersion = "77.4.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/cjs/utils/useCurrentValueRef.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentValueRef = useCurrentValueRef;
+var _react = require("react");
+function useCurrentValueRef(value) {
+  var ref = (0, _react.useRef)(value);
+  ref.current = value;
+  return ref;
+}

package/dist/cjs/utils/usePrevious.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = usePrevious;
+var _react = require("react");
+function usePrevious(value) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.2.3";
+const packageVersion = "77.4.0";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

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

@@ -27,4 +27,6 @@ export class CardPreviewCacheImpl {
     this.previewCache = previewCache;
   }
 }
+
+// eslint-disable-next-line import/no-anonymous-default-export
 export default new CardPreviewCacheImpl(createObjectURLCache());

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

package/dist/es2019/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 const ImageRenderer = ({
   cardPreview,
   alt,
@@ -13,12 +14,14 @@ export const ImageRenderer = ({
   nativeLazyLoad,
   forceSyncDisplay
 }) => {
+  const onDisplayImageRef = useCurrentValueRef(onDisplayImage);
   useEffect(() => {
     // 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 ? void 0 : _onDisplayImageRef$cu.call(onDisplayImageRef);
     }
-  }, [mediaType, onDisplayImage]);
+  }, [mediaType, onDisplayImageRef]);
   const onLoad = () => {
     onImageLoad && onImageLoad(cardPreview);
   };