@atlaskit/media-card 76.1.2 → 76.2.1

package/dist/esm/card/v2/cardV2Loader.js

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useContext } from 'react';
+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 MediaV2Card = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_media-card-v2" */'./cardV2').then(function (mod) {
+      return mod.CardV2;
+    });
+  },
+  loading: function loading() {
+    return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);
+  }
+});
+var MediaCardErrorBoundary = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */'../media-card-analytics-error-boundary').then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);
+  }
+});
+var MediaCardWithMediaClient = function MediaCardWithMediaClient(props) {
+  var dimensions = props.dimensions,
+    onClick = props.onClick,
+    useMediaClient = props.useMediaClient,
+    featureFlags = props.featureFlags;
+  var mediaClient = useMediaClient();
+  var featureFlagsWithMediaCardV2 = React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, featureFlags), {}, {
+      mediaCardV2: true //used for analytics - internal use only
+    });
+  }, [featureFlags]);
+  return /*#__PURE__*/React.createElement(MediaCardErrorBoundary, {
+    dimensions: dimensions,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(MediaV2Card, _extends({}, props, {
+    featureFlags: featureFlagsWithMediaCardV2,
+    mediaClient: mediaClient
+  })));
+};
+var MediaCardWithMediaClientProvider = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react');
+  },
+  loading: function loading() {
+    return /*#__PURE__*/React.createElement(CardLoadingWithContext, null);
+  },
+  render: function render(loaded, props) {
+    var mediaCard = /*#__PURE__*/React.createElement(MediaCardWithMediaClient, _extends({}, props, {
+      useMediaClient: loaded.useMediaClient
+    }));
+    return /*#__PURE__*/React.createElement(loaded.MediaClientContext.Consumer, null, function (value) {
+      return value ? mediaCard :
+      /*#__PURE__*/
+      // TODO - make clientConfig optional
+      React.createElement(loaded.MediaClientProvider, {
+        clientConfig: props.mediaClientConfig
+      }, mediaCard);
+    });
+  }
+});
+var CardLoader = function CardLoader(props) {
+  return /*#__PURE__*/React.createElement(MediaCardContext.Provider, {
+    value: props
+  }, /*#__PURE__*/React.createElement(MediaCardWithMediaClientProvider, props));
+};
+export default CardLoader;

package/dist/esm/errors.js

@@ -7,67 +7,120 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 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; } }
+import { isPollingError as isMediaClientPollingError, isRateLimitedError as isMediaClientRateLimitedError } from '@atlaskit/media-client';
+
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
  */
 
-export var MediaCardError = /*#__PURE__*/function (_Error) {
-  _inherits(MediaCardError, _Error);
-  var _super = _createSuper(MediaCardError);
-  function MediaCardError(primaryReason, secondaryError) {
+export var MediaFileStateError = /*#__PURE__*/function (_Error) {
+  _inherits(MediaFileStateError, _Error);
+  var _super = _createSuper(MediaFileStateError);
+  function MediaFileStateError(id, reason) {
     var _this;
-    _classCallCheck(this, MediaCardError);
-    _this = _super.call(this, primaryReason);
+    var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    var details = arguments.length > 3 ? arguments[3] : undefined;
+    _classCallCheck(this, MediaFileStateError);
+    _this = _super.call(this, reason);
     // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
-    _this.primaryReason = primaryReason;
-    _this.secondaryError = secondaryError;
-    Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
+    _this.id = id;
+    _this.reason = reason;
+    _this.message = message;
+    _this.details = details;
+    Object.setPrototypeOf(_assertThisInitialized(_this), (this instanceof MediaFileStateError ? this.constructor : void 0).prototype);
 
     // https://v8.dev/docs/stack-trace-api
     if ('captureStackTrace' in Error) {
-      Error.captureStackTrace(_assertThisInitialized(_this), this instanceof MediaCardError ? this.constructor : void 0);
+      Error.captureStackTrace(_assertThisInitialized(_this), this instanceof MediaFileStateError ? this.constructor : void 0);
     }
     return _this;
   }
+  return _createClass(MediaFileStateError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+export function isMediaFileStateError(err) {
+  return err instanceof MediaFileStateError;
+}
+export function getFileStateErrorReason(err) {
+  var _err$details$reason, _err$details;
+  return (_err$details$reason = (_err$details = err.details) === null || _err$details === void 0 ? void 0 : _err$details.reason) !== null && _err$details$reason !== void 0 ? _err$details$reason : 'unknown';
+}
+var POLLING_REASON = 'pollingMaxAttemptsExceeded';
+export function isPollingError(err) {
+  if (!err) {
+    return false;
+  }
+  return isMediaClientPollingError(err) || isMediaFileStateError(err) && err.reason === POLLING_REASON;
+}
+export function isRateLimitedError(error) {
+  if (!error) {
+    return false;
+  }
+  if (isMediaClientRateLimitedError(error)) {
+    return true;
+  }
+  if (isMediaFileStateError(error)) {
+    var _error$details, _error$message;
+    return ((_error$details = error.details) === null || _error$details === void 0 ? void 0 : _error$details.statusCode) === 429 || ((_error$message = error.message) === null || _error$message === void 0 ? void 0 : _error$message.includes('429'));
+  }
+  return false;
+}
+export var MediaCardError = /*#__PURE__*/function (_Error2) {
+  _inherits(MediaCardError, _Error2);
+  var _super2 = _createSuper(MediaCardError);
+  function MediaCardError(primaryReason, secondaryError) {
+    var _this2;
+    _classCallCheck(this, MediaCardError);
+    _this2 = _super2.call(this, primaryReason);
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
+    _this2.primaryReason = primaryReason;
+    _this2.secondaryError = secondaryError;
+    Object.setPrototypeOf(_assertThisInitialized(_this2), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
+
+    // https://v8.dev/docs/stack-trace-api
+    if ('captureStackTrace' in Error) {
+      Error.captureStackTrace(_assertThisInitialized(_this2), this instanceof MediaCardError ? this.constructor : void 0);
+    }
+    return _this2;
+  }
   return _createClass(MediaCardError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 export var LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
   _inherits(LocalPreviewError, _MediaCardError);
-  var _super2 = _createSuper(LocalPreviewError);
+  var _super3 = _createSuper(LocalPreviewError);
   function LocalPreviewError(primaryReason, secondaryError) {
-    var _this2;
+    var _this3;
     _classCallCheck(this, LocalPreviewError);
-    _this2 = _super2.call(this, primaryReason, secondaryError);
-    _this2.primaryReason = primaryReason;
-    _this2.secondaryError = secondaryError;
-    return _this2;
+    _this3 = _super3.call(this, primaryReason, secondaryError);
+    _this3.primaryReason = primaryReason;
+    _this3.secondaryError = secondaryError;
+    return _this3;
   }
   return _createClass(LocalPreviewError);
 }(MediaCardError);
 export var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
   _inherits(RemotePreviewError, _MediaCardError2);
-  var _super3 = _createSuper(RemotePreviewError);
+  var _super4 = _createSuper(RemotePreviewError);
   function RemotePreviewError(primaryReason, secondaryError) {
-    var _this3;
+    var _this4;
     _classCallCheck(this, RemotePreviewError);
-    _this3 = _super3.call(this, primaryReason, secondaryError);
-    _this3.primaryReason = primaryReason;
-    _this3.secondaryError = secondaryError;
-    return _this3;
+    _this4 = _super4.call(this, primaryReason, secondaryError);
+    _this4.primaryReason = primaryReason;
+    _this4.secondaryError = secondaryError;
+    return _this4;
   }
   return _createClass(RemotePreviewError);
 }(MediaCardError);
 export var SsrPreviewError = /*#__PURE__*/function (_MediaCardError3) {
   _inherits(SsrPreviewError, _MediaCardError3);
-  var _super4 = _createSuper(SsrPreviewError);
+  var _super5 = _createSuper(SsrPreviewError);
   function SsrPreviewError(primaryReason, secondaryError) {
-    var _this4;
+    var _this5;
     _classCallCheck(this, SsrPreviewError);
-    _this4 = _super4.call(this, primaryReason, secondaryError);
-    _this4.primaryReason = primaryReason;
-    _this4.secondaryError = secondaryError;
-    return _this4;
+    _this5 = _super5.call(this, primaryReason, secondaryError);
+    _this5.primaryReason = primaryReason;
+    _this5.secondaryError = secondaryError;
+    return _this5;
   }
   return _createClass(SsrPreviewError);
 }(MediaCardError);
@@ -90,10 +143,10 @@ export var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source
 };
 export var ImageLoadError = /*#__PURE__*/function (_MediaCardError4) {
   _inherits(ImageLoadError, _MediaCardError4);
-  var _super5 = _createSuper(ImageLoadError);
+  var _super6 = _createSuper(ImageLoadError);
   function ImageLoadError(source) {
     _classCallCheck(this, ImageLoadError);
-    return _super5.call(this, getImageLoadPrimaryReason(source));
+    return _super6.call(this, getImageLoadPrimaryReason(source));
   }
   return _createClass(ImageLoadError);
 }(MediaCardError);

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "76.1.2",
+        packageName: "76.2.1",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -7,8 +7,8 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; } }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { B300, R300, N30A, N900 } from '@atlaskit/theme/colors';
@@ -40,8 +40,8 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
 
   var style = _objectSpread({
     lineHeight: '16px',
-    padding: '2px 4px',
-    marginRight: '-2px',
+    padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
+    marginRight: "var(--ds-space-negative-025, -2px)",
     WebkitBoxDecorationBreak: 'clone',
     display: 'inline',
     borderRadius: '3px',

package/dist/esm/inline/mediaInlineCardAnalytics.js

@@ -1,6 +1,6 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { extractErrorInfo } from '../utils/analytics';
 export var getSucceededStatusPayload = function getSucceededStatusPayload(fileState) {
   return {

package/dist/esm/utils/analytics.js

@@ -1,10 +1,10 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getMediaClientErrorReason, isRequestError } from '@atlaskit/media-client';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { createAndFireEvent } from '@atlaskit/analytics-next';
-import { isMediaCardError } from '../errors';
+import { isMediaCardError, getFileStateErrorReason, isMediaFileStateError } from '../errors';
 export var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,
@@ -97,7 +97,7 @@ export var getRenderErrorFailReason = function getRenderErrorFailReason(error) {
 };
 export var getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
   if (isMediaCardError(error) && error.secondaryError) {
-    var mediaClientReason = getMediaClientErrorReason(error.secondaryError);
+    var mediaClientReason = isMediaFileStateError(error.secondaryError) ? getFileStateErrorReason(error.secondaryError) : getMediaClientErrorReason(error.secondaryError);
     if (mediaClientReason !== 'unknown') {
       return mediaClientReason;
     }
@@ -112,14 +112,24 @@ export var getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error)
   }
 };
 export var getErrorTraceContext = function getErrorTraceContext(error) {
-  if (isMediaCardError(error) && !!error.secondaryError && isRequestError(error.secondaryError)) {
-    var _error$secondaryError;
-    return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+  if (isMediaCardError(error) && !!error.secondaryError) {
+    if (isRequestError(error.secondaryError)) {
+      var _error$secondaryError;
+      return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+    } else if (isMediaFileStateError(error.secondaryError)) {
+      var _error$secondaryError2, _error$secondaryError3;
+      return (_error$secondaryError2 = error.secondaryError.details) === null || _error$secondaryError2 === void 0 ? void 0 : (_error$secondaryError3 = _error$secondaryError2.metadata) === null || _error$secondaryError3 === void 0 ? void 0 : _error$secondaryError3.traceContext;
+    }
   }
 };
 export var getRenderErrorRequestMetadata = function getRenderErrorRequestMetadata(error) {
-  if (isMediaCardError(error) && !!error.secondaryError && isRequestError(error.secondaryError)) {
-    return error.secondaryError.metadata;
+  if (isMediaCardError(error) && !!error.secondaryError) {
+    if (isRequestError(error.secondaryError)) {
+      return error.secondaryError.metadata;
+    } else if (isMediaFileStateError(error.secondaryError)) {
+      var _error$secondaryError4;
+      return (_error$secondaryError4 = error.secondaryError.details) === null || _error$secondaryError4 === void 0 ? void 0 : _error$secondaryError4.metadata;
+    }
   }
 };
 export var extractErrorInfo = function extractErrorInfo(error, metadataTraceContext) {

package/dist/esm/utils/objectURLCache.js

@@ -65,6 +65,11 @@ export var ObjectURLCache = /*#__PURE__*/function () {
       var removed = this.cache.delete(key);
       removed && URL.revokeObjectURL(removed.dataURI);
     }
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.cache.clear();
+    }
   }]);
   return ObjectURLCache;
 }();

package/dist/esm/utils/ufoExperiences.js

@@ -1,13 +1,13 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.1.2";
+var packageVersion = "76.2.1";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/cardSwitcher.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").FC<import("./cardLoader").CardWithMediaClientConfigProps>;
+export default _default;

package/dist/types/card/getCardPreview/cache.d.ts

@@ -7,6 +7,7 @@ export interface CardPreviewCache {
     get(id: string, mode: Mode): CardPreview | undefined;
     set(id: string, mode: Mode, cardPreview: CardPreview): void;
     remove(id: string, mode: Mode): void;
+    clear(): void;
 }
 export declare class CardPreviewCacheImpl implements CardPreviewCache {
     private previewCache;
@@ -14,6 +15,7 @@ export declare class CardPreviewCacheImpl implements CardPreviewCache {
     get: (id: string, mode: Mode) => CardPreview | undefined;
     set: (id: string, mode: Mode, cardPreview: CardPreview) => void;
     remove: (id: string, mode: Mode) => void;
+    clear: () => void;
 }
 declare const _default: CardPreviewCacheImpl;
 export default _default;

package/dist/types/card/index.d.ts

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

package/dist/types/card/v2/cardV2.d.ts

@@ -0,0 +1,62 @@
+import React, { Component } from 'react';
+import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
+import { WrappedComponentProps } from 'react-intl-next';
+import { CardAction } from '../actions';
+import { CardProps, CardState, CardStatus } from '../../types';
+export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
+    private internalOccurrenceKey;
+    private hasBeenMounted;
+    private fileStateFlags;
+    private ssrReliability;
+    private timeElapsedTillCommenced;
+    subscription?: MediaSubscription;
+    private ssrData?;
+    private traceContext;
+    static defaultProps: Partial<CardProps>;
+    constructor(props: CardV2BaseProps);
+    private getSSRPreview;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
+    componentWillUnmount(): void;
+    updateStateForIdentifier(identifier: FileIdentifier): void;
+    private getImageURLParams;
+    private getMediaBlobUrlAttrs;
+    private getCardPreviewParams;
+    private setCacheSSRPreview;
+    private refetchSSRPreview;
+    private resolveUpfrontPreview;
+    private fetchAndCacheRemotePreview;
+    private resolvePreview;
+    updateFileStateFlag(fileState?: FileState): void;
+    private subscribeFileState;
+    private get requestedDimensions();
+    private get metadata();
+    private get fileAttributes();
+    private getPerformanceAttributes;
+    private logSSRImageError;
+    private onImageError;
+    private onImageLoad;
+    private fireOperationalEvent;
+    private fireCommencedEvent;
+    private fireCopiedEvent;
+    private fireScreenEvent;
+    private fireNonCriticalErrorEvent;
+    private safeSetState;
+    get actions(): CardAction[];
+    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onInlinePlayerError: () => void;
+    setRef: (cardRef: HTMLDivElement | null) => void;
+    renderInlinePlayer: () => JSX.Element;
+    onMediaViewerClose: () => void;
+    private onDisplayImage;
+    renderMediaViewer: () => React.ReactPortal | undefined;
+    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
+    private storeSSRData;
+    render(): JSX.Element;
+    private onCardInViewport;
+    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const CardV2: React.ComponentType<CardV2BaseProps>;

package/dist/types/card/v2/cardV2Loader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardWithMediaClientConfigProps } from '../cardLoader';
+declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
+export default CardLoader;

package/dist/types/errors.d.ts

@@ -1,3 +1,4 @@
+import { MediaClientErrorReason } from '@atlaskit/media-client';
 import { CardPreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
@@ -8,6 +9,17 @@ export type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'l
 export type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready' | 'remote-preview-fetch-ssr';
 export type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
 export type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
+export declare class MediaFileStateError extends Error {
+    readonly id: string;
+    readonly reason?: string | undefined;
+    readonly message: string;
+    readonly details?: Record<string, any> | undefined;
+    constructor(id: string, reason?: string | undefined, message?: string, details?: Record<string, any> | undefined);
+}
+export declare function isMediaFileStateError(err: Error): err is MediaFileStateError;
+export declare function getFileStateErrorReason(err: MediaFileStateError): MediaClientErrorReason | 'unknown';
+export declare function isPollingError(err?: Error): boolean;
+export declare function isRateLimitedError(error?: Error): boolean;
 export declare class MediaCardError extends Error {
     readonly primaryReason: MediaCardErrorPrimaryReason;
     readonly secondaryError?: Error | undefined;

package/dist/types/types.d.ts

@@ -102,4 +102,5 @@ export interface CardState {
     isBannedLocalPreview: boolean;
     previewDidRender: boolean;
     wasResolvedUpfrontPreview: boolean;
+    shouldUpdateStateForIdentifier?: boolean;
 }

package/dist/types/utils/objectURLCache.d.ts

@@ -7,5 +7,6 @@ export declare class ObjectURLCache {
     get(key: string): CardPreview | undefined;
     set(key: string, value: CardPreview): void;
     remove(key: string): void;
+    clear(): void;
 }
 export declare const createObjectURLCache: () => ObjectURLCache;

package/dist/types-ts4.5/card/cardSwitcher.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").FC<import("./cardLoader").CardWithMediaClientConfigProps>;
+export default _default;

package/dist/types-ts4.5/card/getCardPreview/cache.d.ts

@@ -7,6 +7,7 @@ export interface CardPreviewCache {
     get(id: string, mode: Mode): CardPreview | undefined;
     set(id: string, mode: Mode, cardPreview: CardPreview): void;
     remove(id: string, mode: Mode): void;
+    clear(): void;
 }
 export declare class CardPreviewCacheImpl implements CardPreviewCache {
     private previewCache;
@@ -14,6 +15,7 @@ export declare class CardPreviewCacheImpl implements CardPreviewCache {
     get: (id: string, mode: Mode) => CardPreview | undefined;
     set: (id: string, mode: Mode, cardPreview: CardPreview) => void;
     remove: (id: string, mode: Mode) => void;
+    clear: () => void;
 }
 declare const _default: CardPreviewCacheImpl;
 export default _default;

package/dist/types-ts4.5/card/index.d.ts

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

package/dist/types-ts4.5/card/v2/cardV2.d.ts

@@ -0,0 +1,62 @@
+import React, { Component } from 'react';
+import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
+import { WrappedComponentProps } from 'react-intl-next';
+import { CardAction } from '../actions';
+import { CardProps, CardState, CardStatus } from '../../types';
+export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export declare class CardV2Base extends Component<CardV2BaseProps, CardState> {
+    private internalOccurrenceKey;
+    private hasBeenMounted;
+    private fileStateFlags;
+    private ssrReliability;
+    private timeElapsedTillCommenced;
+    subscription?: MediaSubscription;
+    private ssrData?;
+    private traceContext;
+    static defaultProps: Partial<CardProps>;
+    constructor(props: CardV2BaseProps);
+    private getSSRPreview;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CardProps, prevState: CardState): void;
+    componentWillUnmount(): void;
+    updateStateForIdentifier(identifier: FileIdentifier): void;
+    private getImageURLParams;
+    private getMediaBlobUrlAttrs;
+    private getCardPreviewParams;
+    private setCacheSSRPreview;
+    private refetchSSRPreview;
+    private resolveUpfrontPreview;
+    private fetchAndCacheRemotePreview;
+    private resolvePreview;
+    updateFileStateFlag(fileState?: FileState): void;
+    private subscribeFileState;
+    private get requestedDimensions();
+    private get metadata();
+    private get fileAttributes();
+    private getPerformanceAttributes;
+    private logSSRImageError;
+    private onImageError;
+    private onImageLoad;
+    private fireOperationalEvent;
+    private fireCommencedEvent;
+    private fireCopiedEvent;
+    private fireScreenEvent;
+    private fireNonCriticalErrorEvent;
+    private safeSetState;
+    get actions(): CardAction[];
+    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onInlinePlayerError: () => void;
+    setRef: (cardRef: HTMLDivElement | null) => void;
+    renderInlinePlayer: () => JSX.Element;
+    onMediaViewerClose: () => void;
+    private onDisplayImage;
+    renderMediaViewer: () => React.ReactPortal | undefined;
+    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
+    private storeSSRData;
+    render(): JSX.Element;
+    private onCardInViewport;
+    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export declare const CardV2: React.ComponentType<CardV2BaseProps>;

package/dist/types-ts4.5/card/v2/cardV2Loader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardWithMediaClientConfigProps } from '../cardLoader';
+declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
+export default CardLoader;

package/dist/types-ts4.5/errors.d.ts

@@ -1,3 +1,4 @@
+import { MediaClientErrorReason } from '@atlaskit/media-client';
 import { CardPreview } from './types';
 /**
  * Primary reason is logged through Data Portal.
@@ -8,6 +9,17 @@ export type ImageLoadPrimaryReason = 'cache-remote-uri' | 'cache-local-uri' | 'l
 export type RemotePreviewPrimaryReason = 'remote-preview-fetch' | 'remote-preview-not-ready' | 'remote-preview-fetch-ssr';
 export type LocalPreviewPrimaryReason = 'local-preview-get' | 'local-preview-unsupported' | 'local-preview-rejected' | 'local-preview-image' | 'local-preview-video';
 export type SsrPreviewPrimaryReason = 'ssr-client-uri' | 'ssr-client-load' | 'ssr-server-uri' | 'ssr-server-load';
+export declare class MediaFileStateError extends Error {
+    readonly id: string;
+    readonly reason?: string | undefined;
+    readonly message: string;
+    readonly details?: Record<string, any> | undefined;
+    constructor(id: string, reason?: string | undefined, message?: string, details?: Record<string, any> | undefined);
+}
+export declare function isMediaFileStateError(err: Error): err is MediaFileStateError;
+export declare function getFileStateErrorReason(err: MediaFileStateError): MediaClientErrorReason | 'unknown';
+export declare function isPollingError(err?: Error): boolean;
+export declare function isRateLimitedError(error?: Error): boolean;
 export declare class MediaCardError extends Error {
     readonly primaryReason: MediaCardErrorPrimaryReason;
     readonly secondaryError?: Error | undefined;