@atlaskit/media-card 74.4.1 → 74.5.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-card
 
+## 74.5.1
+
+### Patch Changes
+
+- [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
+
+## 74.5.0
+
+### Minor Changes
+
+- [`2b3859896cc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b3859896cc) - Added new Feature Flag to control internal Media Client behaviour
+
+### Patch Changes
+
+- [`9b6f1d2a9c3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9b6f1d2a9c3) - Fix compatility issue of Intersection Observer API in old browser versions
+- [`925df13094d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/925df13094d) - Card goes to ‘processing’ status instead of ‘completed’ when a file is in processing and it is identified as non previewable
+- Updated dependencies
+
 ## 74.4.1
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -90,7 +90,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 = "74.4.1";
+var packageVersion = "74.5.1";
 
 var CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);

package/dist/cjs/card/cardState.js

@@ -34,7 +34,7 @@ var createStateUpdater = function createStateUpdater(newState, fireErrorEvent) {
 exports.createStateUpdater = createStateUpdater;
 
 var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
-  var status = (0, _getCardStatus.getCardStatus)(fileState.status, (0, _getCardPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview, featureFlags));
+  var status = (0, _getCardStatus.getCardStatus)(fileState.status, (0, _getCardPreview.extractFilePreviewStatus)(fileState, isBannedLocalPreview, featureFlags), featureFlags);
   var error = status === 'error' && (0, _mediaClient.isErrorFileState)(fileState) ? new _errors.MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
   var progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;
   return {

package/dist/cjs/card/getCardStatus.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isFinalCardStatus = exports.getCardStatus = void 0;
 
+var _mediaCommon = require("@atlaskit/media-common");
+
 var isFinalCardStatus = function isFinalCardStatus(status) {
   return ['complete', 'error', 'failed-processing'].includes(status);
 };
 
 exports.isFinalCardStatus = isFinalCardStatus;
 
-var getCardStatus = function getCardStatus(fileStatus, _ref) {
+var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
   var hasFilesize = _ref.hasFilesize,
       isPreviewable = _ref.isPreviewable,
       hasPreview = _ref.hasPreview;
@@ -51,4 +53,35 @@ var getCardStatus = function getCardStatus(fileStatus, _ref) {
   }
 };
 
+var getCardStatusFixed = function getCardStatusFixed(fileStatus, _ref2) {
+  var isPreviewable = _ref2.isPreviewable,
+      hasPreview = _ref2.hasPreview;
+
+  switch (fileStatus) {
+    case 'uploading':
+    case 'failed-processing':
+    case 'error':
+    case 'processing':
+      return fileStatus;
+
+    case 'processed':
+      if (!isPreviewable || !hasPreview) {
+        return 'complete';
+      }
+
+      return 'loading-preview';
+
+    default:
+      return 'loading';
+  }
+};
+
+var getCardStatus = function getCardStatus(fileStatus, filePreviewStatus, featureFlags) {
+  if ((0, _mediaCommon.getMediaFeatureFlag)('fetchFileStateAfterUpload', featureFlags)) {
+    return getCardStatusFixed(fileStatus, filePreviewStatus);
+  }
+
+  return getCardStatusBuggy(fileStatus, filePreviewStatus);
+};
+
 exports.getCardStatus = getCardStatus;

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

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

package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -102,7 +102,7 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
 
 (0, _defineProperty2.default)(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.4.1";
+var packageVersion = "74.5.1";
 var MediaInlineAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/utils/analytics.js

@@ -30,7 +30,8 @@ var relevantFlags = {
   observedWidth: true,
   mediaInline: false,
   folderUploads: false,
-  memoryCacheLogging: true
+  memoryCacheLogging: true,
+  fetchFileStateAfterUpload: true
 };
 var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
 exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.4.1";
+var packageVersion = "74.5.1";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/cjs/utils/viewportDetector.js

@@ -61,18 +61,10 @@ var ViewportObserver = function ViewportObserver(_ref) {
         rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
       });
     } catch (error) {
-      var _error$message;
-
-      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
-
-      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
-        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-          root: null,
-          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-        });
-      } else {
-        throw error;
-      }
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: null,
+        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+      });
     }
 
     cardEl && intersectionObserver.observe(cardEl);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.4.1",
+	"version": "74.5.1",
 	"sideEffects": false
 }

package/dist/es2019/card/card.js

@@ -26,7 +26,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.4.1";
+const packageVersion = "74.5.1";
 export class CardBase extends Component {
   // An internalOccurrenceKey is a randomly generated value to differentiate various instances
   // of Cards regardless of whether it shares the same file (either internal or external)

package/dist/es2019/card/cardState.js

@@ -19,7 +19,7 @@ export const createStateUpdater = (newState, fireErrorEvent) => prevState => {
   return newState;
 };
 export const getCardStateFromFileState = (fileState, isBannedLocalPreview, featureFlags) => {
-  const status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags));
+  const status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags), featureFlags);
   const error = status === 'error' && isErrorFileState(fileState) ? new MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
   const progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;
   return {

package/dist/es2019/card/getCardStatus.js

@@ -1,5 +1,7 @@
+import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export const isFinalCardStatus = status => ['complete', 'error', 'failed-processing'].includes(status);
-export const getCardStatus = (fileStatus, {
+
+const getCardStatusBuggy = (fileStatus, {
   hasFilesize,
   isPreviewable,
   hasPreview
@@ -37,4 +39,35 @@ export const getCardStatus = (fileStatus, {
     default:
       return 'loading';
   }
+};
+
+const getCardStatusFixed = (fileStatus, {
+  isPreviewable,
+  hasPreview
+}) => {
+  switch (fileStatus) {
+    case 'uploading':
+    case 'failed-processing':
+    case 'error':
+    case 'processing':
+      return fileStatus;
+
+    case 'processed':
+      if (!isPreviewable || !hasPreview) {
+        return 'complete';
+      }
+
+      return 'loading-preview';
+
+    default:
+      return 'loading';
+  }
+};
+
+export const getCardStatus = (fileStatus, filePreviewStatus, featureFlags) => {
+  if (getMediaFeatureFlag('fetchFileStateAfterUpload', featureFlags)) {
+    return getCardStatusFixed(fileStatus, filePreviewStatus);
+  }
+
+  return getCardStatusBuggy(fileStatus, filePreviewStatus);
 };

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

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

package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -65,7 +65,7 @@ class WrappedMediaInlineAnalyticsErrorBoundary extends React.Component {
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.4.1";
+const packageVersion = "74.5.1";
 const MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/utils/analytics.js

@@ -9,7 +9,8 @@ const relevantFlags = {
   observedWidth: true,
   mediaInline: false,
   folderUploads: false,
-  memoryCacheLogging: true
+  memoryCacheLogging: true,
+  fetchFileStateAfterUpload: true
 };
 export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);

package/dist/es2019/utils/ufoExperiences.js

@@ -3,7 +3,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "74.4.1";
+const packageVersion = "74.5.1";
 let concurrentExperience;
 
 const getExperience = id => {

package/dist/es2019/utils/viewportDetector.js

@@ -26,18 +26,10 @@ const ViewportObserver = ({
         rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
       });
     } catch (error) {
-      var _error$message;
-
-      const errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
-
-      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
-        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-          root: null,
-          rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
-        });
-      } else {
-        throw error;
-      }
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: null,
+        rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
+      });
     }
 
     cardEl && intersectionObserver.observe(cardEl);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.4.1",
+	"version": "74.5.1",
 	"sideEffects": false
 }

package/dist/esm/card/card.js

@@ -44,7 +44,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.4.1";
+var packageVersion = "74.5.1";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
 

package/dist/esm/card/cardState.js

@@ -21,7 +21,7 @@ export var createStateUpdater = function createStateUpdater(newState, fireErrorE
   };
 };
 export var getCardStateFromFileState = function getCardStateFromFileState(fileState, isBannedLocalPreview, featureFlags) {
-  var status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags));
+  var status = getCardStatus(fileState.status, extractFilePreviewStatus(fileState, isBannedLocalPreview, featureFlags), featureFlags);
   var error = status === 'error' && isErrorFileState(fileState) ? new MediaCardError('error-file-state', new Error(fileState.message)) : undefined;
   var progress = status === 'uploading' && fileState.status === 'uploading' ? fileState.progress : 1;
   return {

package/dist/esm/card/getCardStatus.js

@@ -1,7 +1,9 @@
+import { getMediaFeatureFlag } from '@atlaskit/media-common';
 export var isFinalCardStatus = function isFinalCardStatus(status) {
   return ['complete', 'error', 'failed-processing'].includes(status);
 };
-export var getCardStatus = function getCardStatus(fileStatus, _ref) {
+
+var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
   var hasFilesize = _ref.hasFilesize,
       isPreviewable = _ref.isPreviewable,
       hasPreview = _ref.hasPreview;
@@ -39,4 +41,35 @@ export var getCardStatus = function getCardStatus(fileStatus, _ref) {
     default:
       return 'loading';
   }
+};
+
+var getCardStatusFixed = function getCardStatusFixed(fileStatus, _ref2) {
+  var isPreviewable = _ref2.isPreviewable,
+      hasPreview = _ref2.hasPreview;
+
+  switch (fileStatus) {
+    case 'uploading':
+    case 'failed-processing':
+    case 'error':
+    case 'processing':
+      return fileStatus;
+
+    case 'processed':
+      if (!isPreviewable || !hasPreview) {
+        return 'complete';
+      }
+
+      return 'loading-preview';
+
+    default:
+      return 'loading';
+  }
+};
+
+export var getCardStatus = function getCardStatus(fileStatus, filePreviewStatus, featureFlags) {
+  if (getMediaFeatureFlag('fetchFileStateAfterUpload', featureFlags)) {
+    return getCardStatusFixed(fileStatus, filePreviewStatus);
+  }
+
+  return getCardStatusBuggy(fileStatus, filePreviewStatus);
 };

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

@@ -105,7 +105,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.4.1";
+var packageVersion = "74.5.1";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -89,7 +89,7 @@ var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Com
 _defineProperty(WrappedMediaInlineAnalyticsErrorBoundary, "displayName", 'MediaInlineAnalyticsErrorBoundary');
 
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.4.1";
+var packageVersion = "74.5.1";
 var MediaInlineAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/utils/analytics.js

@@ -15,7 +15,8 @@ var relevantFlags = {
   observedWidth: true,
   mediaInline: false,
   folderUploads: false,
-  memoryCacheLogging: true
+  memoryCacheLogging: true,
+  fetchFileStateAfterUpload: true
 };
 export var LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
 export var LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);

package/dist/esm/utils/ufoExperiences.js

@@ -9,7 +9,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "74.4.1";
+var packageVersion = "74.5.1";
 var concurrentExperience;
 
 var getExperience = function getExperience(id) {

package/dist/esm/utils/viewportDetector.js

@@ -44,18 +44,10 @@ var ViewportObserver = function ViewportObserver(_ref) {
         rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
       });
     } catch (error) {
-      var _error$message;
-
-      var errorMessage = "Failed to construct 'IntersectionObserver': member root is not of type Element";
-
-      if ((_error$message = error.message) !== null && _error$message !== void 0 && _error$message.includes(errorMessage)) {
-        intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
-          root: null,
-          rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
-        });
-      } else {
-        throw error;
-      }
+      intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
+        root: null,
+        rootMargin: "".concat(ABS_VIEWPORT_ANCHOR_OFFSET_TOP, "px")
+      });
     }
 
     cardEl && intersectionObserver.observe(cardEl);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "74.4.1",
+	"version": "74.5.1",
 	"sideEffects": false
 }

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

@@ -1,4 +1,5 @@
 import { FileStatus } from '@atlaskit/media-client';
+import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { CardStatus, FilePreviewStatus } from '../types';
 export declare const isFinalCardStatus: (status: CardStatus) => boolean;
-export declare const getCardStatus: (fileStatus: FileStatus, { hasFilesize, isPreviewable, hasPreview }: FilePreviewStatus) => CardStatus;
+export declare const getCardStatus: (fileStatus: FileStatus, filePreviewStatus: FilePreviewStatus, featureFlags?: MediaFeatureFlags | undefined) => CardStatus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "74.4.1",
+  "version": "74.5.1",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,9 +33,9 @@
     "@atlaskit/editor-shared-styles": "^2.3.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/media-client": "^20.0.0",
-    "@atlaskit/media-common": "^2.18.0",
-    "@atlaskit/media-ui": "^22.2.0",
-    "@atlaskit/media-viewer": "^47.3.0",
+    "@atlaskit/media-common": "^2.19.0",
+    "@atlaskit/media-ui": "^22.3.0",
+    "@atlaskit/media-viewer": "^47.4.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.13.0",
@@ -54,14 +54,14 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/analytics-listeners": "^8.3.0",
-    "@atlaskit/analytics-namespaced-context": "^6.5.0",
+    "@atlaskit/analytics-listeners": "^8.5.0",
+    "@atlaskit/analytics-namespaced-context": "^6.6.0",
     "@atlaskit/button": "^16.5.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/inline-message": "^11.4.0",
     "@atlaskit/media-core": "^34.0.0",
-    "@atlaskit/media-picker": "^64.1.0",
+    "@atlaskit/media-picker": "^64.2.0",
     "@atlaskit/media-test-helpers": "^30.1.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^7.0.0",