@atlaskit/media-card 75.0.0 → 76.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/media-card
 
+## 76.0.0
+
+### Major Changes
+
+- [`9fe30b8ca24`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9fe30b8ca24) - Removed classic experience
+- [`3247424b653`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3247424b653) - Removed the classname 'fileCardImageViewSelectedSelector' since it is no longer being used
+
+### Minor Changes
+
+- [`3239a550cb6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3239a550cb6) - Add analytics succeeded and failed render event for mediaInlineCard.
+
+### Patch Changes
+
+- [`e725edbb0d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e725edbb0d9) - Card goes to ‘processing’ status instead of ‘completed’ when a file is in processing and it is identified as non previewable (removed feature flag to make it a permanent change)
+- Updated dependencies
+
+## 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

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 = "75.0.0";
+var packageVersion = "76.0.0";
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);

package/dist/cjs/card/cardState.js

@@ -26,7 +26,7 @@ var createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
 };
 exports.createStateUpdater = createStateUpdater;
 var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
-  var status = (0, _getCardStatus.getCardStatus)(fileState.status, (0, _getCardPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview, featureFlags), featureFlags);
+  var status = (0, _getCardStatus.getCardStatus)(fileState.status, (0, _getCardPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview, featureFlags));
   var error = status === 'error' && (0, _mediaClient.isErrorFileState)(fileState) ? new _errors.MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
   var progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;
   return {

package/dist/cjs/card/cardView.js

@@ -15,21 +15,16 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _mediaCommon = require("@atlaskit/media-common");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _mediaClient = require("@atlaskit/media-client");
-var _cardImageView = require("./cardImageView");
-var _breakpoint = require("../utils/breakpoint");
 var _cardDimensions = require("../utils/cardDimensions");
 var _isValidPercentageUnit = require("../utils/isValidPercentageUnit");
-var _getCSSUnitValue = require("../utils/getCSSUnitValue");
 var _getElementDimension = require("../utils/getElementDimension");
 var _analytics = require("../utils/analytics");
 var _actions = require("./actions");
-var _getErrorMessage = require("../utils/getErrorMessage");
 var _styles = require("./ui/styles");
 var _imageRenderer = require("./ui/imageRenderer/imageRenderer");
 var _titleBox = require("./ui/titleBox/titleBox");
@@ -42,8 +37,8 @@ var _actionsBar = require("./ui/actionsBar/actionsBar");
 var _iconWrapper = require("./ui/iconWrapper/iconWrapper");
 var _iconMessage = require("./ui/iconMessage");
 var _errors = require("../errors");
-var _newFileExperienceWrapper = require("./ui/newFileExperience/newFileExperienceWrapper");
-var _cardViewWrapper = require("./cardImageView/cardViewWrapper");
+var _wrapper = require("./ui/wrapper");
+var _classnames = require("./classnames");
 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 _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); }; }
@@ -108,110 +103,18 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFileNewExperience", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRenderConfigByStatus", function () {
       var _this$props2 = _this.props,
-        dimensions = _this$props2.dimensions,
-        appearance = _this$props2.appearance,
-        onClick = _this$props2.onClick,
-        onMouseEnter = _this$props2.onMouseEnter,
-        testId = _this$props2.testId,
-        metadata = _this$props2.metadata,
+        cardPreview = _this$props2.cardPreview,
         status = _this$props2.status,
-        selected = _this$props2.selected,
-        selectable = _this$props2.selectable,
+        metadata = _this$props2.metadata,
         disableOverlay = _this$props2.disableOverlay,
-        cardPreview = _this$props2.cardPreview,
-        mediaCardCursor = _this$props2.mediaCardCursor;
+        error = _this$props2.error,
+        selectable = _this$props2.selectable,
+        disableAnimation = _this$props2.disableAnimation;
       var _ref = metadata || {},
-        name = _ref.name;
-      var shouldDisplayBackground = !cardPreview || !disableOverlay || status === 'error' || status === 'failed-processing';
-      var isPlayButtonClickable = !!(_this.shouldRenderPlayButton() && disableOverlay);
-      var isTickBoxSelectable = !disableOverlay && !!selectable && !selected;
-      // Disable tooltip for Media Single
-      var shouldDisplayTooltip = !disableOverlay;
-      return (0, _react.jsx)(_newFileExperienceWrapper.NewFileExperienceWrapper, {
-        testId: testId || 'media-card-view',
-        dimensions: dimensions,
-        appearance: appearance,
-        onClick: onClick,
-        onMouseEnter: onMouseEnter,
-        innerRef: _this.divRef,
-        breakpoint: _this.breakpoint,
-        mediaCardCursor: mediaCardCursor,
-        disableOverlay: !!disableOverlay,
-        selected: !!selected,
-        displayBackground: shouldDisplayBackground,
-        isPlayButtonClickable: isPlayButtonClickable,
-        isTickBoxSelectable: isTickBoxSelectable,
-        shouldDisplayTooltip: shouldDisplayTooltip
-      }, shouldDisplayTooltip ? (0, _react.jsx)(_tooltip.default, {
-        content: name,
-        position: "bottom",
-        tag: 'div'
-      }, _this.renderNewExperienceCard()) : _this.renderNewExperienceCard());
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFile", function () {
-      var _this$props3 = _this.props,
-        cardPreview = _this$props3.cardPreview,
-        status = _this$props3.status,
-        mediaItemType = _this$props3.mediaItemType,
-        metadata = _this$props3.metadata,
-        progress = _this$props3.progress,
-        resizeMode = _this$props3.resizeMode,
-        dimensions = _this$props3.dimensions,
-        selectable = _this$props3.selectable,
-        selected = _this$props3.selected,
-        disableOverlay = _this$props3.disableOverlay,
-        alt = _this$props3.alt,
-        onDisplayImage = _this$props3.onDisplayImage,
-        actions = _this$props3.actions;
-      var _ref2 = cardPreview || {},
-        dataURI = _ref2.dataURI,
-        orientation = _ref2.orientation;
-      var _ref3 = metadata || {},
-        name = _ref3.name,
-        mediaType = _ref3.mediaType,
-        mimeType = _ref3.mimeType,
-        size = _ref3.size;
-      var actionsWithDetails = metadata && actions ? (0, _actions.attachDetailsToActions)(actions, metadata) : [];
-      var errorMessage = (0, _getErrorMessage.getErrorMessage)(status);
-      var fileSize = !size ? '' : (0, _mediaUi.toHumanReadableMediaSize)(size);
-      return (0, _react.jsx)(_cardImageView.FileCardImageView, {
-        error: errorMessage,
-        dimensions: dimensions,
-        selectable: selectable,
-        selected: selected,
-        dataURI: dataURI,
-        mediaName: name,
-        mediaType: mediaType,
-        mimeType: mimeType,
-        fileSize: fileSize,
-        status: status,
-        mediaItemType: mediaItemType,
-        progress: progress,
-        resizeMode: resizeMode,
-        onDisplayImage: onDisplayImage,
-        actions: actionsWithDetails,
-        disableOverlay: disableOverlay,
-        previewOrientation: orientation,
-        alt: alt,
-        onImageLoad: _this.onImageLoad,
-        onImageError: _this.onImageError,
-        cardPreview: cardPreview
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRenderConfigByStatus", function () {
-      var _this$props4 = _this.props,
-        cardPreview = _this$props4.cardPreview,
-        status = _this$props4.status,
-        metadata = _this$props4.metadata,
-        disableOverlay = _this$props4.disableOverlay,
-        error = _this$props4.error,
-        selectable = _this$props4.selectable,
-        disableAnimation = _this$props4.disableAnimation;
-      var _ref4 = metadata || {},
-        name = _ref4.name,
-        mediaType = _ref4.mediaType;
+        name = _ref.name,
+        mediaType = _ref.mediaType;
       var didImageRender = _this.state.didImageRender;
       var isZeroSize = !!(metadata && metadata.size === 0);
       var defaultConfig = {
@@ -247,8 +150,8 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
           });
           var iconMessage;
           var customTitleMessage;
-          var _ref5 = error || {},
-            secondaryError = _ref5.secondaryError;
+          var _ref2 = error || {},
+            secondaryError = _ref2.secondaryError;
           if ((0, _mediaClient.isRateLimitedError)(secondaryError) || (0, _mediaClient.isPollingError)(secondaryError)) {
             iconMessage = (0, _react.jsx)(_iconMessage.PreviewCurrentlyUnavailable, null);
           } else if ((0, _errors.isUploadError)(error)) {
@@ -281,7 +184,7 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
           });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderNewExperienceCard", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderContents", function () {
       var _this$getRenderConfig = _this.getRenderConfigByStatus(),
         renderTypeIcon = _this$getRenderConfig.renderTypeIcon,
         iconMessage = _this$getRenderConfig.iconMessage,
@@ -295,18 +198,18 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
         renderTickBox = _this$getRenderConfig.renderTickBox,
         isFixedBlanket = _this$getRenderConfig.isFixedBlanket,
         customTitleMessage = _this$getRenderConfig.customTitleMessage;
-      var _this$props5 = _this.props,
-        progress = _this$props5.progress,
-        selected = _this$props5.selected,
-        status = _this$props5.status,
-        metadata = _this$props5.metadata;
-      var _ref6 = metadata || {},
-        name = _ref6.name;
+      var _this$props3 = _this.props,
+        progress = _this$props3.progress,
+        selected = _this$props3.selected,
+        status = _this$props3.status,
+        metadata = _this$props3.metadata;
+      var _ref3 = metadata || {},
+        name = _ref3.name;
       var hasTitleBox = !!renderTitleBox || !!renderFailedTitleBox;
       return (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)("div", {
         css: _styles.cardImageContainerStyles,
-        className: "media-file-card-view",
-        "data-testid": "media-file-card-view",
+        className: _classnames.fileCardImageViewSelector,
+        "data-testid": _classnames.fileCardImageViewSelector,
         "data-test-media-name": name,
         "data-test-status": status,
         "data-test-progress": progress,
@@ -324,8 +227,8 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(_ref7) {
-      var prevCardPreview = _ref7.cardPreview;
+    value: function componentDidUpdate(_ref4) {
+      var prevCardPreview = _ref4.cardPreview;
       var cardPreview = this.props.cardPreview;
       // We should only switch didImageRender to false
       // when cardPreview goes undefined, not when it is updated.
@@ -335,71 +238,30 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
         didImageRender: false
       });
     }
-  }, {
-    key: "width",
-    get:
-    // This width is only used to calculate breakpoints, dimensions are passed down as
-    // integrator pass it to the root component
-    function get() {
-      var elementWidth = this.state.elementWidth;
-      if (elementWidth) {
-        return elementWidth;
-      }
-      var _ref8 = this.props.dimensions || {
-          width: undefined
-        },
-        width = _ref8.width;
-      if (!width) {
-        return _cardDimensions.defaultImageCardDimensions.width;
-      }
-      return (0, _getCSSUnitValue.getCSSUnitValue)(width);
-    }
   }, {
     key: "breakpoint",
     get: function get() {
       var width = this.state.elementWidth || (this.props.dimensions ? this.props.dimensions.width : '') || _cardDimensions.defaultImageCardDimensions.width;
       return (0, _styles.calcBreakpointSize)(parseInt("".concat(width), 10));
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var featureFlags = this.props.featureFlags;
-      if ((0, _mediaCommon.getMediaFeatureFlag)('newCardExperience', featureFlags)) {
-        return this.renderFileNewExperience();
-      }
-      var _this$props6 = this.props,
-        dimensions = _this$props6.dimensions,
-        appearance = _this$props6.appearance,
-        onClick = _this$props6.onClick,
-        onMouseEnter = _this$props6.onMouseEnter,
-        testId = _this$props6.testId;
-      var wrapperDimensions = dimensions ? dimensions : (0, _cardDimensions.getDefaultCardDimensions)(appearance);
-      return (0, _react.jsx)(_cardViewWrapper.Wrapper, {
-        testId: testId || 'media-card-view',
-        shouldUsePointerCursor: true,
-        breakpointSize: (0, _breakpoint.breakpointSize)(this.width),
-        dimensions: wrapperDimensions,
-        onClick: onClick,
-        onMouseEnter: onMouseEnter,
-        innerRef: this.divRef
-      }, this.renderFile());
-    }
   }, {
     key: "renderSpinner",
     value: function renderSpinner(hasTitleBox) {
       return (0, _react.jsx)(_iconWrapper.IconWrapper, {
         breakpoint: this.breakpoint,
         hasTitleBox: hasTitleBox
-      }, (0, _react.jsx)(_spinner.default, null));
+      }, (0, _react.jsx)(_spinner.default, {
+        testId: 'media-card-loading'
+      }));
     }
   }, {
     key: "shouldRenderPlayButton",
     value: function shouldRenderPlayButton() {
-      var _this$props7 = this.props,
-        metadata = _this$props7.metadata,
-        cardPreview = _this$props7.cardPreview;
-      var _ref9 = metadata || {},
-        mediaType = _ref9.mediaType;
+      var _this$props4 = this.props,
+        metadata = _this$props4.metadata,
+        cardPreview = _this$props4.cardPreview;
+      var _ref5 = metadata || {},
+        mediaType = _ref5.mediaType;
       if (mediaType !== 'video' || !cardPreview) {
         return false;
       }
@@ -426,13 +288,13 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "renderTitleBox",
     value: function renderTitleBox() {
-      var _this$props8 = this.props,
-        metadata = _this$props8.metadata,
-        titleBoxBgColor = _this$props8.titleBoxBgColor,
-        titleBoxIcon = _this$props8.titleBoxIcon;
-      var _ref10 = metadata || {},
-        name = _ref10.name,
-        createdAt = _ref10.createdAt;
+      var _this$props5 = this.props,
+        metadata = _this$props5.metadata,
+        titleBoxBgColor = _this$props5.titleBoxBgColor,
+        titleBoxIcon = _this$props5.titleBoxIcon;
+      var _ref6 = metadata || {},
+        name = _ref6.name,
+        createdAt = _ref6.createdAt;
       return !!name && (0, _react.jsx)(_titleBox.TitleBox, {
         name: name,
         createdAt: createdAt,
@@ -462,17 +324,17 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "renderImageRenderer",
     value: function renderImageRenderer() {
-      var _this$props9 = this.props,
-        cardPreview = _this$props9.cardPreview,
-        _this$props9$metadata = _this$props9.metadata,
-        _this$props9$metadata2 = _this$props9$metadata === void 0 ? {} : _this$props9$metadata,
-        _this$props9$metadata3 = _this$props9$metadata2.mediaType,
-        mediaType = _this$props9$metadata3 === void 0 ? 'unknown' : _this$props9$metadata3,
-        alt = _this$props9.alt,
-        resizeMode = _this$props9.resizeMode,
-        onDisplayImage = _this$props9.onDisplayImage,
-        nativeLazyLoad = _this$props9.nativeLazyLoad,
-        forceSyncDisplay = _this$props9.forceSyncDisplay;
+      var _this$props6 = this.props,
+        cardPreview = _this$props6.cardPreview,
+        _this$props6$metadata = _this$props6.metadata,
+        _this$props6$metadata2 = _this$props6$metadata === void 0 ? {} : _this$props6$metadata,
+        _this$props6$metadata3 = _this$props6$metadata2.mediaType,
+        mediaType = _this$props6$metadata3 === void 0 ? 'unknown' : _this$props6$metadata3,
+        alt = _this$props6.alt,
+        resizeMode = _this$props6.resizeMode,
+        onDisplayImage = _this$props6.onDisplayImage,
+        nativeLazyLoad = _this$props6.nativeLazyLoad,
+        forceSyncDisplay = _this$props6.forceSyncDisplay;
       return !!cardPreview && (0, _react.jsx)(_imageRenderer.ImageRenderer, {
         cardPreview: cardPreview,
         mediaType: mediaType,
@@ -497,10 +359,10 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
     key: "renderMediaTypeIcon",
     value: function renderMediaTypeIcon(hasTitleBox, iconMessage) {
       var metadata = this.props.metadata;
-      var _ref11 = metadata || {},
-        mediaType = _ref11.mediaType,
-        mimeType = _ref11.mimeType,
-        name = _ref11.name;
+      var _ref7 = metadata || {},
+        mediaType = _ref7.mediaType,
+        mimeType = _ref7.mimeType,
+        name = _ref7.name;
       return (0, _react.jsx)(_iconWrapper.IconWrapper, {
         breakpoint: this.breakpoint,
         hasTitleBox: hasTitleBox
@@ -514,10 +376,10 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "renderActionsBar",
     value: function renderActionsBar() {
-      var _this$props10 = this.props,
-        disableOverlay = _this$props10.disableOverlay,
-        actions = _this$props10.actions,
-        metadata = _this$props10.metadata;
+      var _this$props7 = this.props,
+        disableOverlay = _this$props7.disableOverlay,
+        actions = _this$props7.actions,
+        metadata = _this$props7.metadata;
       var actionsWithDetails = metadata && actions ? (0, _actions.attachDetailsToActions)(actions, metadata) : [];
       if (disableOverlay || !actions || actions.length === 0) {
         return null;
@@ -526,6 +388,50 @@ var CardViewBase = /*#__PURE__*/function (_React$Component) {
         actions: actionsWithDetails
       });
     }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props8 = this.props,
+        dimensions = _this$props8.dimensions,
+        appearance = _this$props8.appearance,
+        onClick = _this$props8.onClick,
+        onMouseEnter = _this$props8.onMouseEnter,
+        testId = _this$props8.testId,
+        metadata = _this$props8.metadata,
+        status = _this$props8.status,
+        selected = _this$props8.selected,
+        selectable = _this$props8.selectable,
+        disableOverlay = _this$props8.disableOverlay,
+        cardPreview = _this$props8.cardPreview,
+        mediaCardCursor = _this$props8.mediaCardCursor;
+      var _ref8 = metadata || {},
+        name = _ref8.name;
+      var shouldDisplayBackground = !cardPreview || !disableOverlay || status === 'error' || status === 'failed-processing';
+      var isPlayButtonClickable = !!(this.shouldRenderPlayButton() && disableOverlay);
+      var isTickBoxSelectable = !disableOverlay && !!selectable && !selected;
+      // Disable tooltip for Media Single
+      var shouldDisplayTooltip = !disableOverlay;
+      return (0, _react.jsx)(_wrapper.Wrapper, {
+        testId: testId || 'media-card-view',
+        dimensions: dimensions,
+        appearance: appearance,
+        onClick: onClick,
+        onMouseEnter: onMouseEnter,
+        innerRef: this.divRef,
+        breakpoint: this.breakpoint,
+        mediaCardCursor: mediaCardCursor,
+        disableOverlay: !!disableOverlay,
+        selected: !!selected,
+        displayBackground: shouldDisplayBackground,
+        isPlayButtonClickable: isPlayButtonClickable,
+        isTickBoxSelectable: isTickBoxSelectable,
+        shouldDisplayTooltip: shouldDisplayTooltip
+      }, shouldDisplayTooltip ? (0, _react.jsx)(_tooltip.default, {
+        content: name,
+        position: "bottom",
+        tag: 'div'
+      }, this.renderContents()) : this.renderContents());
+    }
   }]);
   return CardViewBase;
 }(_react2.default.Component);

package/dist/cjs/card/getCardStatus.js

@@ -4,46 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isFinalCardStatus = exports.getCardStatus = void 0;
-var _mediaCommon = require("@atlaskit/media-common");
 var isFinalCardStatus = function isFinalCardStatus(status) {
   return ['complete', 'error', 'failed-processing'].includes(status);
 };
 exports.isFinalCardStatus = isFinalCardStatus;
-var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
-  var hasFilesize = _ref.hasFilesize,
-    isPreviewable = _ref.isPreviewable,
+var getCardStatus = function getCardStatus(fileStatus, _ref) {
+  var isPreviewable = _ref.isPreviewable,
     hasPreview = _ref.hasPreview;
-  switch (fileStatus) {
-    case 'uploading':
-    case 'failed-processing':
-    case 'error':
-      return fileStatus;
-    case 'processing':
-      // Legacy empty files logic
-      // isPreviewable will most likely be false for empty files,
-      // therefore we need to do this cut before that check.
-      // TODO: https://product-fabric.atlassian.net/browse/BMPT-1247
-      if (!hasFilesize) {
-        return 'processing';
-      }
-      // If we show no preview for this file
-      // we won't show the "creating preview" message, i.e. Card is "complete".
-      if (!isPreviewable) {
-        return 'complete';
-      }
-      return 'processing';
-    case 'processed':
-      if (!isPreviewable || !hasPreview) {
-        return 'complete';
-      }
-      return 'loading-preview';
-    default:
-      return 'loading';
-  }
-};
-var getCardStatusFixed = function getCardStatusFixed(fileStatus, _ref2) {
-  var isPreviewable = _ref2.isPreviewable,
-    hasPreview = _ref2.hasPreview;
   switch (fileStatus) {
     case 'uploading':
     case 'failed-processing':
@@ -59,10 +26,4 @@ var getCardStatusFixed = function getCardStatusFixed(fileStatus, _ref2) {
       return 'loading';
   }
 };
-var getCardStatus = function getCardStatus(fileStatus, filePreviewStatus, featureFlags) {
-  if ((0, _mediaCommon.getMediaFeatureFlag)('fetchFileStateAfterUpload', featureFlags)) {
-    return getCardStatusFixed(fileStatus, filePreviewStatus);
-  }
-  return getCardStatusBuggy(fileStatus, filePreviewStatus);
-};
 exports.getCardStatus = getCardStatus;

package/dist/cjs/card/inlinePlayerWrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlinePlayerWrapper = void 0;
 var _react = require("@emotion/react");
-var _styles = require("./styles/styles");
+var _inlinePlayerWrapperStyles = require("./inlinePlayerWrapperStyles");
 /**@jsx jsx */
 
 var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
@@ -17,8 +17,8 @@ var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
   return (0, _react.jsx)("div", {
     id: "inlinePlayerWrapper",
     "data-testid": testId,
-    className: _styles.inlinePlayerClassName,
-    css: (0, _styles.inlinePlayerWrapperStyles)({
+    className: _inlinePlayerWrapperStyles.inlinePlayerClassName,
+    css: (0, _inlinePlayerWrapperStyles.inlinePlayerWrapperStyles)({
       selected: selected,
       dimensions: dimensions
     }),

package/dist/cjs/card/inlinePlayerWrapperStyles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inlinePlayerWrapperStyles = exports.inlinePlayerClassName = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _constants = require("@atlaskit/theme/constants");
+var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
+var _selection = require("@atlaskit/editor-shared-styles/selection");
+var _templateObject;
+/*
+ * Used to display the blue border around a selected card without
+ * shrinking the image OR growing the card size
+ */
+var getSelectedBorderStyle = function getSelectedBorderStyle(_ref) {
+  var selected = _ref.selected;
+  return "\n    ".concat(_selection.hideNativeBrowserTextSelectionStyles, "\n\n    &::after {\n      content: '';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      box-sizing: border-box;\n      pointer-events: none;\n      ").concat(_constants.borderRadius, "\n      ").concat(selected ? (0, _selection.getSelectionStyles)([_selection.SelectionStyle.Border]) : '', "\n    }\n  ");
+};
+var inlinePlayerClassName = 'media-card-inline-player';
+exports.inlinePlayerClassName = inlinePlayerClassName;
+var inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
+  var dimensions = _ref2.dimensions,
+    selected = _ref2.selected;
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  border-radius: ", "px;\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n\n  ", "\n\n  video {\n    width: 100%;\n    height: 100%;\n  }\n"])), (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%', (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto', (0, _constants.borderRadius)(), getSelectedBorderStyle(selected));
+};
+exports.inlinePlayerWrapperStyles = inlinePlayerWrapperStyles;
+inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';

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 = "75.0.0";
+var packageVersion = "76.0.0";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/ui/actionsBar/actionsBar.js

@@ -11,7 +11,7 @@ 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 _react = _interopRequireDefault(require("react"));
-var _cardActions = require("../../../utils/cardActions");
+var _cardActions = require("./cardActions");
 var _actionsBarWrapper = require("./actionsBarWrapper");
 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; } }

package/dist/cjs/{utils → card/ui/actionsBar}/cardActions/cardActionsDropdownMenu.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = require("../analytics");
+var _analytics = require("../../../../utils/analytics");
 var _cardActionButton = require("./cardActionButton");
 var _excluded = ["triggerRef"];
 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); }

package/dist/cjs/{utils → card/ui/actionsBar}/cardActions/cardActionsView.js

@@ -15,8 +15,8 @@ var _react2 = require("react");
 var _cardActionIconButton = require("./cardActionIconButton");
 var _styles = require("./styles");
 var _cardActionsDropdownMenu = require("./cardActionsDropdownMenu");
-var _preventClickThrough = require("../preventClickThrough");
-var _analytics = require("../analytics");
+var _preventClickThrough = require("../../../../utils/preventClickThrough");
+var _analytics = require("../../../../utils/analytics");
 var _analyticsNext = require("@atlaskit/analytics-next");
 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; } } /**@jsx jsx */