@atlaskit/media-card 77.4.4 → 77.4.6

package/dist/esm/card/card.js

@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.4";
+var packageVersion = "77.4.6";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -391,7 +391,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         identifier = _this$props5.identifier,
         useInlinePlayer = _this$props5.useInlinePlayer,
         shouldOpenMediaViewer = _this$props5.shouldOpenMediaViewer;
-      var cardPreview = _this.state.cardPreview;
+      var _this$state = _this.state,
+        status = _this$state.status,
+        cardPreview = _this$state.cardPreview;
       var _assertThisInitialize2 = _assertThisInitialized(_this),
         metadata = _assertThisInitialize2.metadata;
       _this.onClick(event, analyticsEvent);
@@ -399,7 +401,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         return;
       }
       var isVideo = metadata && metadata.mediaType === 'video';
-      if (useInlinePlayer && isVideo && !!cardPreview) {
+      if (useInlinePlayer && isVideo && !!cardPreview && status !== 'error') {
         _this.setState({
           isPlayingFile: true,
           shouldAutoplay: true
@@ -425,8 +427,10 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onInlinePlayerError", function () {
+    _defineProperty(_assertThisInitialized(_this), "onInlinePlayerError", function (e) {
       _this.setState({
+        error: new MediaCardError('error-file-state', e),
+        status: 'error',
         isPlayingFile: false
       });
     });
@@ -444,9 +448,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         testId = _this$props6.testId,
         originalDimensions = _this$props6.originalDimensions,
         onFullscreenChange = _this$props6.onFullscreenChange;
-      var _this$state = _this.state,
-        shouldAutoplay = _this$state.shouldAutoplay,
-        cardPreview = _this$state.cardPreview;
+      var _this$state2 = _this.state,
+        shouldAutoplay = _this$state2.shouldAutoplay,
+        cardPreview = _this$state2.cardPreview;
       var card = _this.renderCard(false, 'loading', false);
       return /*#__PURE__*/React.createElement(Suspense, {
         fallback: card
@@ -533,13 +537,13 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
         shouldHideTooltip = _this$props8.shouldHideTooltip;
       var mediaItemType = identifier.mediaItemType;
-      var _this$state2 = _this.state,
-        status = _this$state2.status,
-        progress = _this$state2.progress,
-        cardPreview = _this$state2.cardPreview,
-        error = _this$state2.error,
-        cardRef = _this$state2.cardRef,
-        isCardVisible = _this$state2.isCardVisible;
+      var _this$state3 = _this.state,
+        status = _this$state3.status,
+        progress = _this$state3.progress,
+        cardPreview = _this$state3.cardPreview,
+        error = _this$state3.error,
+        cardRef = _this$state3.cardRef,
+        isCardVisible = _this$state3.isCardVisible;
       var _assertThisInitialize3 = _assertThisInitialized(_this),
         metadata = _assertThisInitialize3.metadata;
       var _assertThisInitialize4 = _assertThisInitialized(_this),
@@ -709,9 +713,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       var _getDocument;
       this.hasBeenMounted = true;
-      var _this$state3 = this.state,
-        isCardVisible = _this$state3.isCardVisible,
-        cardPreview = _this$state3.cardPreview;
+      var _this$state4 = this.state,
+        isCardVisible = _this$state4.isCardVisible,
+        cardPreview = _this$state4.cardPreview;
       var _this$props11 = this.props,
         identifier = _this$props11.identifier,
         ssr = _this$props11.ssr,
@@ -759,15 +763,15 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         useInlinePlayer = _this$props12.useInlinePlayer,
         disableOverlay = _this$props12.disableOverlay,
         ssr = _this$props12.ssr;
-      var _this$state4 = this.state,
-        isCardVisible = _this$state4.isCardVisible,
-        cardPreview = _this$state4.cardPreview,
-        status = _this$state4.status,
-        fileState = _this$state4.fileState,
-        isBannedLocalPreview = _this$state4.isBannedLocalPreview,
-        previewDidRender = _this$state4.previewDidRender,
-        isPlayingFile = _this$state4.isPlayingFile,
-        wasResolvedUpfrontPreview = _this$state4.wasResolvedUpfrontPreview;
+      var _this$state5 = this.state,
+        isCardVisible = _this$state5.isCardVisible,
+        cardPreview = _this$state5.cardPreview,
+        status = _this$state5.status,
+        fileState = _this$state5.fileState,
+        isBannedLocalPreview = _this$state5.isBannedLocalPreview,
+        previewDidRender = _this$state5.previewDidRender,
+        isPlayingFile = _this$state5.isPlayingFile,
+        wasResolvedUpfrontPreview = _this$state5.wasResolvedUpfrontPreview;
       var isDiffIdentifier = isDifferentIdentifier(prevIdentifier, identifier);
       /**
        * Variable turnedVisible should only be true when media card
@@ -845,7 +849,7 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var _getFileDetails2 = getFileDetails(identifier, fileState),
         mimeType = _getFileDetails2.mimeType;
       var isVideoPlayable = videoIsPlayable(isBannedLocalPreview, fileState, mimeType);
-      if (isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable) {
+      if (isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && status !== 'error') {
         this.setState({
           isPlayingFile: true
         });
@@ -921,22 +925,22 @@ export var CardBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "metadata",
     get: function get() {
-      var _this$state5;
-      return getFileDetails(this.props.identifier, (_this$state5 = this.state) === null || _this$state5 === void 0 ? void 0 : _this$state5.fileState);
+      var _this$state6;
+      return getFileDetails(this.props.identifier, (_this$state6 = this.state) === null || _this$state6 === void 0 ? void 0 : _this$state6.fileState);
     }
   }, {
     key: "fileAttributes",
     get: function get() {
-      var _this$state6;
-      return getFileAttributes(this.metadata, (_this$state6 = this.state) === null || _this$state6 === void 0 || (_this$state6 = _this$state6.fileState) === null || _this$state6 === void 0 ? void 0 : _this$state6.status);
+      var _this$state7;
+      return getFileAttributes(this.metadata, (_this$state7 = this.state) === null || _this$state7 === void 0 || (_this$state7 = _this$state7.fileState) === null || _this$state7 === void 0 ? void 0 : _this$state7.status);
     }
   }, {
     key: "fireOperationalEvent",
     value: function fireOperationalEvent() {
-      var _this$state7 = this.state,
-        status = _this$state7.status,
-        error = _this$state7.error,
-        fileState = _this$state7.fileState;
+      var _this$state8 = this.state,
+        status = _this$state8.status,
+        error = _this$state8.error,
+        fileState = _this$state8.fileState;
       var createAnalyticsEvent = this.props.createAnalyticsEvent;
       createAnalyticsEvent && _fireOperationalEvent(createAnalyticsEvent, status, this.fileAttributes, this.getPerformanceAttributes(), this.ssrReliability, error, this.traceContext, fileState === null || fileState === void 0 ? void 0 : fileState.metadataTraceContext);
       completeUfoExperience(this.internalOccurrenceKey, status, this.fileAttributes, this.fileStateFlags, this.ssrReliability, error);
@@ -995,9 +999,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$state8 = this.state,
-        isPlayingFile = _this$state8.isPlayingFile,
-        mediaViewerSelectedItem = _this$state8.mediaViewerSelectedItem;
+      var _this$state9 = this.state,
+        isPlayingFile = _this$state9.isPlayingFile,
+        mediaViewerSelectedItem = _this$state9.mediaViewerSelectedItem;
       var innerContent = /*#__PURE__*/React.createElement(React.Fragment, null, isPlayingFile ? this.renderInlinePlayer() : this.renderCard(), mediaViewerSelectedItem ? this.renderMediaViewer() : null, this.storeSSRData());
       return this.props.intl ? innerContent : /*#__PURE__*/React.createElement(IntlProvider, {
         locale: "en"

package/dist/esm/card/getCardPreview/filePreviewStatus.js

@@ -26,6 +26,8 @@ export var extractFilePreviewStatus = function extractFilePreviewStatus(fileStat
     isSupportedByBrowser: isSupportedByBrowser
   };
 };
+
+// CXP-2723 TODO: Review this in relation to removing status from the hook
 export var isPreviewableStatus = function isPreviewableStatus(cardStatus, _ref3) {
   var isPreviewable = _ref3.isPreviewable,
     hasPreview = _ref3.hasPreview,

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 = "77.4.4";
+var packageVersion = "77.4.6";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

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

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.4";
+var packageVersion = "77.4.6";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);