@atlaskit/media-card 77.5.0 → 77.5.1

package/dist/cjs/card/v2/{useFilePreview.js → useFilePreview/useFilePreview.js}

@@ -12,18 +12,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaCommon = require("@atlaskit/media-common");
-var _mediaUi = require("@atlaskit/media-ui");
 var _react = require("react");
-var _errors = require("../../errors");
-var _analytics = require("../../utils/analytics");
-var _dimensionComparer = require("../../utils/dimensionComparer");
-var _isRetina = require("../../utils/isRetina");
-var _globalScope = require("../../utils/globalScope");
-var _useCurrentValueRef = require("../../utils/useCurrentValueRef");
-var _usePrevious = require("../../utils/usePrevious");
-var _videoSnapshot = require("../../utils/videoSnapshot");
-var _getCardPreview = require("../getCardPreview");
-var _cache = _interopRequireDefault(require("../getCardPreview/cache"));
+var _errors = require("./errors");
+var _analytics = require("../../../utils/analytics");
+var _helpers = require("./helpers");
+var _globalScope = require("./globalScope");
+var _getPreview = require("./getPreview");
 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 useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
@@ -56,7 +50,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   var wasResolvedUpfrontPreviewRef = (0, _react.useRef)(false);
   var ssrReliabilityRef = (0, _react.useRef)(initialSsrReliability);
   var requestDimensions = (0, _react.useMemo)(function () {
-    return dimensions ? createRequestDimensions(dimensions) : undefined;
+    return dimensions ? (0, _helpers.createRequestDimensions)(dimensions) : undefined;
   }, [dimensions]);
   var imageURLParams = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({
@@ -75,7 +69,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     }
     if (!(ssrData !== null && ssrData !== void 0 && ssrData.dataURI)) {
       try {
-        return (0, _getCardPreview.getSSRCardPreview)(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
+        return (0, _getPreview.getSSRCardPreview)(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
       } catch (e) {
         ssrReliabilityRef.current[ssr] = _objectSpread({
           status: 'fail'
@@ -95,7 +89,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     var cardPreview;
     var id = identifier.id;
     var fileImageMode = (0, _mediaClient.imageResizeModeToFileImageMode)(resizeMode);
-    cardPreview = (0, _getCardPreview.getCardPreviewFromCache)(id, fileImageMode);
+    cardPreview = _getPreview.mediaFilePreviewCache.get(id, fileImageMode);
     if (!cardPreview && ssr) {
       cardPreview = getSSRPreview(ssr, identifier, mediaClient);
     }
@@ -119,12 +113,12 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   //---------------------- Helper Functions  -----------------------//
   //----------------------------------------------------------------//
 
-  var fetchRemotePreviewRef = (0, _useCurrentValueRef.useCurrentValueRef)(function (identifier) {
-    return (0, _getCardPreview.fetchAndCacheRemotePreview)(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrs, traceContext);
+  var fetchRemotePreviewRef = (0, _helpers.useCurrentValueRef)(function (identifier) {
+    return (0, _getPreview.getAndCacheRemotePreview)(mediaClient, identifier.id, requestDimensions || {}, imageURLParams, mediaBlobUrlAttrs, traceContext);
   });
-  var resolvePreviewRef = (0, _useCurrentValueRef.useCurrentValueRef)( /*#__PURE__*/function () {
+  var resolvePreviewRef = (0, _helpers.useCurrentValueRef)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(identifier, fileState) {
-      var filePreview, isRemotePreviewReady, mode, cachedPreview, dimensionsAreBigger, localPreview, value, resolvedFilePreview, _value, type, mediaType, orientation, _dataURI, _dataURI2, preview, source, dataURI, remotePreview, wrappedError;
+      var filePreview, isRemotePreviewReady, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview, wrappedError;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -132,8 +126,8 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
             isRemotePreviewReady = (0, _mediaClient.isImageRepresentationReady)(fileState);
             _context.prev = 2;
             mode = imageURLParams.mode;
-            cachedPreview = _cache.default.get(identifier.id, mode);
-            dimensionsAreBigger = (0, _dimensionComparer.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, requestDimensions);
+            cachedPreview = _getPreview.mediaFilePreviewCache.get(identifier.id, mode);
+            dimensionsAreBigger = (0, _helpers.isBigger)(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, requestDimensions);
             if (!(cachedPreview && !dimensionsAreBigger)) {
               _context.next = 8;
               break;
@@ -142,127 +136,21 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
           case 8:
             _context.prev = 8;
             if (!filePreview) {
-              _context.next = 74;
+              _context.next = 15;
               break;
             }
-            _context.prev = 10;
-            _context.next = 13;
-            return filePreview;
-          case 13:
-            resolvedFilePreview = _context.sent;
-            value = resolvedFilePreview.value;
-            _context.next = 20;
+            _context.next = 12;
+            return (0, _getPreview.getAndCacheLocalPreview)(identifier.id, filePreview, requestDimensions || {}, mode, mediaBlobUrlAttrs);
+          case 12:
+            localPreview = _context.sent;
+            setCardPreview(localPreview);
+            return _context.abrupt("return");
+          case 15:
+            _context.next = 22;
             break;
           case 17:
             _context.prev = 17;
-            _context.t0 = _context["catch"](10);
-            throw new _errors.LocalPreviewError('local-preview-rejected', _context.t0 instanceof Error ? _context.t0 : undefined);
-          case 20:
-            if (!(typeof value === 'string')) {
-              _context.next = 24;
-              break;
-            }
-            localPreview = {
-              dataURI: value,
-              orientation: 1,
-              source: 'local'
-            };
-            _context.next = 57;
-            break;
-          case 24:
-            if (!(value instanceof Blob)) {
-              _context.next = 56;
-              break;
-            }
-            _value = value, type = _value.type;
-            mediaType = (0, _mediaCommon.getMediaTypeFromMimeType)(type);
-            _context.t1 = mediaType;
-            _context.next = _context.t1 === 'image' ? 30 : _context.t1 === 'video' ? 42 : 53;
-            break;
-          case 30:
-            _context.prev = 30;
-            _context.next = 33;
-            return (0, _mediaUi.getOrientation)(value);
-          case 33:
-            orientation = _context.sent;
-            _dataURI = URL.createObjectURL(value);
-            localPreview = {
-              dataURI: _dataURI,
-              orientation: orientation,
-              source: 'local'
-            };
-            _context.next = 41;
-            break;
-          case 38:
-            _context.prev = 38;
-            _context.t2 = _context["catch"](30);
-            throw new _errors.LocalPreviewError('local-preview-image', _context.t2 instanceof Error ? _context.t2 : undefined);
-          case 41:
-            return _context.abrupt("break", 54);
-          case 42:
-            _context.prev = 42;
-            _context.next = 45;
-            return (0, _videoSnapshot.takeSnapshot)(value);
-          case 45:
-            _dataURI2 = _context.sent;
-            localPreview = {
-              dataURI: _dataURI2,
-              orientation: 1,
-              source: 'local'
-            };
-            _context.next = 52;
-            break;
-          case 49:
-            _context.prev = 49;
-            _context.t3 = _context["catch"](42);
-            throw new _errors.LocalPreviewError('local-preview-video', _context.t3 instanceof Error ? _context.t3 : undefined);
-          case 52:
-            return _context.abrupt("break", 54);
-          case 53:
-            throw new _errors.LocalPreviewError('local-preview-unsupported');
-          case 54:
-            _context.next = 57;
-            break;
-          case 56:
-            throw new _errors.LocalPreviewError('local-preview-unsupported');
-          case 57:
-            preview = _objectSpread(_objectSpread({}, localPreview), {}, {
-              dimensions: requestDimensions
-            });
-            _context.t4 = preview.source;
-            _context.next = _context.t4 === 'local' ? 61 : _context.t4 === 'remote' ? 63 : _context.t4 === 'ssr-server' ? 65 : _context.t4 === 'ssr-client' ? 67 : 69;
-            break;
-          case 61:
-            source = 'cache-local';
-            return _context.abrupt("break", 70);
-          case 63:
-            source = 'cache-remote';
-            return _context.abrupt("break", 70);
-          case 65:
-            source = 'cache-ssr-server';
-            return _context.abrupt("break", 70);
-          case 67:
-            source = 'cache-ssr-client';
-            return _context.abrupt("break", 70);
-          case 69:
-            source = preview.source;
-          case 70:
-            // We want to embed some meta context into dataURI for Copy/Paste to work.
-            dataURI = mediaBlobUrlAttrs ? (0, _mediaClient.addFileAttrsToUrl)(preview.dataURI, mediaBlobUrlAttrs) : preview.dataURI; // We store new cardPreview into cache
-            _cache.default.set(identifier.id, mode, _objectSpread(_objectSpread({}, preview), {}, {
-              source: source,
-              dataURI: dataURI
-            }));
-            setCardPreview(_objectSpread(_objectSpread({}, preview), {}, {
-              dataURI: dataURI
-            }));
-            return _context.abrupt("return");
-          case 74:
-            _context.next = 81;
-            break;
-          case 76:
-            _context.prev = 76;
-            _context.t5 = _context["catch"](8);
+            _context.t0 = _context["catch"](8);
             /**
              * We report the error if:
              * - local preview is supported and fails
@@ -273,36 +161,36 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
              *   i.e. local preview is available and not supported,
              *   but we are after the remote preview instead.
              */
-            if (!(0, _errors.isUnsupportedLocalPreviewError)(_context.t5) || (0, _errors.isUnsupportedLocalPreviewError)(_context.t5) && !isRemotePreviewReady) {
+            if (!(0, _errors.isUnsupportedLocalPreviewError)(_context.t0) || (0, _errors.isUnsupportedLocalPreviewError)(_context.t0) && !isRemotePreviewReady) {
               // CXP-2723 TODO: We might have to wrap this error in MediaCardError
-              setNonCriticalError(_context.t5);
+              setNonCriticalError(_context.t0);
             }
             /**
              * No matter the reason why the local preview failed, we break the process
              * if there is no remote preview available
              */
             if (isRemotePreviewReady) {
-              _context.next = 81;
+              _context.next = 22;
               break;
             }
-            throw _context.t5;
-          case 81:
+            throw _context.t0;
+          case 22:
             if (isRemotePreviewReady) {
-              _context.next = 83;
+              _context.next = 24;
               break;
             }
-            throw new _errors.MediaCardError('remote-preview-not-ready');
-          case 83:
-            _context.next = 85;
+            throw new _errors.MediaFilePreviewError('remote-preview-not-ready');
+          case 24:
+            _context.next = 26;
             return fetchRemotePreviewRef.current(identifier);
-          case 85:
+          case 26:
             remotePreview = _context.sent;
             setCardPreview(remotePreview);
             return _context.abrupt("return");
-          case 90:
-            _context.prev = 90;
-            _context.t6 = _context["catch"](2);
-            wrappedError = (0, _errors.ensureMediaCardError)('preview-fetch', _context.t6); //  If remote preview fails, we set status 'error'
+          case 31:
+            _context.prev = 31;
+            _context.t1 = _context["catch"](2);
+            wrappedError = (0, _errors.ensureMediaFilePreviewError)('preview-fetch', _context.t1); //  If remote preview fails, we set status 'error'
             //  If local preview fails (i.e, no remote preview available),
             //  we can stay in the same status until there is a remote preview available
             //  If it's any other error we set status 'error'
@@ -315,11 +203,11 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
                 setError(wrappedError);
               }
             }
-          case 94:
+          case 35:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 90], [8, 76], [10, 17], [30, 38], [42, 49]]);
+      }, _callee, null, [[2, 31], [8, 17]]);
     }));
     return function (_x, _x2) {
       return _ref2.apply(this, arguments);
@@ -329,8 +217,8 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   //----------------------------------------------------------------//
   //------------ resolveUpfrontPreview useEffect -------------------//
   //----------------------------------------------------------------//
-  var prevCardPreview = (0, _usePrevious.usePrevious)(cardPreview);
-  var requestDimensionsRef = (0, _useCurrentValueRef.useCurrentValueRef)(requestDimensions);
+  var prevCardPreview = (0, _helpers.usePrevious)(cardPreview);
+  var requestDimensionsRef = (0, _helpers.useCurrentValueRef)(requestDimensions);
   (0, _react.useEffect)(function () {
     var resolveUpfrontPreview = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(identifier) {
@@ -347,7 +235,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
               return fetchRemotePreviewRef.current(identifier);
             case 5:
               newCardPreview = _context2.sent;
-              areValidFetchedDimensions = !(0, _dimensionComparer.isBigger)(fetchedDimensions, requestDimensionsRef.current); // If there are new and bigger dimensions in the props, and the upfront preview is still resolving,
+              areValidFetchedDimensions = !(0, _helpers.isBigger)(fetchedDimensions, requestDimensionsRef.current); // If there are new and bigger dimensions in the props, and the upfront preview is still resolving,
               // the fetched preview is no longer valid, and thus, we dismiss it
               if (areValidFetchedDimensions) {
                 setCardPreview(newCardPreview);
@@ -367,7 +255,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         return _ref3.apply(this, arguments);
       };
     }();
-    var hadSSRCardPreview = ssr === 'client' && !!prevCardPreview && (0, _getCardPreview.isSSRClientPreview)(prevCardPreview);
+    var hadSSRCardPreview = ssr === 'client' && !!prevCardPreview && (0, _getPreview.isSSRClientPreview)(prevCardPreview);
 
     // CXP-2723 TODO: `hadSSRCardPreview` is most likely redundant
     if (!wasResolvedUpfrontPreviewRef.current && (!skipRemote || hadSSRCardPreview) && !cardPreview) {
@@ -379,14 +267,14 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   //---------------- fetch and resolve card preview ----------------//
   //----------------------------------------------------------------//
 
-  var prevRequestDimensions = (0, _usePrevious.usePrevious)(requestDimensions);
+  var prevRequestDimensions = (0, _helpers.usePrevious)(requestDimensions);
   (0, _react.useEffect)(function () {
     // CXP-2813 TODO: This is called too many times if the refetch failed. Should be called only once
-    if (cardPreview && !skipRemote && (0, _getCardPreview.isSSRDataPreview)(cardPreview) && (0, _dimensionComparer.isBigger)(cardPreview.dimensions, requestDimensions)) {
+    if (cardPreview && !skipRemote && (0, _getPreview.isSSRDataPreview)(cardPreview) && (0, _helpers.isBigger)(cardPreview.dimensions, requestDimensions)) {
       // refetchSRRPreview: If dimensions from Server have changed and are bigger,
       // we need to refetch
       fetchRemotePreviewRef.current(identifier).then(setCardPreview).catch(function (e) {
-        var wrappedError = (0, _errors.ensureMediaCardError)('remote-preview-fetch-ssr', e, true);
+        var wrappedError = (0, _errors.ensureMediaFilePreviewError)('remote-preview-fetch-ssr', e, true);
         setNonCriticalError(wrappedError);
       });
     }
@@ -394,18 +282,10 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     // Both compare dimensions, but the above is only for SSR in order to refetchSRRPreview and
     // will swallow any errors. Below logic only applies when there is no card preview or the dimensions
     // are bigger.
-    if (fileState && (0, _getCardPreview.shouldResolvePreview)({
-      status: status,
-      fileState: fileState,
-      prevDimensions: prevRequestDimensions,
-      dimensions: requestDimensions,
-      hasCardPreview: !!cardPreview,
-      isBannedLocalPreview: isBannedLocalPreview,
-      wasResolvedUpfrontPreview: wasResolvedUpfrontPreviewRef.current
-    })) {
+    if (fileState && wasResolvedUpfrontPreviewRef.current && (0, _getPreview.isPreviewableStatus)(status, (0, _getPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview)) && (!cardPreview || (0, _helpers.isBigger)(prevRequestDimensions, requestDimensions))) {
       resolvePreviewRef.current(identifier, fileState);
     }
-    if (!skipRemote && ssr && !!cardPreview && (0, _getCardPreview.isSSRClientPreview)(cardPreview)) {
+    if (!skipRemote && ssr && !!cardPreview && (0, _getPreview.isSSRClientPreview)(cardPreview)) {
       // Since the SSR preview brings the token in the query params,
       // We need to fetch the remote preview to be able to cache it,
       fetchRemotePreviewRef.current(identifier).catch(function () {
@@ -437,7 +317,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   //------------------ Subscribe to file state ---------------------//
   //----------------------------------------------------------------//
 
-  var updateFileStateRef = (0, _useCurrentValueRef.useCurrentValueRef)(function () {
+  var updateFileStateRef = (0, _helpers.useCurrentValueRef)(function () {
     if (fileState) {
       // do not update the card status if the status is final
       if (['complete', 'error', 'failed-processing'].includes(status)) {
@@ -472,7 +352,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
       } else {
         var e = new _mediaClientReact.MediaFileStateError(fileState.id, fileState.reason, fileState.message, fileState.details);
         var errorReason = status === 'uploading' ? 'upload' : 'metadata-fetch';
-        setError(new _errors.MediaCardError(errorReason, e));
+        setError(new _errors.MediaFilePreviewError(errorReason, e));
         setStatus('error');
       }
     }
@@ -485,7 +365,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
       var failedSSRObject = _objectSpread({
         status: 'fail'
       }, (0, _analytics.extractErrorInfo)(new _errors.ImageLoadError(newCardPreview.source)));
-      if ((0, _getCardPreview.isSSRClientPreview)(newCardPreview)) {
+      if ((0, _getPreview.isSSRClientPreview)(newCardPreview)) {
         ssrReliabilityRef.current.client = failedSSRObject;
       }
 
@@ -493,7 +373,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         If the cardPreview failed and it comes from server (global scope / ssrData), it means that we have reused it in client and the error counts for both: server & client.
       */
 
-      if ((0, _getCardPreview.isSSRDataPreview)(newCardPreview)) {
+      if ((0, _getPreview.isSSRDataPreview)(newCardPreview)) {
         ssrReliabilityRef.current.server = failedSSRObject;
         ssrReliabilityRef.current.client = failedSSRObject;
       }
@@ -504,15 +384,15 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
       return;
     }
     var error = new _errors.ImageLoadError(newCardPreview === null || newCardPreview === void 0 ? void 0 : newCardPreview.source);
-    var isLocal = newCardPreview && (0, _getCardPreview.isLocalPreview)(newCardPreview);
-    var isSSR = newCardPreview && ((0, _getCardPreview.isSSRClientPreview)(newCardPreview) || (0, _getCardPreview.isSSRDataPreview)(newCardPreview));
+    var isLocal = newCardPreview && (0, _getPreview.isLocalPreview)(newCardPreview);
+    var isSSR = newCardPreview && ((0, _getPreview.isSSRClientPreview)(newCardPreview) || (0, _getPreview.isSSRDataPreview)(newCardPreview));
     if (isLocal || isSSR) {
       if (isLocal) {
         setIsBannedLocalPreview(true);
         setNonCriticalError(error);
       }
       var fileImageMode = (0, _mediaClient.imageResizeModeToFileImageMode)(resizeMode);
-      (0, _getCardPreview.removeCardPreviewFromCache)(identifier.id, fileImageMode);
+      _getPreview.mediaFilePreviewCache.remove(identifier.id, fileImageMode);
       setCardPreview(undefined);
     } else {
       if (!['complete', 'error', 'failed-processing'].includes(status)) {
@@ -523,7 +403,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   };
   var onImageLoad = function onImageLoad(newCardPreview) {
     if (newCardPreview) {
-      if ((0, _getCardPreview.isSSRClientPreview)(newCardPreview) && ssrReliabilityRef.current.client.status === 'unknown') {
+      if ((0, _getPreview.isSSRClientPreview)(newCardPreview) && ssrReliabilityRef.current.client.status === 'unknown') {
         ssrReliabilityRef.current.client = {
           status: 'success'
         };
@@ -533,7 +413,7 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
         If the image loads successfully and it comes from server (global scope / ssrData), it means that we have reused it in client and the success counts for both: server & client.
       */
 
-      if ((0, _getCardPreview.isSSRDataPreview)(newCardPreview) && ssrReliabilityRef.current.server.status === 'unknown') {
+      if ((0, _getPreview.isSSRDataPreview)(newCardPreview) && ssrReliabilityRef.current.server.status === 'unknown') {
         ssrReliabilityRef.current.server = {
           status: 'success'
         };
@@ -571,22 +451,6 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     getScriptProps: getScriptProps
   };
 };
-var createRequestDimensions = function createRequestDimensions(dimensions) {
-  if (!dimensions) {
-    return;
-  }
-  var retinaFactor = (0, _isRetina.isRetina)() ? 2 : 1;
-  var width = dimensions.width,
-    height = dimensions.height;
-  var result = {};
-  if (width) {
-    result.width = width * retinaFactor;
-  }
-  if (height) {
-    result.height = height * retinaFactor;
-  }
-  return result;
-};
 var initialSsrReliability = {
   server: {
     status: 'unknown'

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

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.5.0";
+const packageVersion = "77.5.1";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

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

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

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.5.0";
+const packageVersion = "77.5.1";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/card/v2/cardViewV2.js

@@ -69,18 +69,19 @@ export const CardViewV2Base = ({
     if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
       return;
     }
-
     /*
       We render the icon & icon message always, even if there is cardPreview available.
-       If the image fails to load/render, the icon will remain, i.e. the user won't see a change until the root card decides to chage status to error.
-       If the image renders successfully, we switch this variable to hide the icon & icon message behind the thumbnail in case the image has transparency.
-       It is less likely that root component replaces a suceeded cardPreview for a failed one than the opposite case. Therefore we prefer to hide the icon instead show when the image fails, for a smoother transition
+      If the image fails to load/render, the icon will remain, i.e. the user won't see a change until the root card decides to chage status to error.
+      If the image renders successfully, we switch this variable to hide the icon & icon message behind the thumbnail in case the image has transparency.
+      It is less likely that root component replaces a suceeded cardPreview for a failed one than the opposite case. Therefore we prefer to hide the icon instead show when the image fails, for a smoother transition
     */
-
     setDidImageRender(true);
     onImageLoad === null || onImageLoad === void 0 ? void 0 : onImageLoad(cardPreview);
   };
-  const handleOnImageError = cardPreview => {
+  const handleOnImageError = prevCardPreview => {
+    if (prevCardPreview.dataURI !== (cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI)) {
+      return;
+    }
     setDidImageRender(false);
     onImageError === null || onImageError === void 0 ? void 0 : onImageError(cardPreview);
   };

package/dist/es2019/card/v2/useFilePreview/errors.js

@@ -0,0 +1,81 @@
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */
+
+export class MediaFilePreviewError extends Error {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason);
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+    Object.setPrototypeOf(this, new.target.prototype);
+
+    // https://v8.dev/docs/stack-trace-api
+    if ('captureStackTrace' in Error) {
+      Error.captureStackTrace(this, new.target);
+    }
+  }
+}
+export class LocalPreviewError extends MediaFilePreviewError {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+  }
+}
+export class RemotePreviewError extends MediaFilePreviewError {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+  }
+}
+export class SsrPreviewError extends MediaFilePreviewError {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+  }
+}
+const getImageLoadPrimaryReason = source => {
+  switch (source) {
+    case 'cache-remote':
+      return 'cache-remote-uri';
+    case 'cache-local':
+      return 'cache-local-uri';
+    case 'external':
+      return 'external-uri';
+    case 'local':
+      return 'local-uri';
+    case 'remote':
+      return 'remote-uri';
+    // This fail reason will come from a bug, most likely.
+    default:
+      return `unknown-uri`;
+  }
+};
+export class ImageLoadError extends MediaFilePreviewError {
+  constructor(source) {
+    super(getImageLoadPrimaryReason(source));
+  }
+}
+export function isMediaFilePreviewError(err) {
+  return err instanceof MediaFilePreviewError;
+}
+export const isLocalPreviewError = err => err instanceof LocalPreviewError;
+export const isRemotePreviewError = err => err instanceof RemotePreviewError;
+export const isUnsupportedLocalPreviewError = err => isMediaFilePreviewError(err) && err.primaryReason === 'local-preview-unsupported';
+
+// In a try/catch statement, the error caught is the type of unknown.
+// We can use this helper to ensure that the error handled is the type of MediaFilePreviewError if unsure
+// If updatePrimaryReason is true, if it's a MediaFilePreviewError already, it will update it's primary reason
+export const ensureMediaFilePreviewError = (primaryReason, error, updatePrimaryReason) => {
+  if (isMediaFilePreviewError(error)) {
+    if (updatePrimaryReason && error.primaryReason !== primaryReason) {
+      return new MediaFilePreviewError(primaryReason, error.secondaryError);
+    }
+    return error;
+  }
+  return new MediaFilePreviewError(primaryReason, error);
+};

package/dist/es2019/card/v2/useFilePreview/getPreview/cache.js

@@ -0,0 +1,30 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { createObjectURLCache } from './objectURLCache';
+
+// Dimensions are used to create a key.
+// Cache is invalidated when different dimensions are provided.
+export const getCacheKey = (id, mode) => {
+  const resizeMode = mode || 'crop';
+  return [id, resizeMode].join('-');
+};
+export class CardPreviewCacheImpl {
+  constructor(previewCache) {
+    _defineProperty(this, "get", (id, mode) => {
+      const cacheKey = getCacheKey(id, mode);
+      return this.previewCache.get(cacheKey);
+    });
+    _defineProperty(this, "set", (id, mode, cardPreview) => {
+      const cacheKey = getCacheKey(id, mode);
+      this.previewCache.set(cacheKey, cardPreview);
+    });
+    _defineProperty(this, "remove", (id, mode) => {
+      const cacheKey = getCacheKey(id, mode);
+      this.previewCache.remove(cacheKey);
+    });
+    _defineProperty(this, "clear", () => {
+      this.previewCache.clear();
+    });
+    this.previewCache = previewCache;
+  }
+}
+export const mediaFilePreviewCache = new CardPreviewCacheImpl(createObjectURLCache());