@atlaskit/media-card 74.8.1 → 75.0.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-card
 
+## 75.0.1
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 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

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.1";
+var packageVersion = "75.0.1";
 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.1";
+var packageVersion = "75.0.1";
 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.1";
+var packageVersion = "75.0.1";
 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.1";
+var packageVersion = "75.0.1";
 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.1",
+	"version": "75.0.1",
 	"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.1";
+const packageVersion = "75.0.1";
 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.1";
+const packageVersion = "75.0.1";
 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.1";
+const packageVersion = "75.0.1";
 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.1";
+const packageVersion = "75.0.1";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.8.1",
+	"version": "75.0.1",
 	"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.1";
+var packageVersion = "75.0.1";
 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.1";
+var packageVersion = "75.0.1";
 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.1";
+var packageVersion = "75.0.1";
 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.1";
+var packageVersion = "75.0.1";
 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.1",
+	"version": "75.0.1",
 	"sideEffects": false
 }

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

@@ -5,5 +5,4 @@ export { easeOutCubic, easeOutExpo } from './easing';
 export { spin } from './animations';
 export declare const rootStyles: () => import("@emotion/react").SerializedStyles;
 export declare const cardShadow: string;
-export declare const fadeinImageStyles: () => import("@emotion/react").SerializedStyles;
 export default rootStyles;

package/dist/types/inline/mediaInlineCard.d.ts

@@ -1,7 +1,6 @@
 import React, { FC } from 'react';
 import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
 import { WrappedComponentProps } from 'react-intl-next';
-import { MediaViewerDataSource } from '@atlaskit/media-viewer';
 import { InlineCardOnClickCallback } from '../types';
 export interface MediaInlineCardProps {
     identifier: FileIdentifier;
@@ -10,13 +9,6 @@ export interface MediaInlineCardProps {
     shouldDisplayToolTip?: boolean;
     isSelected?: boolean;
     onClick?: InlineCardOnClickCallback;
-    /**
-     * Includes data source like collection name,
-     * media file list.
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-149 Internal documentation for deprecation (no external access)}}
-     * Use mediaViewerItems instead
-     */
-    mediaViewerDataSource?: MediaViewerDataSource;
     mediaViewerItems?: Identifier[];
 }
 export declare const MediaInlineCardInternal: FC<MediaInlineCardProps & WrappedComponentProps>;

package/dist/types/types.d.ts

@@ -7,7 +7,6 @@ import { FileDetails, MediaClient, Identifier, ImageResizeMode, FileState } from
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
 import { CardAction } from './card/actions';
-import { MediaViewerDataSource } from '@atlaskit/media-viewer';
 import { MediaCardError } from './errors';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
@@ -82,13 +81,6 @@ export interface CardProps extends SharedCardProps, CardEventProps {
     readonly isLazy?: boolean;
     readonly useInlinePlayer?: boolean;
     readonly shouldOpenMediaViewer?: boolean;
-    /**
-     * Includes data source like collection name,
-     * media file list.
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-149 Internal documentation for deprecation (no external access)}}
-     * Use mediaViewerItems instead
-     */
-    readonly mediaViewerDataSource?: MediaViewerDataSource;
     readonly mediaViewerItems?: Identifier[];
     readonly contextId?: string;
     readonly shouldEnableDownloadButton?: boolean;

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

@@ -0,0 +1,9 @@
+import { FileItem, FileDetails } from '@atlaskit/media-client';
+import { ReactNode } from 'react';
+export interface CardAction {
+    label?: string;
+    handler: CardEventHandler;
+    icon?: ReactNode;
+}
+export type CardEventHandler = (item?: FileItem, event?: Event) => void;
+export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;

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

@@ -0,0 +1,63 @@
+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 CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export declare class CardBase extends Component<CardBaseProps, CardState> {
+    private internalOccurrenceKey;
+    private hasBeenMounted;
+    private fileStateFlags;
+    private ssrReliability;
+    private timeElapsedTillCommenced;
+    subscription?: MediaSubscription;
+    private ssrData?;
+    private traceContext;
+    static defaultProps: Partial<CardProps>;
+    constructor(props: CardBaseProps);
+    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;
+    subscribeInternalFile(identifier: FileIdentifier): void;
+    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;
+    unsubscribe: () => void;
+    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 Card: React.ComponentType<CardBaseProps>;