@atlaskit/media-card 70.10.0 → 72.1.0

package/CHANGELOG.md

@@ -1,5 +1,84 @@
 # @atlaskit/media-card
 
+## 72.1.0
+
+### Minor Changes
+
+- [`1724e1b8277`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1724e1b8277) - Added SSR capabilities to Media Card
+- [`ca519a86b1d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ca519a86b1d) - Add new prop forceSyncDisplay in MediaImage to provide an option of always showing images.
+  Enable MediaCard to turn on forceSyncDisplay when server side rendering is enabled.
+- [`ac4846d0f3f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac4846d0f3f) - Added native lazy load support
+
+### Patch Changes
+
+- [`fc70978492a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc70978492a) - Using type for SSR prop to reduce dependency on media-common
+- [`dc1f9d42903`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc1f9d42903) - Fixed error message logic
+- [`27c61b8cdd8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/27c61b8cdd8) - revert CardSSRView component
+- [`12bfc09a21e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12bfc09a21e) - Fixing internal prop calls for testId and removing references to the old DropdownMenuStateless export when using the new default export.
+- [`2b24fcc59f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b24fcc59f2) - Removed Code Viewer and Zip Previews Feature Flags
+- [`bccde8a4127`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bccde8a4127) - Update dependency of dropdown menu to the lite mode version. Update all usages to cater to the new API. The padding within dropdown menu items is 8px more, which makes the menu look bigger.
+- [`3a56ce8792b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a56ce8792b) - [ux] Show selected for mediaInline in other states
+- [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Update CardLoader to use react-loadable
+  Add SSR feature prop to be passed in renderer and media card
+- Updated dependencies
+
+## 72.0.0
+
+### Major Changes
+
+- [`b3606652fa1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3606652fa1) - [ux] Editor integration for Media Inline component
+
+### Minor Changes
+
+- [`269ee940b87`](https://bitbucket.org/atlassian/atlassian-frontend/commits/269ee940b87) - redesign error UI on new media card experience
+
+### Patch Changes
+
+- [`a81fdad4b7b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a81fdad4b7b) - Refactored the internal status logic based on file processing status and preview render outcome
+- [`b51fc0a9062`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b51fc0a9062) - Refactored internal helpers to match common type definitions from Media Client
+- [`ebad8bc86e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ebad8bc86e5) - Moved analytics from image renderer to root component
+- [`fe9ced0cd70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe9ced0cd70) - Removed feature flags for polling settings
+- Updated dependencies
+
+## 71.0.0
+
+### Major Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] Updated and refreshed media inline component
+
+### Minor Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] Skip forward and backward buttons are added to inline media player
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Added analytics event to track total impressions of successfully rendered mediacards
+
+### Patch Changes
+
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Adding lazy loading as the default for the SSR media card
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - fix modification for media card flow example
+- [`f3547c79d81`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f3547c79d81) - Updated in-code comment
+- Updated dependencies
+
+## 70.11.0
+
+### Minor Changes
+
+- [`5559b9ca1b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5559b9ca1b4) - Media CardView component renders consistent views in error and failed-processing status regardless of thumbnail image.
+- [`9ecd471f124`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9ecd471f124) - Adding a dedicated server side media card
+- [`ab905c0e924`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab905c0e924) - [ux] EDM-1641: add floating toolbar to media card and view switcher for inline view
+- [`46d9d2872b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46d9d2872b4) - Video Analytics - Add UI events for CustomMediaPlayer
+
+### Patch Changes
+
+- [`d0357a98b97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0357a98b97) - Small code refactor
+- [`4777a174e6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4777a174e6d) - Added analytics support for customMediaPlayer + screen event + entrypoint for locales
+- [`b77bfe8e99c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b77bfe8e99c) - Add performance attributes to Commenced, Succeeded, Failed events for media card
+- [`2debd2fdf3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2debd2fdf3d) - Remove the default type icon rendered in media card background
+- [`26ef709f133`](https://bitbucket.org/atlassian/atlassian-frontend/commits/26ef709f133) - Refactored Copy & Commenced Analytics events
+- [`b90c0237824`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b90c0237824) - Update package.jsons to remove unused dependencies.
+- [`493b1b43d50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/493b1b43d50) - Modify file card flow example
+- [`e7d1eb5cd0a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7d1eb5cd0a) - handle loading-preview status for card view
+- Updated dependencies
+
 ## 70.10.0
 
 ### Minor Changes

package/dist/cjs/errors.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isMediaCardError = isMediaCardError;
-exports.ensureMediaCardError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = exports.isLocalPreviewError = exports.RemotePreviewError = exports.LocalPreviewError = exports.MediaCardError = void 0;
+exports.isImageLoadError = isImageLoadError;
+exports.isUploadError = exports.ensureMediaCardError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = exports.isLocalPreviewError = exports.ImageLoadError = exports.getImageLoadPrimaryReason = exports.SsrPreviewError = exports.RemotePreviewError = exports.LocalPreviewError = exports.MediaCardError = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -91,6 +92,66 @@ var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
 
 exports.RemotePreviewError = RemotePreviewError;
 
+var SsrPreviewError = /*#__PURE__*/function (_MediaCardError3) {
+  (0, _inherits2.default)(SsrPreviewError, _MediaCardError3);
+
+  var _super4 = _createSuper(SsrPreviewError);
+
+  function SsrPreviewError(primaryReason, secondaryError) {
+    var _this4;
+
+    (0, _classCallCheck2.default)(this, SsrPreviewError);
+    _this4 = _super4.call(this, primaryReason, secondaryError);
+    _this4.primaryReason = primaryReason;
+    _this4.secondaryError = secondaryError;
+    return _this4;
+  }
+
+  return SsrPreviewError;
+}(MediaCardError);
+
+exports.SsrPreviewError = SsrPreviewError;
+
+var getImageLoadPrimaryReason = function getImageLoadPrimaryReason(source) {
+  switch (source) {
+    case 'cache-remote':
+      return 'cache-remote-uri';
+
+    case 'cache-local':
+      return 'cache-local-uri';
+
+    case 'external':
+      return 'external-uri';
+
+    case 'local':
+      return 'local-uri';
+
+    case 'remote':
+      return 'remote-uri';
+    // This fail reason will come from a bug, most likely.
+
+    default:
+      return "unknown-uri";
+  }
+};
+
+exports.getImageLoadPrimaryReason = getImageLoadPrimaryReason;
+
+var ImageLoadError = /*#__PURE__*/function (_MediaCardError4) {
+  (0, _inherits2.default)(ImageLoadError, _MediaCardError4);
+
+  var _super5 = _createSuper(ImageLoadError);
+
+  function ImageLoadError(source) {
+    (0, _classCallCheck2.default)(this, ImageLoadError);
+    return _super5.call(this, getImageLoadPrimaryReason(source));
+  }
+
+  return ImageLoadError;
+}(MediaCardError);
+
+exports.ImageLoadError = ImageLoadError;
+
 function isMediaCardError(err) {
   return err instanceof MediaCardError;
 }
@@ -109,14 +170,24 @@ exports.isRemotePreviewError = isRemotePreviewError;
 
 var isUnsupportedLocalPreviewError = function isUnsupportedLocalPreviewError(err) {
   return isMediaCardError(err) && err.primaryReason === 'local-preview-unsupported';
-}; // In a try/catch statement, the error caught is the type of any.
-// We can use this helper to ensure that the error handled is the type of MediaCardError if unsure
-
+};
 
 exports.isUnsupportedLocalPreviewError = isUnsupportedLocalPreviewError;
 
+function isImageLoadError(err) {
+  return err instanceof ImageLoadError;
+} // In a try/catch statement, the error caught is the type of any.
+// We can use this helper to ensure that the error handled is the type of MediaCardError if unsure
+
+
 var ensureMediaCardError = function ensureMediaCardError(primaryReason, error) {
   return isMediaCardError(error) ? error : new MediaCardError(primaryReason, error);
 };
 
-exports.ensureMediaCardError = ensureMediaCardError;
+exports.ensureMediaCardError = ensureMediaCardError;
+
+var isUploadError = function isUploadError(error) {
+  return error && error.primaryReason === 'upload';
+};
+
+exports.isUploadError = isUploadError;

package/dist/cjs/files/cardImageView/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FileCardImageView = exports.FileCardImageViewBase = exports.fileCardImageViewSelector = void 0;
+exports.FileCardImageView = exports.fileCardImageViewSelectedSelector = exports.fileCardImageViewSelector = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -41,12 +41,6 @@ var _progressBar = require("../../utils/progressBar");
 
 var _cardActions = _interopRequireDefault(require("../../utils/cardActions"));
 
-var _analyticsNext = require("@atlaskit/analytics-next");
-
-var _analytics = require("../../utils/analytics");
-
-var _fileAttributesContext = require("../../utils/fileAttributesContext");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -57,16 +51,18 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var fileCardImageViewSelector = 'media-file-card-view';
 exports.fileCardImageViewSelector = fileCardImageViewSelector;
+var fileCardImageViewSelectedSelector = 'media-file-card-view-selected';
+exports.fileCardImageViewSelectedSelector = fileCardImageViewSelectedSelector;
 
-var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(FileCardImageViewBase, _Component);
+var FileCardImageView = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(FileCardImageView, _Component);
 
-  var _super = _createSuper(FileCardImageViewBase);
+  var _super = _createSuper(FileCardImageView);
 
-  function FileCardImageViewBase() {
+  function FileCardImageView() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, FileCardImageViewBase);
+    (0, _classCallCheck2.default)(this, FileCardImageView);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -88,7 +84,7 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
       // immediately, even if there's no image preview
 
 
-      var isZeroSize = fileSize === '' && status === 'processing';
+      var isZeroSize = fileSize === '' && ['processing', 'loading-preview'].includes(status);
 
       if (mediaType !== 'video' && !_this.isFileCardImageReadyForDisplay && !isZeroSize) {
         return _this.renderLoadingContents();
@@ -184,40 +180,18 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
         size: "large"
       })));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageLoad", function () {
-      var _this$props6 = _this.props,
-          createAnalyticsEvent = _this$props6.createAnalyticsEvent,
-          fileAttributes = _this$props6.fileAttributes;
-
-      if (fileAttributes && _this.shouldFireEvent(_analytics.RenderEventAction.SUCCEEDED)) {
-        (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderSucceededEventPayload)(fileAttributes), createAnalyticsEvent);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageError", function () {
-      var fileAttributes = _this.props.fileAttributes;
-
-      if (fileAttributes && _this.shouldFireEvent(_analytics.RenderEventAction.FAILED)) {
-        var _this$props7 = _this.props,
-            createAnalyticsEvent = _this$props7.createAnalyticsEvent,
-            mediaItemType = _this$props7.mediaItemType;
-
-        if (mediaItemType === 'file') {
-          (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderFailedFileUriPayload)(fileAttributes), createAnalyticsEvent);
-        } else if (mediaItemType === 'external-image') {
-          (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderFailedExternalUriPayload)(fileAttributes), createAnalyticsEvent);
-        }
-      }
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaImage", function () {
-      var _this$props8 = _this.props,
-          status = _this$props8.status,
-          mediaItemType = _this$props8.mediaItemType,
-          dataURI = _this$props8.dataURI,
-          mediaType = _this$props8.mediaType,
-          mimeType = _this$props8.mimeType,
-          previewOrientation = _this$props8.previewOrientation,
-          onDisplayImage = _this$props8.onDisplayImage,
-          alt = _this$props8.alt;
+      var _this$props6 = _this.props,
+          status = _this$props6.status,
+          mediaItemType = _this$props6.mediaItemType,
+          dataURI = _this$props6.dataURI,
+          mediaType = _this$props6.mediaType,
+          mimeType = _this$props6.mimeType,
+          previewOrientation = _this$props6.previewOrientation,
+          onDisplayImage = _this$props6.onDisplayImage,
+          alt = _this$props6.alt,
+          onImageLoad = _this$props6.onImageLoad,
+          onImageError = _this$props6.onImageError;
 
       if (!(0, _shouldDisplayImageThumbnail.shouldDisplayImageThumbnail)(status, mediaItemType, dataURI, mediaType, mimeType)) {
         return null;
@@ -234,19 +208,16 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
         crop: _this.isCropped,
         stretch: _this.isStretched,
         previewOrientation: previewOrientation,
-        onImageLoad: _this.onImageLoad,
-        onImageError: _this.onImageError
+        onImageLoad: onImageLoad,
+        onImageError: onImageError
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "shouldFireEvent", function (action) {
-      return !_this.lastAnalyticsAction || _this.lastAnalyticsAction !== action;
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderProgressBar", function () {
-      var _this$props9 = _this.props,
-          mediaName = _this$props9.mediaName,
-          progress = _this$props9.progress,
-          actions = _this$props9.actions,
-          status = _this$props9.status;
+      var _this$props7 = _this.props,
+          mediaName = _this$props7.mediaName,
+          progress = _this$props7.progress,
+          actions = _this$props7.actions,
+          status = _this$props7.status;
 
       if (status !== 'uploading') {
         return null;
@@ -264,10 +235,10 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
       }) : null))));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSuccessCardContents", function () {
-      var _this$props10 = _this.props,
-          disableOverlay = _this$props10.disableOverlay,
-          selectable = _this$props10.selectable,
-          status = _this$props10.status;
+      var _this$props8 = _this.props,
+          disableOverlay = _this$props8.disableOverlay,
+          selectable = _this$props8.selectable,
+          status = _this$props8.status;
       var overlay = null;
 
       if (!disableOverlay) {
@@ -287,15 +258,15 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
       }, _this.renderMediaImage(), _this.renderProgressBar(), _this.renderPlayButton()), overlay);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSuccessCardOverlay", function () {
-      var _this$props11 = _this.props,
-          status = _this$props11.status,
-          mediaName = _this$props11.mediaName,
-          mediaType = _this$props11.mediaType,
-          fileSize = _this$props11.fileSize,
-          dataURI = _this$props11.dataURI,
-          selectable = _this$props11.selectable,
-          selected = _this$props11.selected,
-          actions = _this$props11.actions;
+      var _this$props9 = _this.props,
+          status = _this$props9.status,
+          mediaName = _this$props9.mediaName,
+          mediaType = _this$props9.mediaType,
+          fileSize = _this$props9.fileSize,
+          dataURI = _this$props9.dataURI,
+          selectable = _this$props9.selectable,
+          selected = _this$props9.selected,
+          actions = _this$props9.actions;
       var isPersistent = mediaType === 'doc' || !dataURI;
       return /*#__PURE__*/_react.default.createElement(_cardOverlay.CardOverlay, {
         cardStatus: status,
@@ -311,17 +282,17 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(FileCardImageViewBase, [{
+  (0, _createClass2.default)(FileCardImageView, [{
     key: "render",
     value: function render() {
-      var _this$props12 = this.props,
-          disableOverlay = _this$props12.disableOverlay,
-          selectable = _this$props12.selectable,
-          selected = _this$props12.selected,
-          mediaType = _this$props12.mediaType,
-          progress = _this$props12.progress,
-          status = _this$props12.status,
-          mediaName = _this$props12.mediaName;
+      var _this$props10 = this.props,
+          disableOverlay = _this$props10.disableOverlay,
+          selectable = _this$props10.selectable,
+          selected = _this$props10.selected,
+          mediaType = _this$props10.mediaType,
+          progress = _this$props10.progress,
+          status = _this$props10.status,
+          mediaName = _this$props10.mediaName;
       return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, {
         "data-testid": "media-file-card-view",
         "data-test-media-name": mediaName,
@@ -332,16 +303,16 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
         selectable: selectable,
         selected: selected,
         mediaType: mediaType,
-        className: fileCardImageViewSelector
+        className: "".concat(fileCardImageViewSelector, " ").concat(selected ? fileCardImageViewSelectedSelector : '')
       }, this.renderCardContents());
     }
   }, {
     key: "isFileCardImageReadyForDisplay",
     get: function get() {
-      var _this$props13 = this.props,
-          dataURI = _this$props13.dataURI,
-          status = _this$props13.status;
-      return !!dataURI || !['loading', 'processing'].includes(status);
+      var _this$props11 = this.props,
+          dataURI = _this$props11.dataURI,
+          status = _this$props11.status;
+      return !!dataURI || !['loading', 'processing', 'loading-preview'].includes(status);
     }
   }, {
     key: "isCropped",
@@ -356,13 +327,11 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
       return resizeMode === 'stretchy-fit';
     }
   }]);
-  return FileCardImageViewBase;
+  return FileCardImageView;
 }(_react.Component);
 
-exports.FileCardImageViewBase = FileCardImageViewBase;
-(0, _defineProperty2.default)(FileCardImageViewBase, "defaultProps", {
+exports.FileCardImageView = FileCardImageView;
+(0, _defineProperty2.default)(FileCardImageView, "defaultProps", {
   resizeMode: 'crop',
   disableOverlay: false
-});
-var FileCardImageView = (0, _analyticsNext.withAnalyticsEvents)()((0, _fileAttributesContext.withFileAttributes)(FileCardImageViewBase));
-exports.FileCardImageView = FileCardImageView;
+});

package/dist/cjs/files/index.js

@@ -9,11 +9,5 @@ Object.defineProperty(exports, "FileCardImageView", {
     return _cardImageView.FileCardImageView;
   }
 });
-Object.defineProperty(exports, "FileCardImageViewBase", {
-  enumerable: true,
-  get: function get() {
-    return _cardImageView.FileCardImageViewBase;
-  }
-});
 
 var _cardImageView = require("./cardImageView");

package/dist/cjs/index.js

@@ -1,14 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
-    return _cardLoader.default;
+    return _root.Card;
+  }
+});
+Object.defineProperty(exports, "MediaInlineCard", {
+  enumerable: true,
+  get: function get() {
+    return _root.MediaInlineCard;
   }
 });
 Object.defineProperty(exports, "CardLoading", {
@@ -35,6 +39,12 @@ Object.defineProperty(exports, "fileCardImageViewSelector", {
     return _cardImageView.fileCardImageViewSelector;
   }
 });
+Object.defineProperty(exports, "fileCardImageViewSelectedSelector", {
+  enumerable: true,
+  get: function get() {
+    return _cardImageView.fileCardImageViewSelectedSelector;
+  }
+});
 Object.defineProperty(exports, "inlinePlayerClassName", {
   enumerable: true,
   get: function get() {
@@ -44,11 +54,11 @@ Object.defineProperty(exports, "inlinePlayerClassName", {
 Object.defineProperty(exports, "newFileExperienceClassName", {
   enumerable: true,
   get: function get() {
-    return _cardView.newFileExperienceClassName;
+    return _cardConstants.newFileExperienceClassName;
   }
 });
 
-var _cardLoader = _interopRequireDefault(require("./root/card/cardLoader"));
+var _root = require("./root");
 
 var _cardLoading = require("./utils/lightCards/cardLoading");
 
@@ -60,4 +70,4 @@ var _cardImageView = require("./files/cardImageView");
 
 var _inlinePlayer = require("./root/inlinePlayer");
 
-var _cardView = require("./root/cardView");
+var _cardConstants = require("./root/card/cardConstants");

package/dist/cjs/root/card/cardAnalytics.js

@@ -3,43 +3,57 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fireOperationalEvent = exports.relevantFeatureFlagNames = void 0;
+exports.fireScreenEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = exports.fireOperationalEvent = exports.relevantFeatureFlagNames = void 0;
 
 var _analytics = require("../../utils/analytics");
 
-var relevantFeatureFlagNames = ['newCardExperience', 'poll_intervalMs', 'poll_maxAttempts', 'poll_backoffFactor', 'poll_maxIntervalMs', 'captions'];
+var relevantFeatureFlagNames = ['newCardExperience', 'captions'];
 exports.relevantFeatureFlagNames = relevantFeatureFlagNames;
 
-var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes) {
-  var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-      cardPreview = _ref.cardPreview,
-      error = _ref.error;
-
+var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes, error) {
   var fireEvent = function fireEvent(payload) {
     return (0, _analytics.fireMediaCardEvent)(payload, createAnalyticsEvent);
   };
 
   switch (status) {
     case 'complete':
-      /**
-       * A Card that is considered Complete and has no preview,
-       * reflects an expected behaviour, and thus a legitimate
-       * success case to be logged.
-       */
-      if (!(cardPreview !== null && cardPreview !== void 0 && cardPreview.dataURI)) {
-        fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes));
-      }
-
+      fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes));
       break;
 
     case 'failed-processing':
-      fireEvent((0, _analytics.getRenderFailedFileStatusPayload)(fileAttributes));
+      fireEvent((0, _analytics.getRenderFailedFileStatusPayload)(fileAttributes, performanceAttributes));
       break;
 
     case 'error':
-      error && fireEvent((0, _analytics.getRenderErrorEventPayload)(fileAttributes, error));
+      error && fireEvent((0, _analytics.getRenderErrorEventPayload)(fileAttributes, performanceAttributes, error));
       break;
   }
 };
 
-exports.fireOperationalEvent = fireOperationalEvent;
+exports.fireOperationalEvent = fireOperationalEvent;
+
+var fireCommencedEvent = function fireCommencedEvent(createAnalyticsEvent, fileAttributes, performanceAttributes) {
+  (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderCommencedEventPayload)(fileAttributes, performanceAttributes), createAnalyticsEvent);
+};
+
+exports.fireCommencedEvent = fireCommencedEvent;
+
+var fireCopiedEvent = function fireCopiedEvent(createAnalyticsEvent, fileId, cardRef) {
+  if (typeof window.getSelection === 'function') {
+    var _selection$containsNo;
+
+    var selection = window.getSelection();
+
+    if (selection !== null && selection !== void 0 && (_selection$containsNo = selection.containsNode) !== null && _selection$containsNo !== void 0 && _selection$containsNo.call(selection, cardRef, true)) {
+      (0, _analytics.fireMediaCardEvent)((0, _analytics.getCopiedFilePayload)(fileId), createAnalyticsEvent);
+    }
+  }
+};
+
+exports.fireCopiedEvent = fireCopiedEvent;
+
+var fireScreenEvent = function fireScreenEvent(createAnalyticsEvent, fileAttributes) {
+  (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderPreviewableCardPayload)(fileAttributes), createAnalyticsEvent);
+};
+
+exports.fireScreenEvent = fireScreenEvent;

package/dist/cjs/root/card/cardConstants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.newFileExperienceClassName = void 0;
+var newFileExperienceClassName = 'new-file-experience-wrapper';
+exports.newFileExperienceClassName = newFileExperienceClassName;