@atlaskit/media-common 2.8.0 → 2.10.1

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @atlaskit/media-common
 
+## 2.10.1
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 2.10.0
+
+### Minor Changes
+
+- [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Added a comparer helper for Media Feature Flags objects
+
+### Patch Changes
+
+- [`fc70978492a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc70978492a) - Using type for SSR prop to reduce dependency on media-common
+- [`2b24fcc59f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b24fcc59f2) - Removed Code Viewer and Zip Previews Feature Flags
+- [`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
+- [`01a41e75803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01a41e75803) - Removes `allowMediaInline` media prop and replaces with Inline Files feature flag for editor and mobile bridge
+
+## 2.9.1
+
+### Patch Changes
+
+- [`fe9ced0cd70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe9ced0cd70) - Removed feature flags for polling settings
+
+## 2.9.0
+
+### Minor Changes
+
+- [`46d9d2872b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46d9d2872b4) - Video Analytics - Add UI events for CustomMediaPlayer
+
+### Patch Changes
+
+- [`4777a174e6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4777a174e6d) - Added analytics support for customMediaPlayer + screen event + entrypoint for locales
+- [`b77bfe8e99c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b77bfe8e99c) - Add performance attributes to Commenced, Succeeded, Failed events for media card
+- [`35d85025b4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35d85025b4d) - MEX-860 Changed base track events payload + added CustomMediaPlayerType
+
 ## 2.8.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "withMediaAnalyticsContext", {
+Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
   enumerable: true,
   get: function get() {
-    return _withMediaAnalyticsContext.withMediaAnalyticsContext;
+    return _constants.ANALYTICS_MEDIA_CHANNEL;
   }
 });
-Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
+Object.defineProperty(exports, "withMediaAnalyticsContext", {
   enumerable: true,
   get: function get() {
-    return _constants.ANALYTICS_MEDIA_CHANNEL;
+    return _withMediaAnalyticsContext.withMediaAnalyticsContext;
   }
 });
 

package/dist/cjs/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "downloadUrl", {
+Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
   enumerable: true,
   get: function get() {
-    return _downloadUrl.downloadUrl;
+    return _constants.ANALYTICS_MEDIA_CHANNEL;
   }
 });
-Object.defineProperty(exports, "getMediaFeatureFlag", {
+Object.defineProperty(exports, "areEqualFeatureFlags", {
   enumerable: true,
   get: function get() {
-    return _mediaFeatureFlags.getMediaFeatureFlag;
+    return _mediaFeatureFlags.areEqualFeatureFlags;
   }
 });
 Object.defineProperty(exports, "defaultMediaFeatureFlags", {
@@ -21,16 +21,16 @@ Object.defineProperty(exports, "defaultMediaFeatureFlags", {
     return _mediaFeatureFlags.defaultMediaFeatureFlags;
   }
 });
-Object.defineProperty(exports, "withMediaAnalyticsContext", {
+Object.defineProperty(exports, "downloadUrl", {
   enumerable: true,
   get: function get() {
-    return _withMediaAnalyticsContext.withMediaAnalyticsContext;
+    return _downloadUrl.downloadUrl;
   }
 });
-Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
+Object.defineProperty(exports, "getMediaFeatureFlag", {
   enumerable: true,
   get: function get() {
-    return _constants.ANALYTICS_MEDIA_CHANNEL;
+    return _mediaFeatureFlags.getMediaFeatureFlag;
   }
 });
 Object.defineProperty(exports, "getMediaTypeFromMimeType", {
@@ -39,10 +39,10 @@ Object.defineProperty(exports, "getMediaTypeFromMimeType", {
     return _mediaTypeUtils.getMediaTypeFromMimeType;
   }
 });
-Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
+Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _mediaTypeUtils.isImageMimeTypeSupportedByBrowser;
+    return _mediaTypeUtils.isAudioMimeTypeSupportedByServer;
   }
 });
 Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
@@ -51,10 +51,16 @@ Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
     return _mediaTypeUtils.isDocumentMimeTypeSupportedByBrowser;
   }
 });
-Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _mediaTypeUtils.isMimeTypeSupportedByBrowser;
+    return _mediaTypeUtils.isDocumentMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isImageMimeTypeSupportedByBrowser;
   }
 });
 Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
@@ -63,16 +69,22 @@ Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
     return _mediaTypeUtils.isImageMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
   enumerable: true,
   get: function get() {
-    return _mediaTypeUtils.isDocumentMimeTypeSupportedByServer;
+    return _mediaTypeUtils.isMimeTypeSupportedByBrowser;
   }
 });
-Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _mediaTypeUtils.isAudioMimeTypeSupportedByServer;
+    return _mediaTypeUtils.isMimeTypeSupportedByServer;
+  }
+});
+Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
+  enumerable: true,
+  get: function get() {
+    return _mediaTypeUtils.isUnknownMimeTypeSupportedByServer;
   }
 });
 Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
@@ -81,16 +93,16 @@ Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
     return _mediaTypeUtils.isVideoMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "useMemoizeFeatureFlags", {
   enumerable: true,
   get: function get() {
-    return _mediaTypeUtils.isUnknownMimeTypeSupportedByServer;
+    return _mediaFeatureFlags.useMemoizeFeatureFlags;
   }
 });
-Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "withMediaAnalyticsContext", {
   enumerable: true,
   get: function get() {
-    return _mediaTypeUtils.isMimeTypeSupportedByServer;
+    return _withMediaAnalyticsContext.withMediaAnalyticsContext;
   }
 });
 

package/dist/cjs/mediaFeatureFlags.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.defaultMediaFeatureFlags = exports.areEqualFeatureFlags = void 0;
 exports.getMediaFeatureFlag = getMediaFeatureFlag;
-exports.defaultMediaFeatureFlags = void 0;
+exports.useMemoizeFeatureFlags = void 0;
+
+var _react = require("react");
 
 var _mediaFeatureFlagLocal = require("./mediaFeatureFlag-local");
 
 // default values defined here, not necessary for components to know directly as they should use the function below
 var defaultMediaFeatureFlags = {
   newCardExperience: false,
-  zipPreviews: false,
   captions: false,
-  folderUploads: false,
-  codeViewer: false,
-  poll_intervalMs: 3000,
-  poll_maxAttempts: 30,
-  poll_backoffFactor: 1.25,
-  poll_maxIntervalMs: 200000
+  mediaInline: false,
+  // We can't yet switch this feature on
+  // TODO https://product-fabric.atlassian.net/browse/MEX-104
+  folderUploads: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -60,4 +60,39 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
     // eslint-disable-next-line no-console
     console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
   }
-});
+});
+
+var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  } // With this type we ensure this object will compare all the flags
+
+
+  var results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    captions: ffA.captions === ffB.captions,
+    mediaInline: ffA.mediaInline === ffB.mediaInline,
+    folderUploads: ffA.folderUploads === ffB.folderUploads
+  };
+  return Object.values(results).every(function (result) {
+    return result;
+  });
+};
+
+exports.areEqualFeatureFlags = areEqualFeatureFlags;
+
+var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
+  var ref = (0, _react.useRef)();
+
+  if (!areEqualFeatureFlags(featureFlags, ref.current)) {
+    ref.current = featureFlags;
+  }
+
+  return ref.current;
+};
+
+exports.useMemoizeFeatureFlags = useMemoizeFeatureFlags;

package/dist/cjs/mediaTypeUtils/index.js

@@ -3,34 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
+exports.getMediaTypeFromMimeType = void 0;
+Object.defineProperty(exports, "isAudioMimeTypeSupportedByBrowser", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByBrowser.isImageMimeTypeSupportedByBrowser;
+    return _isMimeTypeSupportedByBrowser.isAudioMimeTypeSupportedByBrowser;
   }
 });
-Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
+Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByBrowser.isDocumentMimeTypeSupportedByBrowser;
+    return _isMimeTypeSupportedByServer.isAudioMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isAudioMimeTypeSupportedByBrowser", {
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByBrowser", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByBrowser.isAudioMimeTypeSupportedByBrowser;
+    return _isMimeTypeSupportedByBrowser.isDocumentMimeTypeSupportedByBrowser;
   }
 });
-Object.defineProperty(exports, "isVideoMimeTypeSupportedByBrowser", {
+Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser;
+    return _isMimeTypeSupportedByServer.isDocumentMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
+Object.defineProperty(exports, "isImageMimeTypeSupportedByBrowser", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByBrowser.isMimeTypeSupportedByBrowser;
+    return _isMimeTypeSupportedByBrowser.isImageMimeTypeSupportedByBrowser;
   }
 });
 Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
@@ -39,37 +40,36 @@ Object.defineProperty(exports, "isImageMimeTypeSupportedByServer", {
     return _isMimeTypeSupportedByServer.isImageMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isDocumentMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isMimeTypeSupportedByBrowser", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByServer.isDocumentMimeTypeSupportedByServer;
+    return _isMimeTypeSupportedByBrowser.isMimeTypeSupportedByBrowser;
   }
 });
-Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByServer.isAudioMimeTypeSupportedByServer;
+    return _isMimeTypeSupportedByServer.isMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByServer.isVideoMimeTypeSupportedByServer;
+    return _isMimeTypeSupportedByServer.isUnknownMimeTypeSupportedByServer;
   }
 });
-Object.defineProperty(exports, "isUnknownMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isVideoMimeTypeSupportedByBrowser", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByServer.isUnknownMimeTypeSupportedByServer;
+    return _isMimeTypeSupportedByBrowser.isVideoMimeTypeSupportedByBrowser;
   }
 });
-Object.defineProperty(exports, "isMimeTypeSupportedByServer", {
+Object.defineProperty(exports, "isVideoMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {
-    return _isMimeTypeSupportedByServer.isMimeTypeSupportedByServer;
+    return _isMimeTypeSupportedByServer.isVideoMimeTypeSupportedByServer;
   }
 });
-exports.getMediaTypeFromMimeType = void 0;
 
 var _isArchive = require("./isArchive");
 

package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByBrowser.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isMimeTypeSupportedByBrowser = exports.isVideoMimeTypeSupportedByBrowser = exports.isAudioMimeTypeSupportedByBrowser = exports.isDocumentMimeTypeSupportedByBrowser = exports.isImageMimeTypeSupportedByBrowser = void 0;
+exports.isVideoMimeTypeSupportedByBrowser = exports.isMimeTypeSupportedByBrowser = exports.isImageMimeTypeSupportedByBrowser = exports.isDocumentMimeTypeSupportedByBrowser = exports.isAudioMimeTypeSupportedByBrowser = void 0;
 
 // Based on https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
 var isImageMimeTypeSupportedByBrowser = function isImageMimeTypeSupportedByBrowser(mimeType) {

package/dist/cjs/mediaTypeUtils/isMimeTypeSupportedByServer.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isMimeTypeSupportedByServer = exports.isUnknownMimeTypeSupportedByServer = exports.isVideoMimeTypeSupportedByServer = exports.isAudioMimeTypeSupportedByServer = exports.isDocumentMimeTypeSupportedByServer = exports.isImageMimeTypeSupportedByServer = void 0;
+exports.isVideoMimeTypeSupportedByServer = exports.isUnknownMimeTypeSupportedByServer = exports.isMimeTypeSupportedByServer = exports.isImageMimeTypeSupportedByServer = exports.isDocumentMimeTypeSupportedByServer = exports.isAudioMimeTypeSupportedByServer = void 0;
 
 // Based on https://developer.atlassian.com/platform/media/learning/file-previews/
 var isImageMimeTypeSupportedByServer = function isImageMimeTypeSupportedByServer(mimeType) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.8.0",
+	"version": "2.10.1",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -2,7 +2,7 @@ export { downloadUrl } from './downloadUrl'; // Warning! You can't add new media
 // See packages/media/media-core/src/__tests__/cache-backward-compatibility.spec.ts
 
 // Media Feature Flags
-export { getMediaFeatureFlag, defaultMediaFeatureFlags } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags } from './mediaFeatureFlags';
 // Analytics context
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
 

package/dist/es2019/mediaFeatureFlags.js

@@ -1,15 +1,14 @@
-import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local';
+import { useRef } from 'react';
+import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
+
 // default values defined here, not necessary for components to know directly as they should use the function below
 export const defaultMediaFeatureFlags = {
   newCardExperience: false,
-  zipPreviews: false,
   captions: false,
-  folderUploads: false,
-  codeViewer: false,
-  poll_intervalMs: 3000,
-  poll_maxAttempts: 30,
-  poll_backoffFactor: 1.25,
-  poll_maxIntervalMs: 200000
+  mediaInline: false,
+  // We can't yet switch this feature on
+  // TODO https://product-fabric.atlassian.net/browse/MEX-104
+  folderUploads: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -48,4 +47,31 @@ Object.keys(defaultMediaFeatureFlags).forEach(flagName => {
     // eslint-disable-next-line no-console
     console.info(`%c* LOCAL * MediaFeatureFlag.${flagName} = ${localOverride}`, 'font-weight:bold;color:cyan');
   }
-});
+});
+export const areEqualFeatureFlags = (ffA, ffB) => {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  } // With this type we ensure this object will compare all the flags
+
+
+  const results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    captions: ffA.captions === ffB.captions,
+    mediaInline: ffA.mediaInline === ffB.mediaInline,
+    folderUploads: ffA.folderUploads === ffB.folderUploads
+  };
+  return Object.values(results).every(result => result);
+};
+export const useMemoizeFeatureFlags = featureFlags => {
+  const ref = useRef();
+
+  if (!areEqualFeatureFlags(featureFlags, ref.current)) {
+    ref.current = featureFlags;
+  }
+
+  return ref.current;
+};

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.8.0",
+	"version": "2.10.1",
 	"sideEffects": false
 }

package/dist/esm/index.js

@@ -2,7 +2,7 @@ export { downloadUrl } from './downloadUrl'; // Warning! You can't add new media
 // See packages/media/media-core/src/__tests__/cache-backward-compatibility.spec.ts
 
 // Media Feature Flags
-export { getMediaFeatureFlag, defaultMediaFeatureFlags } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags } from './mediaFeatureFlags';
 // Analytics context
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext'; // Analytics constants
 

package/dist/esm/mediaFeatureFlags.js

@@ -1,15 +1,14 @@
-import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local';
+import { useRef } from 'react';
+import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
+
 // default values defined here, not necessary for components to know directly as they should use the function below
 export var defaultMediaFeatureFlags = {
   newCardExperience: false,
-  zipPreviews: false,
   captions: false,
-  folderUploads: false,
-  codeViewer: false,
-  poll_intervalMs: 3000,
-  poll_maxAttempts: 30,
-  poll_backoffFactor: 1.25,
-  poll_maxIntervalMs: 200000
+  mediaInline: false,
+  // We can't yet switch this feature on
+  // TODO https://product-fabric.atlassian.net/browse/MEX-104
+  folderUploads: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -48,4 +47,33 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
     // eslint-disable-next-line no-console
     console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
   }
-});
+});
+export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  } // With this type we ensure this object will compare all the flags
+
+
+  var results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    captions: ffA.captions === ffB.captions,
+    mediaInline: ffA.mediaInline === ffB.mediaInline,
+    folderUploads: ffA.folderUploads === ffB.folderUploads
+  };
+  return Object.values(results).every(function (result) {
+    return result;
+  });
+};
+export var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
+  var ref = useRef();
+
+  if (!areEqualFeatureFlags(featureFlags, ref.current)) {
+    ref.current = featureFlags;
+  }
+
+  return ref.current;
+};

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.8.0",
+	"version": "2.10.1",
 	"sideEffects": false
 }

package/dist/types/analytics/types.d.ts

@@ -19,9 +19,18 @@ export declare type FileAttributes = {
     fileSource?: string;
     fileStatus?: FileStatus;
 };
+export declare type PerformanceAttributes = {
+    overall: {
+        durationSincePageStart: number;
+        durationSinceCommenced?: number;
+    };
+};
 export declare type WithFileAttributes = {
     fileAttributes: FileAttributes;
 };
+export declare type WithPerformanceAttributes = {
+    performanceAttributes?: PerformanceAttributes;
+};
 export declare type SuccessAttributes = {
     status: 'success';
 };
@@ -32,29 +41,32 @@ export declare type FailureAttributes = {
     errorDetail?: string;
 };
 export declare type StatusAttributes = SuccessAttributes | FailureAttributes;
-export declare type OperationalAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes);
+export declare type OperationalAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes & WithPerformanceAttributes);
 export declare type OperationalEventPayload<Attributes extends OperationalAttributes, Action extends string, ActionSubject extends string, ActionSubjectId extends string = string> = BaseEventPayload<Attributes> & {
     eventType: 'operational';
     action: Action;
     actionSubject: ActionSubject;
     actionSubjectId?: ActionSubjectId;
 };
-export declare type UIAttributes = BaseAttributes;
+export declare type UIAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes);
 export declare type UIEventPayload<Attributes extends UIAttributes, Action extends string, ActionSubject extends string> = BaseEventPayload<Attributes> & {
     eventType: 'ui';
     action: Action;
     actionSubject: ActionSubject;
     actionSubjectId?: string;
 };
-export declare type ScreenAttributes = BaseAttributes;
+export declare type ScreenAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes);
 export declare type ScreenEventPayload<Attributes extends ScreenAttributes, ActionSubject extends string> = BaseEventPayload<Attributes> & {
     eventType: 'screen';
     actionSubject: ActionSubject;
     name: ActionSubject;
 };
-export declare type TrackAttributes = BaseAttributes;
-export declare type TrackEventPayload<Attributes extends TrackAttributes> = BaseEventPayload<Attributes> & {
+export declare type TrackAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes);
+export declare type TrackEventPayload<Attributes extends TrackAttributes, Action extends string, ActionSubject extends string, ActionSubjectId extends string = string> = BaseEventPayload<Attributes> & {
     eventType: 'track';
+    action: Action;
+    actionSubject: ActionSubject;
+    actionSubjectId?: ActionSubjectId;
 };
 export declare type ContextPublicAttributes = PackageAttributes;
 export declare type ContextPrivateAttributes = WithMediaFeatureFlags;

package/dist/types/docs/rxjs-notice.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function createRxjsNotice(componentName: string): JSX.Element;

package/dist/types/index.d.ts

@@ -1,13 +1,14 @@
 export { downloadUrl } from './downloadUrl';
 export declare type MediaType = 'doc' | 'audio' | 'video' | 'image' | 'archive' | 'unknown';
 export declare type FileStatus = 'uploading' | 'processing' | 'processed' | 'error' | 'failed-processing';
-export { getMediaFeatureFlag, defaultMediaFeatureFlags, } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags, } from './mediaFeatureFlags';
 export type { MediaFeatureFlags, WithMediaFeatureFlags, } from './mediaFeatureFlags';
 export interface NumericalCardDimensions {
     width: number;
     height: number;
 }
-export type { PackageAttributes, WithFileAttributes, FileAttributes, SuccessAttributes, FailureAttributes, OperationalAttributes, OperationalEventPayload, UIAttributes, UIEventPayload, ScreenAttributes, ScreenEventPayload, TrackAttributes, TrackEventPayload, ContextPublicAttributes, ContextStaticProps, } from './analytics/types';
+export type { PackageAttributes, WithFileAttributes, WithPerformanceAttributes, FileAttributes, PerformanceAttributes, SuccessAttributes, FailureAttributes, OperationalAttributes, OperationalEventPayload, UIAttributes, UIEventPayload, ScreenAttributes, ScreenEventPayload, TrackAttributes, TrackEventPayload, ContextPublicAttributes, ContextStaticProps, } from './analytics/types';
 export { withMediaAnalyticsContext } from './analytics/withMediaAnalyticsContext';
 export { ANALYTICS_MEDIA_CHANNEL } from './analytics/constants';
 export { getMediaTypeFromMimeType, isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer, } from './mediaTypeUtils';
+export declare type SSR = 'client' | 'server';

package/dist/types/mediaFeatureFlags.d.ts

@@ -1,15 +1,8 @@
-export interface PollingOptions {
-    poll_intervalMs?: number;
-    poll_maxAttempts?: number;
-    poll_backoffFactor?: number;
-    poll_maxIntervalMs?: number;
-}
-export interface MediaFeatureFlags extends PollingOptions {
+export interface MediaFeatureFlags {
     newCardExperience?: boolean;
-    zipPreviews?: boolean;
     captions?: boolean;
+    mediaInline?: boolean;
     folderUploads?: boolean;
-    codeViewer?: boolean;
 }
 export interface WithMediaFeatureFlags {
     featureFlags?: MediaFeatureFlags;
@@ -26,3 +19,5 @@ export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
  * (you will see a warning in console if override used)
  * */
 export declare function getMediaFeatureFlag<T = boolean>(flagName: keyof MediaFeatureFlags, featureFlags?: MediaFeatureFlags): T;
+export declare const areEqualFeatureFlags: (ffA?: MediaFeatureFlags | undefined, ffB?: MediaFeatureFlags | undefined) => boolean;
+export declare const useMemoizeFeatureFlags: (featureFlags?: MediaFeatureFlags | undefined) => MediaFeatureFlags | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.8.0",
+  "version": "2.10.1",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -23,7 +23,7 @@
     ".": "./src/index.ts"
   },
   "atlassian": {
-    "team": "Media Platform",
+    "team": "Media Experience",
     "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
@@ -44,10 +44,10 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/media-test-helpers": "^28.6.0",
+    "@atlaskit/media-test-helpers": "^29.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "typescript": "3.9.6"