@atlaskit/media-card 74.5.1 → 74.6.0

package/dist/esm/card/cardLoader.js

@@ -4,17 +4,13 @@ import { useMemoizeFeatureFlags } from '@atlaskit/media-common';
 import Loadable from 'react-loadable';
 import { CardLoading } from '../utils/lightCards/cardLoading';
 var MediaCardContext = /*#__PURE__*/React.createContext({});
-
 var CardLoadingWithContext = function CardLoadingWithContext() {
   var props = useContext(MediaCardContext);
   return /*#__PURE__*/React.createElement(CardLoading, props);
 };
-
 var MediaCard = Loadable({
   loader: function loader() {
-    return import(
-    /* webpackChunkName: "@atlaskit-internal_media-card" */
-    './card').then(function (mod) {
+    return import( /* webpackChunkName: "@atlaskit-internal_media-card" */'./card').then(function (mod) {
       return mod.Card;
     });
   },
@@ -24,9 +20,7 @@ var MediaCard = Loadable({
 });
 var MediaCardErrorBoundary = Loadable({
   loader: function loader() {
-    return import(
-    /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */
-    './media-card-analytics-error-boundary').then(function (mod) {
+    return import( /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */'./media-card-analytics-error-boundary').then(function (mod) {
       return mod.default;
     });
   },
@@ -36,9 +30,7 @@ var MediaCardErrorBoundary = Loadable({
 });
 var MediaCardWithMediaClient = Loadable({
   loader: function loader() {
-    return import(
-    /* webpackChunkName: "@atlaskit-internal_media-client" */
-    '@atlaskit/media-client');
+    return import( /* webpackChunkName: "@atlaskit-internal_media-client" */'@atlaskit/media-client');
   },
   loading: function loading() {
     return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);
@@ -49,12 +41,11 @@ var MediaCardWithMediaClient = Loadable({
     }));
   }
 });
-
 var CardWithMediaClient = function CardWithMediaClient(props) {
   var withMediaClient = props.withMediaClient,
-      dimensions = props.dimensions,
-      featureFlags = props.featureFlags,
-      onClick = props.onClick;
+    dimensions = props.dimensions,
+    featureFlags = props.featureFlags,
+    onClick = props.onClick;
   var memoizedFeatureFlags = useMemoizeFeatureFlags(featureFlags);
   var Card = React.useMemo(function () {
     return withMediaClient(MediaCard, memoizedFeatureFlags);
@@ -68,11 +59,9 @@ var CardWithMediaClient = function CardWithMediaClient(props) {
     }, /*#__PURE__*/React.createElement(Card, props))
   );
 };
-
 var CardLoader = function CardLoader(props) {
   return /*#__PURE__*/React.createElement(MediaCardContext.Provider, {
     value: props
   }, /*#__PURE__*/React.createElement(MediaCardWithMediaClient, props));
 };
-
 export default CardLoader;

package/dist/esm/card/cardState.js

@@ -2,11 +2,11 @@ import { isErrorFileState } from '@atlaskit/media-client';
 import { MediaCardError } from '../errors';
 import { getCardStatus, isFinalCardStatus } from './getCardStatus';
 import { extractFilePreviewStatus } from './getCardPreview';
+
 /**
  * From docs: "Both state and props received by the updater function are guaranteed to be up-to-date.
  * The output of the updater is shallowly merged with state."
  */
-
 export var createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
   return function (prevState) {
     // Only override if previous status is non-final or new status is 'complete'
@@ -16,7 +16,6 @@ export var createStateUpdater = function createStateUpdater(newState, fireErrorE
       !!newState.error && fireErrorEvent(newState.error);
       return prevState;
     }
-
     return newState;
   };
 };

package/dist/esm/card/cardView.js

@@ -5,15 +5,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React from 'react';
@@ -47,41 +42,32 @@ import { PreviewUnavailable, CreatingPreview, FailedToUpload, PreviewCurrentlyUn
 import { isUploadError } from '../errors';
 import { NewFileExperienceWrapper } from './ui/newFileExperience/newFileExperienceWrapper';
 import { Wrapper } from './cardImageView/cardViewWrapper';
-
 /**
  * This is classic vanilla CardView class. To create an instance of class one would need to supply
  * `createAnalyticsEvent` prop to satisfy it's Analytics Events needs.
  */
 export var CardViewBase = /*#__PURE__*/function (_React$Component) {
   _inherits(CardViewBase, _React$Component);
-
   var _super = _createSuper(CardViewBase);
-
   function CardViewBase() {
     var _this;
-
     _classCallCheck(this, CardViewBase);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       didImageRender: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "divRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "onImageLoad", function (prevCardPreview) {
       var _this$props = _this.props,
-          onImageLoad = _this$props.onImageLoad,
-          cardPreview = _this$props.cardPreview;
-
+        onImageLoad = _this$props.onImageLoad,
+        cardPreview = _this$props.cardPreview;
       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.
+      }
+      // 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
@@ -89,65 +75,51 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
       // 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
-
-
       _this.setState({
         didImageRender: true
       });
-
       onImageLoad && onImageLoad(cardPreview);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onImageError", function (cardPreview) {
       var onImageError = _this.props.onImageError;
-
       _this.setState({
         didImageRender: false
       });
-
       onImageError && onImageError(cardPreview);
     });
-
     _defineProperty(_assertThisInitialized(_this), "saveElementWidth", function () {
       var dimensions = _this.props.dimensions;
-
       if (!dimensions) {
         return;
       }
-
       var width = dimensions.width;
-
       if (width && isValidPercentageUnit(width) && !!_this.divRef.current) {
         var elementWidth = getElementDimension(_this.divRef.current, 'width');
-
         _this.setState({
           elementWidth: elementWidth
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderFileNewExperience", function () {
       var _this$props2 = _this.props,
-          dimensions = _this$props2.dimensions,
-          appearance = _this$props2.appearance,
-          onClick = _this$props2.onClick,
-          onMouseEnter = _this$props2.onMouseEnter,
-          testId = _this$props2.testId,
-          metadata = _this$props2.metadata,
-          status = _this$props2.status,
-          selected = _this$props2.selected,
-          selectable = _this$props2.selectable,
-          disableOverlay = _this$props2.disableOverlay,
-          cardPreview = _this$props2.cardPreview,
-          mediaCardCursor = _this$props2.mediaCardCursor;
-
+        dimensions = _this$props2.dimensions,
+        appearance = _this$props2.appearance,
+        onClick = _this$props2.onClick,
+        onMouseEnter = _this$props2.onMouseEnter,
+        testId = _this$props2.testId,
+        metadata = _this$props2.metadata,
+        status = _this$props2.status,
+        selected = _this$props2.selected,
+        selectable = _this$props2.selectable,
+        disableOverlay = _this$props2.disableOverlay,
+        cardPreview = _this$props2.cardPreview,
+        mediaCardCursor = _this$props2.mediaCardCursor;
       var _ref = metadata || {},
-          name = _ref.name;
-
+        name = _ref.name;
       var shouldDisplayBackground = !cardPreview || !disableOverlay || status === 'error' || status === 'failed-processing';
       var isPlayButtonClickable = !!(_this.shouldRenderPlayButton() && disableOverlay);
-      var isTickBoxSelectable = !disableOverlay && !!selectable && !selected; // Disable tooltip for Media Single
-
+      var isTickBoxSelectable = !disableOverlay && !!selectable && !selected;
+      // Disable tooltip for Media Single
       var shouldDisplayTooltip = !disableOverlay;
       return jsx(NewFileExperienceWrapper, {
         testId: testId || 'media-card-view',
@@ -170,33 +142,29 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         tag: 'div'
       }, _this.renderNewExperienceCard()) : _this.renderNewExperienceCard());
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderFile", function () {
       var _this$props3 = _this.props,
-          cardPreview = _this$props3.cardPreview,
-          status = _this$props3.status,
-          mediaItemType = _this$props3.mediaItemType,
-          metadata = _this$props3.metadata,
-          progress = _this$props3.progress,
-          resizeMode = _this$props3.resizeMode,
-          dimensions = _this$props3.dimensions,
-          selectable = _this$props3.selectable,
-          selected = _this$props3.selected,
-          disableOverlay = _this$props3.disableOverlay,
-          alt = _this$props3.alt,
-          onDisplayImage = _this$props3.onDisplayImage,
-          actions = _this$props3.actions;
-
+        cardPreview = _this$props3.cardPreview,
+        status = _this$props3.status,
+        mediaItemType = _this$props3.mediaItemType,
+        metadata = _this$props3.metadata,
+        progress = _this$props3.progress,
+        resizeMode = _this$props3.resizeMode,
+        dimensions = _this$props3.dimensions,
+        selectable = _this$props3.selectable,
+        selected = _this$props3.selected,
+        disableOverlay = _this$props3.disableOverlay,
+        alt = _this$props3.alt,
+        onDisplayImage = _this$props3.onDisplayImage,
+        actions = _this$props3.actions;
       var _ref2 = cardPreview || {},
-          dataURI = _ref2.dataURI,
-          orientation = _ref2.orientation;
-
+        dataURI = _ref2.dataURI,
+        orientation = _ref2.orientation;
       var _ref3 = metadata || {},
-          name = _ref3.name,
-          mediaType = _ref3.mediaType,
-          mimeType = _ref3.mimeType,
-          size = _ref3.size;
-
+        name = _ref3.name,
+        mediaType = _ref3.mediaType,
+        mimeType = _ref3.mimeType,
+        size = _ref3.size;
       var actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
       var errorMessage = getErrorMessage(status);
       var fileSize = !size ? '' : toHumanReadableMediaSize(size);
@@ -224,21 +192,18 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         cardPreview: cardPreview
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getRenderConfigByStatus", function () {
       var _this$props4 = _this.props,
-          cardPreview = _this$props4.cardPreview,
-          status = _this$props4.status,
-          metadata = _this$props4.metadata,
-          disableOverlay = _this$props4.disableOverlay,
-          error = _this$props4.error,
-          selectable = _this$props4.selectable,
-          disableAnimation = _this$props4.disableAnimation;
-
+        cardPreview = _this$props4.cardPreview,
+        status = _this$props4.status,
+        metadata = _this$props4.metadata,
+        disableOverlay = _this$props4.disableOverlay,
+        error = _this$props4.error,
+        selectable = _this$props4.selectable,
+        disableAnimation = _this$props4.disableAnimation;
       var _ref4 = metadata || {},
-          name = _ref4.name,
-          mediaType = _ref4.mediaType;
-
+        name = _ref4.name,
+        mediaType = _ref4.mediaType;
       var didImageRender = _this.state.didImageRender;
       var isZeroSize = !!(metadata && metadata.size === 0);
       var defaultConfig = {
@@ -249,7 +214,6 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         renderTitleBox: !disableOverlay && !!name,
         renderTickBox: !disableOverlay && !!selectable
       };
-
       switch (status) {
         case 'uploading':
           return _objectSpread(_objectSpread({}, defaultConfig), {}, {
@@ -257,17 +221,14 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
             isFixedBlanket: true,
             renderProgressBar: true
           });
-
         case 'processing':
           return _objectSpread(_objectSpread({}, defaultConfig), {}, {
             iconMessage: !didImageRender && !isZeroSize ? jsx(CreatingPreview, {
               disableAnimation: disableAnimation
             }) : undefined
           });
-
         case 'complete':
           return defaultConfig;
-
         case 'error':
         case 'failed-processing':
           var baseErrorConfig = _objectSpread(_objectSpread({}, defaultConfig), {}, {
@@ -276,13 +237,10 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
             renderTitleBox: false,
             renderPlayButton: false
           });
-
           var iconMessage;
           var customTitleMessage;
-
           var _ref5 = error || {},
-              secondaryError = _ref5.secondaryError;
-
+            secondaryError = _ref5.secondaryError;
           if (isRateLimitedError(secondaryError) || isPollingError(secondaryError)) {
             iconMessage = jsx(PreviewCurrentlyUnavailable, null);
           } else if (isUploadError(error)) {
@@ -293,7 +251,6 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
           } else {
             iconMessage = jsx(PreviewUnavailable, null);
           }
-
           if (!disableOverlay) {
             var renderFailedTitleBox = !name || !!customTitleMessage;
             return _objectSpread(_objectSpread({}, baseErrorConfig), {}, {
@@ -303,11 +260,9 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
               customTitleMessage: customTitleMessage
             });
           }
-
           return _objectSpread(_objectSpread({}, baseErrorConfig), {}, {
             iconMessage: iconMessage
           });
-
         case 'loading-preview':
         case 'loading':
         default:
@@ -318,31 +273,27 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
           });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderNewExperienceCard", function () {
       var _this$getRenderConfig = _this.getRenderConfigByStatus(),
-          renderTypeIcon = _this$getRenderConfig.renderTypeIcon,
-          iconMessage = _this$getRenderConfig.iconMessage,
-          renderImageRenderer = _this$getRenderConfig.renderImageRenderer,
-          renderSpinner = _this$getRenderConfig.renderSpinner,
-          renderPlayButton = _this$getRenderConfig.renderPlayButton,
-          renderBlanket = _this$getRenderConfig.renderBlanket,
-          renderProgressBar = _this$getRenderConfig.renderProgressBar,
-          renderTitleBox = _this$getRenderConfig.renderTitleBox,
-          renderFailedTitleBox = _this$getRenderConfig.renderFailedTitleBox,
-          renderTickBox = _this$getRenderConfig.renderTickBox,
-          isFixedBlanket = _this$getRenderConfig.isFixedBlanket,
-          customTitleMessage = _this$getRenderConfig.customTitleMessage;
-
+        renderTypeIcon = _this$getRenderConfig.renderTypeIcon,
+        iconMessage = _this$getRenderConfig.iconMessage,
+        renderImageRenderer = _this$getRenderConfig.renderImageRenderer,
+        renderSpinner = _this$getRenderConfig.renderSpinner,
+        renderPlayButton = _this$getRenderConfig.renderPlayButton,
+        renderBlanket = _this$getRenderConfig.renderBlanket,
+        renderProgressBar = _this$getRenderConfig.renderProgressBar,
+        renderTitleBox = _this$getRenderConfig.renderTitleBox,
+        renderFailedTitleBox = _this$getRenderConfig.renderFailedTitleBox,
+        renderTickBox = _this$getRenderConfig.renderTickBox,
+        isFixedBlanket = _this$getRenderConfig.isFixedBlanket,
+        customTitleMessage = _this$getRenderConfig.customTitleMessage;
       var _this$props5 = _this.props,
-          progress = _this$props5.progress,
-          selected = _this$props5.selected,
-          status = _this$props5.status,
-          metadata = _this$props5.metadata;
-
+        progress = _this$props5.progress,
+        selected = _this$props5.selected,
+        status = _this$props5.status,
+        metadata = _this$props5.metadata;
       var _ref6 = metadata || {},
-          name = _ref6.name;
-
+        name = _ref6.name;
       var hasTitleBox = !!renderTitleBox || !!renderFailedTitleBox;
       return jsx(React.Fragment, null, jsx("div", {
         css: cardImageContainerStyles,
@@ -354,10 +305,8 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         "data-test-selected": selected ? true : undefined
       }, renderTypeIcon && _this.renderMediaTypeIcon(hasTitleBox, iconMessage), renderSpinner && _this.renderSpinner(hasTitleBox), renderImageRenderer && _this.renderImageRenderer(), renderPlayButton && _this.renderPlayButton(hasTitleBox), renderBlanket && _this.renderBlanket(!!isFixedBlanket), renderTitleBox && _this.renderTitleBox(), renderFailedTitleBox && _this.renderFailedTitleBox(customTitleMessage), renderProgressBar && _this.renderProgressBar(!hasTitleBox), renderTickBox && _this.renderTickBox()), _this.renderActionsBar());
     });
-
     return _this;
   }
-
   _createClass(CardViewBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -369,35 +318,32 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_ref7) {
       var prevCardPreview = _ref7.cardPreview;
-      var cardPreview = this.props.cardPreview; // We should only switch didImageRender to false
+      var cardPreview = this.props.cardPreview;
+      // We should only switch didImageRender to false
       // when cardPreview goes undefined, not when it is updated.
       // as this method could be triggered after onImageLoad callback,
       // falling on a race condition
-
       !!prevCardPreview && !cardPreview && this.setState({
         didImageRender: false
       });
     }
   }, {
     key: "width",
-    get: // This width is only used to calculate breakpoints, dimensions are passed down as
+    get:
+    // This width is only used to calculate breakpoints, dimensions are passed down as
     // integrator pass it to the root component
     function get() {
       var elementWidth = this.state.elementWidth;
-
       if (elementWidth) {
         return elementWidth;
       }
-
       var _ref8 = this.props.dimensions || {
-        width: undefined
-      },
-          width = _ref8.width;
-
+          width: undefined
+        },
+        width = _ref8.width;
       if (!width) {
         return defaultImageCardDimensions.width;
       }
-
       return getCSSUnitValue(width);
     }
   }, {
@@ -405,24 +351,23 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     get: function get() {
       var width = this.state.elementWidth || (this.props.dimensions ? this.props.dimensions.width : '') || defaultImageCardDimensions.width;
       return calcBreakpointSize(parseInt("".concat(width), 10));
-    } // If the dimensions.width is a percentage, we need to transform it
-    // into a pixel value in order to get the right breakpoints applied.
+    }
 
+    // If the dimensions.width is a percentage, we need to transform it
+    // into a pixel value in order to get the right breakpoints applied.
   }, {
     key: "render",
     value: function render() {
       var featureFlags = this.props.featureFlags;
-
       if (getMediaFeatureFlag('newCardExperience', featureFlags)) {
         return this.renderFileNewExperience();
       }
-
       var _this$props6 = this.props,
-          dimensions = _this$props6.dimensions,
-          appearance = _this$props6.appearance,
-          onClick = _this$props6.onClick,
-          onMouseEnter = _this$props6.onMouseEnter,
-          testId = _this$props6.testId;
+        dimensions = _this$props6.dimensions,
+        appearance = _this$props6.appearance,
+        onClick = _this$props6.onClick,
+        onMouseEnter = _this$props6.onMouseEnter,
+        testId = _this$props6.testId;
       var wrapperDimensions = dimensions ? dimensions : getDefaultCardDimensions(appearance);
       return jsx(Wrapper, {
         testId: testId || 'media-card-view',
@@ -446,16 +391,13 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "shouldRenderPlayButton",
     value: function shouldRenderPlayButton() {
       var _this$props7 = this.props,
-          metadata = _this$props7.metadata,
-          cardPreview = _this$props7.cardPreview;
-
+        metadata = _this$props7.metadata,
+        cardPreview = _this$props7.cardPreview;
       var _ref9 = metadata || {},
-          mediaType = _ref9.mediaType;
-
+        mediaType = _ref9.mediaType;
       if (mediaType !== 'video' || !cardPreview) {
         return false;
       }
-
       return true;
     }
   }, {
@@ -465,9 +407,10 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
         breakpoint: this.breakpoint,
         hasTitleBox: hasTitleBox
       }, jsx(PlayButton, null));
-    } //This Blanket will provide a shadow backround for uploading status by
-    //setting isFixed.
+    }
 
+    //This Blanket will provide a shadow backround for uploading status by
+    //setting isFixed.
   }, {
     key: "renderBlanket",
     value: function renderBlanket(isFixed) {
@@ -479,14 +422,12 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "renderTitleBox",
     value: function renderTitleBox() {
       var _this$props8 = this.props,
-          metadata = _this$props8.metadata,
-          titleBoxBgColor = _this$props8.titleBoxBgColor,
-          titleBoxIcon = _this$props8.titleBoxIcon;
-
+        metadata = _this$props8.metadata,
+        titleBoxBgColor = _this$props8.titleBoxBgColor,
+        titleBoxIcon = _this$props8.titleBoxIcon;
       var _ref10 = metadata || {},
-          name = _ref10.name,
-          createdAt = _ref10.createdAt;
-
+        name = _ref10.name,
+        createdAt = _ref10.createdAt;
       return !!name && jsx(TitleBox, {
         name: name,
         createdAt: createdAt,
@@ -517,16 +458,16 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "renderImageRenderer",
     value: function renderImageRenderer() {
       var _this$props9 = this.props,
-          cardPreview = _this$props9.cardPreview,
-          _this$props9$metadata = _this$props9.metadata;
+        cardPreview = _this$props9.cardPreview,
+        _this$props9$metadata = _this$props9.metadata;
       _this$props9$metadata = _this$props9$metadata === void 0 ? {} : _this$props9$metadata;
       var _this$props9$metadata2 = _this$props9$metadata.mediaType,
-          mediaType = _this$props9$metadata2 === void 0 ? 'unknown' : _this$props9$metadata2,
-          alt = _this$props9.alt,
-          resizeMode = _this$props9.resizeMode,
-          onDisplayImage = _this$props9.onDisplayImage,
-          nativeLazyLoad = _this$props9.nativeLazyLoad,
-          forceSyncDisplay = _this$props9.forceSyncDisplay;
+        mediaType = _this$props9$metadata2 === void 0 ? 'unknown' : _this$props9$metadata2,
+        alt = _this$props9.alt,
+        resizeMode = _this$props9.resizeMode,
+        onDisplayImage = _this$props9.onDisplayImage,
+        nativeLazyLoad = _this$props9.nativeLazyLoad,
+        forceSyncDisplay = _this$props9.forceSyncDisplay;
       return !!cardPreview && jsx(ImageRenderer, {
         cardPreview: cardPreview,
         mediaType: mediaType,
@@ -551,12 +492,10 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "renderMediaTypeIcon",
     value: function renderMediaTypeIcon(hasTitleBox, iconMessage) {
       var metadata = this.props.metadata;
-
       var _ref11 = metadata || {},
-          mediaType = _ref11.mediaType,
-          mimeType = _ref11.mimeType,
-          name = _ref11.name;
-
+        mediaType = _ref11.mediaType,
+        mimeType = _ref11.mimeType,
+        name = _ref11.name;
       return jsx(IconWrapper, {
         breakpoint: this.breakpoint,
         hasTitleBox: hasTitleBox
@@ -571,28 +510,23 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "renderActionsBar",
     value: function renderActionsBar() {
       var _this$props10 = this.props,
-          disableOverlay = _this$props10.disableOverlay,
-          actions = _this$props10.actions,
-          metadata = _this$props10.metadata;
+        disableOverlay = _this$props10.disableOverlay,
+        actions = _this$props10.actions,
+        metadata = _this$props10.metadata;
       var actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
-
       if (disableOverlay || !actions || actions.length === 0) {
         return null;
       }
-
       return jsx(ActionsBar, {
         actions: actionsWithDetails
       });
     }
   }]);
-
   return CardViewBase;
 }(React.Component);
-
 _defineProperty(CardViewBase, "defaultProps", {
   appearance: 'auto'
 });
-
 export var CardView = withAnalyticsEvents({
   onClick: createAndFireMediaCardEvent({
     eventType: 'ui',

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

@@ -8,26 +8,19 @@ export var getCacheKey = function getCacheKey(id, mode) {
 };
 export var CardPreviewCacheImpl = /*#__PURE__*/_createClass(function CardPreviewCacheImpl(previewCache) {
   var _this = this;
-
   _classCallCheck(this, CardPreviewCacheImpl);
-
   _defineProperty(this, "get", function (id, mode) {
     var cacheKey = getCacheKey(id, mode);
     return _this.previewCache.get(cacheKey);
   });
-
   _defineProperty(this, "set", function (id, mode, cardPreview) {
     var cacheKey = getCacheKey(id, mode);
-
     _this.previewCache.set(cacheKey, cardPreview);
   });
-
   _defineProperty(this, "remove", function (id, mode) {
     var cacheKey = getCacheKey(id, mode);
-
     _this.previewCache.remove(cacheKey);
   });
-
   this.previewCache = previewCache;
 });
 export default new CardPreviewCacheImpl(createObjectURLCache());