@atlaskit/media-card 74.5.0 → 74.5.2

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

@@ -1,21 +1,20 @@
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { isPreviewableFileState, isPreviewableType, isImageRepresentationReady } from '@atlaskit/media-client';
-import { isSupportedLocalPreview } from './helpers'; // TODO: align these checks with helpers from Media Client
-// https://product-fabric.atlassian.net/browse/BMPT-1300
+import { isSupportedLocalPreview } from './helpers';
 
+// TODO: align these checks with helpers from Media Client
+// https://product-fabric.atlassian.net/browse/BMPT-1300
 export var extractFilePreviewStatus = function extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags) {
   var hasFilesize = 'size' in fileState && !!fileState.size;
-
   var _ref = 'mediaType' in fileState && fileState || {},
-      mediaType = _ref.mediaType;
-
+    mediaType = _ref.mediaType;
   var _ref2 = 'mimeType' in fileState && fileState || {},
-      mimeType = _ref2.mimeType;
+    mimeType = _ref2.mimeType;
+  var isPreviewable = !!mediaType && isPreviewableType(mediaType, featureFlags);
 
-  var isPreviewable = !!mediaType && isPreviewableType(mediaType, featureFlags); // Local preview is available only if it's supported by browser and supported by Media Card (isSupportedLocalPreview)
+  // Local preview is available only if it's supported by browser and supported by Media Card (isSupportedLocalPreview)
   // For example, SVGs are mime type NOT supported by browser but media type supported by Media Card (image)
   // Then, local Preview NOT available
-
   var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState(fileState) && isSupportedLocalPreview(mediaType) && !!mimeType && isMimeTypeSupportedByBrowser(mimeType);
   var hasRemotePreview = isImageRepresentationReady(fileState);
   var hasPreview = hasLocalPreview || hasRemotePreview;
@@ -29,9 +28,10 @@ export var extractFilePreviewStatus = function extractFilePreviewStatus(fileStat
 };
 export var isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
   var isPreviewable = _ref3.isPreviewable,
-      hasPreview = _ref3.hasPreview,
-      isSupportedByBrowser = _ref3.isSupportedByBrowser;
-  return hasPreview && isPreviewable && (cardStatus === 'complete' || cardStatus === 'loading-preview' || cardStatus === 'uploading' || // For Video, we can have local or remote preview while processing.
+    hasPreview = _ref3.hasPreview,
+    isSupportedByBrowser = _ref3.isSupportedByBrowser;
+  return hasPreview && isPreviewable && (cardStatus === 'complete' || cardStatus === 'loading-preview' || cardStatus === 'uploading' ||
+  // For Video, we can have local or remote preview while processing.
   // Then, we only want to show the thumbnail if the file is supported by the browser,
   // this way we prevent playing unsupported videos that are not procesed
   cardStatus === 'processing' && isSupportedByBrowser);

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

@@ -4,7 +4,6 @@ import { takeSnapshot } from '../../utils/videoSnapshot';
 import { getMediaTypeFromMimeType } from '@atlaskit/media-common';
 import { getOrientation } from '@atlaskit/media-ui';
 import { LocalPreviewError, RemotePreviewError } from '../../errors';
-
 /**
  * This method tells the support for the media
  * types covered in getCardPreviewFromFilePreview
@@ -12,7 +11,6 @@ import { LocalPreviewError, RemotePreviewError } from '../../errors';
 export var isSupportedLocalPreview = function isSupportedLocalPreview(mediaType) {
   return mediaType === 'image' || mediaType === 'video';
 };
-
 var getImageLocalPreview = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
     var orientation, dataURI;
@@ -23,7 +21,6 @@ var getImageLocalPreview = /*#__PURE__*/function () {
             _context.prev = 0;
             _context.next = 3;
             return getOrientation(value);
-
           case 3:
             orientation = _context.sent;
             dataURI = URL.createObjectURL(value);
@@ -32,12 +29,10 @@ var getImageLocalPreview = /*#__PURE__*/function () {
               orientation: orientation,
               source: 'local'
             });
-
           case 8:
             _context.prev = 8;
             _context.t0 = _context["catch"](0);
             throw new LocalPreviewError('local-preview-image', _context.t0 instanceof Error ? _context.t0 : undefined);
-
           case 11:
           case "end":
             return _context.stop();
@@ -45,12 +40,10 @@ var getImageLocalPreview = /*#__PURE__*/function () {
       }
     }, _callee, null, [[0, 8]]);
   }));
-
   return function getImageLocalPreview(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
 var getVideoLocalPreview = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
     var dataURI;
@@ -61,7 +54,6 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
             _context2.prev = 0;
             _context2.next = 3;
             return takeSnapshot(value);
-
           case 3:
             dataURI = _context2.sent;
             return _context2.abrupt("return", {
@@ -69,12 +61,10 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
               orientation: 1,
               source: 'local'
             });
-
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
             throw new LocalPreviewError('local-preview-video', _context2.t0 instanceof Error ? _context2.t0 : undefined);
-
           case 10:
           case "end":
             return _context2.stop();
@@ -82,16 +72,13 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
       }
     }, _callee2, null, [[0, 7]]);
   }));
-
   return function getVideoLocalPreview(_x2) {
     return _ref2.apply(this, arguments);
   };
 }();
-
 export var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(filePreview) {
     var value, resolvedFilePreview, _value, type, mediaType;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
@@ -99,51 +86,41 @@ export var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
             _context3.prev = 0;
             _context3.next = 3;
             return filePreview;
-
           case 3:
             resolvedFilePreview = _context3.sent;
             value = resolvedFilePreview.value;
             _context3.next = 10;
             break;
-
           case 7:
             _context3.prev = 7;
             _context3.t0 = _context3["catch"](0);
             throw new LocalPreviewError('local-preview-rejected', _context3.t0 instanceof Error ? _context3.t0 : undefined);
-
           case 10:
             if (!(typeof value === 'string')) {
               _context3.next = 14;
               break;
             }
-
             return _context3.abrupt("return", {
               dataURI: value,
               orientation: 1,
               source: 'local'
             });
-
           case 14:
             if (!(value instanceof Blob)) {
               _context3.next = 22;
               break;
             }
-
             _value = value, type = _value.type;
             mediaType = getMediaTypeFromMimeType(type);
             _context3.t1 = mediaType;
             _context3.next = _context3.t1 === 'image' ? 20 : _context3.t1 === 'video' ? 21 : 22;
             break;
-
           case 20:
             return _context3.abrupt("return", getImageLocalPreview(value));
-
           case 21:
             return _context3.abrupt("return", getVideoLocalPreview(value));
-
           case 22:
             throw new LocalPreviewError('local-preview-unsupported');
-
           case 23:
           case "end":
             return _context3.stop();
@@ -151,7 +128,6 @@ export var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
       }
     }, _callee3, null, [[0, 7]]);
   }));
-
   return function getCardPreviewFromFilePreview(_x3) {
     return _ref3.apply(this, arguments);
   };
@@ -166,7 +142,6 @@ export var getCardPreviewFromBackend = /*#__PURE__*/function () {
             _context4.prev = 0;
             _context4.next = 3;
             return mediaClient.getImage(id, params, undefined, undefined, traceContext);
-
           case 3:
             blob = _context4.sent;
             return _context4.abrupt("return", {
@@ -174,12 +149,10 @@ export var getCardPreviewFromBackend = /*#__PURE__*/function () {
               orientation: 1,
               source: 'remote'
             });
-
           case 7:
             _context4.prev = 7;
             _context4.t0 = _context4["catch"](0);
             throw new RemotePreviewError('remote-preview-fetch', _context4.t0 instanceof Error ? _context4.t0 : undefined);
-
           case 10:
           case "end":
             return _context4.stop();
@@ -187,7 +160,6 @@ export var getCardPreviewFromBackend = /*#__PURE__*/function () {
       }
     }, _callee4, null, [[0, 7]]);
   }));
-
   return function getCardPreviewFromBackend(_x4, _x5, _x6, _x7) {
     return _ref4.apply(this, arguments);
   };

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

@@ -3,12 +3,10 @@ export var fireImageFetchingOperationalEvent = function fireImageFetchingOperati
   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;
@@ -18,7 +16,6 @@ export var calculatePercentageDifference = function calculatePercentageDifferenc
   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);

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

@@ -1,11 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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) { _defineProperty(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; }
-
 import { isPreviewableFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import cardPreviewCache from './cache';
@@ -19,42 +16,35 @@ export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLo
 export { extractFilePreviewStatus } from './filePreviewStatus';
 export var getCardPreviewFromCache = cardPreviewCache.get;
 export var removeCardPreviewFromCache = cardPreviewCache.remove;
+
 /**
  * Will return the preview if available and supported by the browser
  * See extractFilePreviewStatus "hasLocalPreview" logic
  */
-
 export var getFilePreviewFromFileState = function getFilePreviewFromFileState(fileState) {
   return 'mimeType' in fileState && isMimeTypeSupportedByBrowser(fileState.mimeType) && isPreviewableFileState(fileState) ? fileState.preview : undefined;
 };
-
 var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, mediaBlobUrlAttrs) {
   var source;
-
   switch (preview.source) {
     case 'local':
       source = 'cache-local';
       break;
-
     case 'remote':
       source = 'cache-remote';
       break;
-
     case 'ssr-server':
       source = 'cache-ssr-server';
       break;
-
     case 'ssr-client':
       source = 'cache-ssr-client';
       break;
-
     default:
       source = preview.source;
-  } // We want to embed some meta context into dataURI for Copy/Paste to work.
-
-
-  var dataURI = mediaBlobUrlAttrs ? addFileAttrsToUrl(preview.dataURI, mediaBlobUrlAttrs) : preview.dataURI; // We store new cardPreview into cache
-
+  }
+  // We want to embed some meta context into dataURI for Copy/Paste to work.
+  var dataURI = mediaBlobUrlAttrs ? addFileAttrsToUrl(preview.dataURI, mediaBlobUrlAttrs) : preview.dataURI;
+  // We store new cardPreview into cache
   cardPreviewCache.set(id, mode, _objectSpread(_objectSpread({}, preview), {}, {
     source: source,
     dataURI: dataURI
@@ -63,6 +53,7 @@ var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, me
     dataURI: dataURI
   });
 };
+
 /**
  * This function will try to return a Card preview, either from cache, local preview or remote preview.
  * It should only be called if there is a chance to get either a remote or a local preview, or both.
@@ -73,12 +64,9 @@ var extendAndCachePreview = function extendAndCachePreview(id, mode, preview, me
  * In that case, we still want to report the local preview error to the caller, for feature realiability track.
  * hence the use of the optional callback onLocalPreviewError
  */
-
-
 export var getCardPreview = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var mediaClient, id, _ref$dimensions, dimensions, filePreview, onLocalPreviewError, isRemotePreviewReady, imageUrlParams, mediaBlobUrlAttrs, createAnalyticsEvent, featureFlags, traceContext, mode, cachedPreview, dimensionsAreBigger, localPreview, remotePreview;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -87,12 +75,10 @@ export var getCardPreview = /*#__PURE__*/function () {
             mode = imageUrlParams.mode;
             cachedPreview = cardPreviewCache.get(id, mode);
             dimensionsAreBigger = isBigger(cachedPreview === null || cachedPreview === void 0 ? void 0 : cachedPreview.dimensions, dimensions);
-
             if (!(cachedPreview && !dimensionsAreBigger)) {
               _context.next = 7;
               break;
             }
-
             if (getMediaFeatureFlag('memoryCacheLogging', featureFlags)) {
               createAnalyticsEvent && fireImageFetchingOperationalEvent(createAnalyticsEvent, 'cache-hit', {
                 fileId: id,
@@ -101,34 +87,26 @@ export var getCardPreview = /*#__PURE__*/function () {
                 source: cachedPreview.source
               });
             }
-
             return _context.abrupt("return", cachedPreview);
-
           case 7:
             _context.prev = 7;
-
             if (!filePreview) {
               _context.next = 13;
               break;
             }
-
             _context.next = 11;
             return getCardPreviewFromFilePreview(filePreview);
-
           case 11:
             localPreview = _context.sent;
             return _context.abrupt("return", extendAndCachePreview(id, mode, _objectSpread(_objectSpread({}, localPreview), {}, {
               dimensions: dimensions
             }), mediaBlobUrlAttrs));
-
           case 13:
             _context.next = 20;
             break;
-
           case 15:
             _context.prev = 15;
             _context.t0 = _context["catch"](7);
-
             /**
              * We report the error if:
              * - local preview is supported and fails
@@ -146,30 +124,22 @@ export var getCardPreview = /*#__PURE__*/function () {
              * No matter the reason why the local preview failed, we break the process
              * if there is no remote preview available
              */
-
-
             if (isRemotePreviewReady) {
               _context.next = 20;
               break;
             }
-
             throw _context.t0;
-
           case 20:
             if (isRemotePreviewReady) {
               _context.next = 22;
               break;
             }
-
             throw new MediaCardError('remote-preview-not-ready');
-
           case 22:
             _context.next = 24;
             return fetchAndCacheRemotePreview(mediaClient, id, dimensions, imageUrlParams, mediaBlobUrlAttrs, traceContext);
-
           case 24:
             remotePreview = _context.sent;
-
             if (getMediaFeatureFlag('memoryCacheLogging', featureFlags)) {
               createAnalyticsEvent && fireImageFetchingOperationalEvent(createAnalyticsEvent, 'remote-success', {
                 fileId: id,
@@ -179,9 +149,7 @@ export var getCardPreview = /*#__PURE__*/function () {
                 source: remotePreview.source
               });
             }
-
             return _context.abrupt("return", remotePreview);
-
           case 27:
           case "end":
             return _context.stop();
@@ -189,31 +157,29 @@ export var getCardPreview = /*#__PURE__*/function () {
       }
     }, _callee, null, [[7, 15]]);
   }));
-
   return function getCardPreview(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
 export var shouldResolvePreview = function shouldResolvePreview(_ref3) {
   var status = _ref3.status,
-      fileState = _ref3.fileState,
-      prevDimensions = _ref3.prevDimensions,
-      dimensions = _ref3.dimensions,
-      identifier = _ref3.identifier,
-      fileImageMode = _ref3.fileImageMode,
-      hasCardPreview = _ref3.hasCardPreview,
-      isBannedLocalPreview = _ref3.isBannedLocalPreview,
-      featureFlags = _ref3.featureFlags;
+    fileState = _ref3.fileState,
+    prevDimensions = _ref3.prevDimensions,
+    dimensions = _ref3.dimensions,
+    identifier = _ref3.identifier,
+    fileImageMode = _ref3.fileImageMode,
+    hasCardPreview = _ref3.hasCardPreview,
+    isBannedLocalPreview = _ref3.isBannedLocalPreview,
+    featureFlags = _ref3.featureFlags;
   var statusIsPreviewable = isPreviewableStatus(status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags));
   var dimensionsAreBigger = isBigger(prevDimensions, dimensions);
   return statusIsPreviewable && (!hasCardPreview || dimensionsAreBigger);
 };
 export var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id, params, mediaBlobUrlAttrs) {
   var dataURI;
-
   try {
-    var rawDataURI = mediaClient.getImageUrlSync(id, params); // We want to embed some meta context into dataURI for Copy/Paste to work.
-
+    var rawDataURI = mediaClient.getImageUrlSync(id, params);
+    // We want to embed some meta context into dataURI for Copy/Paste to work.
     dataURI = mediaBlobUrlAttrs ? addFileAttrsToUrl(rawDataURI, mediaBlobUrlAttrs) : rawDataURI;
     var source = ssr === 'client' ? 'ssr-client' : 'ssr-server';
     return {
@@ -253,13 +219,11 @@ export var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
           case 0:
             _context2.next = 2;
             return getCardPreviewFromBackend(mediaClient, id, params, traceContext);
-
           case 2:
             remotePreview = _context2.sent;
             return _context2.abrupt("return", extendAndCachePreview(id, params.mode, _objectSpread(_objectSpread({}, remotePreview), {}, {
               dimensions: dimensions
             }), mediaBlobUrlAttrs));
-
           case 4:
           case "end":
             return _context2.stop();
@@ -267,7 +231,6 @@ export var fetchAndCacheRemotePreview = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-
   return function fetchAndCacheRemotePreview(_x2, _x3, _x4, _x5, _x6, _x7) {
     return _ref4.apply(this, arguments);
   };

package/dist/esm/card/getCardStatus.js

@@ -2,18 +2,15 @@ import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export var isFinalCardStatus = function isFinalCardStatus(status) {
   return ['complete', 'error', 'failed-processing'].includes(status);
 };
-
 var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
   var hasFilesize = _ref.hasFilesize,
-      isPreviewable = _ref.isPreviewable,
-      hasPreview = _ref.hasPreview;
-
+    isPreviewable = _ref.isPreviewable,
+    hasPreview = _ref.hasPreview;
   switch (fileStatus) {
     case 'uploading':
     case 'failed-processing':
     case 'error':
       return fileStatus;
-
     case 'processing':
       // Legacy empty files logic
       // isPreviewable will most likely be false for empty files,
@@ -21,55 +18,43 @@ var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
       // TODO: https://product-fabric.atlassian.net/browse/BMPT-1247
       if (!hasFilesize) {
         return 'processing';
-      } // If we show no preview for this file
+      }
+      // If we show no preview for this file
       // we won't show the "creating preview" message, i.e. Card is "complete".
-
-
       if (!isPreviewable) {
         return 'complete';
       }
-
       return 'processing';
-
     case 'processed':
       if (!isPreviewable || !hasPreview) {
         return 'complete';
       }
-
       return 'loading-preview';
-
     default:
       return 'loading';
   }
 };
-
 var getCardStatusFixed = function getCardStatusFixed(fileStatus, _ref2) {
   var isPreviewable = _ref2.isPreviewable,
-      hasPreview = _ref2.hasPreview;
-
+    hasPreview = _ref2.hasPreview;
   switch (fileStatus) {
     case 'uploading':
     case 'failed-processing':
     case 'error':
     case 'processing':
       return fileStatus;
-
     case 'processed':
       if (!isPreviewable || !hasPreview) {
         return 'complete';
       }
-
       return 'loading-preview';
-
     default:
       return 'loading';
   }
 };
-
 export var getCardStatus = function getCardStatus(fileStatus, filePreviewStatus, featureFlags) {
   if (getMediaFeatureFlag('fetchFileStateAfterUpload', featureFlags)) {
     return getCardStatusFixed(fileStatus, filePreviewStatus);
   }
-
   return getCardStatusBuggy(fileStatus, filePreviewStatus);
 };