@atlaskit/media-common 2.13.0 → 2.16.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/media-common
 
+## 2.16.0
+
+### Minor Changes
+
+- [`a332288b5ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a332288b5ea) - Added analytics for media-card memoryCacheLogging and added relevant featureFlag keys for media-common package.
+
+## 2.15.0
+
+### Minor Changes
+
+- [`1a76e2839e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a76e2839e6) - Default value for mediaUploadApiV2 Media feature flag set to true.
+
+## 2.14.0
+
+### Minor Changes
+
+- [`bfde909c9b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bfde909c9b4) - Add new feature flag mediaUploadApiV2
+- [`8d6064cece4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d6064cece4) - Add missing values for the launch darkly feature flags name
+
 ## 2.13.0
 
 ### Minor Changes

package/dist/cjs/mediaFeatureFlags/mediaFeatureFlags.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.filterFeatureFlagNames = exports.filterFeatureFlagKeysAllProducts = exports.defaultMediaFeatureFlags = exports.areEqualFeatureFlags = void 0;
 exports.getMediaFeatureFlag = getMediaFeatureFlag;
-exports.useMemoizeFeatureFlags = exports.mediaFeatureFlagsProductToLaunchDarklyMap = exports.mapAndFilterFeatureFlagNames = void 0;
+exports.useMemoizeFeatureFlags = exports.mapAndFilterFeatureFlagNames = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -15,6 +15,10 @@ var _react = require("react");
 
 var _mediaFeatureFlagLocal = require("../mediaFeatureFlag-local");
 
+var _types = require("./types");
+
+var _productKeys = require("./productKeys");
+
 var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
   if (!ffA && !ffB) {
     return true;
@@ -29,8 +33,10 @@ var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
     folderUploads: ffA.folderUploads === ffB.folderUploads,
+    observedWidth: ffA.observedWidth === ffB.observedWidth,
     timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    observedWidth: ffA.observedWidth === ffB.observedWidth
+    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2,
+    memoryCacheLogging: ffA.memoryCacheLogging === ffB.memoryCacheLogging
   };
   return Object.values(results).every(function (result) {
     return result;
@@ -65,7 +71,7 @@ exports.filterFeatureFlagNames = filterFeatureFlagNames;
 var mapAndFilterFeatureFlagNames = function mapAndFilterFeatureFlagNames(flags, product) {
   var mediaFeatureFlags = filterFeatureFlagNames(flags);
   return mediaFeatureFlags.map(function (key) {
-    return mediaFeatureFlagsProductToLaunchDarklyMap[product][key];
+    return (0, _productKeys.getProductKeys)()[product][key];
   });
 }; // TODO(MEX-1547): This is temporary solution to just return the launch darkly feature flags for all products.
 
@@ -79,39 +85,19 @@ exports.mapAndFilterFeatureFlagNames = mapAndFilterFeatureFlagNames;
 
 var filterFeatureFlagKeysAllProducts = function filterFeatureFlagKeysAllProducts(flags) {
   var filteredFlags = filterFeatureFlagNames(flags);
-  var supportedProducts = Object.keys(mediaFeatureFlagsProductToLaunchDarklyMap);
   var ldFeatureFlags = [];
   filteredFlags.forEach(function (flag) {
-    return supportedProducts.forEach(function (product) {
-      return ldFeatureFlags.push(mediaFeatureFlagsProductToLaunchDarklyMap[product][flag]);
+    return _types.supportedProducts.forEach(function (product) {
+      return ldFeatureFlags.push((0, _productKeys.getProductKeys)()[product][flag]);
     });
   });
   return ldFeatureFlags.filter(function (flag) {
     return flag !== '';
   });
-};
-
-exports.filterFeatureFlagKeysAllProducts = filterFeatureFlagKeysAllProducts;
-var mediaFeatureFlagsProductToLaunchDarklyMap = {
-  confluence: {
-    newCardExperience: 'confluence.media.cards.new.experience',
-    captions: 'confluence.frontend.fabric.editor.media.captions',
-    mediaInline: 'confluence.frontend.fabric.editor.media.inline',
-    folderUploads: 'confluence.media.picker.folder.uploads',
-    timestampOnVideo: '',
-    observedWidth: ''
-  },
-  jira: {
-    newCardExperience: 'issue.details.media-cards-new-experience',
-    captions: 'issue.details.editor.media.captions',
-    mediaInline: '',
-    folderUploads: '',
-    timestampOnVideo: '',
-    observedWidth: ''
-  }
 }; // default values defined here, not necessary for components to know directly as they should use the function below
 
-exports.mediaFeatureFlagsProductToLaunchDarklyMap = mediaFeatureFlagsProductToLaunchDarklyMap;
+
+exports.filterFeatureFlagKeysAllProducts = filterFeatureFlagKeysAllProducts;
 var defaultMediaFeatureFlags = {
   newCardExperience: false,
   captions: false,
@@ -119,8 +105,10 @@ var defaultMediaFeatureFlags = {
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
   folderUploads: false,
+  observedWidth: false,
   timestampOnVideo: false,
-  observedWidth: false
+  mediaUploadApiV2: true,
+  memoryCacheLogging: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

package/dist/cjs/mediaFeatureFlags/productKeys.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProductKeys = void 0;
+var productKeys = {
+  confluence: {
+    newCardExperience: 'confluence.frontend.media.cards.new.experience',
+    captions: 'confluence.frontend.fabric.editor.media.captions',
+    mediaInline: 'confluence.frontend.fabric.editor.media.inline',
+    folderUploads: 'confluence.frontend.media.picker.folder.uploads',
+    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
+    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: {
+    newCardExperience: 'issue.details.media-cards-new-experience',
+    captions: 'issue.details.editor.media.captions',
+    // Manged by Linking Platform. No Rollout plan found for Jira
+    mediaInline: '',
+    folderUploads: 'issue.details.media-picker-folder-upload',
+    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
+    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'
+  }
+};
+
+var getProductKeys = function getProductKeys() {
+  return productKeys;
+};
+
+exports.getProductKeys = getProductKeys;

package/dist/cjs/mediaFeatureFlags/types.js

@@ -2,4 +2,9 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.supportedProducts = void 0;
+// Media feature flags - type and defaults defined here in one source of truth
+// With this type we ensure the object will contain all the flags
+var supportedProducts = ['confluence', 'jira'];
+exports.supportedProducts = supportedProducts;

package/dist/cjs/version.json

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

package/dist/es2019/mediaFeatureFlags/mediaFeatureFlags.js

@@ -1,5 +1,7 @@
 import { useRef } from 'react';
 import { getLocalMediaFeatureFlag } from '../mediaFeatureFlag-local';
+import { supportedProducts } from './types';
+import { getProductKeys } from './productKeys';
 export const areEqualFeatureFlags = (ffA, ffB) => {
   if (!ffA && !ffB) {
     return true;
@@ -14,8 +16,10 @@ export const areEqualFeatureFlags = (ffA, ffB) => {
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
     folderUploads: ffA.folderUploads === ffB.folderUploads,
+    observedWidth: ffA.observedWidth === ffB.observedWidth,
     timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    observedWidth: ffA.observedWidth === ffB.observedWidth
+    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2,
+    memoryCacheLogging: ffA.memoryCacheLogging === ffB.memoryCacheLogging
   };
   return Object.values(results).every(result => result);
 };
@@ -30,7 +34,7 @@ export const filterFeatureFlagNames = flags => {
 
 export const mapAndFilterFeatureFlagNames = (flags, product) => {
   const mediaFeatureFlags = filterFeatureFlagNames(flags);
-  return mediaFeatureFlags.map(key => mediaFeatureFlagsProductToLaunchDarklyMap[product][key]);
+  return mediaFeatureFlags.map(key => getProductKeys()[product][key]);
 }; // TODO(MEX-1547): This is temporary solution to just return the launch darkly feature flags for all products.
 
 /**
@@ -40,28 +44,9 @@ export const mapAndFilterFeatureFlagNames = (flags, product) => {
 
 export const filterFeatureFlagKeysAllProducts = flags => {
   const filteredFlags = filterFeatureFlagNames(flags);
-  const supportedProducts = Object.keys(mediaFeatureFlagsProductToLaunchDarklyMap);
   const ldFeatureFlags = [];
-  filteredFlags.forEach(flag => supportedProducts.forEach(product => ldFeatureFlags.push(mediaFeatureFlagsProductToLaunchDarklyMap[product][flag])));
+  filteredFlags.forEach(flag => supportedProducts.forEach(product => ldFeatureFlags.push(getProductKeys()[product][flag])));
   return ldFeatureFlags.filter(flag => flag !== '');
-};
-export const mediaFeatureFlagsProductToLaunchDarklyMap = {
-  confluence: {
-    newCardExperience: 'confluence.media.cards.new.experience',
-    captions: 'confluence.frontend.fabric.editor.media.captions',
-    mediaInline: 'confluence.frontend.fabric.editor.media.inline',
-    folderUploads: 'confluence.media.picker.folder.uploads',
-    timestampOnVideo: '',
-    observedWidth: ''
-  },
-  jira: {
-    newCardExperience: 'issue.details.media-cards-new-experience',
-    captions: 'issue.details.editor.media.captions',
-    mediaInline: '',
-    folderUploads: '',
-    timestampOnVideo: '',
-    observedWidth: ''
-  }
 }; // default values defined here, not necessary for components to know directly as they should use the function below
 
 export const defaultMediaFeatureFlags = {
@@ -71,8 +56,10 @@ export const defaultMediaFeatureFlags = {
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
   folderUploads: false,
+  observedWidth: false,
   timestampOnVideo: false,
-  observedWidth: false
+  mediaUploadApiV2: true,
+  memoryCacheLogging: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

package/dist/es2019/mediaFeatureFlags/productKeys.js

@@ -0,0 +1,28 @@
+const productKeys = {
+  confluence: {
+    newCardExperience: 'confluence.frontend.media.cards.new.experience',
+    captions: 'confluence.frontend.fabric.editor.media.captions',
+    mediaInline: 'confluence.frontend.fabric.editor.media.inline',
+    folderUploads: 'confluence.frontend.media.picker.folder.uploads',
+    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
+    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: {
+    newCardExperience: 'issue.details.media-cards-new-experience',
+    captions: 'issue.details.editor.media.captions',
+    // Manged by Linking Platform. No Rollout plan found for Jira
+    mediaInline: '',
+    folderUploads: 'issue.details.media-picker-folder-upload',
+    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
+    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'
+  }
+};
+export const getProductKeys = () => productKeys;

package/dist/es2019/mediaFeatureFlags/types.js

@@ -1 +1,3 @@
-export {};
+// Media feature flags - type and defaults defined here in one source of truth
+// With this type we ensure the object will contain all the flags
+export const supportedProducts = ['confluence', 'jira'];

package/dist/es2019/version.json

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

package/dist/esm/mediaFeatureFlags/mediaFeatureFlags.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef } from 'react';
 import { getLocalMediaFeatureFlag } from '../mediaFeatureFlag-local';
+import { supportedProducts } from './types';
+import { getProductKeys } from './productKeys';
 export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
   if (!ffA && !ffB) {
     return true;
@@ -15,8 +17,10 @@ export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
     captions: ffA.captions === ffB.captions,
     mediaInline: ffA.mediaInline === ffB.mediaInline,
     folderUploads: ffA.folderUploads === ffB.folderUploads,
+    observedWidth: ffA.observedWidth === ffB.observedWidth,
     timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    observedWidth: ffA.observedWidth === ffB.observedWidth
+    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2,
+    memoryCacheLogging: ffA.memoryCacheLogging === ffB.memoryCacheLogging
   };
   return Object.values(results).every(function (result) {
     return result;
@@ -45,7 +49,7 @@ export var filterFeatureFlagNames = function filterFeatureFlagNames(flags) {
 export var mapAndFilterFeatureFlagNames = function mapAndFilterFeatureFlagNames(flags, product) {
   var mediaFeatureFlags = filterFeatureFlagNames(flags);
   return mediaFeatureFlags.map(function (key) {
-    return mediaFeatureFlagsProductToLaunchDarklyMap[product][key];
+    return getProductKeys()[product][key];
   });
 }; // TODO(MEX-1547): This is temporary solution to just return the launch darkly feature flags for all products.
 
@@ -56,34 +60,15 @@ export var mapAndFilterFeatureFlagNames = function mapAndFilterFeatureFlagNames(
 
 export var filterFeatureFlagKeysAllProducts = function filterFeatureFlagKeysAllProducts(flags) {
   var filteredFlags = filterFeatureFlagNames(flags);
-  var supportedProducts = Object.keys(mediaFeatureFlagsProductToLaunchDarklyMap);
   var ldFeatureFlags = [];
   filteredFlags.forEach(function (flag) {
     return supportedProducts.forEach(function (product) {
-      return ldFeatureFlags.push(mediaFeatureFlagsProductToLaunchDarklyMap[product][flag]);
+      return ldFeatureFlags.push(getProductKeys()[product][flag]);
     });
   });
   return ldFeatureFlags.filter(function (flag) {
     return flag !== '';
   });
-};
-export var mediaFeatureFlagsProductToLaunchDarklyMap = {
-  confluence: {
-    newCardExperience: 'confluence.media.cards.new.experience',
-    captions: 'confluence.frontend.fabric.editor.media.captions',
-    mediaInline: 'confluence.frontend.fabric.editor.media.inline',
-    folderUploads: 'confluence.media.picker.folder.uploads',
-    timestampOnVideo: '',
-    observedWidth: ''
-  },
-  jira: {
-    newCardExperience: 'issue.details.media-cards-new-experience',
-    captions: 'issue.details.editor.media.captions',
-    mediaInline: '',
-    folderUploads: '',
-    timestampOnVideo: '',
-    observedWidth: ''
-  }
 }; // default values defined here, not necessary for components to know directly as they should use the function below
 
 export var defaultMediaFeatureFlags = {
@@ -93,8 +78,10 @@ export var defaultMediaFeatureFlags = {
   // We can't yet switch this feature on
   // TODO https://product-fabric.atlassian.net/browse/MEX-104
   folderUploads: false,
+  observedWidth: false,
   timestampOnVideo: false,
-  observedWidth: false
+  mediaUploadApiV2: true,
+  memoryCacheLogging: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

package/dist/esm/mediaFeatureFlags/productKeys.js

@@ -0,0 +1,30 @@
+var productKeys = {
+  confluence: {
+    newCardExperience: 'confluence.frontend.media.cards.new.experience',
+    captions: 'confluence.frontend.fabric.editor.media.captions',
+    mediaInline: 'confluence.frontend.fabric.editor.media.inline',
+    folderUploads: 'confluence.frontend.media.picker.folder.uploads',
+    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
+    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: {
+    newCardExperience: 'issue.details.media-cards-new-experience',
+    captions: 'issue.details.editor.media.captions',
+    // Manged by Linking Platform. No Rollout plan found for Jira
+    mediaInline: '',
+    folderUploads: 'issue.details.media-picker-folder-upload',
+    //TODO fill the value after https://product-fabric.atlassian.net/browse/MEX-1593
+    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'
+  }
+};
+export var getProductKeys = function getProductKeys() {
+  return productKeys;
+};

package/dist/esm/mediaFeatureFlags/types.js

@@ -1 +1,3 @@
-export {};
+// Media feature flags - type and defaults defined here in one source of truth
+// With this type we ensure the object will contain all the flags
+export var supportedProducts = ['confluence', 'jira'];

package/dist/esm/version.json

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

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

@@ -1,4 +1,4 @@
-import { RequiredMediaFeatureFlags, MediaFeatureFlags, MediaFeatureFlagsMap, SupportedProduct } from './types';
+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>;
 /**
@@ -11,7 +11,6 @@ export declare const mapAndFilterFeatureFlagNames: (flags: RequiredMediaFeatureF
  * 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 mediaFeatureFlagsProductToLaunchDarklyMap: Record<SupportedProduct, MediaFeatureFlagsMap>;
 export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

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

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

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

@@ -3,12 +3,16 @@ export interface MediaFeatureFlags {
     captions?: boolean;
     mediaInline?: boolean;
     folderUploads?: boolean;
-    timestampOnVideo?: 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 type SupportedProduct = 'confluence' | 'jira';
+export declare const supportedProducts: readonly ["confluence", "jira"];
+export declare type SupportedProduct = typeof supportedProducts[number];
+export declare type ProductKeys = Record<SupportedProduct, MediaFeatureFlagsMap>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.13.0",
+  "version": "2.16.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
   "scripts": {},
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.5",
-    "@atlaskit/analytics-namespaced-context": "^6.4.0",
+    "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.1.1",
     "@atlaskit/section-message": "^6.0.0",
     "@babel/runtime": "^7.0.0"

package/report.api.md

@@ -0,0 +1,308 @@
+## API Report File for "@atlaskit/media-common"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { GasCorePayload } from '@atlaskit/analytics-gas-types';
+import { default as React_2 } from 'react';
+
+export declare const ANALYTICS_MEDIA_CHANNEL = 'media';
+
+export declare const areEqualFeatureFlags: (
+  ffA?: MediaFeatureFlags | undefined,
+  ffB?: MediaFeatureFlags | undefined,
+) => boolean;
+
+declare type BaseAttributes = {};
+
+declare type BaseEventPayload<Attributes extends BaseAttributes> = Omit<
+  GasCorePayload,
+  'attributes'
+> & {
+  attributes: Attributes;
+};
+
+export declare type ContextPublicAttributes = PackageAttributes;
+
+export declare type ContextStaticProps = WithMediaFeatureFlags;
+
+export declare const debounce: (
+  func: Function,
+  wait: number,
+) => (...args: any[]) => void;
+
+export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
+
+export declare const downloadUrl: (
+  url: string,
+  options?: DownloadUrlOptions | undefined,
+) => void;
+
+declare interface DownloadUrlOptions {
+  name?: string;
+}
+
+export declare type FailureAttributes = {
+  status: 'fail';
+  failReason: string;
+  error?: string;
+  errorDetail?: string;
+};
+
+export declare type FileAttributes = {
+  fileId: string;
+  fileSize?: number;
+  fileMediatype?: MediaType;
+  fileMimetype?: string;
+  fileSource?: string;
+  fileStatus?: FileStatus;
+};
+
+export declare type FileStatus =
+  | 'uploading'
+  | 'processing'
+  | 'processed'
+  | 'error'
+  | 'failed-processing';
+
+/**
+ * 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 filterFeatureFlagNames: (
+  flags: RequiredMediaFeatureFlags,
+) => Array<keyof 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 getMediaTypeFromMimeType: (mimeType: string) => MediaType;
+
+export declare const isAudioMimeTypeSupportedByServer: (
+  mimeType: string,
+) => boolean;
+
+export declare const isDocumentMimeTypeSupportedByBrowser: (
+  mimeType: string,
+) => boolean;
+
+export declare const isDocumentMimeTypeSupportedByServer: (
+  mimeType: string,
+) => boolean;
+
+export declare const isImageMimeTypeSupportedByBrowser: (
+  mimeType: string,
+) => boolean;
+
+export declare const isImageMimeTypeSupportedByServer: (
+  mimeType: string,
+) => boolean;
+
+export declare const isMimeTypeSupportedByBrowser: (
+  mimeType: string,
+) => boolean;
+
+export declare const isMimeTypeSupportedByServer: (mimeType: string) => boolean;
+
+export declare const isUndefined: (value: any) => boolean;
+
+export declare const isUnknownMimeTypeSupportedByServer: (
+  mimeType: string,
+) => boolean;
+
+export declare const isVideoMimeTypeSupportedByServer: (
+  mimeType: string,
+) => boolean;
+
+export declare const matches: (srcObj: Object) => (obj: Object) => boolean;
+
+export declare interface MediaFeatureFlags {
+  newCardExperience?: boolean;
+  captions?: boolean;
+  mediaInline?: boolean;
+  folderUploads?: boolean;
+  observedWidth?: boolean;
+  timestampOnVideo?: boolean;
+  mediaUploadApiV2?: boolean;
+}
+
+export declare type MediaType =
+  | 'doc'
+  | 'audio'
+  | 'video'
+  | 'image'
+  | 'archive'
+  | 'unknown';
+
+export declare interface NumericalCardDimensions {
+  width: number;
+  height: number;
+}
+
+export declare const omitBy: (
+  obj: Object,
+  predicate: Function,
+) => {
+  [k: string]: any;
+};
+
+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 PackageAttributes = {
+  packageName: string;
+  packageVersion: string;
+  componentName: string;
+  component: string;
+};
+
+export declare type PerformanceAttributes = {
+  overall: {
+    durationSincePageStart: number;
+    durationSinceCommenced?: number;
+  };
+};
+
+export declare const pick: (
+  obj?: Object | undefined,
+  keys?: Array<String>,
+) => {
+  [k: string]: any;
+};
+
+declare type RequiredMediaFeatureFlags = Record<
+  keyof Required<MediaFeatureFlags>,
+  boolean
+>;
+
+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 SSR = 'client' | 'server';
+
+declare type StatusAttributes = SuccessAttributes | FailureAttributes;
+
+export declare type SuccessAttributes = {
+  status: 'success';
+};
+
+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 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 const useMemoizeFeatureFlags: (
+  featureFlags?: MediaFeatureFlags | undefined,
+) => MediaFeatureFlags | undefined;
+
+export declare type WithFileAttributes = {
+  fileAttributes: FileAttributes;
+};
+
+/**
+ * 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 WithMediaFeatureFlags,
+  Component extends React_2.ComponentType<Props>
+>(
+  WrappedComponent: React_2.JSXElementConstructor<Props> & Component,
+) => React_2.ForwardRefExoticComponent<
+  React_2.PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props>> &
+    React_2.RefAttributes<any>
+>;
+
+export declare interface WithMediaFeatureFlags {
+  featureFlags?: MediaFeatureFlags;
+}
+
+export declare type WithPerformanceAttributes = {
+  performanceAttributes?: PerformanceAttributes;
+};
+
+export {};
+```