@atlaskit/media-card 70.9.0 → 72.0.0

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @atlaskit/media-card
 
+## 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
+
+- [`710e03c4b58`](https://bitbucket.org/atlassian/atlassian-frontend/commits/710e03c4b58) - Revert Image Render Analytics Refactoring
+- [`8e6a1034cfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e6a1034cfd) - EDM-1730: added in-product Cypress tests for Smart Links
+
+### Patch Changes
+
+- [`6869256538b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6869256538b) - Handling card preview fetch from a separated internal module
+- Updated dependencies
+
 ## 70.9.0
 
 ### Minor Changes

package/dist/cjs/errors.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isMediaCardError = isMediaCardError;
-exports.ensureMediaCardError = exports.isLocalPreviewError = exports.MediaCardError = void 0;
+exports.isImageLoadError = isImageLoadError;
+exports.isUploadError = exports.ensureMediaCardError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = exports.isLocalPreviewError = exports.ImageLoadError = exports.getImageLoadPrimaryReason = exports.RemotePreviewError = exports.LocalPreviewError = exports.MediaCardError = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -51,20 +52,122 @@ var MediaCardError = /*#__PURE__*/function (_Error) {
 
 exports.MediaCardError = MediaCardError;
 
+var LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
+  (0, _inherits2.default)(LocalPreviewError, _MediaCardError);
+
+  var _super2 = _createSuper(LocalPreviewError);
+
+  function LocalPreviewError(primaryReason, secondaryError) {
+    var _this2;
+
+    (0, _classCallCheck2.default)(this, LocalPreviewError);
+    _this2 = _super2.call(this, primaryReason, secondaryError);
+    _this2.primaryReason = primaryReason;
+    _this2.secondaryError = secondaryError;
+    return _this2;
+  }
+
+  return LocalPreviewError;
+}(MediaCardError);
+
+exports.LocalPreviewError = LocalPreviewError;
+
+var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
+  (0, _inherits2.default)(RemotePreviewError, _MediaCardError2);
+
+  var _super3 = _createSuper(RemotePreviewError);
+
+  function RemotePreviewError(primaryReason, secondaryError) {
+    var _this3;
+
+    (0, _classCallCheck2.default)(this, RemotePreviewError);
+    _this3 = _super3.call(this, primaryReason, secondaryError);
+    _this3.primaryReason = primaryReason;
+    _this3.secondaryError = secondaryError;
+    return _this3;
+  }
+
+  return RemotePreviewError;
+}(MediaCardError);
+
+exports.RemotePreviewError = RemotePreviewError;
+
+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 (_MediaCardError3) {
+  (0, _inherits2.default)(ImageLoadError, _MediaCardError3);
+
+  var _super4 = _createSuper(ImageLoadError);
+
+  function ImageLoadError(source) {
+    (0, _classCallCheck2.default)(this, ImageLoadError);
+    return _super4.call(this, getImageLoadPrimaryReason(source));
+  }
+
+  return ImageLoadError;
+}(MediaCardError);
+
+exports.ImageLoadError = ImageLoadError;
+
 function isMediaCardError(err) {
   return err instanceof MediaCardError;
 }
 
 var isLocalPreviewError = function isLocalPreviewError(err) {
-  return isMediaCardError(err) && err.primaryReason === 'local-preview-get';
-}; // 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
-
+  return err instanceof LocalPreviewError;
+};
 
 exports.isLocalPreviewError = isLocalPreviewError;
 
+var isRemotePreviewError = function isRemotePreviewError(err) {
+  return err instanceof RemotePreviewError;
+};
+
+exports.isRemotePreviewError = isRemotePreviewError;
+
+var isUnsupportedLocalPreviewError = function isUnsupportedLocalPreviewError(err) {
+  return isMediaCardError(err) && err.primaryReason === 'local-preview-unsupported';
+};
+
+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.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;