@atlaskit/media-card 77.6.7 → 77.7.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-card
 
+## 77.7.1
+
+### Patch Changes
+
+- [#67886](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67886) [`18c0c2f52a54`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/18c0c2f52a54) - CXP-2880 remove isBannedLocalPreview state from fileCard
+
+## 77.7.0
+
+### Minor Changes
+
+- [#66422](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66422) [`e26fc35ce110`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e26fc35ce110) - [CXP-2840] Added `DateOverrideContext` to fix inconsistent creation time in film strip (JRACLOUD-77568)
+
 ## 77.6.7
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -42,6 +42,7 @@ var _dimensionComparer = require("../utils/dimensionComparer");
 var _getMediaCardCursor = require("../utils/getMediaCardCursor");
 var _ufoExperiences = require("../utils/ufoExperiences");
 var _generateUniqueId = require("../utils/generateUniqueId");
+var _dateOverrideContext = require("../dateOverrideContext");
 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; }
 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; }
@@ -49,7 +50,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -544,7 +545,8 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
         ssr = _this$props8.ssr,
         useInlinePlayer = _this$props8.useInlinePlayer,
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
-        shouldHideTooltip = _this$props8.shouldHideTooltip;
+        shouldHideTooltip = _this$props8.shouldHideTooltip,
+        dateOverride = _this$props8.dateOverride;
       var mediaItemType = identifier.mediaItemType;
       var _this$state3 = _this.state,
         status = _this$state3.status,
@@ -596,7 +598,8 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
         nativeLazyLoad: nativeLazyLoad,
         forceSyncDisplay: forceSyncDisplay,
         mediaCardCursor: mediaCardCursor,
-        shouldHideTooltip: shouldHideTooltip
+        shouldHideTooltip: shouldHideTooltip,
+        overriddenCreationDate: dateOverride
       });
       return isLazyWithOverride ? /*#__PURE__*/_react.default.createElement(_viewportDetector.ViewportDetector, {
         cardEl: cardRef,
@@ -1015,7 +1018,9 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
     }
   }]);
   return CardBase;
-}(_react.Component); // We require this wrapper in order to refresh media card state when the identifier is updated
+}(_react.Component); // We require this wrapper in order
+// 1. To refresh media card state when the identifier is updated
+// 2. To allow for overriding creation date (https://product-fabric.atlassian.net/browse/CXP-2840)
 (0, _defineProperty2.default)(CardBase, "defaultProps", {
   appearance: 'auto',
   resizeMode: 'crop',
@@ -1024,10 +1029,13 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   // Media Feature Flag defaults are defined in @atlaskit/media-common
   featureFlags: {}
 });
-var CardWithKey = function CardWithKey(props) {
+var CardWithKeyAndDateOverrideContext = function CardWithKeyAndDateOverrideContext(props) {
   var identifier = props.identifier;
+  var dateOverrides = (0, _react.useContext)(_dateOverrideContext.DateOverrideContext);
   var key = (0, _mediaClient2.isFileIdentifier)(identifier) ? identifier.id : identifier.dataURI;
+  var dateOverride = (0, _mediaClient2.isFileIdentifier)(identifier) ? dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id] : undefined;
   return /*#__PURE__*/_react.default.createElement(CardBase, (0, _extends2.default)({}, props, {
+    dateOverride: dateOverride,
     key: key
   }));
 };
@@ -1036,6 +1044,6 @@ var Card = exports.Card = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardWithKey, {
+})((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CardWithKeyAndDateOverrideContext, {
   enforceContext: false
 })));

package/dist/cjs/card/cardView.js

@@ -291,13 +291,14 @@ var CardViewBase = exports.CardViewBase = /*#__PURE__*/function (_React$Componen
       var _this$props5 = this.props,
         metadata = _this$props5.metadata,
         titleBoxBgColor = _this$props5.titleBoxBgColor,
-        titleBoxIcon = _this$props5.titleBoxIcon;
+        titleBoxIcon = _this$props5.titleBoxIcon,
+        overriddenCreationDate = _this$props5.overriddenCreationDate;
       var _ref6 = metadata || {},
         name = _ref6.name,
         createdAt = _ref6.createdAt;
       return !!name && (0, _react.jsx)(_titleBox.TitleBox, {
         name: name,
-        createdAt: createdAt,
+        createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
         breakpoint: this.breakpoint,
         titleBoxIcon: titleBoxIcon,
         titleBoxBgColor: titleBoxBgColor

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/v2/cardV2.js

@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/v2/fileCard.js

@@ -26,7 +26,6 @@ var _metadata = require("../../utils/metadata");
 var _ufoExperiences = require("../../utils/ufoExperiences");
 var _useCurrentValueRef = require("../../utils/useCurrentValueRef");
 var _usePrevious = require("../../utils/usePrevious");
-var _videoIsPlayable = require("../../utils/videoIsPlayable");
 var _viewportDetector = require("../../utils/viewportDetector");
 var _cardDimensions = require("../../utils/cardDimensions");
 var _cardAnalytics = require("../cardAnalytics");
@@ -150,12 +149,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   // CXP-2723 TODO: remove isBannedLocalPreview
   var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    isBannedLocalPreview = _useState12[0],
-    setIsBannedLocalPreview = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    previewDidRender = _useState14[0],
-    setPreviewDidRender = _useState14[1];
+    previewDidRender = _useState12[0],
+    setPreviewDidRender = _useState12[1];
 
   // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   var mediaBlobUrlAttrs = (0, _react.useMemo)(function () {
@@ -193,18 +188,18 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
     getScriptProps = _useFilePreview.getScriptProps;
-  var _useState15 = (0, _react.useState)(),
-    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    error = _useState16[0],
-    setError = _useState16[1];
+  var _useState13 = (0, _react.useState)(),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    error = _useState14[0],
+    setError = _useState14[1];
 
   // CXP-2723 TODO: TEMPORARY VARIABLES
   var finalError = error || previewError;
   var finalStatus = finalError ? 'error' : status;
-  var _useState17 = (0, _react.useState)(null),
-    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-    mediaViewerSelectedItem = _useState18[0],
-    setMediaViewerSelectedItem = _useState18[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    mediaViewerSelectedItem = _useState16[0],
+    setMediaViewerSelectedItem = _useState16[1];
   var uploadProgressRef = (0, _react.useRef)();
   var metadata = (0, _react.useMemo)(function () {
     var getProcessingStatusFromFileState = function getProcessingStatusFromFileState(status) {
@@ -407,7 +402,6 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     ['loading-preview', 'processing'].includes(finalStatus)) {
       setStatus('complete');
       // TODO MEX-788: add test for "do not remove the card preview when unsubscribing".
-      setIsBannedLocalPreview(false);
     }
   }, [previewDidRender, finalStatus]);
 
@@ -419,7 +413,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     var isVideo = fileAttributes.fileMediatype === 'video';
     var _getFileDetails2 = (0, _metadata.getFileDetails)(identifier, fileStateValue),
       mimeType = _getFileDetails2.mimeType;
-    var isVideoPlayable = (0, _videoIsPlayable.videoIsPlayable)(isBannedLocalPreview, fileStateValue, mimeType);
+    var isVideoPlayable = mimeType && (0, _mediaCommon.isVideoMimeTypeSupportedByBrowser)(mimeType) || fileStateValue && (0, _mediaClient.isProcessedFileState)(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -429,7 +423,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     isCardVisible && isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
     }
-  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isBannedLocalPreview, isPlayingFile, finalStatus, useInlinePlayer]);
+  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isPlayingFile, finalStatus, useInlinePlayer]);
 
   //----------------------------------------------------------------//
   //----------------- fireScreenEvent ------------------------------//
@@ -469,7 +463,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
         var isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         var isPreviewableFileState = !!fileState.preview;
         var isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState &&
+        var hasLocalPreview = isPreviewableFileState &&
         // CXP-2723 TODO: isPreviewableFileState is most likely redundant
         isSupportedLocalPreview && !!fileState.mimeType && (0, _mediaCommon.isMimeTypeSupportedByBrowser)(fileState.mimeType);
         var hasRemotePreview = (0, _mediaClient.isImageRepresentationReady)(fileState);

package/dist/cjs/dateOverrideContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateOverrideContext = void 0;
+var _react = require("react");
+/**
+ * Provide capacity to override creation date
+ * `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
+ * This is a temporal solution, please consult before usage
+ */
+var DateOverrideContext = exports.DateOverrideContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "CardLoading", {
     return _cardLoading.CardLoading;
   }
 });
+Object.defineProperty(exports, "DateOverrideContext", {
+  enumerable: true,
+  get: function get() {
+    return _dateOverrideContext.DateOverrideContext;
+  }
+});
 Object.defineProperty(exports, "MediaInlineCard", {
   enumerable: true,
   get: function get() {
@@ -58,4 +64,5 @@ var _cardError = require("./utils/lightCards/cardError");
 var _cardDimensions = require("./utils/cardDimensions");
 var _classnames = require("./card/classnames");
 var _inlinePlayerWrapperStyles = require("./card/inlinePlayerWrapperStyles");
-var _cardConstants = require("./card/cardConstants");
+var _cardConstants = require("./card/cardConstants");
+var _dateOverrideContext = require("./dateOverrideContext");

package/dist/cjs/inline/loader.js

@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.6.7",
+        packageName: "77.7.1",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component, Suspense } from 'react';
+import React, { Component, Suspense, useContext } from 'react';
 import ReactDOM from 'react-dom';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -26,8 +26,9 @@ import { isBigger } from '../utils/dimensionComparer';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
+import { DateOverrideContext } from '../dateOverrideContext';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.6.7";
+const packageVersion = "77.7.1";
 export class CardBase extends Component {
   constructor(props) {
     super(props);
@@ -497,7 +498,8 @@ export class CardBase extends Component {
         ssr,
         useInlinePlayer,
         shouldOpenMediaViewer,
-        shouldHideTooltip
+        shouldHideTooltip,
+        dateOverride
       } = this.props;
       const {
         mediaItemType
@@ -555,7 +557,8 @@ export class CardBase extends Component {
         nativeLazyLoad: nativeLazyLoad,
         forceSyncDisplay: forceSyncDisplay,
         mediaCardCursor: mediaCardCursor,
-        shouldHideTooltip: shouldHideTooltip
+        shouldHideTooltip: shouldHideTooltip,
+        overriddenCreationDate: dateOverride
       });
       return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
         cardEl: cardRef,
@@ -989,7 +992,9 @@ export class CardBase extends Component {
   }
 }
 
-// We require this wrapper in order to refresh media card state when the identifier is updated
+// We require this wrapper in order
+// 1. To refresh media card state when the identifier is updated
+// 2. To allow for overriding creation date (https://product-fabric.atlassian.net/browse/CXP-2840)
 _defineProperty(CardBase, "defaultProps", {
   appearance: 'auto',
   resizeMode: 'crop',
@@ -998,12 +1003,15 @@ _defineProperty(CardBase, "defaultProps", {
   // Media Feature Flag defaults are defined in @atlaskit/media-common
   featureFlags: {}
 });
-const CardWithKey = props => {
+const CardWithKeyAndDateOverrideContext = props => {
   const {
     identifier
   } = props;
+  const dateOverrides = useContext(DateOverrideContext);
   const key = isFileIdentifier(identifier) ? identifier.id : identifier.dataURI;
+  const dateOverride = isFileIdentifier(identifier) ? dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id] : undefined;
   return /*#__PURE__*/React.createElement(CardBase, _extends({}, props, {
+    dateOverride: dateOverride,
     key: key
   }));
 };
@@ -1012,6 +1020,6 @@ export const Card = withMediaAnalyticsContext({
   packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardWithKey, {
+})(withAnalyticsEvents()(injectIntl(CardWithKeyAndDateOverrideContext, {
   enforceContext: false
 })));

package/dist/es2019/card/cardView.js

@@ -279,7 +279,8 @@ export class CardViewBase extends React.Component {
     const {
       metadata,
       titleBoxBgColor,
-      titleBoxIcon
+      titleBoxIcon,
+      overriddenCreationDate
     } = this.props;
     const {
       name,
@@ -287,7 +288,7 @@ export class CardViewBase extends React.Component {
     } = metadata || {};
     return !!name && jsx(TitleBox, {
       name: name,
-      createdAt: createdAt,
+      createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
       breakpoint: this.breakpoint,
       titleBoxIcon: titleBoxIcon,
       titleBoxBgColor: titleBoxBgColor

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.6.7";
+const packageVersion = "77.7.1";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/v2/cardV2.js

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.6.7";
+const packageVersion = "77.7.1";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/card/v2/fileCard.js

@@ -1,8 +1,8 @@
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
-import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode } from '@atlaskit/media-client';
+import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { getRandomHex, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
+import { getRandomHex, isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
@@ -15,7 +15,6 @@ import { getFileDetails } from '../../utils/metadata';
 import { abortUfoExperience, completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { useCurrentValueRef } from '../../utils/useCurrentValueRef';
 import { usePrevious } from '../../utils/usePrevious';
-import { videoIsPlayable } from '../../utils/videoIsPlayable';
 import { ViewportDetector } from '../../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../../utils/cardDimensions';
 import { fireCommencedEvent, fireCopiedEvent, fireNonCriticalErrorEvent, fireOperationalEvent, fireScreenEvent } from '../cardAnalytics';
@@ -107,7 +106,6 @@ export const FileCard = ({
   const [shouldAutoplay, setShouldAutoplay] = useState(false);
 
   // CXP-2723 TODO: remove isBannedLocalPreview
-  const [isBannedLocalPreview, setIsBannedLocalPreview] = useState(false);
   const [previewDidRender, setPreviewDidRender] = useState(false);
 
   // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
@@ -356,7 +354,6 @@ export const FileCard = ({
     ['loading-preview', 'processing'].includes(finalStatus)) {
       setStatus('complete');
       // TODO MEX-788: add test for "do not remove the card preview when unsubscribing".
-      setIsBannedLocalPreview(false);
     }
   }, [previewDidRender, finalStatus]);
 
@@ -369,7 +366,7 @@ export const FileCard = ({
     const {
       mimeType
     } = getFileDetails(identifier, fileStateValue);
-    const isVideoPlayable = videoIsPlayable(isBannedLocalPreview, fileStateValue, mimeType);
+    const isVideoPlayable = mimeType && isVideoMimeTypeSupportedByBrowser(mimeType) || fileStateValue && isProcessedFileState(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -379,7 +376,7 @@ export const FileCard = ({
     isCardVisible && isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
     }
-  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isBannedLocalPreview, isPlayingFile, finalStatus, useInlinePlayer]);
+  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isPlayingFile, finalStatus, useInlinePlayer]);
 
   //----------------------------------------------------------------//
   //----------------- fireScreenEvent ------------------------------//
@@ -419,7 +416,7 @@ export const FileCard = ({
         const isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         const isPreviewableFileState = !!fileState.preview;
         const isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        const hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState &&
+        const hasLocalPreview = isPreviewableFileState &&
         // CXP-2723 TODO: isPreviewableFileState is most likely redundant
         isSupportedLocalPreview && !!fileState.mimeType && isMimeTypeSupportedByBrowser(fileState.mimeType);
         const hasRemotePreview = isImageRepresentationReady(fileState);

package/dist/es2019/dateOverrideContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+/**
+ * Provide capacity to override creation date
+ * `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
+ * This is a temporal solution, please consult before usage
+ */
+export const DateOverrideContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/index.js

@@ -10,4 +10,5 @@ export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
 export { fileCardImageViewSelector } from './card/classnames';
 export { inlinePlayerClassName } from './card/inlinePlayerWrapperStyles';
-export { newFileExperienceClassName } from './card/cardConstants';
+export { newFileExperienceClassName } from './card/cardConstants';
+export { DateOverrideContext } from './dateOverrideContext';

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "77.6.7",
+      packageName: "77.7.1",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.6.7";
+const packageVersion = "77.7.1";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -13,7 +13,7 @@ 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React, { Component, Suspense } from 'react';
+import React, { Component, Suspense, useContext } from 'react';
 import ReactDOM from 'react-dom';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
@@ -39,8 +39,9 @@ import { isBigger } from '../utils/dimensionComparer';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
+import { DateOverrideContext } from '../dateOverrideContext';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -535,7 +536,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         ssr = _this$props8.ssr,
         useInlinePlayer = _this$props8.useInlinePlayer,
         shouldOpenMediaViewer = _this$props8.shouldOpenMediaViewer,
-        shouldHideTooltip = _this$props8.shouldHideTooltip;
+        shouldHideTooltip = _this$props8.shouldHideTooltip,
+        dateOverride = _this$props8.dateOverride;
       var mediaItemType = identifier.mediaItemType;
       var _this$state3 = _this.state,
         status = _this$state3.status,
@@ -587,7 +589,8 @@ export var CardBase = /*#__PURE__*/function (_Component) {
         nativeLazyLoad: nativeLazyLoad,
         forceSyncDisplay: forceSyncDisplay,
         mediaCardCursor: mediaCardCursor,
-        shouldHideTooltip: shouldHideTooltip
+        shouldHideTooltip: shouldHideTooltip,
+        overriddenCreationDate: dateOverride
       });
       return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
         cardEl: cardRef,
@@ -1008,7 +1011,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
   return CardBase;
 }(Component);
 
-// We require this wrapper in order to refresh media card state when the identifier is updated
+// We require this wrapper in order
+// 1. To refresh media card state when the identifier is updated
+// 2. To allow for overriding creation date (https://product-fabric.atlassian.net/browse/CXP-2840)
 _defineProperty(CardBase, "defaultProps", {
   appearance: 'auto',
   resizeMode: 'crop',
@@ -1017,10 +1022,13 @@ _defineProperty(CardBase, "defaultProps", {
   // Media Feature Flag defaults are defined in @atlaskit/media-common
   featureFlags: {}
 });
-var CardWithKey = function CardWithKey(props) {
+var CardWithKeyAndDateOverrideContext = function CardWithKeyAndDateOverrideContext(props) {
   var identifier = props.identifier;
+  var dateOverrides = useContext(DateOverrideContext);
   var key = isFileIdentifier(identifier) ? identifier.id : identifier.dataURI;
+  var dateOverride = isFileIdentifier(identifier) ? dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id] : undefined;
   return /*#__PURE__*/React.createElement(CardBase, _extends({}, props, {
+    dateOverride: dateOverride,
     key: key
   }));
 };
@@ -1029,6 +1037,6 @@ export var Card = withMediaAnalyticsContext({
   packageName: packageName,
   componentName: 'mediaCard',
   component: 'mediaCard'
-})(withAnalyticsEvents()(injectIntl(CardWithKey, {
+})(withAnalyticsEvents()(injectIntl(CardWithKeyAndDateOverrideContext, {
   enforceContext: false
 })));

package/dist/esm/card/cardView.js

@@ -285,13 +285,14 @@ export var CardViewBase = /*#__PURE__*/function (_React$Component) {
       var _this$props5 = this.props,
         metadata = _this$props5.metadata,
         titleBoxBgColor = _this$props5.titleBoxBgColor,
-        titleBoxIcon = _this$props5.titleBoxIcon;
+        titleBoxIcon = _this$props5.titleBoxIcon,
+        overriddenCreationDate = _this$props5.overriddenCreationDate;
       var _ref6 = metadata || {},
         name = _ref6.name,
         createdAt = _ref6.createdAt;
       return !!name && jsx(TitleBox, {
         name: name,
-        createdAt: createdAt,
+        createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
         breakpoint: this.breakpoint,
         titleBoxIcon: titleBoxIcon,
         titleBoxBgColor: titleBoxBgColor

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/v2/cardV2.js

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/v2/fileCard.js

@@ -5,9 +5,9 @@ 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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
-import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode } from '@atlaskit/media-client';
+import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION, imageResizeModeToFileImageMode, isProcessedFileState } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState, useMediaClient } from '@atlaskit/media-client-react';
-import { getRandomHex, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
+import { getRandomHex, isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
@@ -20,7 +20,6 @@ import { getFileDetails } from '../../utils/metadata';
 import { abortUfoExperience, completeUfoExperience, startUfoExperience } from '../../utils/ufoExperiences';
 import { useCurrentValueRef } from '../../utils/useCurrentValueRef';
 import { usePrevious } from '../../utils/usePrevious';
-import { videoIsPlayable } from '../../utils/videoIsPlayable';
 import { ViewportDetector } from '../../utils/viewportDetector';
 import { getDefaultCardDimensions } from '../../utils/cardDimensions';
 import { fireCommencedEvent, fireCopiedEvent, fireNonCriticalErrorEvent, fireOperationalEvent, fireScreenEvent } from '../cardAnalytics';
@@ -140,12 +139,8 @@ export var FileCard = function FileCard(_ref) {
   // CXP-2723 TODO: remove isBannedLocalPreview
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    isBannedLocalPreview = _useState12[0],
-    setIsBannedLocalPreview = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    previewDidRender = _useState14[0],
-    setPreviewDidRender = _useState14[1];
+    previewDidRender = _useState12[0],
+    setPreviewDidRender = _useState12[1];
 
   // CXP-2723 TODO: Do we have tests to validate the use of the below attributes
   var mediaBlobUrlAttrs = useMemo(function () {
@@ -183,18 +178,18 @@ export var FileCard = function FileCard(_ref) {
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
     getScriptProps = _useFilePreview.getScriptProps;
-  var _useState15 = useState(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    error = _useState16[0],
-    setError = _useState16[1];
+  var _useState13 = useState(),
+    _useState14 = _slicedToArray(_useState13, 2),
+    error = _useState14[0],
+    setError = _useState14[1];
 
   // CXP-2723 TODO: TEMPORARY VARIABLES
   var finalError = error || previewError;
   var finalStatus = finalError ? 'error' : status;
-  var _useState17 = useState(null),
-    _useState18 = _slicedToArray(_useState17, 2),
-    mediaViewerSelectedItem = _useState18[0],
-    setMediaViewerSelectedItem = _useState18[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    mediaViewerSelectedItem = _useState16[0],
+    setMediaViewerSelectedItem = _useState16[1];
   var uploadProgressRef = useRef();
   var metadata = useMemo(function () {
     var getProcessingStatusFromFileState = function getProcessingStatusFromFileState(status) {
@@ -397,7 +392,6 @@ export var FileCard = function FileCard(_ref) {
     ['loading-preview', 'processing'].includes(finalStatus)) {
       setStatus('complete');
       // TODO MEX-788: add test for "do not remove the card preview when unsubscribing".
-      setIsBannedLocalPreview(false);
     }
   }, [previewDidRender, finalStatus]);
 
@@ -409,7 +403,7 @@ export var FileCard = function FileCard(_ref) {
     var isVideo = fileAttributes.fileMediatype === 'video';
     var _getFileDetails2 = getFileDetails(identifier, fileStateValue),
       mimeType = _getFileDetails2.mimeType;
-    var isVideoPlayable = videoIsPlayable(isBannedLocalPreview, fileStateValue, mimeType);
+    var isVideoPlayable = mimeType && isVideoMimeTypeSupportedByBrowser(mimeType) || fileStateValue && isProcessedFileState(fileStateValue);
     if (
     /**
      * We need to check that the card is visible before switching to inline player
@@ -419,7 +413,7 @@ export var FileCard = function FileCard(_ref) {
     isCardVisible && isVideo && !isPlayingFile && disableOverlay && useInlinePlayer && isVideoPlayable && finalStatus !== 'error') {
       setIsPlayingFile(true);
     }
-  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isBannedLocalPreview, isPlayingFile, finalStatus, useInlinePlayer]);
+  }, [isCardVisible, disableOverlay, fileAttributes.fileMediatype, fileStateValue, identifier, isPlayingFile, finalStatus, useInlinePlayer]);
 
   //----------------------------------------------------------------//
   //----------------- fireScreenEvent ------------------------------//
@@ -459,7 +453,7 @@ export var FileCard = function FileCard(_ref) {
         var isPreviewable = !!mediaType && ['audio', 'video', 'image', 'doc'].indexOf(mediaType) > -1;
         var isPreviewableFileState = !!fileState.preview;
         var isSupportedLocalPreview = mediaType === 'image' || mediaType === 'video';
-        var hasLocalPreview = !isBannedLocalPreview && isPreviewableFileState &&
+        var hasLocalPreview = isPreviewableFileState &&
         // CXP-2723 TODO: isPreviewableFileState is most likely redundant
         isSupportedLocalPreview && !!fileState.mimeType && isMimeTypeSupportedByBrowser(fileState.mimeType);
         var hasRemotePreview = isImageRepresentationReady(fileState);

package/dist/esm/dateOverrideContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+/**
+ * Provide capacity to override creation date
+ * `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
+ * This is a temporal solution, please consult before usage
+ */
+export var DateOverrideContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/index.js

@@ -10,4 +10,5 @@ export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
 export { fileCardImageViewSelector } from './card/classnames';
 export { inlinePlayerClassName } from './card/inlinePlayerWrapperStyles';
-export { newFileExperienceClassName } from './card/cardConstants';
+export { newFileExperienceClassName } from './card/cardConstants';
+export { DateOverrideContext } from './dateOverrideContext';

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.6.7",
+        packageName: "77.7.1",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.6.7";
+var packageVersion = "77.7.1";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/card.d.ts

@@ -4,7 +4,9 @@ import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-cl
 import { WrappedComponentProps } from 'react-intl-next';
 import { CardAction } from './actions';
 import { CardProps, CardState, CardStatus } from '../types';
-export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps> & {
+    dateOverride?: number;
+};
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;
     private hasBeenMounted;

package/dist/types/card/cardView.d.ts

@@ -26,6 +26,7 @@ export interface CardViewOwnProps extends SharedCardProps {
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
+    overriddenCreationDate?: number;
 }
 export interface CardViewState {
     elementWidth?: number;

package/dist/types/dateOverrideContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Provide capacity to override creation date
+ * `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
+ * This is a temporal solution, please consult before usage
+ */
+export declare const DateOverrideContext: import("react").Context<Record<string, number> | undefined>;

package/dist/types/index.d.ts

@@ -13,3 +13,4 @@ export { defaultImageCardDimensions } from './utils/cardDimensions';
 export { fileCardImageViewSelector } from './card/classnames';
 export { inlinePlayerClassName } from './card/inlinePlayerWrapperStyles';
 export { newFileExperienceClassName } from './card/cardConstants';
+export { DateOverrideContext } from './dateOverrideContext';

package/dist/types-ts4.5/card/card.d.ts

@@ -4,7 +4,9 @@ import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-cl
 import { WrappedComponentProps } from 'react-intl-next';
 import { CardAction } from './actions';
 import { CardProps, CardState, CardStatus } from '../types';
-export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
+export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps> & {
+    dateOverride?: number;
+};
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;
     private hasBeenMounted;

package/dist/types-ts4.5/card/cardView.d.ts

@@ -26,6 +26,7 @@ export interface CardViewOwnProps extends SharedCardProps {
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
+    overriddenCreationDate?: number;
 }
 export interface CardViewState {
     elementWidth?: number;

package/dist/types-ts4.5/dateOverrideContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Provide capacity to override creation date
+ * `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
+ * This is a temporal solution, please consult before usage
+ */
+export declare const DateOverrideContext: import("react").Context<Record<string, number> | undefined>;

package/dist/types-ts4.5/index.d.ts

@@ -13,3 +13,4 @@ export { defaultImageCardDimensions } from './utils/cardDimensions';
 export { fileCardImageViewSelector } from './card/classnames';
 export { inlinePlayerClassName } from './card/inlinePlayerWrapperStyles';
 export { newFileExperienceClassName } from './card/cardConstants';
+export { DateOverrideContext } from './dateOverrideContext';

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.6.7",
+  "version": "77.7.1",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -49,7 +49,7 @@
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.33.0",
+    "@atlaskit/tokens": "^1.34.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",