@atlaskit/media-card 81.10.12 → 81.10.13

package/dist/cjs/utils/mediaPerformanceObserver/startResourceObserver.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startResourceObserver = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/media-common/analytics");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
+var _createMediaDurationMetrics = require("./createMediaDurationMetrics");
+var _createUfoDurationMetrics = require("./createUfoDurationMetrics");
+var _mediaPerformanceObserver = require("./mediaPerformanceObserver");
+var _ufo = require("./ufo");
+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; }
+// this should fire around 10% of the time
+var shouldSamplePerfObserver = function shouldSamplePerfObserver() {
+  return Math.random() < 0.1;
+};
+var urlRegex = /(?:https:\/\/(?:media\.(?:dev|staging|prod)\.atl-paas\.net|api\.media\.atlassian\.com|media-cdn(?:\.stg\.|\.)atlassian\.com)\/|media-api\/)file\/([^/]+)\/image.*[?&]source=mediaCard/;
+var clientIdParamRegex = /[?&]clientId=([^&]+)/;
+var ssrParamRegex = /[?&]token=([^&]+)/;
+var createAndGetResourceObserver = function createAndGetResourceObserver() {
+  return new PerformanceObserver(function (list) {
+    list.getEntries().forEach(function (baseEntry) {
+      var entry = baseEntry;
+      var matchFileId = entry.name.match(urlRegex);
+      var matchClientId = entry.name.match(clientIdParamRegex);
+      var matchSSR = entry.name.match(ssrParamRegex);
+      var state = window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY];
+      if (matchFileId && state !== null && state !== void 0 && state.mediaCardCreateAnalyticsEvent) {
+        var _interaction$start;
+        var fileId = matchFileId[1];
+        var clientId = matchClientId === null || matchClientId === void 0 ? void 0 : matchClientId[1];
+        var ssr = matchSSR ? 'server' : undefined;
+
+        // Get UFO interaction start time for proper timing in SPAs
+        // For page_load: start = 0 (relative to page navigation)
+        // For transitions: start = performance.now() when transition started
+        var interaction = (0, _interactionMetrics.getActiveInteraction)();
+        var interactionStartTime = (_interaction$start = interaction === null || interaction === void 0 ? void 0 : interaction.start) !== null && _interaction$start !== void 0 ? _interaction$start : 0;
+        var mediaDurationMetrics = (0, _createMediaDurationMetrics.createMediaDurationMetrics)(entry, interactionStartTime);
+        var event = state.mediaCardCreateAnalyticsEvent({
+          eventType: 'operational',
+          action: 'succeeded',
+          actionSubject: 'mediaCardPerfObserver',
+          attributes: _objectSpread({
+            ssr: ssr,
+            fileId: fileId,
+            mediaClientId: clientId,
+            featureFlags: {
+              'media-perf-lazy-loading-optimisation': (0, _fg.fg)('media-perf-lazy-loading-optimisation')
+            }
+          }, mediaDurationMetrics)
+        });
+        if (shouldSamplePerfObserver()) {
+          event.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
+        }
+        if ((0, _fg.fg)('platform_media_card_ufo_network_metrics')) {
+          var ufoDurationMetrics = (0, _createUfoDurationMetrics.createUfoDurationMetrics)(entry, interactionStartTime);
+          var endpointName = 'image';
+          (0, _ufo.sendUfoDurationMetrics)(ufoDurationMetrics, endpointName);
+        }
+      }
+    });
+  });
+};
+var isDefinedPerformanceObserver = function isDefinedPerformanceObserver() {
+  return typeof window['PerformanceObserver'] !== 'undefined';
+};
+var startResourceObserver = exports.startResourceObserver = function startResourceObserver() {
+  var _window$MEDIA_CARD_PE;
+  if (!isDefinedPerformanceObserver()) {
+    return;
+  }
+  if ((_window$MEDIA_CARD_PE = window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY]) !== null && _window$MEDIA_CARD_PE !== void 0 && _window$MEDIA_CARD_PE.mediaCardPerfObserver) {
+    return;
+  }
+  if (!window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY]) {
+    window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY] = {};
+  }
+  window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY].mediaCardPerfObserver = createAndGetResourceObserver();
+  window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY].mediaCardPerfObserver.observe({
+    type: 'resource',
+    buffered: true
+  });
+};

package/dist/cjs/utils/printFunctionCall.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.printFunctionCall = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var printParam = function printParam(param) {
+  if (typeof param === 'string') {
+    return "'".concat(param, "'");
+  } else if ((0, _typeof2.default)(param) === 'object') {
+    return JSON.stringify(param);
+  } else if (param === undefined) {
+    return 'undefined';
+  }
+  return param;
+};
+var printParams = function printParams(args) {
+  return args.map(function (arg) {
+    return printParam(arg);
+  }).join(',');
+};
+var printFunctionCall = exports.printFunctionCall = function printFunctionCall(fn) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return "(".concat(fn.toString(), ")(").concat(printParams(args), ");");
+};

package/dist/cjs/utils/printScript.js

@@ -1,32 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.printScript = exports.printFunctionCall = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var printParam = function printParam(param) {
-  if (typeof param === 'string') {
-    return "'".concat(param, "'");
-  } else if ((0, _typeof2.default)(param) === 'object') {
-    return JSON.stringify(param);
-  } else if (param === undefined) {
-    return 'undefined';
-  }
-  return param;
-};
-var printParams = function printParams(args) {
-  return args.map(function (arg) {
-    return printParam(arg);
-  }).join(',');
-};
-var printFunctionCall = exports.printFunctionCall = function printFunctionCall(fn) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  return "(".concat(fn.toString(), ")(").concat(printParams(args), ");");
-};
+exports.printScript = void 0;
 var printScript = exports.printScript = function printScript(statements) {
   return "(function(){\n  ".concat(statements.join(';'), "\n})();\n");
 };

package/dist/cjs/utils/resolveCardPreviewDimension.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveCardPreviewDimension = void 0;
+var _cardDimensions = require("./cardDimensions");
+var _containsPixelUnit = require("./containsPixelUnit");
+var _getElementDimension = require("./getElementDimension");
+var _isValidPercentageUnit = require("./isValidPercentageUnit");
+// Same as getDataURIDimension but without Retina factor
+var resolveCardPreviewDimension = exports.resolveCardPreviewDimension = function resolveCardPreviewDimension(dimensionName, _ref) {
+  var dimensions = _ref.dimensions,
+    element = _ref.element;
+  var dimensionValue = (dimensions === null || dimensions === void 0 ? void 0 : dimensions[dimensionName]) || '';
+  if ((0, _isValidPercentageUnit.isValidPercentageUnit)(dimensionValue) && element) {
+    return (0, _getElementDimension.getElementDimension)(element, dimensionName);
+  }
+  if (typeof dimensionValue === 'number') {
+    return dimensionValue;
+  }
+  if ((0, _containsPixelUnit.containsPixelUnit)("".concat(dimensionValue))) {
+    return parseInt("".concat(dimensionValue), 10);
+  }
+  return _cardDimensions.defaultImageCardDimensions[dimensionName];
+};

package/dist/cjs/utils/resolveCardPreviewDimensions.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveCardPreviewDimensions = void 0;
+var _resolveCardPreviewDimension = require("./resolveCardPreviewDimension");
+var resolveCardPreviewDimensions = exports.resolveCardPreviewDimensions = function resolveCardPreviewDimensions(options) {
+  var width = (0, _resolveCardPreviewDimension.resolveCardPreviewDimension)('width', options);
+  var height = (0, _resolveCardPreviewDimension.resolveCardPreviewDimension)('height', options);
+  return {
+    width: width,
+    height: height
+  };
+};

package/dist/cjs/utils/ufoExperiences.js

@@ -8,21 +8,22 @@ exports.useMediaCardUfoExperience = exports.startUfoExperience = exports.shouldP
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("react");
-var _experience = require("@atlaskit/ufo/experience");
-var _experienceTypes = require("@atlaskit/ufo/experience-types");
-var _concurrentExperience = require("@atlaskit/ufo/concurrent-experience");
+var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _isValidUuid = require("@atlaskit/media-common/isValidUuid");
-var _experienceState = require("@atlaskit/ufo/experience-state");
-var _analytics = require("./analytics");
-var _errors = require("../errors");
-var _mediaClient = require("@atlaskit/media-client");
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
-var _globalScope = require("./globalScope/globalScope");
+var _concurrentExperience = require("@atlaskit/ufo/concurrent-experience");
+var _experience = require("@atlaskit/ufo/experience");
+var _experienceState = require("@atlaskit/ufo/experience-state");
+var _experienceTypes = require("@atlaskit/ufo/experience-types");
+var _MediaCardError = require("../MediaCardError");
+var _extractErrorInfo = require("./analytics/extractErrorInfo");
+var _getRenderErrorRequestMetadata = require("./analytics/getRenderErrorRequestMetadata");
+var _getMediaGlobalScope = require("./globalScope/getMediaGlobalScope");
 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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.10.11";
+var packageVersion = "81.10.12";
 var SAMPLE_RATE = 0.05;
 
 /**
@@ -59,7 +60,7 @@ var findPerformanceEntryByName = function findPerformanceEntryByName(name) {
     return undefined;
   }
   var entries = performance.getEntriesByType('resource');
-  var ssrPerformanceEntries = (_getMediaGlobalScope$ = (0, _globalScope.getMediaGlobalScope)().performanceEntries) !== null && _getMediaGlobalScope$ !== void 0 ? _getMediaGlobalScope$ : [];
+  var ssrPerformanceEntries = (_getMediaGlobalScope$ = (0, _getMediaGlobalScope.getMediaGlobalScope)().performanceEntries) !== null && _getMediaGlobalScope$ !== void 0 ? _getMediaGlobalScope$ : [];
   return [].concat((0, _toConsumableArray2.default)(ssrPerformanceEntries), (0, _toConsumableArray2.default)(entries)).find(function (entry) {
     return name.includes(entry.name);
   });
@@ -233,6 +234,7 @@ var createExperience = function createExperience(instanceId) {
  * ufoExperience.complete(status, fileAttributes, fileStateFlags, ssrReliability, error, ssrPreviewInfo);
  * ```
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Keep the UFO experience lifecycle API co-located with its shared module state.
 var useMediaCardUfoExperience = exports.useMediaCardUfoExperience = function useMediaCardUfoExperience(_ref4) {
   var instanceId = _ref4.instanceId,
     enabled = _ref4.enabled;
@@ -261,7 +263,7 @@ var useMediaCardUfoExperience = exports.useMediaCardUfoExperience = function use
     startTimeRef.current = options !== null && options !== void 0 && options.useInteractionTime ? getInteractionStartTime() : performance.now();
   }, [enabled]);
   var complete = (0, _react.useCallback)(function (status, fileAttributes, fileStateFlags, ssrReliability) {
-    var error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : new _errors.MediaCardError('missing-error-data');
+    var error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : new _MediaCardError.MediaCardError('missing-error-data');
     var ssrPreviewInfo = arguments.length > 5 ? arguments[5] : undefined;
     // Only complete for terminal statuses - ignore intermediate statuses like 'loading-preview'
     if (!['complete', 'error', 'failed-processing'].includes(status)) {
@@ -343,8 +345,8 @@ var useMediaCardUfoExperience = exports.useMediaCardUfoExperience = function use
             fileAttributes: sanitisedFileAttributes,
             ssrReliability: ssrReliability,
             fileStateFlags: fileStateFlags
-          }, (0, _analytics.extractErrorInfo)(error)), {}, {
-            request: (0, _analytics.getRenderErrorRequestMetadata)(error)
+          }, (0, _extractErrorInfo.extractErrorInfo)(error)), {}, {
+            request: (0, _getRenderErrorRequestMetadata.getRenderErrorRequestMetadata)(error)
           }, getBasePayloadAttributes())
         });
         break;
@@ -419,11 +421,15 @@ var getExperience = function getExperience(id) {
   }
   return concurrentExperience.getInstance(id);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Start, complete, and abort must share the same concurrentExperience singleton.
 var startUfoExperience = exports.startUfoExperience = function startUfoExperience(id, startTime) {
   getExperience(id).start(startTime);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Start, complete, and abort must share the same concurrentExperience singleton.
 var completeUfoExperience = exports.completeUfoExperience = function completeUfoExperience(id, status, fileAttributes, fileStateFlags, ssrReliability) {
-  var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new _errors.MediaCardError('missing-error-data');
+  var error = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : new _MediaCardError.MediaCardError('missing-error-data');
   var ssrPreviewInfo = arguments.length > 6 ? arguments[6] : undefined;
   // Only complete for terminal statuses - ignore intermediate statuses like 'loading-preview'
   if (!['complete', 'error', 'failed-processing'].includes(status)) {
@@ -484,13 +490,15 @@ var completeUfoExperience = exports.completeUfoExperience = function completeUfo
           fileAttributes: sanitisedFileAttributes,
           ssrReliability: ssrReliability,
           fileStateFlags: fileStateFlags
-        }, (0, _analytics.extractErrorInfo)(error)), {}, {
-          request: (0, _analytics.getRenderErrorRequestMetadata)(error)
+        }, (0, _extractErrorInfo.extractErrorInfo)(error)), {}, {
+          request: (0, _getRenderErrorRequestMetadata.getRenderErrorRequestMetadata)(error)
         }, getBasePayloadAttributes())
       });
       break;
   }
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports -- Start, complete, and abort must share the same concurrentExperience singleton.
 var abortUfoExperience = exports.abortUfoExperience = function abortUfoExperience(id, properties) {
   var metadata = _objectSpread({}, getBasePayloadAttributes());
   if (properties !== null && properties !== void 0 && properties.fileAttributes) {

package/dist/es2019/ImageLoadError.js

@@ -0,0 +1,7 @@
+import { getImageLoadPrimaryReason } from './getImageLoadPrimaryReason';
+import { MediaCardError } from './MediaCardError';
+export class ImageLoadError extends MediaCardError {
+  constructor(source) {
+    super(getImageLoadPrimaryReason(source));
+  }
+}

package/dist/es2019/LocalPreviewError.js

@@ -0,0 +1,8 @@
+import { MediaCardError } from './MediaCardError';
+export class LocalPreviewError extends MediaCardError {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+  }
+}

package/dist/es2019/MediaCardError.js

@@ -0,0 +1,18 @@
+export class MediaCardError extends Error {
+  constructor(primaryReason, secondaryError) {
+    super(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, new.target.prototype);
+
+    // https://v8.dev/docs/stack-trace-api
+    if ('captureStackTrace' in Error) {
+      Error.captureStackTrace(this, new.target);
+    }
+  }
+}
+/**
+ * Primary reason is logged through Data Portal.
+ * Make sure all the values are whitelisted in Measure -> Event Regitry -> "mediaCardRender failed" event
+ */

package/dist/es2019/RemotePreviewError.js

@@ -0,0 +1,8 @@
+import { MediaCardError } from './MediaCardError';
+export class RemotePreviewError extends MediaCardError {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+  }
+}

package/dist/es2019/SsrPreviewError.js

@@ -0,0 +1,8 @@
+import { MediaCardError } from './MediaCardError';
+export class SsrPreviewError extends MediaCardError {
+  constructor(primaryReason, secondaryError) {
+    super(primaryReason, secondaryError);
+    this.primaryReason = primaryReason;
+    this.secondaryError = secondaryError;
+  }
+}

package/dist/es2019/card/CardBase.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import { isFileIdentifier } from '@atlaskit/media-client';
+import UFOLabel from '@atlaskit/react-ufo/label';
+import { ExternalImageCard } from './externalImageCard';
+import { FileCard } from './fileCard';
+export const CardBase = ({
+  identifier,
+  ...otherProps
+}) => {
+  const innerContent = isFileIdentifier(identifier) ? /*#__PURE__*/React.createElement(UFOLabel, {
+    name: "media-card-file-card"
+  }, /*#__PURE__*/React.createElement(FileCard, _extends({}, otherProps, {
+    identifier: identifier,
+    key: identifier.id
+  }))) : /*#__PURE__*/React.createElement(UFOLabel, {
+    name: "media-card-external-image"
+  }, /*#__PURE__*/React.createElement(ExternalImageCard, _extends({}, otherProps, {
+    identifier: identifier,
+    key: identifier.dataURI
+  })));
+  return otherProps.intl ? innerContent : /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, innerContent);
+};

package/dist/es2019/card/CardWithPerformanceObserver.js

@@ -0,0 +1,17 @@
+import React, { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
+import { setAnalyticsContext } from '../utils/mediaPerformanceObserver/setAnalyticsContext';
+import { startResourceObserver } from '../utils/mediaPerformanceObserver/startResourceObserver';
+import { CardBase } from './CardBase';
+export const CardWithPerformanceObserver = props => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    startResourceObserver();
+  }, []);
+  useEffect(() => {
+    setAnalyticsContext(createAnalyticsEvent);
+  }, [createAnalyticsEvent]);
+  return /*#__PURE__*/React.createElement(CardBase, props);
+};

package/dist/es2019/card/InlinePlayerBase.js

@@ -0,0 +1,192 @@
+import React, { useRef, useState, useEffect, useCallback } from 'react';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
+import { useFileState } from '@atlaskit/media-client-react/use-file-state';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
+import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { defaultImageCardDimensions } from '../utils/cardDimensions';
+import { CardLoading } from '../utils/lightCards/cardLoading';
+import { getPreferredVideoArtifact } from './getPreferredVideoArtifact';
+import { InlinePlayerWrapper } from './inlinePlayerWrapper';
+import { ProgressBar } from './ui/progressBar/progressBar';
+import { useBreakpoint } from './useBreakpoint';
+export const InlinePlayerBase = ({
+  identifier,
+  onError,
+  onClick,
+  dimensions = defaultImageCardDimensions,
+  originalDimensions,
+  selected,
+  testId,
+  forwardRef,
+  autoplay,
+  cardPreview,
+  onFullscreenChange,
+  videoControlsWrapperRef
+}) => {
+  // === States ===
+  const [fileSrc, setFileSrc] = useState();
+  const [isUploading, setIsUploading] = useState();
+  const [progress, setProgress] = useState();
+
+  // === Refs and Local Variables ===
+  const divRef = useRef(null);
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  const {
+    id,
+    collectionName,
+    occurrenceKey
+  } = identifier;
+  const breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
+  const mediaClient = useMediaClient();
+  const {
+    fileState
+  } = useFileState(id, {
+    collectionName,
+    occurrenceKey
+  });
+  const init = useCallback(async fileState => {
+    if (!(fileState.status === 'processed' || fileState.status === 'processing')) {
+      return;
+    }
+    const artifactName = getPreferredVideoArtifact(fileState);
+    const {
+      artifacts
+    } = fileState;
+    if (!artifactName || !artifacts) {
+      // Tries to use the binary artifact to provide something to play while the video is still processing
+      try {
+        const newFileSrc = await mediaClient.file.getFileBinaryURL(id, collectionName);
+        setFileSrc(newFileSrc);
+      } catch (error) {
+        if (onErrorRef.current && error instanceof Error) {
+          onErrorRef.current(error);
+        }
+      }
+      return;
+    }
+    try {
+      const newFileSrc = await mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
+      setFileSrc(newFileSrc);
+    } catch (error) {
+      if (onErrorRef.current && error instanceof Error) {
+        onErrorRef.current(error);
+      }
+    }
+  }, [collectionName, id, mediaClient.file]);
+  const onPlay = () => {
+    if (fg('platform_media_resume_video_on_token_expiry')) {
+      fileState && init(fileState);
+    }
+  };
+  const onTimeChanged = onPlay;
+  useEffect(() => {
+    const subscribeFileState = async fileState => {
+      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) {
+        return;
+      }
+      if (fileState.status !== 'error' && fileState.preview) {
+        const {
+          value
+        } = await fileState.preview;
+        if (value instanceof Blob && value.type.indexOf('video/') === 0) {
+          const newFileSrc = URL.createObjectURL(value);
+          setFileSrc(newFileSrc);
+          return;
+        }
+      }
+      if (fileState.status === 'processed' || fileState.status === 'processing') {
+        init(fileState);
+      }
+    };
+    if (fileState) {
+      subscribeFileState(fileState);
+    }
+  }, [fileState, collectionName, fileSrc, id, mediaClient, init]);
+  useEffect(() => {
+    return () => {
+      fileSrc && URL.revokeObjectURL(fileSrc);
+    };
+  }, [fileSrc]);
+
+  // === Render ===
+  return fileSrc ? /*#__PURE__*/React.createElement(InlinePlayerWrapper, {
+    testId: testId || 'media-card-inline-player',
+    "data-vc": "media-card-inline-player",
+    selected: selected,
+    onClick: onClick,
+    innerRef: forwardRef || undefined,
+    dimensions: dimensions
+  }, /*#__PURE__*/React.createElement(InactivityDetector, null, (checkMouseMovement, controlsAreVisible) => fg('platform_media_video_captions') ? /*#__PURE__*/React.createElement(MediaPlayer, {
+    identifier: identifier,
+    type: "video",
+    src: fileSrc,
+    onFullscreenChange: onFullscreenChange,
+    isAutoPlay: autoplay,
+    isHDAvailable: false,
+    onDownloadClick: () => {
+      mediaClient.file.downloadBinary(id, undefined, collectionName);
+    },
+    onFirstPlay: () => {
+      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.createElement(CustomMediaPlayer, {
+    type: "video",
+    src: fileSrc,
+    onFullscreenChange: onFullscreenChange,
+    fileId: id,
+    isAutoPlay: autoplay,
+    isHDAvailable: false,
+    onDownloadClick: () => {
+      mediaClient.file.downloadBinary(id, undefined, collectionName);
+    },
+    onFirstPlay: () => {
+      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.createElement(ProgressBar, {
+    progress: progress,
+    breakpoint: breakpoint,
+    positionBottom: true,
+    showOnTop: true
+  })) : /*#__PURE__*/React.createElement(CardLoading, {
+    testId: testId,
+    dimensions: dimensions,
+    interactionName: "inline-player-loading"
+  });
+};

package/dist/es2019/card/actions.js

@@ -1,32 +1,10 @@
-import React from 'react';
-import DownloadIcon from '@atlaskit/icon/core/download';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { messages } from '@atlaskit/media-ui/messages';
-export function attachDetailsToActions(actions, details) {
-  return actions.map(action => ({
-    ...action,
-    handler: () => {
-      action.handler({
-        type: 'file',
-        details
-      });
-    }
-  }));
-}
-export const createDownloadAction = (baseAction, formatMessage) => {
-  const {
-    isDisabled
-  } = baseAction;
-  const label = isDisabled ? 'Download Disabled' : 'Download';
-  const tooltip = isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
-  return {
-    ...baseAction,
-    label,
-    tooltip,
-    icon: /*#__PURE__*/React.createElement(DownloadIcon, {
-      color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : 'currentColor',
-      spacing: "spacious",
-      label: fg('platform-a11y-media-card-download-icon-decorative') ? '' : 'Download'
-    })
-  };
-};
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+/**
+ * @deprecated Use `import { attachDetailsToActions } from '@atlaskit/media-card/attach-details-to-actions'` instead.
+ */
+export { attachDetailsToActions } from './attachDetailsToActions';
+/**
+ * @deprecated Use `import { createDownloadAction } from '@atlaskit/media-card/create-download-action'` instead.
+ */
+export { createDownloadAction } from './createDownloadAction';

package/dist/es2019/card/attachDetailsToActions.js

@@ -0,0 +1,11 @@
+export function attachDetailsToActions(actions, details) {
+  return actions.map(action => ({
+    ...action,
+    handler: () => {
+      action.handler({
+        type: 'file',
+        details
+      });
+    }
+  }));
+}