@atlaskit/media-card 76.1.2 → 76.2.0

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

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _cardLoading = require("../../utils/lightCards/cardLoading");
+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) { (0, _defineProperty2.default)(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; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var MediaCardContext = /*#__PURE__*/_react.default.createContext({});
+var CardLoadingWithContext = function CardLoadingWithContext() {
+  var props = (0, _react.useContext)(MediaCardContext);
+  return /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, props);
+};
+var MediaV2Card = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-card-v2" */'./cardV2'));
+    }).then(function (mod) {
+      return mod.CardV2;
+    });
+  },
+  loading: function loading() {
+    return /*#__PURE__*/_react.default.createElement(CardLoadingWithContext, null);
+  }
+});
+var MediaCardErrorBoundary = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-card-error-boundary" */'../media-card-analytics-error-boundary'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return /*#__PURE__*/_react.default.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.default.useMemo(function () {
+    return _objectSpread(_objectSpread({}, featureFlags), {}, {
+      mediaCardV2: true //used for analytics - internal use only
+    });
+  }, [featureFlags]);
+  return /*#__PURE__*/_react.default.createElement(MediaCardErrorBoundary, {
+    dimensions: dimensions,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(MediaV2Card, (0, _extends2.default)({}, props, {
+    featureFlags: featureFlagsWithMediaCardV2,
+    mediaClient: mediaClient
+  })));
+};
+var MediaCardWithMediaClientProvider = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
+    });
+  },
+  loading: function loading() {
+    return /*#__PURE__*/_react.default.createElement(CardLoadingWithContext, null);
+  },
+  render: function render(loaded, props) {
+    var mediaCard = /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClient, (0, _extends2.default)({}, props, {
+      useMediaClient: loaded.useMediaClient
+    }));
+    return /*#__PURE__*/_react.default.createElement(loaded.MediaClientContext.Consumer, null, function (value) {
+      return value ? mediaCard :
+      /*#__PURE__*/
+      // TODO - make clientConfig optional
+      _react.default.createElement(loaded.MediaClientProvider, {
+        clientConfig: props.mediaClientConfig
+      }, mediaCard);
+    });
+  }
+});
+var CardLoader = function CardLoader(props) {
+  return /*#__PURE__*/_react.default.createElement(MediaCardContext.Provider, {
+    value: props
+  }, /*#__PURE__*/_react.default.createElement(MediaCardWithMediaClientProvider, props));
+};
+var _default = CardLoader;
+exports.default = _default;

package/dist/cjs/errors.js

@@ -4,10 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getImageLoadPrimaryReason = exports.ensureMediaCardError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaCardError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
+exports.ensureMediaCardError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaFileStateError = exports.MediaCardError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
+exports.getFileStateErrorReason = getFileStateErrorReason;
+exports.getImageLoadPrimaryReason = void 0;
 exports.isImageLoadError = isImageLoadError;
 exports.isLocalPreviewError = void 0;
 exports.isMediaCardError = isMediaCardError;
+exports.isMediaFileStateError = isMediaFileStateError;
+exports.isPollingError = isPollingError;
+exports.isRateLimitedError = isRateLimitedError;
 exports.isUploadError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -16,71 +21,124 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _mediaClient = require("@atlaskit/media-client");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 /**
  * Primary reason is logged through Data Portal.
  * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
  */
-var MediaCardError = /*#__PURE__*/function (_Error) {
-  (0, _inherits2.default)(MediaCardError, _Error);
-  var _super = _createSuper(MediaCardError);
-  function MediaCardError(primaryReason, secondaryError) {
+var MediaFileStateError = /*#__PURE__*/function (_Error) {
+  (0, _inherits2.default)(MediaFileStateError, _Error);
+  var _super = _createSuper(MediaFileStateError);
+  function MediaFileStateError(id, reason) {
     var _this;
-    (0, _classCallCheck2.default)(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;
+    (0, _classCallCheck2.default)(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((0, _assertThisInitialized2.default)(_this), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
+    _this.id = id;
+    _this.reason = reason;
+    _this.message = message;
+    _this.details = details;
+    Object.setPrototypeOf((0, _assertThisInitialized2.default)(_this), (this instanceof MediaFileStateError ? this.constructor : void 0).prototype);
 
     // https://v8.dev/docs/stack-trace-api
     if ('captureStackTrace' in Error) {
-      Error.captureStackTrace((0, _assertThisInitialized2.default)(_this), this instanceof MediaCardError ? this.constructor : void 0);
+      Error.captureStackTrace((0, _assertThisInitialized2.default)(_this), this instanceof MediaFileStateError ? this.constructor : void 0);
     }
     return _this;
   }
+  return (0, _createClass2.default)(MediaFileStateError);
+}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
+exports.MediaFileStateError = MediaFileStateError;
+function isMediaFileStateError(err) {
+  return err instanceof MediaFileStateError;
+}
+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';
+function isPollingError(err) {
+  if (!err) {
+    return false;
+  }
+  return (0, _mediaClient.isPollingError)(err) || isMediaFileStateError(err) && err.reason === POLLING_REASON;
+}
+function isRateLimitedError(error) {
+  if (!error) {
+    return false;
+  }
+  if ((0, _mediaClient.isRateLimitedError)(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;
+}
+var MediaCardError = /*#__PURE__*/function (_Error2) {
+  (0, _inherits2.default)(MediaCardError, _Error2);
+  var _super2 = _createSuper(MediaCardError);
+  function MediaCardError(primaryReason, secondaryError) {
+    var _this2;
+    (0, _classCallCheck2.default)(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((0, _assertThisInitialized2.default)(_this2), (this instanceof MediaCardError ? this.constructor : void 0).prototype);
+
+    // https://v8.dev/docs/stack-trace-api
+    if ('captureStackTrace' in Error) {
+      Error.captureStackTrace((0, _assertThisInitialized2.default)(_this2), this instanceof MediaCardError ? this.constructor : void 0);
+    }
+    return _this2;
+  }
   return (0, _createClass2.default)(MediaCardError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
 exports.MediaCardError = MediaCardError;
 var LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
   (0, _inherits2.default)(LocalPreviewError, _MediaCardError);
-  var _super2 = _createSuper(LocalPreviewError);
+  var _super3 = _createSuper(LocalPreviewError);
   function LocalPreviewError(primaryReason, secondaryError) {
-    var _this2;
+    var _this3;
     (0, _classCallCheck2.default)(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 (0, _createClass2.default)(LocalPreviewError);
 }(MediaCardError);
 exports.LocalPreviewError = LocalPreviewError;
 var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
   (0, _inherits2.default)(RemotePreviewError, _MediaCardError2);
-  var _super3 = _createSuper(RemotePreviewError);
+  var _super4 = _createSuper(RemotePreviewError);
   function RemotePreviewError(primaryReason, secondaryError) {
-    var _this3;
+    var _this4;
     (0, _classCallCheck2.default)(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 (0, _createClass2.default)(RemotePreviewError);
 }(MediaCardError);
 exports.RemotePreviewError = RemotePreviewError;
 var SsrPreviewError = /*#__PURE__*/function (_MediaCardError3) {
   (0, _inherits2.default)(SsrPreviewError, _MediaCardError3);
-  var _super4 = _createSuper(SsrPreviewError);
+  var _super5 = _createSuper(SsrPreviewError);
   function SsrPreviewError(primaryReason, secondaryError) {
-    var _this4;
+    var _this5;
     (0, _classCallCheck2.default)(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 (0, _createClass2.default)(SsrPreviewError);
 }(MediaCardError);
@@ -105,10 +163,10 @@ var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
 exports.getImageLoadPrimaryReason = getImageLoadPrimaryReason;
 var ImageLoadError = /*#__PURE__*/function (_MediaCardError4) {
   (0, _inherits2.default)(ImageLoadError, _MediaCardError4);
-  var _super5 = _createSuper(ImageLoadError);
+  var _super6 = _createSuper(ImageLoadError);
   function ImageLoadError(source) {
     (0, _classCallCheck2.default)(this, ImageLoadError);
-    return _super5.call(this, getImageLoadPrimaryReason(source));
+    return _super6.call(this, getImageLoadPrimaryReason(source));
   }
   return (0, _createClass2.default)(ImageLoadError);
 }(MediaCardError);

package/dist/cjs/inline/loader.js

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

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -19,8 +19,8 @@ var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _analytics = require("../utils/analytics");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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) { (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; }
+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) { (0, _defineProperty2.default)(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; }
 var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
   var message = _ref.message,
     isSelected = _ref.isSelected;

package/dist/cjs/inline/mediaInlineCardAnalytics.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getSucceededStatusPayload = exports.getFailedProcessingStatusPayload = exports.getErrorStatusPayload = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("../utils/analytics");
-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) { (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; }
+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) { (0, _defineProperty2.default)(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; }
 var getSucceededStatusPayload = function getSucceededStatusPayload(fileState) {
   return {
     eventType: 'operational',

package/dist/cjs/utils/analytics.js

@@ -12,8 +12,8 @@ var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _errors = require("../errors");
-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) { (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; }
+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) { (0, _defineProperty2.default)(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; }
 var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,
@@ -114,7 +114,7 @@ var getRenderErrorFailReason = function getRenderErrorFailReason(error) {
 exports.getRenderErrorFailReason = getRenderErrorFailReason;
 var getRenderErrorErrorReason = function getRenderErrorErrorReason(error) {
   if ((0, _errors.isMediaCardError)(error) && error.secondaryError) {
-    var mediaClientReason = (0, _mediaClient.getMediaClientErrorReason)(error.secondaryError);
+    var mediaClientReason = (0, _errors.isMediaFileStateError)(error.secondaryError) ? (0, _errors.getFileStateErrorReason)(error.secondaryError) : (0, _mediaClient.getMediaClientErrorReason)(error.secondaryError);
     if (mediaClientReason !== 'unknown') {
       return mediaClientReason;
     }
@@ -131,15 +131,25 @@ var getRenderErrorErrorDetail = function getRenderErrorErrorDetail(error) {
 };
 exports.getRenderErrorErrorDetail = getRenderErrorErrorDetail;
 var getErrorTraceContext = function getErrorTraceContext(error) {
-  if ((0, _errors.isMediaCardError)(error) && !!error.secondaryError && (0, _mediaClient.isRequestError)(error.secondaryError)) {
-    var _error$secondaryError;
-    return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+  if ((0, _errors.isMediaCardError)(error) && !!error.secondaryError) {
+    if ((0, _mediaClient.isRequestError)(error.secondaryError)) {
+      var _error$secondaryError;
+      return (_error$secondaryError = error.secondaryError.metadata) === null || _error$secondaryError === void 0 ? void 0 : _error$secondaryError.traceContext;
+    } else if ((0, _errors.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;
+    }
   }
 };
 exports.getErrorTraceContext = getErrorTraceContext;
 var getRenderErrorRequestMetadata = function getRenderErrorRequestMetadata(error) {
-  if ((0, _errors.isMediaCardError)(error) && !!error.secondaryError && (0, _mediaClient.isRequestError)(error.secondaryError)) {
-    return error.secondaryError.metadata;
+  if ((0, _errors.isMediaCardError)(error) && !!error.secondaryError) {
+    if ((0, _mediaClient.isRequestError)(error.secondaryError)) {
+      return error.secondaryError.metadata;
+    } else if ((0, _errors.isMediaFileStateError)(error.secondaryError)) {
+      var _error$secondaryError4;
+      return (_error$secondaryError4 = error.secondaryError.details) === null || _error$secondaryError4 === void 0 ? void 0 : _error$secondaryError4.metadata;
+    }
   }
 };
 exports.getRenderErrorRequestMetadata = getRenderErrorRequestMetadata;

package/dist/cjs/utils/objectURLCache.js

@@ -73,6 +73,11 @@ 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/cjs/utils/ufoExperiences.js

@@ -11,10 +11,10 @@ var _mediaCommon = require("@atlaskit/media-common");
 var _analytics = require("./analytics");
 var _errors = require("../errors");
 var _mediaClient = require("@atlaskit/media-client");
-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) { (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; }
+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) { (0, _defineProperty2.default)(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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "76.1.2";
+var packageVersion = "76.2.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "76.1.2";
+const packageVersion = "76.2.0";
 export class CardBase extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/card/cardLoader.js

@@ -1,6 +1,5 @@
 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 '../utils/lightCards/cardLoading';
 const MediaCardContext = /*#__PURE__*/React.createContext({});
@@ -27,13 +26,11 @@ const CardWithMediaClient = props => {
   const {
     withMediaClient,
     dimensions,
-    featureFlags,
     onClick
   } = props;
-  const memoizedFeatureFlags = useMemoizeFeatureFlags(featureFlags);
   const Card = React.useMemo(() => {
-    return withMediaClient(MediaCard, memoizedFeatureFlags);
-  }, [withMediaClient, memoizedFeatureFlags]);
+    return withMediaClient(MediaCard);
+  }, [withMediaClient]);
   return (
     /*#__PURE__*/
     // onClick is passed into MediaCardErrorBoundary so MediaGroup items can get the toolbar menu in Editor

package/dist/es2019/card/cardSwitcher.js

@@ -0,0 +1,4 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import CardLoader from './cardLoader';
+import CardV2Loader from './v2/cardV2Loader';
+export default getBooleanFF('platform.media-experience.cardv2_7zann') ? CardV2Loader : CardLoader;

package/dist/es2019/card/cardView.js

@@ -7,7 +7,6 @@ import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import SpinnerIcon from '@atlaskit/spinner';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '@atlaskit/media-ui';
-import { isRateLimitedError, isPollingError } from '@atlaskit/media-client';
 import { defaultImageCardDimensions } from '../utils/cardDimensions';
 import { isValidPercentageUnit } from '../utils/isValidPercentageUnit';
 import { getElementDimension } from '../utils/getElementDimension';
@@ -24,7 +23,7 @@ import { Blanket } from './ui/blanket/blanket';
 import { ActionsBar } from './ui/actionsBar/actionsBar';
 import { IconWrapper } from './ui/iconWrapper/iconWrapper';
 import { PreviewUnavailable, CreatingPreview, FailedToUpload, PreviewCurrentlyUnavailable, FailedToLoad } from './ui/iconMessage';
-import { isUploadError } from '../errors';
+import { isUploadError, isRateLimitedError, isPollingError } from '../errors';
 import { Wrapper } from './ui/wrapper';
 import { fileCardImageViewSelector } from './classnames';
 /**

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

@@ -21,6 +21,9 @@ export class CardPreviewCacheImpl {
       const cacheKey = getCacheKey(id, mode);
       this.previewCache.remove(cacheKey);
     });
+    _defineProperty(this, "clear", () => {
+      this.previewCache.clear();
+    });
     this.previewCache = previewCache;
   }
 }

package/dist/es2019/card/index.js

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

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "76.1.2";
+const packageVersion = "76.2.0";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/ui/progressBar/styledBar.js

@@ -10,6 +10,7 @@ export const StyledBar = props => {
   } = props;
   return jsx("div", {
     id: "styledBar",
+    "data-testid": "media-progress-bar",
     css: styledBarStyles({
       progress,
       breakpoint,

package/dist/es2019/card/ui/titleBox/titleBoxComponents.js

@@ -10,6 +10,7 @@ export const TitleBoxWrapper = props => {
   const theme = useGlobalTheme();
   return jsx("div", {
     id: "titleBoxWrapper",
+    "data-testid": "media-title-box",
     css: titleBoxWrapperStyles({
       breakpoint: breakpoint,
       titleBoxBgColor: titleBoxBgColor,