@atlaskit/media-card 81.10.12 → 81.10.13

package/dist/esm/card/InlinePlayerBase.js

@@ -0,0 +1,257 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 var InlinePlayerBase = function InlinePlayerBase(_ref) {
+  var identifier = _ref.identifier,
+    onError = _ref.onError,
+    onClick = _ref.onClick,
+    _ref$dimensions = _ref.dimensions,
+    dimensions = _ref$dimensions === void 0 ? 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 = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileSrc = _useState2[0],
+    setFileSrc = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isUploading = _useState4[0],
+    setIsUploading = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    progress = _useState6[0],
+    setProgress = _useState6[1];
+
+  // === Refs and Local Variables ===
+  var divRef = useRef(null);
+  var onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
+  var id = identifier.id,
+    collectionName = identifier.collectionName,
+    occurrenceKey = identifier.occurrenceKey;
+  var breakpoint = useBreakpoint(dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, divRef);
+  var mediaClient = useMediaClient();
+  var _useFileState = useFileState(id, {
+      collectionName: collectionName,
+      occurrenceKey: occurrenceKey
+    }),
+    fileState = _useFileState.fileState;
+  var init = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState) {
+      var artifactName, artifacts, newFileSrc, _newFileSrc, _t, _t2;
+      return _regeneratorRuntime.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 = 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 (fg('platform_media_resume_video_on_token_expiry')) {
+      fileState && init(fileState);
+    }
+  };
+  var onTimeChanged = onPlay;
+  useEffect(function () {
+    var subscribeFileState = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileState) {
+        var _yield$fileState$prev, value, newFileSrc;
+        return _regeneratorRuntime.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]);
+  useEffect(function () {
+    return function () {
+      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, function (checkMouseMovement, controlsAreVisible) {
+    return fg('platform_media_video_captions') ? /*#__PURE__*/React.createElement(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() {
+        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: function onDownloadClick() {
+        mediaClient.file.downloadBinary(id, undefined, collectionName);
+      },
+      onFirstPlay: function 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/esm/card/actions.js

@@ -1,33 +1,10 @@
-import _defineProperty from "@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) { _defineProperty(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; }
-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(function (action) {
-    return _objectSpread(_objectSpread({}, action), {}, {
-      handler: function handler() {
-        action.handler({
-          type: 'file',
-          details: details
-        });
-      }
-    });
-  });
-}
-export var createDownloadAction = function createDownloadAction(baseAction, formatMessage) {
-  var isDisabled = baseAction.isDisabled;
-  var label = isDisabled ? 'Download Disabled' : 'Download';
-  var tooltip = isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
-  return _objectSpread(_objectSpread({}, baseAction), {}, {
-    label: label,
-    tooltip: 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/esm/card/attachDetailsToActions.js

@@ -0,0 +1,15 @@
+import _defineProperty from "@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) { _defineProperty(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; }
+export function attachDetailsToActions(actions, details) {
+  return actions.map(function (action) {
+    return _objectSpread(_objectSpread({}, action), {}, {
+      handler: function handler() {
+        action.handler({
+          type: 'file',
+          details: details
+        });
+      }
+    });
+  });
+}

package/dist/esm/card/card.js

@@ -1,46 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["identifier"];
-import { isFileIdentifier } from '@atlaskit/media-client';
+import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
-import React, { useEffect } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
-import { ExternalImageCard } from './externalImageCard';
-import { FileCard } from './fileCard';
-import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerformanceObserver/mediaPerformanceObserver';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import UFOLabel from '@atlaskit/react-ufo/label';
+import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.10.11";
-export var CardBase = function CardBase(_ref) {
-  var identifier = _ref.identifier,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var 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);
-};
-export var CardWithPerformanceObserver = function CardWithPerformanceObserver(props) {
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  useEffect(function () {
-    startResourceObserver();
-  }, []);
-  useEffect(function () {
-    setAnalyticsContext(createAnalyticsEvent);
-  }, [createAnalyticsEvent]);
-  return /*#__PURE__*/React.createElement(CardBase, props);
-};
+var packageVersion = "81.10.12";
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/cardView.js

@@ -4,36 +4,41 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import React, { useEffect, useState, useRef, useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import { isFileIdentifier } from '@atlaskit/media-client';
+import { useMergeRefs } from 'use-callback-ref';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { isFileIdentifier } from '@atlaskit/media-client';
+import { messages } from '@atlaskit/media-ui/messages';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import SpinnerIcon from '@atlaskit/spinner/spinner';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { useMergeRefs } from 'use-callback-ref';
-import { messages } from '@atlaskit/media-ui/messages';
-import { createAndFireMediaCardEvent } from '../utils/analytics';
+import { isUploadError } from '../isUploadError';
+import { createAndFireMediaCardEvent } from '../utils/analytics/createAndFireMediaCardEvent';
+import { isNetworkError } from '../utils/isNetworkError';
+import { useCurrentValueRef } from '../utils/useCurrentValueRef';
+import { AIGeneratingOverlay } from './ai-generating-overlay/AIGeneratingOverlay';
+import { fileCardImageViewSelector } from './classnames';
+import { SvgView } from './svgView/svgView';
+import { ActionsBar } from './ui/actionsBar/actionsBar';
+import { Blanket } from './ui/blanket/blanket';
+import { CheckInternetConnection } from './ui/iconMessage/CheckInternetConnection';
+import { CreatingPreview } from './ui/iconMessage/CreatingPreview';
+import { FailedToLoad } from './ui/iconMessage/FailedToLoad';
+import { FailedToUpload } from './ui/iconMessage/FailedToUpload';
+import { PreviewUnavailable } from './ui/iconMessage/PreviewUnavailable';
+import { IconWrapper } from './ui/iconWrapper/iconWrapper';
 import { ImageRenderer } from './ui/imageRenderer';
-import { TitleBox } from './ui/titleBox/titleBox';
-import { FailedTitleBox } from './ui/titleBox/failedTitleBox';
 import { LoadingBar } from './ui/loadingBar/loadingBar';
-import { ProgressBar } from './ui/progressBar/progressBar';
+import OpenMediaViewerButton from './ui/openMediaViewerButton/openMediaViewerButton';
 import { PlayButton } from './ui/playButton/playButton';
+import { ProgressBar } from './ui/progressBar/progressBar';
 import { TickBox } from './ui/tickBox/tickBox';
-import { Blanket } from './ui/blanket/blanket';
-import { ActionsBar } from './ui/actionsBar/actionsBar';
-import { IconWrapper } from './ui/iconWrapper/iconWrapper';
-import { AIGeneratingOverlay } from './ai-generating-overlay';
-import { PreviewUnavailable, CreatingPreview, FailedToUpload, FailedToLoad, CheckInternetConnection } from './ui/iconMessage';
-import { isUploadError } from '../errors';
-import { isNetworkError } from '../utils/isNetworkError';
-import { Wrapper, ImageContainer } from './ui/wrapper';
-import { fileCardImageViewSelector } from './classnames';
+import { FailedTitleBox } from './ui/titleBox/failedTitleBox';
+import { TitleBox } from './ui/titleBox/titleBox';
+import { ImageContainer } from './ui/wrapper/imageContainer';
+import { Wrapper } from './ui/wrapper/wrapper';
 import { useBreakpoint } from './useBreakpoint';
-import OpenMediaViewerButton from './ui/openMediaViewerButton/openMediaViewerButton';
-import { useCurrentValueRef } from '../utils/useCurrentValueRef';
-import { SvgView } from './svgView';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var i18n = defineMessages({
   traceIdTooltip: {
     id: 'fabric.media.trace_id_tooltip',

package/dist/esm/card/createDownloadAction.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@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) { _defineProperty(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; }
+import React from 'react';
+import DownloadIcon from '@atlaskit/icon/core/download';
+import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+export var createDownloadAction = function createDownloadAction(baseAction, formatMessage) {
+  var isDisabled = baseAction.isDisabled;
+  var label = isDisabled ? 'Download Disabled' : 'Download';
+  var tooltip = isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
+  return _objectSpread(_objectSpread({}, baseAction), {}, {
+    label: label,
+    tooltip: 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'
+    })
+  });
+};

package/dist/esm/card/externalImageCard.js

@@ -2,22 +2,22 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _defineProperty(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; }
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { getRandomTelemetryId } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import ReactDOM from 'react-dom';
-import { ImageLoadError } from '../errors';
+import { ImageLoadError } from '../ImageLoadError';
+import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { isKeyboardFocusEnteringElement } from '../utils/isKeyboardFocusEnteringElement';
 import { shouldPerformanceBeSampled, useMediaCardUfoExperience } from '../utils/ufoExperiences';
 import { useCurrentValueRef } from '../utils/useCurrentValueRef';
-import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { usePrevious } from '../utils/usePrevious';
-import { fireOperationalEvent } from './cardAnalytics';
 import { CardView } from './cardView';
+import { fireOperationalEvent } from './fireOperationalEvent';
 import { performanceNow } from './performance';
 export var ExternalImageCard = function ExternalImageCard(_ref) {
   var mediaClient = _ref.mediaClient,

package/dist/esm/card/fileCard.js

@@ -5,42 +5,47 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
+import React, { Suspense, useEffect, useMemo, useRef, useState, useCallback } from 'react';
+import { useContext } from 'react';
+import { useIntl } from 'react-intl';
+import { useMergeRefs } from 'use-callback-ref';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { globalMediaEventEmitter, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState, isErrorFileState, toCommonMediaClientError } 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 { mapSsrMediaItemToFileState } from '@atlaskit/media-client/ssr-media-item';
 import { isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, getRandomTelemetryId } from '@atlaskit/media-common';
+import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
+import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import { MediaViewer } from '@atlaskit/media-viewer';
-import React, { Suspense, useEffect, useMemo, useRef, useState, useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { getActiveTrace } from '@atlaskit/react-ufo/experience-trace-id-context';
+import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { useMergeRefs } from 'use-callback-ref';
-import { MediaCardError } from '../errors';
-import { isSSRPreview } from '../types';
+import { MediaCardError } from '../MediaCardError';
+import { DateOverrideContext } from '../dateOverrideContext';
+import { isSSRPreview } from '../isSSRPreview';
+import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
+import { getAuthProviderSucceededPayload } from '../utils/analytics/getAuthProviderSucceededPayload';
+import { getAuthProviderFailedPayload } from '../utils/analytics/getAuthProviderFailedPayload';
+import { getDefaultCardDimensions } from '../utils/cardDimensions';
 import { generateUniqueId } from '../utils/generateUniqueId';
-import { resolveCardPreviewDimensions } from '../utils/getDataURIDimension';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { isKeyboardFocusEnteringElement } from '../utils/isKeyboardFocusEnteringElement';
 import { getFileDetails } from '../utils/metadata';
+import { resolveCardPreviewDimensions } from '../utils/resolveCardPreviewDimensions';
 import { shouldPerformanceBeSampled, useMediaCardUfoExperience } from '../utils/ufoExperiences';
 import { useCurrentValueRef } from '../utils/useCurrentValueRef';
 import { usePrevious } from '../utils/usePrevious';
 import { ViewportDetector } from '../utils/viewportDetector';
-import { getDefaultCardDimensions } from '../utils/cardDimensions';
-import { fireNonCriticalErrorEvent, fireOperationalEvent, fireDownloadSucceededEvent, fireDownloadFailedEvent } from './cardAnalytics';
-import { fireMediaCardEvent, getAuthProviderSucceededPayload, getAuthProviderFailedPayload } from '../utils/analytics';
 import { CardView } from './cardView';
+import { createDownloadAction } from './createDownloadAction';
+import { fireDownloadFailedEvent } from './fireDownloadFailedEvent';
+import { fireDownloadSucceededEvent } from './fireDownloadSucceededEvent';
+import { fireNonCriticalErrorEvent } from './fireNonCriticalErrorEvent';
+import { fireOperationalEvent } from './fireOperationalEvent';
 import { InlinePlayerLazy } from './inlinePlayerLazy';
-import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
-import { createDownloadAction } from './actions';
 import { performanceNow } from './performance';
-import { useContext } from 'react';
-import { DateOverrideContext } from '../dateOverrideContext';
-import { useIntl } from 'react-intl';
-import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { getActiveTrace } from '@atlaskit/react-ufo/experience-trace-id-context';
-import usePressTracing from '@atlaskit/react-ufo/use-press-tracing';
 var traceContextRetriever = function traceContextRetriever() {
   var trace = getActiveTrace();
   if (trace) {

package/dist/esm/card/fireDownloadFailedEvent.js

@@ -0,0 +1,10 @@
+import { MediaCardError } from '../MediaCardError';
+import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
+import { getDownloadFailedEventPayload } from '../utils/analytics/getDownloadFailedEventPayload';
+export var fireDownloadFailedEvent = function fireDownloadFailedEvent(createAnalyticsEvent, fileAttributes) {
+  var error = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new MediaCardError('missing-error-data');
+  var traceContext = arguments.length > 3 ? arguments[3] : undefined;
+  var metadataTraceContext = arguments.length > 4 ? arguments[4] : undefined;
+  var payload = getDownloadFailedEventPayload(fileAttributes, error, traceContext, metadataTraceContext);
+  fireMediaCardEvent(payload, createAnalyticsEvent);
+};

package/dist/esm/card/fireDownloadSucceededEvent.js

@@ -0,0 +1,6 @@
+import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
+import { getDownloadSucceededEventPayload } from '../utils/analytics/getDownloadSucceededEventPayload';
+export var fireDownloadSucceededEvent = function fireDownloadSucceededEvent(createAnalyticsEvent, fileAttributes, traceContext, metadataTraceContext) {
+  var payload = getDownloadSucceededEventPayload(fileAttributes, traceContext, metadataTraceContext);
+  fireMediaCardEvent(payload, createAnalyticsEvent);
+};

package/dist/esm/card/fireNonCriticalErrorEvent.js

@@ -0,0 +1,10 @@
+import { MediaCardError } from '../MediaCardError';
+import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
+import { getErrorEventPayload } from '../utils/analytics/getErrorEventPayload';
+export var fireNonCriticalErrorEvent = function fireNonCriticalErrorEvent(createAnalyticsEvent, cardStatus, fileAttributes, ssrReliability) {
+  var error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : new MediaCardError('missing-error-data');
+  var traceContext = arguments.length > 5 ? arguments[5] : undefined;
+  var metadataTraceContext = arguments.length > 6 ? arguments[6] : undefined;
+  var errorPayload = getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext);
+  fireMediaCardEvent(errorPayload, createAnalyticsEvent);
+};

package/dist/esm/card/{cardAnalytics.js → fireOperationalEvent.js}

@@ -1,7 +1,9 @@
-import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getErrorEventPayload, getDownloadSucceededEventPayload, getDownloadFailedEventPayload } from '../utils/analytics';
-import { MediaCardError } from '../errors';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-
+import { MediaCardError } from '../MediaCardError';
+import { fireMediaCardEvent } from '../utils/analytics/fireMediaCardEvent';
+import { getRenderSucceededEventPayload } from '../utils/analytics/getRenderSucceededEventPayload';
+import { getRenderErrorEventPayload } from '../utils/analytics/getRenderErrorEventPayload';
+import { getRenderFailedFileStatusPayload } from '../utils/analytics/getRenderFailedFileStatusPayload';
 // Sampling rate for mediaCardRender success events (10%)
 var MEDIA_CARD_RENDER_SUCCESS_SAMPLE_RATE = 0.1;
 export var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability) {
@@ -30,22 +32,4 @@ export var fireOperationalEvent = function fireOperationalEvent(createAnalyticsE
       fireEvent(getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability, traceContext, metadataTraceContext));
       break;
   }
-};
-export var fireNonCriticalErrorEvent = function fireNonCriticalErrorEvent(createAnalyticsEvent, cardStatus, fileAttributes, ssrReliability) {
-  var error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : new MediaCardError('missing-error-data');
-  var traceContext = arguments.length > 5 ? arguments[5] : undefined;
-  var metadataTraceContext = arguments.length > 6 ? arguments[6] : undefined;
-  var errorPayload = getErrorEventPayload(cardStatus, fileAttributes, error, ssrReliability, traceContext, metadataTraceContext);
-  fireMediaCardEvent(errorPayload, createAnalyticsEvent);
-};
-export var fireDownloadSucceededEvent = function fireDownloadSucceededEvent(createAnalyticsEvent, fileAttributes, traceContext, metadataTraceContext) {
-  var payload = getDownloadSucceededEventPayload(fileAttributes, traceContext, metadataTraceContext);
-  fireMediaCardEvent(payload, createAnalyticsEvent);
-};
-export var fireDownloadFailedEvent = function fireDownloadFailedEvent(createAnalyticsEvent, fileAttributes) {
-  var error = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new MediaCardError('missing-error-data');
-  var traceContext = arguments.length > 3 ? arguments[3] : undefined;
-  var metadataTraceContext = arguments.length > 4 ? arguments[4] : undefined;
-  var payload = getDownloadFailedEventPayload(fileAttributes, error, traceContext, metadataTraceContext);
-  fireMediaCardEvent(payload, createAnalyticsEvent);
 };

package/dist/esm/card/getCardStatus.js

@@ -1,6 +1,3 @@
-export var isFinalCardStatus = function isFinalCardStatus(status) {
-  return ['complete', 'error', 'failed-processing'].includes(status);
-};
 export var getCardStatus = function getCardStatus(fileStatus, _ref) {
   var isPreviewable = _ref.isPreviewable,
     hasPreview = _ref.hasPreview;

package/dist/esm/card/getPreferredVideoArtifact.js

@@ -0,0 +1,10 @@
+export var getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
+  if (fileState.status === 'processed' || fileState.status === 'processing') {
+    var artifacts = fileState.artifacts;
+    if (!artifacts) {
+      return undefined;
+    }
+    return artifacts['video_1280.mp4'] ? 'video_1280.mp4' : artifacts['video_640.mp4'] ? 'video_640.mp4' : undefined;
+  }
+  return undefined;
+};