@atlaskit/media-common 2.17.0 → 2.18.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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

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/mediaFeatureFlags/mediaFeatureFlags.js

@@ -35,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) {
@@ -107,7 +106,6 @@ var defaultMediaFeatureFlags = {
   folderUploads: false,
   observedWidth: false,
   timestampOnVideo: false,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 /**

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

@@ -80,8 +80,28 @@ var matches = function matches(srcObj) {
 
 exports.matches = matches;
 
-function getRandomHex(size) {
-  return (0, _toConsumableArray2.default)(Array(size)).map(function () {
+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);
+  }
+
+  return randomHex;
 }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-common",
-	"version": "2.17.0",
+	"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/mediaFeatureFlags/mediaFeatureFlags.js

@@ -18,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);
@@ -58,7 +57,6 @@ export const defaultMediaFeatureFlags = {
   folderUploads: false,
   observedWidth: false,
   timestampOnVideo: false,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 /**

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,6 +27,25 @@ export const matches = srcObj => {
     return true;
   };
 };
-export function getRandomHex(size) {
-  return [...Array(size)].map(() => Math.floor(Math.random() * 16).toString(16)).join('');
+
+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.17.0",
+	"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/mediaFeatureFlags/mediaFeatureFlags.js

@@ -19,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) {
@@ -80,7 +79,6 @@ export var defaultMediaFeatureFlags = {
   folderUploads: false,
   observedWidth: false,
   timestampOnVideo: false,
-  mediaUploadApiV2: true,
   memoryCacheLogging: false
 };
 /**

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

@@ -52,8 +52,29 @@ export var matches = function matches(srcObj) {
     return true;
   };
 };
-export function getRandomHex(size) {
-  return _toConsumableArray(Array(size)).map(function () {
+
+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.17.0",
+	"version": "2.18.0",
 	"sideEffects": false
 }

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

@@ -33,6 +33,7 @@ export declare type WithPerformanceAttributes = {
 };
 export declare type WithTraceContext = {
     traceContext?: MediaTraceContext;
+    metadataTraceContext?: MediaTraceContext;
 };
 export declare type SuccessAttributes = {
     status: 'success';
@@ -45,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/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,4 +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 function getRandomHex(size: number): string;
+export declare function getRandomHex(byte: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +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/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -52,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",

package/report.api.md

@@ -1,12 +1,17 @@
+<!-- API Report Version: 2.3 -->
+
 ## API Report File for "@atlaskit/media-common"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 import { GasCorePayload } from '@atlaskit/analytics-gas-types';
@@ -79,11 +84,11 @@ export type FileAttributes = {
 
 // @public (undocumented)
 export type FileStatus =
-  | 'uploading'
-  | 'processing'
-  | 'processed'
   | 'error'
-  | 'failed-processing';
+  | 'failed-processing'
+  | 'processed'
+  | 'processing'
+  | 'uploading';
 
 // @public
 export const filterFeatureFlagKeysAllProducts: (
@@ -104,6 +109,9 @@ export function getMediaFeatureFlag<T = boolean>(
 // @public (undocumented)
 export const getMediaTypeFromMimeType: (mimeType: string) => MediaType;
 
+// @public (undocumented)
+export function getRandomHex(byte: number): string;
+
 // @public (undocumented)
 export const isAudioMimeTypeSupportedByServer: (mimeType: string) => boolean;
 
@@ -148,8 +156,6 @@ export interface MediaFeatureFlags {
   // (undocumented)
   mediaInline?: boolean;
   // (undocumented)
-  mediaUploadApiV2?: boolean;
-  // (undocumented)
   memoryCacheLogging?: boolean;
   // (undocumented)
   newCardExperience?: boolean;
@@ -159,14 +165,20 @@ export interface MediaFeatureFlags {
   timestampOnVideo?: boolean;
 }
 
+// @public (undocumented)
+export type MediaTraceContext = {
+  traceId: string;
+  spanId?: string;
+};
+
 // @public (undocumented)
 export type MediaType =
-  | 'doc'
+  | 'archive'
   | 'audio'
-  | 'video'
+  | 'doc'
   | 'image'
-  | 'archive'
-  | 'unknown';
+  | 'unknown'
+  | 'video';
 
 // @public (undocumented)
 export interface NumericalCardDimensions {
@@ -186,20 +198,21 @@ export const omitBy: (
 
 // @public (undocumented)
 export type OperationalAttributes =
-  | BaseAttributes
-  | (BaseAttributes & WithFileAttributes)
-  | (BaseAttributes & WithFileAttributes & StatusAttributes)
   | (BaseAttributes &
       WithFileAttributes &
       StatusAttributes &
-      WithPerformanceAttributes);
+      WithPerformanceAttributes &
+      WithTraceContext)
+  | (BaseAttributes & WithFileAttributes & StatusAttributes)
+  | (BaseAttributes & WithFileAttributes)
+  | BaseAttributes;
 
 // @public (undocumented)
 export type OperationalEventPayload<
   Attributes extends OperationalAttributes,
   Action extends string,
   ActionSubject extends string,
-  ActionSubjectId extends string = string
+  ActionSubjectId extends string = string,
 > = BaseEventPayload<Attributes> & {
   eventType: 'operational';
   action: Action;
@@ -239,13 +252,13 @@ type RequiredMediaFeatureFlags = Record<
 
 // @public (undocumented)
 export type ScreenAttributes =
-  | BaseAttributes
-  | (BaseAttributes & WithFileAttributes);
+  | (BaseAttributes & WithFileAttributes)
+  | BaseAttributes;
 
 // @public (undocumented)
 export type ScreenEventPayload<
   Attributes extends ScreenAttributes,
-  ActionSubject extends string
+  ActionSubject extends string,
 > = BaseEventPayload<Attributes> & {
   eventType: 'screen';
   actionSubject: ActionSubject;
@@ -256,7 +269,7 @@ export type ScreenEventPayload<
 export type SSR = 'client' | 'server';
 
 // @public (undocumented)
-type StatusAttributes = SuccessAttributes | FailureAttributes;
+type StatusAttributes = FailureAttributes | SuccessAttributes;
 
 // @public (undocumented)
 export type SuccessAttributes = {
@@ -266,15 +279,15 @@ export type SuccessAttributes = {
 
 // @public (undocumented)
 export type TrackAttributes =
-  | BaseAttributes
-  | (BaseAttributes & WithFileAttributes);
+  | (BaseAttributes & WithFileAttributes)
+  | BaseAttributes;
 
 // @public (undocumented)
 export type TrackEventPayload<
   Attributes extends TrackAttributes,
   Action extends string,
   ActionSubject extends string,
-  ActionSubjectId extends string = string
+  ActionSubjectId extends string = string,
 > = BaseEventPayload<Attributes> & {
   eventType: 'track';
   action: Action;
@@ -284,14 +297,14 @@ export type TrackEventPayload<
 
 // @public (undocumented)
 export type UIAttributes =
-  | BaseAttributes
-  | (BaseAttributes & WithFileAttributes);
+  | (BaseAttributes & WithFileAttributes)
+  | BaseAttributes;
 
 // @public (undocumented)
 export type UIEventPayload<
   Attributes extends UIAttributes,
   Action extends string,
-  ActionSubject extends string
+  ActionSubject extends string,
 > = BaseEventPayload<Attributes> & {
   eventType: 'ui';
   action: Action;
@@ -317,7 +330,7 @@ export const withMediaAnalyticsContext: (
   },
 ) => <
   Props extends WithMediaFeatureFlags,
-  Component extends React_2.ComponentType<Props>
+  Component extends React_2.ComponentType<Props>,
 >(
   WrappedComponent: React_2.JSXElementConstructor<Props> & Component,
 ) => React_2.ForwardRefExoticComponent<
@@ -336,5 +349,13 @@ export type WithPerformanceAttributes = {
   performanceAttributes?: PerformanceAttributes;
 };
 
+// @public (undocumented)
+export type WithTraceContext = {
+  traceContext?: MediaTraceContext;
+  metadataTraceContext?: MediaTraceContext;
+};
+
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->

package/dist/types-ts4.0/analytics/constants.d.ts

@@ -1 +0,0 @@
-export declare const ANALYTICS_MEDIA_CHANNEL = "media";

package/dist/types-ts4.0/analytics/index.d.ts

@@ -1,3 +0,0 @@
-export type { PackageAttributes, WithFileAttributes, FileAttributes, SuccessAttributes, FailureAttributes, OperationalAttributes, OperationalEventPayload, UIAttributes, UIEventPayload, ScreenAttributes, ScreenEventPayload, TrackAttributes, TrackEventPayload, ContextPublicAttributes, ContextStaticProps, } from './types';
-export { withMediaAnalyticsContext } from './withMediaAnalyticsContext';
-export { ANALYTICS_MEDIA_CHANNEL } from './constants';

package/dist/types-ts4.0/analytics/types.d.ts

@@ -1,80 +0,0 @@
-import { GasCorePayload } from '@atlaskit/analytics-gas-types';
-import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context/MediaAnalyticsContext';
-import { MediaType, FileStatus, WithMediaFeatureFlags, MediaTraceContext } from '..';
-export declare type BaseAttributes = {};
-export declare type PackageAttributes = {
-    packageName: string;
-    packageVersion: string;
-    componentName: string;
-    component: string;
-};
-export declare type BaseEventPayload<Attributes extends BaseAttributes> = Omit<GasCorePayload, 'attributes'> & {
-    attributes: Attributes;
-};
-export declare type FileAttributes = {
-    fileId: string;
-    fileSize?: number;
-    fileMediatype?: MediaType;
-    fileMimetype?: string;
-    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 WithTraceContext = {
-    traceContext?: MediaTraceContext;
-};
-export declare type SuccessAttributes = {
-    status: 'success';
-    fileMediatype?: MediaType;
-};
-export declare type FailureAttributes = {
-    status: 'fail';
-    failReason: string;
-    error?: string;
-    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 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 | (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 | (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 | (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;
-export declare type ContextStaticProps = WithMediaFeatureFlags;
-export declare type ContextData = ContextPublicAttributes & {
-    [MEDIA_CONTEXT]: ContextPrivateAttributes;
-};

package/dist/types-ts4.0/analytics/withMediaAnalyticsContext.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { MediaFeatureFlags } from '../mediaFeatureFlags';
-import { ContextPublicAttributes } from './types';
-/**
- * HOC for attaching MediaAnalyticsContext to a top-level React Component.
- *
- * Similar than "packages/analytics/analytics-next/src/hocs/withAnalyticsContext.tsx",
- * except that we restrict attributes put in this context using ContextPublicAttributes and ContextPrivateAttributes.
- *
- * As a constraint, the wrapped React Component's props must extend ContextStaticProps.
- *
- * @param {ContextPublicAttributes} attributes public attributes to put in context
- *
- * @see packages/analytics/analytics-next/src/hocs/withAnalyticsContext.tsx
- */
-export declare const withMediaAnalyticsContext: (contextPublicAttributes: ContextPublicAttributes, options?: {
-    filterFeatureFlags?: Array<keyof MediaFeatureFlags>;
-}) => <Props extends import("../mediaFeatureFlags").WithMediaFeatureFlags, Component extends React.ComponentType<Props>>(WrappedComponent: React.JSXElementConstructor<Props> & Component) => React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props>> & React.RefAttributes<any>>;

package/dist/types-ts4.0/docs/index.d.ts

@@ -1 +0,0 @@
-export { createRxjsNotice } from './rxjs-notice';

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

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

package/dist/types-ts4.0/downloadUrl.d.ts

@@ -1,4 +0,0 @@
-export interface DownloadUrlOptions {
-    name?: string;
-}
-export declare const downloadUrl: (url: string, options?: DownloadUrlOptions | undefined) => void;

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

@@ -1,19 +0,0 @@
-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, areEqualFeatureFlags, useMemoizeFeatureFlags, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts, } from './mediaFeatureFlags';
-export type { MediaFeatureFlags, WithMediaFeatureFlags, } from './mediaFeatureFlags';
-export interface NumericalCardDimensions {
-    width: number;
-    height: number;
-}
-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, getRandomHex, } from './utils/helpers';
-export declare type MediaTraceContext = {
-    traceId: string;
-    spanId?: string;
-};

package/dist/types-ts4.0/mediaFeatureFlag-local.d.ts

@@ -1 +0,0 @@
-export declare const getLocalMediaFeatureFlag: (key: string) => string | null;

package/dist/types-ts4.0/mediaFeatureFlags/index.d.ts

@@ -1,2 +0,0 @@
-export { getMediaFeatureFlag, useMemoizeFeatureFlags, defaultMediaFeatureFlags, areEqualFeatureFlags, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts, } from './mediaFeatureFlags';
-export type { MediaFeatureFlags, WithMediaFeatureFlags, SupportedProduct, } from './types';

package/dist/types-ts4.0/mediaFeatureFlags/mediaFeatureFlags.d.ts

@@ -1,26 +0,0 @@
-import { RequiredMediaFeatureFlags, MediaFeatureFlags, SupportedProduct } from './types';
-export declare const areEqualFeatureFlags: (ffA?: MediaFeatureFlags | undefined, ffB?: MediaFeatureFlags | undefined) => boolean;
-export declare const filterFeatureFlagNames: (flags: RequiredMediaFeatureFlags) => Array<keyof MediaFeatureFlags>;
-/**
- * Takes a record of {Media Feature Flag Names → boolean} and a supported product name.
- * Returns the corresponding product’s Launch Darkly Keys for each of the flags set as true in the input record.
- * */
-export declare const mapAndFilterFeatureFlagNames: (flags: RequiredMediaFeatureFlags, product: SupportedProduct) => Array<string>;
-/**
- * Takes a record of {Media Feature Flag Names → boolean}.
- * Returns the Launch Darkly Keys from all products for each of the flags set as true in the input record.
- * */
-export declare const filterFeatureFlagKeysAllProducts: (flags: RequiredMediaFeatureFlags) => Array<string>;
-export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
-/**
- * Public accessor from components to fallback to defaults if flags not passed,
- * otherwise whatever product has set will be returned.
- *
- * To override locally for testing:
- * - `localStorage[flagName] = true` to enable locally,
- * - `delete localStorage[flagName]` to remove.
- *
- * (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 useMemoizeFeatureFlags: (featureFlags?: MediaFeatureFlags | undefined) => MediaFeatureFlags | undefined;

package/dist/types-ts4.0/mediaFeatureFlags/productKeys.d.ts

@@ -1,2 +0,0 @@
-import { ProductKeys } from './types';
-export declare const getProductKeys: () => ProductKeys;

package/dist/types-ts4.0/mediaFeatureFlags/types.d.ts

@@ -1,21 +0,0 @@
-export interface MediaFeatureFlags {
-    newCardExperience?: boolean;
-    captions?: boolean;
-    mediaInline?: boolean;
-    folderUploads?: boolean;
-    observedWidth?: boolean;
-    timestampOnVideo?: boolean;
-    mediaUploadApiV2?: boolean;
-    memoryCacheLogging?: boolean;
-}
-export interface WithMediaFeatureFlags {
-    featureFlags?: MediaFeatureFlags;
-}
-export declare type RequiredMediaFeatureFlags = Record<keyof Required<MediaFeatureFlags>, boolean>;
-export declare type MediaFeatureFlagsMap = Record<keyof Required<MediaFeatureFlags>, string>;
-export declare const supportedProducts: readonly [
-    "confluence",
-    "jira"
-];
-export declare type SupportedProduct = typeof supportedProducts[number];
-export declare type ProductKeys = Record<SupportedProduct, MediaFeatureFlagsMap>;

package/dist/types-ts4.0/mediaTypeUtils/index.d.ts

@@ -1,4 +0,0 @@
-import { MediaType } from '..';
-export { isImageMimeTypeSupportedByBrowser, isDocumentMimeTypeSupportedByBrowser, isAudioMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser, isMimeTypeSupportedByBrowser, } from './isMimeTypeSupportedByBrowser';
-export { isImageMimeTypeSupportedByServer, isDocumentMimeTypeSupportedByServer, isAudioMimeTypeSupportedByServer, isVideoMimeTypeSupportedByServer, isUnknownMimeTypeSupportedByServer, isMimeTypeSupportedByServer, } from './isMimeTypeSupportedByServer';
-export declare const getMediaTypeFromMimeType: (mimeType: string) => MediaType;

package/dist/types-ts4.0/mediaTypeUtils/isArchive.d.ts

@@ -1 +0,0 @@
-export declare const isArchive: (mimeType: string) => boolean;

package/dist/types-ts4.0/mediaTypeUtils/isMimeTypeSupportedByBrowser.d.ts

@@ -1,14 +0,0 @@
-export declare const isImageMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
-export declare const isDocumentMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
-export declare const isAudioMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
-/**
- * For backward compatilbity, we assume MP4/MOV is natively supported.
- * TODO: Improve detection of supported video formats by the browser.
- *
- * See related tickets:
- * - https://product-fabric.atlassian.net/browse/MPT-477
- * - https://product-fabric.atlassian.net/browse/EDM-634
- * - https://product-fabric.atlassian.net/browse/EDM-426
- */
-export declare const isVideoMimeTypeSupportedByBrowser: (mimeType: string) => boolean;
-export declare const isMimeTypeSupportedByBrowser: (mimeType: string) => boolean;

package/dist/types-ts4.0/mediaTypeUtils/isMimeTypeSupportedByServer.d.ts

@@ -1,6 +0,0 @@
-export declare const isImageMimeTypeSupportedByServer: (mimeType: string) => boolean;
-export declare const isDocumentMimeTypeSupportedByServer: (mimeType: string) => boolean;
-export declare const isAudioMimeTypeSupportedByServer: (mimeType: string) => boolean;
-export declare const isVideoMimeTypeSupportedByServer: (mimeType: string) => boolean;
-export declare const isUnknownMimeTypeSupportedByServer: (mimeType: string) => boolean;
-export declare const isMimeTypeSupportedByServer: (mimeType: string) => boolean;

package/dist/types-ts4.0/utils/helpers.d.ts

@@ -1,10 +0,0 @@
-export declare const isUndefined: (value: any) => boolean;
-export declare const pick: (obj?: Object | undefined, keys?: Array<String>) => {
-    [k: string]: any;
-};
-export declare const omitBy: (obj: Object, predicate: Function) => {
-    [k: string]: any;
-};
-export declare const debounce: (func: Function, wait: number) => (...args: any[]) => void;
-export declare const matches: (srcObj: Object) => (obj: Object) => boolean;
-export declare function getRandomHex(size: number): string;