@atlaskit/media-card 74.1.6 → 74.1.8

package/dist/cjs/classnames.js

@@ -16,4 +16,4 @@ Object.defineProperty(exports, "fileCardImageViewSelector", {
   }
 });
 
-var _classnames = require("./files/cardImageView/classnames");
+var _classnames = require("./card/cardImageView/classnames");

package/dist/cjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
-    return _root.Card;
+    return _card.Card;
   }
 });
 Object.defineProperty(exports, "CardError", {
@@ -24,7 +24,7 @@ Object.defineProperty(exports, "CardLoading", {
 Object.defineProperty(exports, "MediaInlineCard", {
   enumerable: true,
   get: function get() {
-    return _root.MediaInlineCard;
+    return _inline.MediaInlineCard;
   }
 });
 Object.defineProperty(exports, "defaultImageCardDimensions", {
@@ -58,7 +58,9 @@ Object.defineProperty(exports, "newFileExperienceClassName", {
   }
 });
 
-var _root = require("./root");
+var _card = require("./card");
+
+var _inline = require("./inline");
 
 var _cardLoading = require("./utils/lightCards/cardLoading");
 
@@ -66,8 +68,8 @@ var _cardError = require("./utils/lightCards/cardError");
 
 var _cardDimensions = require("./utils/cardDimensions");
 
-var _classnames = require("./files/cardImageView/classnames");
+var _classnames = require("./card/cardImageView/classnames");
 
-var _styles = require("./root/styles");
+var _styles = require("./card/styles/styles");
 
-var _cardConstants = require("./root/card/cardConstants");
+var _cardConstants = require("./card/cardConstants");

package/dist/cjs/{root → inline}/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _cardLoader.default;
-  }
-});
 Object.defineProperty(exports, "MediaInlineCard", {
   enumerable: true,
   get: function get() {
@@ -18,6 +12,4 @@ Object.defineProperty(exports, "MediaInlineCard", {
   }
 });
 
-var _cardLoader = _interopRequireDefault(require("./card/cardLoader"));
-
-var _loader = _interopRequireDefault(require("./inline/loader"));
+var _loader = _interopRequireDefault(require("./loader"));

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

@@ -88,7 +88,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
                 }), Promise.resolve().then(function () {
                   return _interopRequireWildcard(require('./mediaInlineCard'));
                 }), Promise.resolve().then(function () {
-                  return _interopRequireWildcard(require('../media-card-analytics-error-boundary'));
+                  return _interopRequireWildcard(require('../utils/media-card-analytics-error-boundary'));
                 })]);
 
               case 5:

package/dist/cjs/types.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaCardCursor = void 0;
+
+/**
+ * Entry Point: @atlaskit/media-card/types
+ * tsconfig.entry-points.json
+ */
 var MediaCardCursor;
 exports.MediaCardCursor = MediaCardCursor;
 

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

@@ -5,20 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardActionButton = void 0;
 
-var _react = require("@emotion/react");
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
 
 var _styles = require("./styles");
 
 /**@jsx jsx */
-var CardActionButton = function CardActionButton(props) {
-  return (0, _react.jsx)("div", {
+var CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return (0, _react2.jsx)("div", {
     id: "cardActionButton",
     "data-testid": "media-card-primary-action",
     css: (0, _styles.cardActionButtonStyles)(props),
     style: props.style,
     onClick: props.onClick,
-    onMouseDown: props.onMouseDown
+    onMouseDown: props.onMouseDown,
+    ref: ref
   }, props.children);
-};
-
+});
 exports.CardActionButton = CardActionButton;

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

@@ -45,10 +45,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-var CardActionButtonWithProps = function CardActionButtonWithProps(props) {
-  return /*#__PURE__*/_react.default.createElement(_cardActionButton.CardActionButton, props);
-};
-
 var CardActionButtonWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
   onClick: (0, _analytics.createAndFireMediaCardEvent)({
     eventType: 'ui',
@@ -57,12 +53,12 @@ var CardActionButtonWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
     actionSubjectId: 'mediaCardDropDownMenu',
     attributes: {}
   })
-})(CardActionButtonWithProps);
+})(_cardActionButton.CardActionButton);
 
 // Trick applied due to the lack of props type of DropdownItem
 var DropdownItemWithProps = function DropdownItemWithProps(props) {
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, (0, _extends2.default)({
-    "data-testid": "media-card-actions-menu-item"
+    testId: "media-card-actions-menu-item"
   }, props));
 };
 

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

@@ -15,7 +15,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _mediaUi = require("@atlaskit/media-ui");
 
-var _styles = require("../../styles");
+var _styles = require("../../card/styles");
 
 var _templateObject, _templateObject2;
 

package/dist/cjs/utils/objectURLCache.js

@@ -19,7 +19,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _lruFast = require("lru-fast");
+var _lru_map = require("lru_map");
 
 var _eventemitter = require("eventemitter2");
 
@@ -30,8 +30,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var PREVIEW_CACHE_LRU_SIZE = 50;
 exports.PREVIEW_CACHE_LRU_SIZE = PREVIEW_CACHE_LRU_SIZE;
 
-var ExtendedLRUCache = /*#__PURE__*/function (_LRUCache) {
-  (0, _inherits2.default)(ExtendedLRUCache, _LRUCache);
+var ExtendedLRUCache = /*#__PURE__*/function (_LRUMap) {
+  (0, _inherits2.default)(ExtendedLRUCache, _LRUMap);
 
   var _super = _createSuper(ExtendedLRUCache);
 
@@ -58,15 +58,15 @@ var ExtendedLRUCache = /*#__PURE__*/function (_LRUCache) {
     }
   }]);
   return ExtendedLRUCache;
-}(_lruFast.LRUCache);
+}(_lru_map.LRUMap);
 
 var ObjectURLCache = /*#__PURE__*/function () {
   function ObjectURLCache(size) {
     (0, _classCallCheck2.default)(this, ObjectURLCache);
     this.cache = new ExtendedLRUCache(size);
     this.cache.on('shift', function (entry) {
-      if (entry && entry.value.dataURI) {
-        URL.revokeObjectURL(entry.value.dataURI);
+      if (entry && entry[1].dataURI) {
+        URL.revokeObjectURL(entry[1].dataURI);
       }
     });
   }
@@ -89,7 +89,7 @@ var ObjectURLCache = /*#__PURE__*/function () {
   }, {
     key: "remove",
     value: function remove(key) {
-      var removed = this.cache.remove(key);
+      var removed = this.cache.delete(key);
       removed && URL.revokeObjectURL(removed.dataURI);
     }
   }]);

package/dist/cjs/utils/preventClickThrough.js

@@ -16,7 +16,8 @@ function PreventClickThrough(_ref) {
     onClick: function onClick(event) {
       event.stopPropagation();
       event.preventDefault();
-    }
+    },
+    "data-testid": "prevent-click-through"
   }, children);
 }
 

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,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) { (0, _defineProperty2.default)(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; }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.1.6";
+var packageVersion = "74.1.8";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/utils/viewportDetector.js

@@ -53,10 +53,28 @@ var ViewportObserver = function ViewportObserver(_ref) {
       cardEl = _ref.cardEl,
       children = _ref.children;
   (0, _react.useEffect)(function () {
-    var intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-      root: (0, _document.default)(),
-      rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-    });
+    var intersectionObserver;
+
+    try {
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: (0, _document.default)(),
+        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+      });
+    } catch (error) {
+      var _error$message;
+
+      var 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: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+        });
+      } else {
+        throw error;
+      }
+    }
+
     cardEl && intersectionObserver.observe(cardEl);
     return function () {
       intersectionObserver.disconnect();

package/dist/cjs/version.json

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

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

@@ -7,25 +7,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, 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';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.1.6";
+const packageVersion = "74.1.8";
 export class CardBase extends Component {
   // An internalOccurrenceKey is a randomly generated value to differentiate various instances
   // of Cards regardless of whether it shares the same file (either internal or external)

package/dist/es2019/{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 const fireOperationalEvent = (createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error = new MediaCardError('missing-error-data')) => {
   const fireEvent = payload => fireMediaCardEvent(payload, createAnalyticsEvent);
 

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

@@ -8,7 +8,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 const tickBoxStyles = css`
   ${size(14)}
   ${transition()}

package/dist/es2019/{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 const Wrapper = props => {
   const {
     testId,

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

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

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

@@ -2,8 +2,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';
 
 const getShadowAttribute = props => {
   const {

package/dist/es2019/{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';
 const MediaCardContext = /*#__PURE__*/React.createContext({});
 
 const CardLoadingWithContext = () => {
@@ -13,13 +13,13 @@ const CardLoadingWithContext = () => {
 const MediaCard = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_media-card" */
-  './index').then(mod => mod.Card),
+  './card').then(mod => mod.Card),
   loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null)
 });
 const MediaCardErrorBoundary = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */
-  '../media-card-analytics-error-boundary').then(mod => mod.default),
+  '../utils/media-card-analytics-error-boundary').then(mod => mod.default),
   loading: () => /*#__PURE__*/React.createElement(CardLoadingWithContext, null)
 });
 const MediaCardWithMediaClient = Loadable({

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

@@ -1,5 +1,5 @@
 import { isErrorFileState } from '@atlaskit/media-client';
-import { MediaCardError } from '../../errors';
+import { MediaCardError } from '../errors';
 import { getCardStatus, isFinalCardStatus } from './getCardStatus';
 import { extractFilePreviewStatus } from './getCardPreview';
 export const createStateUpdater = newState => prevState => {

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

@@ -10,14 +10,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';
@@ -32,7 +32,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/es2019/{root/card → card}/getCardPreview/cache.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { createObjectURLCache } from '../../../utils/objectURLCache';
+import { createObjectURLCache } from '../../utils/objectURLCache';
 export const getCacheKey = (id, mode) => {
   const resizeMode = mode || 'crop';
   return [id, resizeMode].join('-');

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

@@ -1,7 +1,7 @@
-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
@@ -19,7 +19,7 @@ const getImageLocalPreview = async value => {
       source: 'local'
     };
   } catch (e) {
-    throw new LocalPreviewError('local-preview-image', e);
+    throw new LocalPreviewError('local-preview-image', e instanceof Error ? e : undefined);
   }
 };
 
@@ -32,7 +32,7 @@ const getVideoLocalPreview = async value => {
       source: 'local'
     };
   } catch (e) {
-    throw new LocalPreviewError('local-preview-video', e);
+    throw new LocalPreviewError('local-preview-video', e instanceof Error ? e : undefined);
   }
 };
 
@@ -43,7 +43,7 @@ export const getCardPreviewFromFilePreview = async filePreview => {
     const resolvedFilePreview = await filePreview;
     value = resolvedFilePreview.value;
   } catch (e) {
-    throw new LocalPreviewError('local-preview-rejected', e);
+    throw new LocalPreviewError('local-preview-rejected', e instanceof Error ? e : undefined);
   }
 
   if (typeof value === 'string') {
@@ -78,6 +78,6 @@ export const getCardPreviewFromBackend = async (mediaClient, id, params) => {
       source: 'remote'
     };
   } catch (e) {
-    throw new RemotePreviewError('remote-preview-fetch', e);
+    throw new RemotePreviewError('remote-preview-fetch', e instanceof Error ? e : undefined);
   }
 };

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

@@ -2,10 +2,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';
@@ -180,7 +180,7 @@ export const getSSRCardPreview = (ssr, mediaClient, id, params, mediaBlobUrlAttr
     };
   } catch (e) {
     const reason = ssr === 'server' ? 'ssr-server-uri' : 'ssr-client-uri';
-    throw new SsrPreviewError(reason, e);
+    throw new SsrPreviewError(reason, e instanceof Error ? e : undefined);
   }
 };
 export const isLocalPreview = preview => {

package/dist/es2019/card/index.js

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

package/dist/es2019/{root → card}/inlinePlayer.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { Component } from 'react';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { CustomMediaPlayer, InactivityDetector } from '@atlaskit/media-ui';
-import { defaultImageCardDimensions } from '..';
+import { defaultImageCardDimensions } from '../utils';
 import { CardLoading } from '../utils/lightCards/cardLoading';
 import { ProgressBar } from './ui/progressBar/progressBar';
 import { calcBreakpointSize } from './ui/styles';
@@ -55,7 +55,7 @@ export class InlinePlayerBase extends Component {
         const fileSrc = await mediaClient.file.getFileBinaryURL(id, collectionName);
         this.setFileSrc(fileSrc);
       } catch (error) {
-        if (onError) {
+        if (onError && error instanceof Error) {
           onError(error);
         }
       }
@@ -187,7 +187,7 @@ export class InlinePlayerBase extends Component {
               onError
             } = this.props;
 
-            if (onError) {
+            if (onError && error instanceof Error) {
               onError(error);
             }
           }

package/dist/es2019/{root → card}/inlinePlayerWrapper.js

@@ -1,6 +1,6 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './styles';
+import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './styles/styles';
 export const InlinePlayerWrapper = props => {
   const {
     testId,

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

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { getCSSUnitValue } from '../utils/getCSSUnitValue';
-import { breakpointStyles } from '../utils/breakpoint';
-import { getSelectedBorderStyle } from '../styles/getSelectedBorderStyle';
-import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
+import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
+import { breakpointStyles } from '../../utils/breakpoint';
+import { getSelectedBorderStyle } from './getSelectedBorderStyle';
+import { getDimensionsWithDefault } from '../../utils/lightCards/getDimensionsWithDefault';
 export const inlinePlayerClassName = 'media-card-inline-player';
 
 const getWrapperHeight = dimensions => dimensions && dimensions.height ? `height: ${getCSSUnitValue(dimensions.height)}; max-height: 100%;` : '';

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { transition } from '../../../styles';
+import { transition } from '../../styles';
 export const actionsBarClassName = 'media-card-actions-bar';
 export const fixedActionBarStyles = `opacity: 1;`;
 export const wrapperStyles = isFixed => css`

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { transition } from '../../../styles';
+import { transition } from '../../styles';
 import { N90A } from '@atlaskit/theme/colors';
 export const blanketClassName = 'media-card-blanket';
 export const fixedBlanketStyles = `background-color: ${N90A};`;