@atlaskit/media-card 74.8.0 → 75.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-card
 
+## 75.0.0
+
+### Major Changes
+
+- [`8c6a6cf4bc4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c6a6cf4bc4) - Media Card now only accepts a list of items for Media Viewer, no longer collection name
+
+### Patch Changes
+
+- [`6fd9d7aeaec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6fd9d7aeaec) - Fixed Inline Card file state handling
+- [`eb4991f04b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb4991f04b4) - Removed unused util
+- Updated dependencies
+
+## 74.8.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 74.8.0
 
 ### Minor Changes

package/classnames/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/classnames.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/classnames.d.ts"
+        "../dist/types-ts4.5/classnames.d.ts"
       ]
     }
   }

package/dist/cjs/card/card.js

@@ -48,7 +48,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -504,7 +504,6 @@ var CardBase = /*#__PURE__*/function (_Component) {
       var _this$props7 = _this.props,
         mediaClient = _this$props7.mediaClient,
         identifier = _this$props7.identifier,
-        mediaViewerDataSource = _this$props7.mediaViewerDataSource,
         mediaViewerItems = _this$props7.mediaViewerItems,
         contextId = _this$props7.contextId,
         featureFlags = _this$props7.featureFlags;
@@ -512,13 +511,9 @@ var CardBase = /*#__PURE__*/function (_Component) {
         return;
       }
       var collectionName = (0, _mediaClient2.isFileIdentifier)(identifier) ? identifier.collectionName || '' : '';
-      var dataSource = mediaViewerDataSource || {
-        list: []
-      };
       return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
         collectionName: collectionName,
-        dataSource: dataSource,
-        items: mediaViewerItems,
+        items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.config,
         selectedItem: mediaViewerSelectedItem,
         onClose: _this.onMediaViewerClose,

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

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/styles/index.js

@@ -66,7 +66,6 @@ Object.defineProperty(exports, "easeOutExpo", {
     return _easing.easeOutExpo;
   }
 });
-exports.fadeinImageStyles = void 0;
 Object.defineProperty(exports, "hexToRgb", {
   enumerable: true,
   get: function get() {
@@ -107,21 +106,16 @@ Object.defineProperty(exports, "withAppearance", {
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
-var _mediaUi = require("@atlaskit/media-ui");
 var _config = require("./config");
 var _mixins = require("./mixins");
 var _easing = require("./easing");
 var _animations = require("./animations");
-var _templateObject, _templateObject2;
+var _templateObject;
 var rootStyles = function rootStyles() {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  font-family: ", ";\n\n  * {\n    box-sizing: border-box;\n  }\n"])), (0, _constants.fontFamily)());
 };
 exports.rootStyles = rootStyles;
 var cardShadow = "\n  box-shadow: ".concat("var(--ds-shadow-raised, 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24))", ";\n");
 exports.cardShadow = cardShadow;
-var fadeinImageStyles = function fadeinImageStyles() {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), _mediaUi.fadeIn);
-};
-exports.fadeinImageStyles = fadeinImageStyles;
 var _default = rootStyles;
 exports.default = _default;

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -127,7 +127,7 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var MediaInlineAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/inline/mediaInlineCard.js

@@ -25,7 +25,6 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
     shouldDisplayToolTip = _ref.shouldDisplayToolTip,
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
-    mediaViewerDataSource = _ref.mediaViewerDataSource,
     mediaViewerItems = _ref.mediaViewerItems,
     intl = _ref.intl;
   var _useState = (0, _react.useState)(),
@@ -57,13 +56,9 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      var dataSource = mediaViewerDataSource || {
-        list: []
-      };
       return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
         collectionName: identifier.collectionName || '',
-        dataSource: dataSource,
-        items: mediaViewerItems,
+        items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.mediaClientConfig,
         selectedItem: identifier,
         onClose: onMediaViewerClose
@@ -95,33 +90,29 @@ var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
       subscription.unsubscribe();
     };
   }, [identifier.collectionName, identifier.id, mediaClient.file]);
-  if (!fileState) {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
-      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.loading_file),
-      isSelected: isSelected
-    });
-  }
-  if (isErrored) {
+  if (isErrored && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
     return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
+      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.failed_to_upload),
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'error') {
+  if (isErrored || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' ||
+  // Empty file handling
+  fileState && !fileState.name) {
     return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
-      message: fileState.message || '',
+      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'failed-processing') {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
+      message: fileState.name,
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'uploading') {
+  if (!fileState) {
     return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
-      message: fileState.name,
+      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.loading_file),
       isSelected: isSelected
     });
   }

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ 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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/cjs/version.json

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

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 = "74.8.0";
+const packageVersion = "75.0.0";
 export class CardBase extends Component {
   constructor(props) {
     super(props);
@@ -461,7 +461,6 @@ export class CardBase extends Component {
       const {
         mediaClient,
         identifier,
-        mediaViewerDataSource,
         mediaViewerItems,
         contextId,
         featureFlags
@@ -470,13 +469,9 @@ export class CardBase extends Component {
         return;
       }
       const collectionName = isFileIdentifier(identifier) ? identifier.collectionName || '' : '';
-      const dataSource = mediaViewerDataSource || {
-        list: []
-      };
       return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
         collectionName: collectionName,
-        dataSource: dataSource,
-        items: mediaViewerItems,
+        items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.config,
         selectedItem: mediaViewerSelectedItem,
         onClose: this.onMediaViewerClose,

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 = "74.8.0";
+const packageVersion = "75.0.0";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

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

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import { fontFamily } from '@atlaskit/theme/constants';
-import { fadeIn } from '@atlaskit/media-ui';
 export { defaultTransitionDuration } from './config';
 export { antialiased, borderRadiusLeft, capitalize, centerSelf, centerSelfX, centerSelfY, centerX, hexToRgb, rgba, spaceAround, transition, withAppearance } from './mixins';
 export { easeOutCubic, easeOutExpo } from './easing';
@@ -16,7 +15,4 @@ export const rootStyles = () => css`
 export const cardShadow = `
   box-shadow: ${"var(--ds-shadow-raised, 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24))"};
 `;
-export const fadeinImageStyles = () => css`
-  ${fadeIn};
-`;
 export default rootStyles;

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -107,7 +107,7 @@ class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.8.0";
+const packageVersion = "75.0.0";
 const MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/inline/mediaInlineCard.js

@@ -14,7 +14,6 @@ export const MediaInlineCardInternal = ({
   shouldDisplayToolTip,
   isSelected,
   onClick,
-  mediaViewerDataSource,
   mediaViewerItems,
   intl
 }) => {
@@ -36,13 +35,9 @@ export const MediaInlineCardInternal = ({
   const onMediaViewerClose = () => setMediaViewerVisible(false);
   const renderMediaViewer = () => {
     if (isMediaViewerVisible) {
-      const dataSource = mediaViewerDataSource || {
-        list: []
-      };
       return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
         collectionName: identifier.collectionName || '',
-        dataSource: dataSource,
-        items: mediaViewerItems,
+        items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.mediaClientConfig,
         selectedItem: identifier,
         onClose: onMediaViewerClose
@@ -74,33 +69,29 @@ export const MediaInlineCardInternal = ({
       subscription.unsubscribe();
     };
   }, [identifier.collectionName, identifier.id, mediaClient.file]);
-  if (!fileState) {
-    return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
-      message: (intl || defaultIntl).formatMessage(messages.loading_file),
-      isSelected: isSelected
-    });
-  }
-  if (isErrored) {
+  if (isErrored && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
+      message: (intl || defaultIntl).formatMessage(messages.failed_to_upload),
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'error') {
+  if (isErrored || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' ||
+  // Empty file handling
+  fileState && !fileState.name) {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: fileState.message || '',
+      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'failed-processing') {
-    return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
+      message: fileState.name,
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'uploading') {
+  if (!fileState) {
     return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
-      message: fileState.name,
+      message: (intl || defaultIntl).formatMessage(messages.loading_file),
       isSelected: isSelected
     });
   }

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.8.0";
+const packageVersion = "75.0.0";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/es2019/version.json

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

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -496,7 +496,6 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var _this$props7 = _this.props,
         mediaClient = _this$props7.mediaClient,
         identifier = _this$props7.identifier,
-        mediaViewerDataSource = _this$props7.mediaViewerDataSource,
         mediaViewerItems = _this$props7.mediaViewerItems,
         contextId = _this$props7.contextId,
         featureFlags = _this$props7.featureFlags;
@@ -504,13 +503,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         return;
       }
       var collectionName = isFileIdentifier(identifier) ? identifier.collectionName || '' : '';
-      var dataSource = mediaViewerDataSource || {
-        list: []
-      };
       return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
         collectionName: collectionName,
-        dataSource: dataSource,
-        items: mediaViewerItems,
+        items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.config,
         selectedItem: mediaViewerSelectedItem,
         onClose: _this.onMediaViewerClose,

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

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
+var _templateObject;
 import { css } from '@emotion/react';
 import { fontFamily } from '@atlaskit/theme/constants';
-import { fadeIn } from '@atlaskit/media-ui';
 export { defaultTransitionDuration } from './config';
 export { antialiased, borderRadiusLeft, capitalize, centerSelf, centerSelfX, centerSelfY, centerX, hexToRgb, rgba, spaceAround, transition, withAppearance } from './mixins';
 export { easeOutCubic, easeOutExpo } from './easing';
@@ -11,7 +10,4 @@ export var rootStyles = function rootStyles() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  font-family: ", ";\n\n  * {\n    box-sizing: border-box;\n  }\n"])), fontFamily());
 };
 export var cardShadow = "\n  box-shadow: ".concat("var(--ds-shadow-raised, 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24))", ";\n");
-export var fadeinImageStyles = function fadeinImageStyles() {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n"])), fadeIn);
-};
 export default rootStyles;

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -120,7 +120,7 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
 }(React.Component);
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/inline/mediaInlineCard.js

@@ -15,7 +15,6 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
     shouldDisplayToolTip = _ref.shouldDisplayToolTip,
     isSelected = _ref.isSelected,
     onClick = _ref.onClick,
-    mediaViewerDataSource = _ref.mediaViewerDataSource,
     mediaViewerItems = _ref.mediaViewerItems,
     intl = _ref.intl;
   var _useState = useState(),
@@ -47,13 +46,9 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      var dataSource = mediaViewerDataSource || {
-        list: []
-      };
       return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
         collectionName: identifier.collectionName || '',
-        dataSource: dataSource,
-        items: mediaViewerItems,
+        items: mediaViewerItems || [],
         mediaClientConfig: mediaClient.mediaClientConfig,
         selectedItem: identifier,
         onClose: onMediaViewerClose
@@ -85,33 +80,29 @@ export var MediaInlineCardInternal = function MediaInlineCardInternal(_ref) {
       subscription.unsubscribe();
     };
   }, [identifier.collectionName, identifier.id, mediaClient.file]);
-  if (!fileState) {
-    return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
-      message: (intl || defaultIntl).formatMessage(messages.loading_file),
-      isSelected: isSelected
-    });
-  }
-  if (isErrored) {
+  if (isErrored && (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
+      message: (intl || defaultIntl).formatMessage(messages.failed_to_upload),
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'error') {
+  if (isErrored || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error' || (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing' ||
+  // Empty file handling
+  fileState && !fileState.name) {
     return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: fileState.message || '',
+      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'failed-processing') {
-    return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
-      message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file),
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
+      message: fileState.name,
       isSelected: isSelected
     });
   }
-  if (fileState.status === 'uploading') {
+  if (!fileState) {
     return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
-      message: fileState.name,
+      message: (intl || defaultIntl).formatMessage(messages.loading_file),
       isSelected: isSelected
     });
   }

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.8.0";
+var packageVersion = "75.0.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/esm/version.json

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

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

@@ -5,5 +5,5 @@ export interface CardAction {
     handler: CardEventHandler;
     icon?: ReactNode;
 }
-export declare type CardEventHandler = (item?: FileItem, event?: Event) => void;
+export type CardEventHandler = (item?: FileItem, event?: Event) => void;
 export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;

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

@@ -4,7 +4,7 @@ import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-cl
 import { WrappedComponentProps } from 'react-intl-next';
 import { CardAction } from './actions';
 import { CardProps, CardState, CardStatus } from '../types';
-export declare type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;
     private hasBeenMounted;
@@ -46,18 +46,18 @@ export declare class CardBase extends Component<CardBaseProps, CardState> {
     private safeSetState;
     unsubscribe: () => void;
     get actions(): CardAction[];
-    onCardViewClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    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 | undefined, izLazyOverride?: boolean | undefined) => JSX.Element;
+    renderCard: (withCallbacks?: boolean, cardStatusOverride?: CardStatus, izLazyOverride?: boolean) => JSX.Element;
     private storeSSRData;
     render(): JSX.Element;
     private onCardInViewport;
-    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    onClick: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     onMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
 }
 export declare const Card: React.ComponentType<CardBaseProps>;

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

@@ -3,8 +3,8 @@ import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SSRStatus } from '../utils/analytics';
 import { CardStatus } from '../types';
 import { MediaCardError } from '../errors';
-export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext | undefined) => void;
+export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, traceContext: MediaTraceContext) => void;
 export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;
 export declare const fireScreenEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes) => void;
-export declare const fireNonCriticalErrorEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, cardStatus: CardStatus, fileAttributes: FileAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext | undefined) => void;
+export declare const fireNonCriticalErrorEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, cardStatus: CardStatus, fileAttributes: FileAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
 import type { CardBaseProps } from './card';
-export declare type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
+export type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
 export default CardLoader;

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

@@ -7,4 +7,4 @@ import { MediaCardError } from '../errors';
  * The output of the updater is shallowly merged with state."
  */
 export declare const createStateUpdater: (newState: Partial<CardState>, fireErrorEvent: (error: MediaCardError) => void) => (prevState: CardState) => Partial<CardState>;
-export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => Partial<CardState>;
+export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags) => Partial<CardState>;

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

@@ -30,7 +30,7 @@ export interface CardViewState {
     elementWidth?: number;
     didImageRender: boolean;
 }
-export declare type CardViewProps = CardViewOwnProps & WithAnalyticsEventsProps;
+export type CardViewProps = CardViewOwnProps & WithAnalyticsEventsProps;
 export interface RenderConfigByStatus {
     renderTypeIcon?: boolean;
     iconMessage?: JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ImageResizeMode } from '@atlaskit/media-client';
 import { ObjectURLCache } from '../../utils/objectURLCache';
 import { CardPreview } from '../../types';
-declare type Mode = ImageResizeMode | undefined;
+type Mode = ImageResizeMode | undefined;
 export declare const getCacheKey: (id: string, mode: Mode) => string;
 export interface CardPreviewCache {
     get(id: string, mode: Mode): CardPreview | undefined;

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

@@ -1,5 +1,5 @@
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { CardStatus, FilePreviewStatus } from '../../types';
 import { FileState } from '@atlaskit/media-client';
-export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => FilePreviewStatus;
+export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags) => FilePreviewStatus;
 export declare const isPreviewableStatus: (cardStatus: CardStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;

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

@@ -5,6 +5,6 @@ import { CardPreview } from '../../types';
  * This method tells the support for the media
  * types covered in getCardPreviewFromFilePreview
  */
-export declare const isSupportedLocalPreview: (mediaType?: MediaType | undefined) => boolean;
+export declare const isSupportedLocalPreview: (mediaType?: MediaType) => boolean;
 export declare const getCardPreviewFromFilePreview: (filePreview: FilePreview | Promise<FilePreview>) => Promise<CardPreview>;
-export declare const getCardPreviewFromBackend: (mediaClient: MediaClient, id: string, params: MediaStoreGetFileImageParams, traceContext?: MediaTraceContext | undefined) => Promise<CardPreview>;
+export declare const getCardPreviewFromBackend: (mediaClient: MediaClient, id: string, params: MediaStoreGetFileImageParams, traceContext?: MediaTraceContext) => Promise<CardPreview>;