@atlaskit/media-card 71.0.0 → 73.1.0

package/CHANGELOG.md

@@ -1,5 +1,109 @@
 # @atlaskit/media-card
 
+## 73.1.0
+
+### Minor Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - [ux] Displaying the control bar including the timestamp by default for videos that have been processed.
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - fix percent width on media-card
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Refactor solution for fixing media card images overlaps with creating preview message
+- [`e221ee215e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e221ee215e7) - fix vertical scroll for firefox when media link is wrapped
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Improved card lazy offset
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Add media node updater to media inline node
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - show progress bar for inline player when videos is uploading
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Adding a feature flag for TimestampOnVideo
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Fix cardview issue with creating preview text overlaps with image in safari"
+- Updated dependencies
+
+## 73.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

package/dist/cjs/actions.js

@@ -9,9 +9,9 @@ exports.attachDetailsToActions = attachDetailsToActions;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function attachDetailsToActions(actions, details) {
   return actions.map(function (action) {

package/dist/cjs/errors.js

@@ -5,8 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getImageLoadPrimaryReason = exports.ensureMediaCardError = exports.SsrPreviewError = exports.RemotePreviewError = exports.MediaCardError = exports.LocalPreviewError = exports.ImageLoadError = void 0;
+exports.isImageLoadError = isImageLoadError;
+exports.isLocalPreviewError = void 0;
 exports.isMediaCardError = isMediaCardError;
-exports.ensureMediaCardError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = exports.isLocalPreviewError = exports.RemotePreviewError = exports.LocalPreviewError = exports.MediaCardError = void 0;
+exports.isUploadError = exports.isUnsupportedLocalPreviewError = exports.isRemotePreviewError = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -46,7 +51,7 @@ var MediaCardError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return MediaCardError;
+  return (0, _createClass2.default)(MediaCardError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
 
 exports.MediaCardError = MediaCardError;
@@ -66,7 +71,7 @@ var LocalPreviewError = /*#__PURE__*/function (_MediaCardError) {
     return _this2;
   }
 
-  return LocalPreviewError;
+  return (0, _createClass2.default)(LocalPreviewError);
 }(MediaCardError);
 
 exports.LocalPreviewError = LocalPreviewError;
@@ -86,11 +91,71 @@ var RemotePreviewError = /*#__PURE__*/function (_MediaCardError2) {
     return _this3;
   }
 
-  return RemotePreviewError;
+  return (0, _createClass2.default)(RemotePreviewError);
 }(MediaCardError);
 
 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 (0, _createClass2.default)(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 (0, _createClass2.default)(ImageLoadError);
+}(MediaCardError);
+
+exports.ImageLoadError = ImageLoadError;
+
 function isMediaCardError(err) {
   return err instanceof MediaCardError;
 }
@@ -109,14 +174,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/cardOverlay/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Metadata = exports.Subtitle = exports.TitleWrapper = exports.AltWrapper = exports.ErrorMessage = exports.RightColumn = exports.BottomRow = exports.TopRow = exports.LeftColumn = exports.ErrorLine = exports.Overlay = exports.TickBox = void 0;
+exports.TopRow = exports.TitleWrapper = exports.TickBox = exports.Subtitle = exports.RightColumn = exports.Overlay = exports.Metadata = exports.LeftColumn = exports.ErrorMessage = exports.ErrorLine = exports.BottomRow = exports.AltWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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.fileCardImageViewSelectedSelector = exports.fileCardImageViewSelector = void 0;
+exports.fileCardImageViewSelector = exports.fileCardImageViewSelectedSelector = exports.FileCardImageView = 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; }
@@ -60,15 +54,15 @@ 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];
@@ -186,58 +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,
-          timeElapsedTillCommenced = _this$props6.timeElapsedTillCommenced;
-
-      if (fileAttributes && _this.shouldFireEvent(_analytics.RenderEventAction.SUCCEEDED)) {
-        var timeElapsedTillSucceeded = performance.now();
-        var durationSinceCommenced = timeElapsedTillCommenced && timeElapsedTillSucceeded - timeElapsedTillCommenced;
-        var performanceAttributes = {
-          overall: {
-            durationSincePageStart: timeElapsedTillSucceeded,
-            durationSinceCommenced: durationSinceCommenced
-          }
-        };
-        (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes), 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,
-            timeElapsedTillCommenced = _this$props7.timeElapsedTillCommenced;
-        var timeElapsedTillFailed = performance.now();
-        var durationSinceCommenced = timeElapsedTillCommenced && timeElapsedTillFailed - timeElapsedTillCommenced;
-        var performanceAttributes = {
-          overall: {
-            durationSincePageStart: timeElapsedTillFailed,
-            durationSinceCommenced: durationSinceCommenced
-          }
-        };
-
-        if (mediaItemType === 'file') {
-          (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderFailedFileUriPayload)(fileAttributes, performanceAttributes), createAnalyticsEvent);
-        } else if (mediaItemType === 'external-image') {
-          (0, _analytics.fireMediaCardEvent)((0, _analytics.getRenderFailedExternalUriPayload)(fileAttributes, performanceAttributes), 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;
@@ -254,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;
@@ -284,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) {
@@ -307,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,
@@ -331,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,
@@ -358,9 +309,9 @@ var FileCardImageViewBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "isFileCardImageReadyForDisplay",
     get: function get() {
-      var _this$props13 = this.props,
-          dataURI = _this$props13.dataURI,
-          status = _this$props13.status;
+      var _this$props11 = this.props,
+          dataURI = _this$props11.dataURI,
+          status = _this$props11.status;
       return !!dataURI || !['loading', 'processing', 'loading-preview'].includes(status);
     }
   }, {
@@ -376,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/cardImageView/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardActionsWrapper = exports.ProgressWrapper = exports.Body = exports.Title = exports.Overlay = exports.ProgressBarWrapper = exports.PlayIconBackground = exports.PlayIconWrapper = exports.Wrapper = void 0;
+exports.Wrapper = exports.Title = exports.ProgressWrapper = exports.ProgressBarWrapper = exports.PlayIconWrapper = exports.PlayIconBackground = exports.Overlay = exports.CardActionsWrapper = exports.Body = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "Card", {
     return _root.Card;
   }
 });
-Object.defineProperty(exports, "MediaInlineCard", {
+Object.defineProperty(exports, "CardError", {
   enumerable: true,
   get: function get() {
-    return _root.MediaInlineCard;
+    return _cardError.CardError;
   }
 });
 Object.defineProperty(exports, "CardLoading", {
@@ -21,10 +21,10 @@ Object.defineProperty(exports, "CardLoading", {
     return _cardLoading.CardLoading;
   }
 });
-Object.defineProperty(exports, "CardError", {
+Object.defineProperty(exports, "MediaInlineCard", {
   enumerable: true,
   get: function get() {
-    return _cardError.CardError;
+    return _root.MediaInlineCard;
   }
 });
 Object.defineProperty(exports, "defaultImageCardDimensions", {
@@ -33,16 +33,16 @@ Object.defineProperty(exports, "defaultImageCardDimensions", {
     return _cardDimensions.defaultImageCardDimensions;
   }
 });
-Object.defineProperty(exports, "fileCardImageViewSelector", {
+Object.defineProperty(exports, "fileCardImageViewSelectedSelector", {
   enumerable: true,
   get: function get() {
-    return _cardImageView.fileCardImageViewSelector;
+    return _cardImageView.fileCardImageViewSelectedSelector;
   }
 });
-Object.defineProperty(exports, "fileCardImageViewSelectedSelector", {
+Object.defineProperty(exports, "fileCardImageViewSelector", {
   enumerable: true,
   get: function get() {
-    return _cardImageView.fileCardImageViewSelectedSelector;
+    return _cardImageView.fileCardImageViewSelector;
   }
 });
 Object.defineProperty(exports, "inlinePlayerClassName", {

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

@@ -3,33 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fireScreenEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = exports.fireOperationalEvent = exports.relevantFeatureFlagNames = void 0;
+exports.relevantFeatureFlagNames = exports.fireScreenEvent = exports.fireOperationalEvent = exports.fireCopiedEvent = exports.fireCommencedEvent = void 0;
 
 var _analytics = require("../../utils/analytics");
 
-var relevantFeatureFlagNames = ['newCardExperience', 'poll_intervalMs', 'poll_maxAttempts', 'poll_backoffFactor', 'poll_maxIntervalMs', 'captions'];
+var relevantFeatureFlagNames = ['newCardExperience', 'captions', 'timestampOnVideo'];
 exports.relevantFeatureFlagNames = relevantFeatureFlagNames;
 
-var fireOperationalEvent = function fireOperationalEvent(createAnalyticsEvent, status, fileAttributes, performanceAttributes) {
-  var _ref = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
-      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, performanceAttributes));
-      }
-
+      fireEvent((0, _analytics.getRenderSucceededEventPayload)(fileAttributes, performanceAttributes));
       break;
 
     case 'failed-processing':