@atlaskit/media-card 74.1.6 → 74.1.8

package/dist/es2019/{root → card}/ui/newFileExperience/newFileExperienceWrapper.js

@@ -1,6 +1,6 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { newFileExperienceClassName } from '../../../root/card/cardConstants';
+import { newFileExperienceClassName } from '../../cardConstants';
 import { newFileExperienceWrapperStyles } from './styles';
 export const NewFileExperienceWrapper = props => {
   const {

package/dist/es2019/{root → card}/ui/newFileExperience/styles.js

@@ -3,9 +3,9 @@ import { fontFamily } from '@atlaskit/theme/constants';
 import { borderRadius } from '@atlaskit/media-ui';
 import { N20 } from '@atlaskit/theme/colors';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
-import { transition } from '../../../styles';
-import { fixedBlanketStyles, blanketClassName } from '.././blanket/styles';
-import { fixedActionBarStyles, actionsBarClassName } from '.././actionsBar/styles';
+import { transition } from '../../styles';
+import { fixedBlanketStyles, blanketClassName } from '../blanket/styles';
+import { fixedActionBarStyles, actionsBarClassName } from '../actionsBar/styles';
 import { generateResponsiveStyles, getClickablePlayButtonStyles, getCursorStyle, getSelectableTickBoxStyles, getWrapperDimensions, getWrapperShadow } from '../styles';
 export const newFileExperienceWrapperStyles = ({
   breakpoint,

package/dist/es2019/{root → card}/ui/progressBar/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/media-ui';
-import { rgba } from '../../../styles/mixins';
+import { rgba } from '../../styles/mixins';
 import { N0, N400 } from '@atlaskit/theme/colors';
 import { Breakpoint, getTitleBoxHeight, responsiveSettings } from '../common';
 const height = 3;

package/dist/es2019/{root → card}/ui/tickBox/styles.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { transition } from '../../../styles';
+import { transition } from '../../styles';
 import { B200, N0, N100 } from '@atlaskit/theme/colors';
 export const tickBoxClassName = 'media-card-tickbox';
 export const tickboxFixedStyles = `

package/dist/es2019/{root → card}/ui/titleBox/styles.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import { responsiveSettings, getTitleBoxHeight, Breakpoint } from '../common';
 import { N0 } from '@atlaskit/theme/colors';
-import { rgba } from '../../../styles/mixins';
+import { rgba } from '../../styles/mixins';
 
 const generateResponsiveStyles = (breakpoint = Breakpoint.SMALL) => {
   const setting = responsiveSettings[breakpoint];

package/dist/es2019/classnames.js

@@ -1 +1,5 @@
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './files/cardImageView/classnames';
+/**
+ * Entry Point: @atlaskit/media-card/classnames
+ * tsconfig.entry-points.json
+ */
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './card/cardImageView/classnames';

package/dist/es2019/in-product.js

@@ -1 +1,5 @@
+/**
+ * Entry Point: @atlaskit/media-card/in-product
+ * tsconfig.entry-points.json
+ */
 export { MediaCardPageObject } from './__tests_external__';

package/dist/es2019/index.js

@@ -1,7 +1,12 @@
-export { Card, MediaInlineCard } from './root';
+/**
+ * Entry Point: @atlaskit/media-card
+ * tsconfig.entry-points.json
+ */
+export { Card } from './card';
+export { MediaInlineCard } from './inline';
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './files/cardImageView/classnames';
-export { inlinePlayerClassName } from './root/styles';
-export { newFileExperienceClassName } from './root/card/cardConstants';
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector } from './card/cardImageView/classnames';
+export { inlinePlayerClassName } from './card/styles/styles';
+export { newFileExperienceClassName } from './card/cardConstants';

package/dist/es2019/inline/index.js

@@ -0,0 +1 @@
+export { default as MediaInlineCard } from './loader';

package/dist/es2019/{root/inline → inline}/loader.js

@@ -24,7 +24,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
         /* webpackChunkName: "@atlaskit-internal_inline-media-card" */
         './mediaInlineCard'), import(
         /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */
-        '../media-card-analytics-error-boundary')]);
+        '../utils/media-card-analytics-error-boundary')]);
         MediaInlineCardLoader.MediaInlineCard = mediaClient.withMediaClient(cardModule.MediaInlineCard);
         MediaInlineCardLoader.ErrorBoundary = mediaCardErrorBoundaryModule.default;
 

package/dist/es2019/types.js

@@ -1,3 +1,7 @@
+/**
+ * Entry Point: @atlaskit/media-card/types
+ * tsconfig.entry-points.json
+ */
 export let MediaCardCursor;
 
 (function (MediaCardCursor) {

package/dist/es2019/utils/cardActions/cardActionButton.js

@@ -1,13 +1,15 @@
 /**@jsx jsx */
+import { forwardRef } from 'react';
 import { jsx } from '@emotion/react';
 import { cardActionButtonStyles } from './styles';
-export const CardActionButton = props => {
+export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => {
   return jsx("div", {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     css: cardActionButtonStyles(props),
     style: props.style,
     onClick: props.onClick,
-    onMouseDown: props.onMouseDown
+    onMouseDown: props.onMouseDown,
+    ref: ref
   }, props.children);
-};
+});

package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js

@@ -6,9 +6,6 @@ import DropdownMenu, { DropdownItemGroup, DropdownItem } from '@atlaskit/dropdow
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { createAndFireMediaCardEvent } from '../analytics';
 import { CardActionButton } from './cardActionButton';
-
-const CardActionButtonWithProps = props => /*#__PURE__*/React.createElement(CardActionButton, props);
-
 const CardActionButtonWithAnalytics = withAnalyticsEvents({
   onClick: createAndFireMediaCardEvent({
     eventType: 'ui',
@@ -17,11 +14,11 @@ const CardActionButtonWithAnalytics = withAnalyticsEvents({
     actionSubjectId: 'mediaCardDropDownMenu',
     attributes: {}
   })
-})(CardActionButtonWithProps);
+})(CardActionButton);
 
 // Trick applied due to the lack of props type of DropdownItem
 const DropdownItemWithProps = props => /*#__PURE__*/React.createElement(DropdownItem, _extends({
-  "data-testid": "media-card-actions-menu-item"
+  testId: "media-card-actions-menu-item"
 }, props));
 
 const createDropdownItemWithAnalytics = (action, index) => {

package/dist/es2019/utils/cardActions/styles.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import { N500, N0 } from '@atlaskit/theme/colors';
 import { borderRadius, size, center } from '@atlaskit/media-ui';
-import { rootStyles } from '../../styles';
+import { rootStyles } from '../../card/styles';
 export const wrapperStyles = css`
   ${rootStyles()}
   display: flex;

package/dist/es2019/utils/objectURLCache.js

@@ -1,8 +1,8 @@
-import { LRUCache } from 'lru-fast';
+import { LRUMap } from 'lru_map';
 import { EventEmitter2 } from 'eventemitter2';
 export const PREVIEW_CACHE_LRU_SIZE = 50;
 
-class ExtendedLRUCache extends LRUCache {
+class ExtendedLRUCache extends LRUMap {
   constructor(limit) {
     super(limit);
     this.eventEmitter = new EventEmitter2();
@@ -24,8 +24,8 @@ export class ObjectURLCache {
   constructor(size) {
     this.cache = new ExtendedLRUCache(size);
     this.cache.on('shift', entry => {
-      if (entry && entry.value.dataURI) {
-        URL.revokeObjectURL(entry.value.dataURI);
+      if (entry && entry[1].dataURI) {
+        URL.revokeObjectURL(entry[1].dataURI);
       }
     });
   }
@@ -43,7 +43,7 @@ export class ObjectURLCache {
   }
 
   remove(key) {
-    const removed = this.cache.remove(key);
+    const removed = this.cache.delete(key);
     removed && URL.revokeObjectURL(removed.dataURI);
   }
 

package/dist/es2019/utils/preventClickThrough.js

@@ -6,7 +6,8 @@ export function PreventClickThrough({
     onClick: event => {
       event.stopPropagation();
       event.preventDefault();
-    }
+    },
+    "data-testid": "prevent-click-through"
   }, children);
 }
 export const createPreventClickThrough = onClick => event => {

package/dist/es2019/utils/ufoExperiences.js

@@ -3,7 +3,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.6";
+const packageVersion = "74.1.8";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/utils/viewportDetector.js

@@ -18,10 +18,28 @@ const ViewportObserver = ({
   children
 }) => {
   useEffect(() => {
-    const intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: getDocument(),
-      rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
-    });
+    let intersectionObserver;
+
+    try {
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: getDocument(),
+        rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
+      });
+    } catch (error) {
+      var _error$message;
+
+      const errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
+
+      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
+        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+          root: null,
+          rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
+        });
+      } else {
+        throw error;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return () => {
       intersectionObserver.disconnect();

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.1.6",
+	"version": "74.1.8",
 	"sideEffects": false
 }

package/dist/esm/{root/card/index.js → card/card.js}

@@ -25,25 +25,25 @@ import DownloadIcon from '@atlaskit/icon/glyph/download';
 import { globalMediaEventEmitter, isDifferentIdentifier, isFileIdentifier, RECENTS_COLLECTION, isImageRepresentationReady, isExternalImageIdentifier, isProcessedFileState, imageResizeModeToFileImageMode } from '@atlaskit/media-client';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import { injectIntl, IntlProvider } from 'react-intl-next';
-import { CardView } from '../cardView';
-import { ViewportDetector } from '../../utils/viewportDetector';
-import { getRequestedDimensions } from '../../utils/getDataURIDimension';
+import { CardView } from './cardView';
+import { ViewportDetector } from '../utils/viewportDetector';
+import { getRequestedDimensions } from '../utils/getDataURIDimension';
 import { getCardPreview, getCardPreviewFromCache, removeCardPreviewFromCache, getFilePreviewFromFileState, shouldResolvePreview, getSSRCardPreview, isLocalPreview, isSSRPreview, isSSRClientPreview, isSSRDataPreview, fetchAndCacheRemotePreview } from './getCardPreview';
-import { getFileDetails } from '../../utils/metadata';
-import { InlinePlayerLazy } from '../inlinePlayerLazy';
-import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../../utils/analytics';
-import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../../errors';
+import { getFileDetails } from '../utils/metadata';
+import { InlinePlayerLazy } from './inlinePlayerLazy';
+import { getFileAttributes, extractErrorInfo, LOGGED_FEATURE_FLAGS } from '../utils/analytics';
+import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../errors';
 import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, fireCopiedEvent, fireScreenEvent } from './cardAnalytics';
-import getDocument from '../../utils/document';
-import { StoreSSRDataScript, getSSRData } from '../../utils/globalScope';
+import getDocument from '../utils/document';
+import { StoreSSRDataScript, getSSRData } from '../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { isBigger } from '../../utils/dimensionComparer';
-import { getMediaCardCursor } from '../../utils/getMediaCardCursor';
-import { completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
-import { generateUniqueId } from '../../utils/generateUniqueId';
+import { isBigger } from '../utils/dimensionComparer';
+import { getMediaCardCursor } from '../utils/getMediaCardCursor';
+import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
+import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.6";
+var packageVersion = "74.1.8";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 

package/dist/esm/{root/card → card}/cardAnalytics.js

@@ -1,5 +1,5 @@
-import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getCopiedFilePayload, getRenderCommencedEventPayload, getRenderPreviewableCardPayload } from '../../utils/analytics';
-import { MediaCardError } from './../../errors';
+import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getCopiedFilePayload, getRenderCommencedEventPayload, getRenderPreviewableCardPayload } from '../utils/analytics';
+import { MediaCardError } from '../errors';
 export var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
   var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new MediaCardError('missing-error-data');
 

package/dist/esm/{files → card}/cardImageView/cardOverlay/styles.js

@@ -12,7 +12,7 @@ import { css } from '@emotion/react';
 import { borderRadius, size, ellipsis, absolute } from '@atlaskit/media-ui';
 import { themed } from '@atlaskit/theme/components';
 import * as colors from '@atlaskit/theme/colors';
-import { rgba, centerX, easeOutCubic, transition, antialiased } from '../../../styles';
+import { rgba, centerX, easeOutCubic, transition, antialiased } from '../../styles';
 export var tickBoxStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  background-color: ", ";\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  border-radius: 20px;\n  color: #798599; /* TODO FIL-3884: Align color with new design */\n  display: flex;\n  opacity: 0;\n\n  &.selected {\n    opacity: 1;\n    color: white;\n    background-color: #0052cc; /* TODO FIL-3884: Align with tickbox icons */\n  }\n\n  /* Enforce dimensions of \"tick\" icon */\n  svg {\n    position: absolute;\n    width: 14px;\n  }\n"])), size(14), transition(), rgba('#ffffff', 0.5));
 
 var getOverlayStyles = function getOverlayStyles(_ref) {

package/dist/esm/{root → card/cardImageView}/cardViewWrapper.js

@@ -1,6 +1,6 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { wrapperStyles } from './styles';
+import { wrapperStyles } from '../styles/styles';
 export var Wrapper = function Wrapper(props) {
   var testId = props.testId,
       shouldUsePointerCursor = props.shouldUsePointerCursor,

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

@@ -0,0 +1 @@
+export { FileCardImageView } from './fileCardImageView';

package/dist/esm/{files → card}/cardImageView/styles.js

@@ -6,8 +6,8 @@ import { css } from '@emotion/react';
 import { absolute, borderRadius, size } from '@atlaskit/media-ui';
 import { themed } from '@atlaskit/theme/components';
 import { N20, DN50, N0 } from '@atlaskit/theme/colors';
-import { rootStyles, cardShadow } from '../../styles';
-import { getSelectedBorderStyle } from '../../styles/getSelectedBorderStyle';
+import { rootStyles, cardShadow } from '../styles';
+import { getSelectedBorderStyle } from '../styles/getSelectedBorderStyle';
 
 var getShadowAttribute = function getShadowAttribute(props) {
   var disableOverlay = props.disableOverlay;

package/dist/esm/{root/card → card}/cardLoader.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
 import { useMemoizeFeatureFlags } from '@atlaskit/media-common';
 import Loadable from 'react-loadable';
-import { CardLoading } from '../..';
+import { CardLoading } from '../utils/lightCards/cardLoading';
 var MediaCardContext = /*#__PURE__*/React.createContext({});
 
 var CardLoadingWithContext = function CardLoadingWithContext() {
@@ -14,7 +14,7 @@ var MediaCard = Loadable({
   loader: function loader() {
     return import(
     /* webpackChunkName: "@atlaskit-internal_media-card" */
-    './index').then(function (mod) {
+    './card').then(function (mod) {
       return mod.Card;
     });
   },
@@ -26,7 +26,7 @@ var MediaCardErrorBoundary = Loadable({
   loader: function loader() {
     return import(
     /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */
-    '../media-card-analytics-error-boundary').then(function (mod) {
+    '../utils/media-card-analytics-error-boundary').then(function (mod) {
       return mod.default;
     });
   },

package/dist/esm/{root/card → card}/cardState.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { isErrorFileState } from '@atlaskit/media-client';
-import { MediaCardError } from '../../errors';
+import { MediaCardError } from '../errors';
 import { getCardStatus, isFinalCardStatus } from './getCardStatus';
 import { extractFilePreviewStatus } from './getCardPreview';
 export var createStateUpdater = function createStateUpdater(newState) {

package/dist/esm/{root → card}/cardView.js

@@ -24,14 +24,14 @@ import SpinnerIcon from '@atlaskit/spinner';
 import Tooltip from '@atlaskit/tooltip';
 import { toHumanReadableMediaSize, messages } from '@atlaskit/media-ui';
 import { isRateLimitedError, isPollingError } from '@atlaskit/media-client';
-import { FileCardImageView } from '../files';
+import { FileCardImageView } from './cardImageView';
 import { breakpointSize } from '../utils/breakpoint';
 import { defaultImageCardDimensions, getDefaultCardDimensions } from '../utils/cardDimensions';
 import { isValidPercentageUnit } from '../utils/isValidPercentageUnit';
 import { getCSSUnitValue } from '../utils/getCSSUnitValue';
 import { getElementDimension } from '../utils/getElementDimension';
 import { createAndFireMediaCardEvent } from '../utils/analytics';
-import { attachDetailsToActions } from '../actions';
+import { attachDetailsToActions } from './actions';
 import { getErrorMessage } from '../utils/getErrorMessage';
 import { cardImageContainerStyles, calcBreakpointSize } from './ui/styles';
 import { ImageRenderer } from './ui/imageRenderer/imageRenderer';
@@ -46,7 +46,7 @@ import { IconWrapper } from './ui/iconWrapper/iconWrapper';
 import { PreviewUnavailable, CreatingPreview, FailedToUpload, PreviewCurrentlyUnavailable, FailedToLoad } from './ui/iconMessage';
 import { isUploadError } from '../errors';
 import { NewFileExperienceWrapper } from './ui/newFileExperience/newFileExperienceWrapper';
-import { Wrapper } from './cardViewWrapper';
+import { Wrapper } from './cardImageView/cardViewWrapper';
 
 /**
  * This is classic vanilla CardView class. To create an instance of class one would need to supply

package/dist/esm/{root/card → card}/getCardPreview/cache.js

@@ -1,7 +1,7 @@
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createObjectURLCache } from '../../../utils/objectURLCache';
+import { createObjectURLCache } from '../../utils/objectURLCache';
 export var getCacheKey = function getCacheKey(id, mode) {
   var resizeMode = mode || 'crop';
   return [id, resizeMode].join('-');

package/dist/esm/{root/card → card}/getCardPreview/helpers.js

@@ -1,9 +1,9 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { takeSnapshot } from '../../../utils/videoSnapshot';
+import { takeSnapshot } from '../../utils/videoSnapshot';
 import { getMediaTypeFromMimeType } from '@atlaskit/media-common';
 import { getOrientation } from '@atlaskit/media-ui';
-import { LocalPreviewError, RemotePreviewError } from '../../../errors';
+import { LocalPreviewError, RemotePreviewError } from '../../errors';
 
 /**
  * This method tells the support for the media
@@ -36,7 +36,7 @@ var getImageLocalPreview = /*#__PURE__*/function () {
           case 8:
             _context.prev = 8;
             _context.t0 = _context["catch"](0);
-            throw new LocalPreviewError('local-preview-image', _context.t0);
+            throw new LocalPreviewError('local-preview-image', _context.t0 instanceof Error ? _context.t0 : undefined);
 
           case 11:
           case "end":
@@ -73,7 +73,7 @@ var getVideoLocalPreview = /*#__PURE__*/function () {
           case 7:
             _context2.prev = 7;
             _context2.t0 = _context2["catch"](0);
-            throw new LocalPreviewError('local-preview-video', _context2.t0);
+            throw new LocalPreviewError('local-preview-video', _context2.t0 instanceof Error ? _context2.t0 : undefined);
 
           case 10:
           case "end":
@@ -109,7 +109,7 @@ export var getCardPreviewFromFilePreview = /*#__PURE__*/function () {
           case 7:
             _context3.prev = 7;
             _context3.t0 = _context3["catch"](0);
-            throw new LocalPreviewError('local-preview-rejected', _context3.t0);
+            throw new LocalPreviewError('local-preview-rejected', _context3.t0 instanceof Error ? _context3.t0 : undefined);
 
           case 10:
             if (!(typeof value === 'string')) {
@@ -178,7 +178,7 @@ export var getCardPreviewFromBackend = /*#__PURE__*/function () {
           case 7:
             _context4.prev = 7;
             _context4.t0 = _context4["catch"](0);
-            throw new RemotePreviewError('remote-preview-fetch', _context4.t0);
+            throw new RemotePreviewError('remote-preview-fetch', _context4.t0 instanceof Error ? _context4.t0 : undefined);
 
           case 10:
           case "end":

package/dist/esm/{root/card → card}/getCardPreview/index.js

@@ -10,10 +10,10 @@ import { isPreviewableFileState, addFileAttrsToUrl } from '@atlaskit/media-clien
 import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import cardPreviewCache from './cache';
 import { getCardPreviewFromFilePreview, getCardPreviewFromBackend } from './helpers';
-import { MediaCardError, SsrPreviewError, isUnsupportedLocalPreviewError } from '../../../errors';
-import { isBigger } from '../../../utils/dimensionComparer';
+import { MediaCardError, SsrPreviewError, isUnsupportedLocalPreviewError } from '../../errors';
+import { isBigger } from '../../utils/dimensionComparer';
 import { extractFilePreviewStatus, isPreviewableStatus } from './filePreviewStatus';
-import { fireImageFetchingOperationalEvent, calculatePercentageDifference } from '../imageRefetchingAnalytics';
+import { fireImageFetchingOperationalEvent, calculatePercentageDifference } from './imageRefetchingAnalytics';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview } from './helpers';
 export { extractFilePreviewStatus } from './filePreviewStatus';
@@ -223,7 +223,7 @@ export var getSSRCardPreview = function getSSRCardPreview(ssr, mediaClient, id,
     };
   } catch (e) {
     var reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
-    throw new SsrPreviewError(reason, e);
+    throw new SsrPreviewError(reason, e instanceof Error ? e : undefined);
   }
 };
 export var isLocalPreview = function isLocalPreview(preview) {

package/dist/esm/card/index.js

@@ -0,0 +1 @@
+export { default as Card } from './cardLoader';