@atlaskit/media-common 2.16.4 → 2.18.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/media-common
 
+## 2.18.0
+
+### Minor Changes
+
+- [`81573c1dfa7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81573c1dfa7) - Items call creates a batched metadata trace Id
+- [`0bccac57db6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0bccac57db6) - remove mediaUploadApiV2 Feature flag
+
+### Patch Changes
+
+- [`a8eeb045e3a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8eeb045e3a) - adding media only callouts to docs
+- [`3d40d5e9b37`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d40d5e9b37) - Refactor traceId generator getRandomHex function to avoid id collision
+- [`10480433c71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10480433c71) - Fix getRandomHex function to mitigate the issue of lacking digits in hex value.
+
+## 2.17.0
+
+### Minor Changes
+
+- [`2c402e87213`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c402e87213) - [Experimental] Add traceId in media card get image request.
+
+### Patch Changes
+
+- [`19141d537a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19141d537a4) - Removes use of console.info in runtime
+
 ## 2.16.4
 
 ### Patch Changes

package/dist/cjs/docs/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "createMediaUseOnlyNotice", {
+  enumerable: true,
+  get: function get() {
+    return _mediaUseOnly.createMediaUseOnlyNotice;
+  }
+});
 Object.defineProperty(exports, "createRxjsNotice", {
   enumerable: true,
   get: function get() {
@@ -10,4 +16,6 @@ Object.defineProperty(exports, "createRxjsNotice", {
   }
 });
 
-var _rxjsNotice = require("./rxjs-notice");
+var _rxjsNotice = require("./rxjs-notice");
+
+var _mediaUseOnly = require("./media-use-only");

package/dist/cjs/docs/media-use-only.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMediaUseOnlyNotice = createMediaUseOnlyNotice;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
+
+function AlternativePackagesMessage(_ref) {
+  var alternatePackages = _ref.alternatePackages;
+
+  if (!alternatePackages) {
+    return null;
+  }
+
+  if (alternatePackages.length === 1) {
+    return /*#__PURE__*/_react.default.createElement("p", null, "Consider using", ' ', /*#__PURE__*/_react.default.createElement("a", {
+      href: alternatePackages[0].link
+    }, alternatePackages[0].name), ' ', "instead.");
+  }
+
+  return /*#__PURE__*/_react.default.createElement("p", null, "Consider using one of these packages instead:", /*#__PURE__*/_react.default.createElement("ul", null, alternatePackages.map(function (p) {
+    return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
+      href: p.link
+    }, p.name));
+  })));
+}
+
+function createMediaUseOnlyNotice(componentName, alternatePackages) {
+  return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+    title: "Internal Media Use Only",
+    appearance: "error"
+  }, /*#__PURE__*/_react.default.createElement("p", null, componentName, " is intended for internal use by the Media Platform and as a transitive dependency of a media package within your product."), /*#__PURE__*/_react.default.createElement("p", null, "Direct use of this component is not supported."), /*#__PURE__*/_react.default.createElement(AlternativePackagesMessage, {
+    alternatePackages: alternatePackages
+  }));
+}

package/dist/cjs/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "getMediaTypeFromMimeType", {
     return _mediaTypeUtils.getMediaTypeFromMimeType;
   }
 });
+Object.defineProperty(exports, "getRandomHex", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.getRandomHex;
+  }
+});
 Object.defineProperty(exports, "isAudioMimeTypeSupportedByServer", {
   enumerable: true,
   get: function get() {

package/dist/cjs/mediaFeatureFlags/mediaFeatureFlags.js

@@ -19,8 +19,6 @@ var _types = require("./types");
 
 var _productKeys = require("./productKeys");
 
-var _helpers = require("../utils/helpers");
-
 var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
   if (!ffA && !ffB) {
     return true;
@@ -37,7 +35,6 @@ var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
     folderUploads: ffA.folderUploads === ffB.folderUploads,
     observedWidth: ffA.observedWidth === ffB.observedWidth,
     timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2,
     memoryCacheLogging: ffA.memoryCacheLogging === ffB.memoryCacheLogging
   };
   return Object.values(results).every(function (result) {
@@ -109,7 +106,6 @@ var defaultMediaFeatureFlags = {
   folderUploads: false,
   observedWidth: false,
   timestampOnVideo: false,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 /**
@@ -140,18 +136,6 @@ function getMediaFeatureFlag(flagName, featureFlags) {
 
   return defaultMediaFeatureFlags[flagName];
 }
-/**
- * do a check for any localStorage overrides, warn user once only
- */
-
-
-Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
-  var localOverride = (0, _mediaFeatureFlagLocal.getLocalMediaFeatureFlag)(flagName);
-
-  if (localOverride !== null) {
-    (0, _helpers.getConsole)().info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
-  }
-});
 
 var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
   var ref = (0, _react.useRef)();

package/dist/cjs/mediaFeatureFlags/productKeys.js

@@ -14,7 +14,6 @@ var productKeys = {
     observedWidth: '',
     // TODO https://product-fabric.atlassian.net/browse/MEX-1620
     timestampOnVideo: '',
-    mediaUploadApiV2: 'confluence.enable.media.upload.api.v2',
     memoryCacheLogging: 'confluence-frontend-media-card-memory-cache-logging'
   },
   jira: {
@@ -27,7 +26,6 @@ var productKeys = {
     observedWidth: '',
     // TODO https://product-fabric.atlassian.net/browse/MEX-1620
     timestampOnVideo: '',
-    mediaUploadApiV2: 'issue.details.enable-media-upload-api-version-2',
     memoryCacheLogging: 'jira-frontend-media-card-memory-cache-logging'
   }
 };

package/dist/cjs/utils/helpers.js

@@ -5,7 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pick = exports.omitBy = exports.matches = exports.isUndefined = exports.getConsole = exports.debounce = void 0;
+exports.debounce = void 0;
+exports.getRandomHex = getRandomHex;
+exports.pick = exports.omitBy = exports.matches = exports.isUndefined = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -75,14 +79,29 @@ var matches = function matches(srcObj) {
 };
 
 exports.matches = matches;
-var fakeConsole = {
-  info: function info() {},
-  log: function log() {},
-  error: function error() {}
-};
 
-var getConsole = function getConsole() {
-  return typeof console !== 'undefined' ? console : fakeConsole;
-};
+function getRandomHexValues(byte) {
+  return (0, _toConsumableArray2.default)(Array(byte * 2)).map(function () {
+    return Math.floor(Math.random() * 16).toString(16);
+  }).join('');
+}
+
+function getRandomHex(byte) {
+  var _window;
+
+  var randomHex;
+
+  if ((_window = window) !== null && _window !== void 0 && _window.crypto) {
+    try {
+      randomHex = Array.from(window.crypto.getRandomValues(new Uint8Array(byte))).map(function (b) {
+        return b.toString(16).padStart(2, '0');
+      }).join('');
+    } catch (e) {
+      randomHex = getRandomHexValues(byte);
+    }
+  } else {
+    randomHex = getRandomHexValues(byte);
+  }
 
-exports.getConsole = getConsole;
+  return randomHex;
+}

package/dist/cjs/version.json

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

package/dist/es2019/docs/index.js

@@ -1 +1,2 @@
-export { createRxjsNotice } from './rxjs-notice';
+export { createRxjsNotice } from './rxjs-notice';
+export { createMediaUseOnlyNotice } from './media-use-only';

package/dist/es2019/docs/media-use-only.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import SectionMessage from '@atlaskit/section-message';
+
+function AlternativePackagesMessage({
+  alternatePackages
+}) {
+  if (!alternatePackages) {
+    return null;
+  }
+
+  if (alternatePackages.length === 1) {
+    return /*#__PURE__*/React.createElement("p", null, "Consider using", ' ', /*#__PURE__*/React.createElement("a", {
+      href: alternatePackages[0].link
+    }, alternatePackages[0].name), ' ', "instead.");
+  }
+
+  return /*#__PURE__*/React.createElement("p", null, "Consider using one of these packages instead:", /*#__PURE__*/React.createElement("ul", null, alternatePackages.map(p => /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+    href: p.link
+  }, p.name)))));
+}
+
+export function createMediaUseOnlyNotice(componentName, alternatePackages) {
+  return /*#__PURE__*/React.createElement(SectionMessage, {
+    title: "Internal Media Use Only",
+    appearance: "error"
+  }, /*#__PURE__*/React.createElement("p", null, componentName, " is intended for internal use by the Media Platform and as a transitive dependency of a media package within your product."), /*#__PURE__*/React.createElement("p", null, "Direct use of this component is not supported."), /*#__PURE__*/React.createElement(AlternativePackagesMessage, {
+    alternatePackages: alternatePackages
+  }));
+}

package/dist/es2019/index.js

@@ -8,4 +8,4 @@ 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 { isUndefined, pick, omitBy, debounce, matches } from './utils/helpers';
+export { isUndefined, pick, omitBy, debounce, matches, getRandomHex } from './utils/helpers';

package/dist/es2019/mediaFeatureFlags/mediaFeatureFlags.js

@@ -2,7 +2,6 @@ import { useRef } from 'react';
 import { getLocalMediaFeatureFlag } from '../mediaFeatureFlag-local';
 import { supportedProducts } from './types';
 import { getProductKeys } from './productKeys';
-import { getConsole } from '../utils/helpers';
 export const areEqualFeatureFlags = (ffA, ffB) => {
   if (!ffA && !ffB) {
     return true;
@@ -19,7 +18,6 @@ export const areEqualFeatureFlags = (ffA, ffB) => {
     folderUploads: ffA.folderUploads === ffB.folderUploads,
     observedWidth: ffA.observedWidth === ffB.observedWidth,
     timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2,
     memoryCacheLogging: ffA.memoryCacheLogging === ffB.memoryCacheLogging
   };
   return Object.values(results).every(result => result);
@@ -59,7 +57,6 @@ export const defaultMediaFeatureFlags = {
   folderUploads: false,
   observedWidth: false,
   timestampOnVideo: false,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 /**
@@ -88,17 +85,6 @@ export function getMediaFeatureFlag(flagName, featureFlags) {
 
   return defaultMediaFeatureFlags[flagName];
 }
-/**
- * do a check for any localStorage overrides, warn user once only
- */
-
-Object.keys(defaultMediaFeatureFlags).forEach(flagName => {
-  const localOverride = getLocalMediaFeatureFlag(flagName);
-
-  if (localOverride !== null) {
-    getConsole().info(`%c* LOCAL * MediaFeatureFlag.${flagName} = ${localOverride}`, 'font-weight:bold;color:cyan');
-  }
-});
 export const useMemoizeFeatureFlags = featureFlags => {
   const ref = useRef();
 

package/dist/es2019/mediaFeatureFlags/productKeys.js

@@ -8,7 +8,6 @@ const productKeys = {
     observedWidth: '',
     // TODO https://product-fabric.atlassian.net/browse/MEX-1620
     timestampOnVideo: '',
-    mediaUploadApiV2: 'confluence.enable.media.upload.api.v2',
     memoryCacheLogging: 'confluence-frontend-media-card-memory-cache-logging'
   },
   jira: {
@@ -21,7 +20,6 @@ const productKeys = {
     observedWidth: '',
     // TODO https://product-fabric.atlassian.net/browse/MEX-1620
     timestampOnVideo: '',
-    mediaUploadApiV2: 'issue.details.enable-media-upload-api-version-2',
     memoryCacheLogging: 'jira-frontend-media-card-memory-cache-logging'
   }
 };

package/dist/es2019/utils/helpers.js

@@ -27,9 +27,25 @@ export const matches = srcObj => {
     return true;
   };
 };
-const fakeConsole = {
-  info: () => {},
-  log: () => {},
-  error: () => {}
-};
-export const getConsole = () => typeof console !== 'undefined' ? console : fakeConsole;
+
+function getRandomHexValues(byte) {
+  return [...Array(byte * 2)].map(() => Math.floor(Math.random() * 16).toString(16)).join('');
+}
+
+export function getRandomHex(byte) {
+  var _window;
+
+  let randomHex;
+
+  if ((_window = window) !== null && _window !== void 0 && _window.crypto) {
+    try {
+      randomHex = Array.from(window.crypto.getRandomValues(new Uint8Array(byte))).map(b => b.toString(16).padStart(2, '0')).join('');
+    } catch (e) {
+      randomHex = getRandomHexValues(byte);
+    }
+  } else {
+    randomHex = getRandomHexValues(byte);
+  }
+
+  return randomHex;
+}

package/dist/es2019/version.json

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

package/dist/esm/docs/index.js

@@ -1 +1,2 @@
-export { createRxjsNotice } from './rxjs-notice';
+export { createRxjsNotice } from './rxjs-notice';
+export { createMediaUseOnlyNotice } from './media-use-only';

package/dist/esm/docs/media-use-only.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import SectionMessage from '@atlaskit/section-message';
+
+function AlternativePackagesMessage(_ref) {
+  var alternatePackages = _ref.alternatePackages;
+
+  if (!alternatePackages) {
+    return null;
+  }
+
+  if (alternatePackages.length === 1) {
+    return /*#__PURE__*/React.createElement("p", null, "Consider using", ' ', /*#__PURE__*/React.createElement("a", {
+      href: alternatePackages[0].link
+    }, alternatePackages[0].name), ' ', "instead.");
+  }
+
+  return /*#__PURE__*/React.createElement("p", null, "Consider using one of these packages instead:", /*#__PURE__*/React.createElement("ul", null, alternatePackages.map(function (p) {
+    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
+      href: p.link
+    }, p.name));
+  })));
+}
+
+export function createMediaUseOnlyNotice(componentName, alternatePackages) {
+  return /*#__PURE__*/React.createElement(SectionMessage, {
+    title: "Internal Media Use Only",
+    appearance: "error"
+  }, /*#__PURE__*/React.createElement("p", null, componentName, " is intended for internal use by the Media Platform and as a transitive dependency of a media package within your product."), /*#__PURE__*/React.createElement("p", null, "Direct use of this component is not supported."), /*#__PURE__*/React.createElement(AlternativePackagesMessage, {
+    alternatePackages: alternatePackages
+  }));
+}

package/dist/esm/index.js

@@ -8,4 +8,4 @@ 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 { isUndefined, pick, omitBy, debounce, matches } from './utils/helpers';
+export { isUndefined, pick, omitBy, debounce, matches, getRandomHex } from './utils/helpers';

package/dist/esm/mediaFeatureFlags/mediaFeatureFlags.js

@@ -3,7 +3,6 @@ import { useRef } from 'react';
 import { getLocalMediaFeatureFlag } from '../mediaFeatureFlag-local';
 import { supportedProducts } from './types';
 import { getProductKeys } from './productKeys';
-import { getConsole } from '../utils/helpers';
 export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
   if (!ffA && !ffB) {
     return true;
@@ -20,7 +19,6 @@ export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
     folderUploads: ffA.folderUploads === ffB.folderUploads,
     observedWidth: ffA.observedWidth === ffB.observedWidth,
     timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2,
     memoryCacheLogging: ffA.memoryCacheLogging === ffB.memoryCacheLogging
   };
   return Object.values(results).every(function (result) {
@@ -81,7 +79,6 @@ export var defaultMediaFeatureFlags = {
   folderUploads: false,
   observedWidth: false,
   timestampOnVideo: false,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 /**
@@ -110,17 +107,6 @@ export function getMediaFeatureFlag(flagName, featureFlags) {
 
   return defaultMediaFeatureFlags[flagName];
 }
-/**
- * do a check for any localStorage overrides, warn user once only
- */
-
-Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
-  var localOverride = getLocalMediaFeatureFlag(flagName);
-
-  if (localOverride !== null) {
-    getConsole().info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
-  }
-});
 export var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
   var ref = useRef();
 

package/dist/esm/mediaFeatureFlags/productKeys.js

@@ -8,7 +8,6 @@ var productKeys = {
     observedWidth: '',
     // TODO https://product-fabric.atlassian.net/browse/MEX-1620
     timestampOnVideo: '',
-    mediaUploadApiV2: 'confluence.enable.media.upload.api.v2',
     memoryCacheLogging: 'confluence-frontend-media-card-memory-cache-logging'
   },
   jira: {
@@ -21,7 +20,6 @@ var productKeys = {
     observedWidth: '',
     // TODO https://product-fabric.atlassian.net/browse/MEX-1620
     timestampOnVideo: '',
-    mediaUploadApiV2: 'issue.details.enable-media-upload-api-version-2',
     memoryCacheLogging: 'jira-frontend-media-card-memory-cache-logging'
   }
 };

package/dist/esm/utils/helpers.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 export var isUndefined = function isUndefined(value) {
   return value === undefined;
@@ -51,11 +52,29 @@ export var matches = function matches(srcObj) {
     return true;
   };
 };
-var fakeConsole = {
-  info: function info() {},
-  log: function log() {},
-  error: function error() {}
-};
-export var getConsole = function getConsole() {
-  return typeof console !== 'undefined' ? console : fakeConsole;
-};
+
+function getRandomHexValues(byte) {
+  return _toConsumableArray(Array(byte * 2)).map(function () {
+    return Math.floor(Math.random() * 16).toString(16);
+  }).join('');
+}
+
+export function getRandomHex(byte) {
+  var _window;
+
+  var randomHex;
+
+  if ((_window = window) !== null && _window !== void 0 && _window.crypto) {
+    try {
+      randomHex = Array.from(window.crypto.getRandomValues(new Uint8Array(byte))).map(function (b) {
+        return b.toString(16).padStart(2, '0');
+      }).join('');
+    } catch (e) {
+      randomHex = getRandomHexValues(byte);
+    }
+  } else {
+    randomHex = getRandomHexValues(byte);
+  }
+
+  return randomHex;
+}

package/dist/esm/version.json

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

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

@@ -1,6 +1,6 @@
 import { GasCorePayload } from '@atlaskit/analytics-gas-types';
 import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context/MediaAnalyticsContext';
-import { MediaType, FileStatus, WithMediaFeatureFlags } from '..';
+import { MediaType, FileStatus, WithMediaFeatureFlags, MediaTraceContext } from '..';
 export declare type BaseAttributes = {};
 export declare type PackageAttributes = {
     packageName: string;
@@ -31,6 +31,10 @@ export declare type WithFileAttributes = {
 export declare type WithPerformanceAttributes = {
     performanceAttributes?: PerformanceAttributes;
 };
+export declare type WithTraceContext = {
+    traceContext?: MediaTraceContext;
+    metadataTraceContext?: MediaTraceContext;
+};
 export declare type SuccessAttributes = {
     status: 'success';
     fileMediatype?: MediaType;
@@ -42,7 +46,7 @@ export declare type FailureAttributes = {
     errorDetail?: string;
 };
 export declare type StatusAttributes = SuccessAttributes | FailureAttributes;
-export declare type OperationalAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes & WithPerformanceAttributes);
+export declare type OperationalAttributes = BaseAttributes | (BaseAttributes & WithFileAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes) | (BaseAttributes & WithFileAttributes & StatusAttributes & WithPerformanceAttributes & WithTraceContext);
 export declare type OperationalEventPayload<Attributes extends OperationalAttributes, Action extends string, ActionSubject extends string, ActionSubjectId extends string = string> = BaseEventPayload<Attributes> & {
     eventType: 'operational';
     action: Action;

package/dist/types/docs/index.d.ts

@@ -1 +1,2 @@
 export { createRxjsNotice } from './rxjs-notice';
+export { createMediaUseOnlyNotice } from './media-use-only';

package/dist/types/docs/media-use-only.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function createMediaUseOnlyNotice(componentName: string, alternatePackages?: {
+    name: string;
+    link: string;
+}[]): JSX.Element;

package/dist/types/index.d.ts

@@ -7,9 +7,13 @@ export interface NumericalCardDimensions {
     width: number;
     height: number;
 }
-export type { PackageAttributes, WithFileAttributes, WithPerformanceAttributes, FileAttributes, PerformanceAttributes, SuccessAttributes, FailureAttributes, OperationalAttributes, OperationalEventPayload, UIAttributes, UIEventPayload, ScreenAttributes, ScreenEventPayload, TrackAttributes, TrackEventPayload, ContextPublicAttributes, ContextStaticProps, } from './analytics/types';
+export type { PackageAttributes, WithFileAttributes, WithPerformanceAttributes, WithTraceContext, 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';
-export { isUndefined, pick, omitBy, debounce, matches } from './utils/helpers';
+export { isUndefined, pick, omitBy, debounce, matches, getRandomHex, } from './utils/helpers';
+export declare type MediaTraceContext = {
+    traceId: string;
+    spanId?: string;
+};

package/dist/types/mediaFeatureFlags/types.d.ts

@@ -5,7 +5,6 @@ export interface MediaFeatureFlags {
     folderUploads?: boolean;
     observedWidth?: boolean;
     timestampOnVideo?: boolean;
-    mediaUploadApiV2?: boolean;
     memoryCacheLogging?: boolean;
 }
 export interface WithMediaFeatureFlags {

package/dist/types/utils/helpers.d.ts

@@ -7,8 +7,4 @@ export declare const omitBy: (obj: Object, predicate: Function) => {
 };
 export declare const debounce: (func: Function, wait: number) => (...args: any[]) => void;
 export declare const matches: (srcObj: Object) => (obj: Object) => boolean;
-export declare const getConsole: () => {
-    info: () => void;
-    log: () => void;
-    error: () => void;
-} | Console;
+export declare function getRandomHex(byte: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.16.4",
+  "version": "2.18.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,13 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -51,7 +44,7 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/media-test-helpers": "^30.0.0",
+    "@atlaskit/media-test-helpers": "^30.1.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "react": "^16.8.0",