@atlaskit/media-card 81.10.12 → 81.10.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-card
 
+## 81.10.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 81.10.12
 
 ### Patch Changes

package/attach-details-to-actions/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/media-card/attach-details-to-actions",
+  "main": "../dist/cjs/card/attachDetailsToActions.js",
+  "module": "../dist/esm/card/attachDetailsToActions.js",
+  "module:es2019": "../dist/es2019/card/attachDetailsToActions.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/card/attachDetailsToActions.d.ts"
+}

package/classnames/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/media-card/classnames",
-  "main": "../dist/cjs/classnames.js",
-  "module": "../dist/esm/classnames.js",
-  "module:es2019": "../dist/es2019/classnames.js",
+  "main": "../dist/cjs/card/classnames.js",
+  "module": "../dist/esm/card/classnames.js",
+  "module:es2019": "../dist/es2019/card/classnames.js",
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/classnames.d.ts"
+  "types": "../dist/types/card/classnames.d.ts"
 }

package/create-download-action/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/media-card/create-download-action",
+  "main": "../dist/cjs/card/createDownloadAction.js",
+  "module": "../dist/esm/card/createDownloadAction.js",
+  "module:es2019": "../dist/es2019/card/createDownloadAction.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/card/createDownloadAction.d.ts"
+}

package/dist/cjs/ImageLoadError.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageLoadError = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _getImageLoadPrimaryReason = require("./getImageLoadPrimaryReason");
+var _MediaCardError2 = require("./MediaCardError");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var ImageLoadError = exports.ImageLoadError = /*#__PURE__*/function (_MediaCardError) {
+  function ImageLoadError(source) {
+    (0, _classCallCheck2.default)(this, ImageLoadError);
+    return _callSuper(this, ImageLoadError, [(0, _getImageLoadPrimaryReason.getImageLoadPrimaryReason)(source)]);
+  }
+  (0, _inherits2.default)(ImageLoadError, _MediaCardError);
+  return (0, _createClass2.default)(ImageLoadError);
+}(_MediaCardError2.MediaCardError);

package/dist/cjs/LocalPreviewError.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocalPreviewError = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _MediaCardError2 = require("./MediaCardError");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var LocalPreviewError = exports.LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
+  function LocalPreviewError(primaryReason, secondaryError) {
+    var _this;
+    (0, _classCallCheck2.default)(this, LocalPreviewError);
+    _this = _callSuper(this, LocalPreviewError, [primaryReason, secondaryError]);
+    _this.primaryReason = primaryReason;
+    _this.secondaryError = secondaryError;
+    return _this;
+  }
+  (0, _inherits2.default)(LocalPreviewError, _MediaCardError);
+  return (0, _createClass2.default)(LocalPreviewError);
+}(_MediaCardError2.MediaCardError);

package/dist/cjs/MediaCardError.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaCardError = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var MediaCardError = exports.MediaCardError = /*#__PURE__*/function (_Error) {
+  function MediaCardError(primaryReason, secondaryError) {
+    var _this;
+    (0, _classCallCheck2.default)(this, MediaCardError);
+    _this = _callSuper(this, MediaCardError, [primaryReason]);
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#support-for-newtarget
+    _this.primaryReason = primaryReason;
+    _this.secondaryError = secondaryError;
+    Object.setPrototypeOf(_this, (this instanceof MediaCardError ? this.constructor : void 0).prototype);
+
+    // https://v8.dev/docs/stack-trace-api
+    if ('captureStackTrace' in Error) {
+      Error.captureStackTrace(_this, this instanceof MediaCardError ? this.constructor : void 0);
+    }
+    return _this;
+  }
+  (0, _inherits2.default)(MediaCardError, _Error);
+  return (0, _createClass2.default)(MediaCardError);
+}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */

package/dist/cjs/RemotePreviewError.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RemotePreviewError = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _MediaCardError2 = require("./MediaCardError");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var RemotePreviewError = exports.RemotePreviewError = /*#__PURE__*/function (_MediaCardError) {
+  function RemotePreviewError(primaryReason, secondaryError) {
+    var _this;
+    (0, _classCallCheck2.default)(this, RemotePreviewError);
+    _this = _callSuper(this, RemotePreviewError, [primaryReason, secondaryError]);
+    _this.primaryReason = primaryReason;
+    _this.secondaryError = secondaryError;
+    return _this;
+  }
+  (0, _inherits2.default)(RemotePreviewError, _MediaCardError);
+  return (0, _createClass2.default)(RemotePreviewError);
+}(_MediaCardError2.MediaCardError);

package/dist/cjs/SsrPreviewError.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SsrPreviewError = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _MediaCardError2 = require("./MediaCardError");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var SsrPreviewError = exports.SsrPreviewError = /*#__PURE__*/function (_MediaCardError) {
+  function SsrPreviewError(primaryReason, secondaryError) {
+    var _this;
+    (0, _classCallCheck2.default)(this, SsrPreviewError);
+    _this = _callSuper(this, SsrPreviewError, [primaryReason, secondaryError]);
+    _this.primaryReason = primaryReason;
+    _this.secondaryError = secondaryError;
+    return _this;
+  }
+  (0, _inherits2.default)(SsrPreviewError, _MediaCardError);
+  return (0, _createClass2.default)(SsrPreviewError);
+}(_MediaCardError2.MediaCardError);

package/dist/cjs/card/CardBase.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardBase = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _mediaClient = require("@atlaskit/media-client");
+var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
+var _externalImageCard = require("./externalImageCard");
+var _fileCard = require("./fileCard");
+var _excluded = ["identifier"];
+var CardBase = exports.CardBase = function CardBase(_ref) {
+  var identifier = _ref.identifier,
+    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var innerContent = (0, _mediaClient.isFileIdentifier)(identifier) ? /*#__PURE__*/_react.default.createElement(_label.default, {
+    name: "media-card-file-card"
+  }, /*#__PURE__*/_react.default.createElement(_fileCard.FileCard, (0, _extends2.default)({}, otherProps, {
+    identifier: identifier,
+    key: identifier.id
+  }))) : /*#__PURE__*/_react.default.createElement(_label.default, {
+    name: "media-card-external-image"
+  }, /*#__PURE__*/_react.default.createElement(_externalImageCard.ExternalImageCard, (0, _extends2.default)({}, otherProps, {
+    identifier: identifier,
+    key: identifier.dataURI
+  })));
+  return otherProps.intl ? innerContent : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+    locale: "en"
+  }, innerContent);
+};

package/dist/cjs/card/CardWithPerformanceObserver.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardWithPerformanceObserver = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
+var _setAnalyticsContext = require("../utils/mediaPerformanceObserver/setAnalyticsContext");
+var _startResourceObserver = require("../utils/mediaPerformanceObserver/startResourceObserver");
+var _CardBase = require("./CardBase");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var CardWithPerformanceObserver = exports.CardWithPerformanceObserver = function CardWithPerformanceObserver(props) {
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  (0, _react.useEffect)(function () {
+    (0, _startResourceObserver.startResourceObserver)();
+  }, []);
+  (0, _react.useEffect)(function () {
+    (0, _setAnalyticsContext.setAnalyticsContext)(createAnalyticsEvent);
+  }, [createAnalyticsEvent]);
+  return /*#__PURE__*/_react.default.createElement(_CardBase.CardBase, props);
+};

package/dist/cjs/card/InlinePlayerBase.js

@@ -0,0 +1,266 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlinePlayerBase = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _mediaClient = require("@atlaskit/media-client");
+var _useFileState2 = require("@atlaskit/media-client-react/use-file-state");
+var _useMediaClient = require("@atlaskit/media-client-react/use-media-client");
+var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
+var _inactivityDetector = require("@atlaskit/media-ui/inactivityDetector");
+var _mediaPlayer = require("@atlaskit/media-ui/mediaPlayer");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _cardDimensions = require("../utils/cardDimensions");
+var _cardLoading = require("../utils/lightCards/cardLoading");
+var _getPreferredVideoArtifact = require("./getPreferredVideoArtifact");
+var _inlinePlayerWrapper = require("./inlinePlayerWrapper");
+var _progressBar = require("./ui/progressBar/progressBar");
+var _useBreakpoint = require("./useBreakpoint");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
+var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref) {
+  var identifier = _ref.identifier,
+    onError = _ref.onError,
+    onClick = _ref.onClick,
+    _ref$dimensions = _ref.dimensions,
+    dimensions = _ref$dimensions === void 0 ? _cardDimensions.defaultImageCardDimensions : _ref$dimensions,
+    originalDimensions = _ref.originalDimensions,
+    selected = _ref.selected,
+    testId = _ref.testId,
+    forwardRef = _ref.forwardRef,
+    autoplay = _ref.autoplay,
+    cardPreview = _ref.cardPreview,
+    onFullscreenChange = _ref.onFullscreenChange,
+    videoControlsWrapperRef = _ref.videoControlsWrapperRef;
+  // === States ===
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    fileSrc = _useState2[0],
+    setFileSrc = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isUploading = _useState4[0],
+    setIsUploading = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    progress = _useState6[0],
+    setProgress = _useState6[1];
+
+  // === Refs and Local Variables ===
+  var divRef = (0, _react.useRef)(null);
+  var onErrorRef = (0, _react.useRef)(onError);
+  onErrorRef.current = onError;
+  var id = identifier.id,
+    collectionName = identifier.collectionName,
+    occurrenceKey = identifier.occurrenceKey;
+  var breakpoint = (0, _useBreakpoint.useBreakpoint)(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
+  var mediaClient = (0, _useMediaClient.useMediaClient)();
+  var _useFileState = (0, _useFileState2.useFileState)(id, {
+      collectionName: collectionName,
+      occurrenceKey: occurrenceKey
+    }),
+    fileState = _useFileState.fileState;
+  var init = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileState) {
+      var artifactName, artifacts, newFileSrc, _newFileSrc, _t, _t2;
+      return _regenerator.default.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (fileState.status === 'processed' || fileState.status === 'processing') {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            artifactName = (0, _getPreferredVideoArtifact.getPreferredVideoArtifact)(fileState);
+            artifacts = fileState.artifacts;
+            if (!(!artifactName || !artifacts)) {
+              _context.next = 6;
+              break;
+            }
+            _context.prev = 2;
+            _context.next = 3;
+            return mediaClient.file.getFileBinaryURL(id, collectionName);
+          case 3:
+            newFileSrc = _context.sent;
+            setFileSrc(newFileSrc);
+            _context.next = 5;
+            break;
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            if (onErrorRef.current && _t instanceof Error) {
+              onErrorRef.current(_t);
+            }
+          case 5:
+            return _context.abrupt("return");
+          case 6:
+            _context.prev = 6;
+            _context.next = 7;
+            return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
+          case 7:
+            _newFileSrc = _context.sent;
+            setFileSrc(_newFileSrc);
+            _context.next = 9;
+            break;
+          case 8:
+            _context.prev = 8;
+            _t2 = _context["catch"](6);
+            if (onErrorRef.current && _t2 instanceof Error) {
+              onErrorRef.current(_t2);
+            }
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4], [6, 8]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [collectionName, id, mediaClient.file]);
+  var onPlay = function onPlay() {
+    if ((0, _fg.fg)('platform_media_resume_video_on_token_expiry')) {
+      fileState && init(fileState);
+    }
+  };
+  var onTimeChanged = onPlay;
+  (0, _react.useEffect)(function () {
+    var subscribeFileState = /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(fileState) {
+        var _yield$fileState$prev, value, newFileSrc;
+        return _regenerator.default.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (fileState.status === 'uploading') {
+                setIsUploading(true);
+                setProgress(fileState.progress);
+              } else {
+                setIsUploading(false);
+              }
+
+              // We reuse the existing fileSrc to prevent re renders, therefore we only perform fileSrc updates when there isn't any
+              if (!fileSrc) {
+                _context2.next = 1;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 1:
+              if (!(fileState.status !== 'error' && fileState.preview)) {
+                _context2.next = 3;
+                break;
+              }
+              _context2.next = 2;
+              return fileState.preview;
+            case 2:
+              _yield$fileState$prev = _context2.sent;
+              value = _yield$fileState$prev.value;
+              if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
+                _context2.next = 3;
+                break;
+              }
+              newFileSrc = URL.createObjectURL(value);
+              setFileSrc(newFileSrc);
+              return _context2.abrupt("return");
+            case 3:
+              if (fileState.status === 'processed' || fileState.status === 'processing') {
+                init(fileState);
+              }
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function subscribeFileState(_x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    if (fileState) {
+      subscribeFileState(fileState);
+    }
+  }, [fileState, collectionName, fileSrc, id, mediaClient, init]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      fileSrc && URL.revokeObjectURL(fileSrc);
+    };
+  }, [fileSrc]);
+
+  // === Render ===
+  return fileSrc ? /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapper.InlinePlayerWrapper, {
+    testId: testId || 'media-card-inline-player',
+    "data-vc": "media-card-inline-player",
+    selected: selected,
+    onClick: onClick,
+    innerRef: forwardRef || undefined,
+    dimensions: dimensions
+  }, /*#__PURE__*/_react.default.createElement(_inactivityDetector.InactivityDetector, null, function (checkMouseMovement, controlsAreVisible) {
+    return (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaPlayer.MediaPlayer, {
+      identifier: identifier,
+      type: "video",
+      src: fileSrc,
+      onFullscreenChange: onFullscreenChange,
+      isAutoPlay: autoplay,
+      isHDAvailable: false,
+      onDownloadClick: function onDownloadClick() {
+        mediaClient.file.downloadBinary(id, undefined, collectionName);
+      },
+      onFirstPlay: function onFirstPlay() {
+        _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
+          fileId: id,
+          viewingLevel: 'full'
+        });
+      },
+      onPlay: onPlay,
+      onTimeChanged: onTimeChanged,
+      lastWatchTimeConfig: {
+        contentId: id
+      },
+      originalDimensions: originalDimensions,
+      showControls: checkMouseMovement,
+      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+      videoControlsWrapperRef: videoControlsWrapperRef,
+      areControlsVisible: controlsAreVisible
+    }) : /*#__PURE__*/_react.default.createElement(_customMediaPlayer.CustomMediaPlayer, {
+      type: "video",
+      src: fileSrc,
+      onFullscreenChange: onFullscreenChange,
+      fileId: id,
+      isAutoPlay: autoplay,
+      isHDAvailable: false,
+      onDownloadClick: function onDownloadClick() {
+        mediaClient.file.downloadBinary(id, undefined, collectionName);
+      },
+      onFirstPlay: function onFirstPlay() {
+        _mediaClient.globalMediaEventEmitter.emit('media-viewed', {
+          fileId: id,
+          viewingLevel: 'full'
+        });
+      },
+      onPlay: onPlay,
+      onTimeChanged: onTimeChanged,
+      lastWatchTimeConfig: {
+        contentId: id
+      },
+      originalDimensions: originalDimensions,
+      showControls: checkMouseMovement,
+      poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
+      videoControlsWrapperRef: videoControlsWrapperRef
+    });
+  }), isUploading && /*#__PURE__*/_react.default.createElement(_progressBar.ProgressBar, {
+    progress: progress,
+    breakpoint: breakpoint,
+    positionBottom: true,
+    showOnTop: true
+  })) : /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, {
+    testId: testId,
+    dimensions: dimensions,
+    interactionName: "inline-player-loading"
+  });
+};

package/dist/cjs/card/actions.js

@@ -1,41 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.attachDetailsToActions = attachDetailsToActions;
-exports.createDownloadAction = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _messages = require("@atlaskit/media-ui/messages");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function attachDetailsToActions(actions, details) {
-  return actions.map(function (action) {
-    return _objectSpread(_objectSpread({}, action), {}, {
-      handler: function handler() {
-        action.handler({
-          type: 'file',
-          details: details
-        });
-      }
-    });
-  });
-}
-var createDownloadAction = exports.createDownloadAction = function createDownloadAction(baseAction, formatMessage) {
-  var isDisabled = baseAction.isDisabled;
-  var label = isDisabled ? 'Download Disabled' : 'Download';
-  var tooltip = isDisabled ? formatMessage(_messages.messages.download_disabled_security_policy) : undefined;
-  return _objectSpread(_objectSpread({}, baseAction), {}, {
-    label: label,
-    tooltip: tooltip,
-    icon: /*#__PURE__*/_react.default.createElement(_download.default, {
-      color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : 'currentColor',
-      spacing: "spacious",
-      label: (0, _fg.fg)('platform-a11y-media-card-download-icon-decorative') ? '' : 'Download'
-    })
-  });
-};
+Object.defineProperty(exports, "attachDetailsToActions", {
+  enumerable: true,
+  get: function get() {
+    return _attachDetailsToActions.attachDetailsToActions;
+  }
+});
+Object.defineProperty(exports, "createDownloadAction", {
+  enumerable: true,
+  get: function get() {
+    return _createDownloadAction.createDownloadAction;
+  }
+});
+var _attachDetailsToActions = require("./attachDetailsToActions");
+var _createDownloadAction = require("./createDownloadAction");

package/dist/cjs/card/attachDetailsToActions.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.attachDetailsToActions = attachDetailsToActions;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function attachDetailsToActions(actions, details) {
+  return actions.map(function (action) {
+    return _objectSpread(_objectSpread({}, action), {}, {
+      handler: function handler() {
+        action.handler({
+          type: 'file',
+          details: details
+        });
+      }
+    });
+  });
+}