@atlaskit/media-common 2.12.1 → 2.15.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/media-common
 
+## 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
+
+- [`501240ef964`](https://bitbucket.org/atlassian/atlassian-frontend/commits/501240ef964) - Export `filterFeatureFlagKeysAllProducts`
+- [`a09f961b9b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a09f961b9b2) - Add filterFeatureFlagNamesWithAllProducts for returning the feature flags for all the products
+- [`a4f822c2d5d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4f822c2d5d) - Add MediaFeatureFlagMap for Confluence and Jira
+
 ## 2.12.1
 
 ### Patch Changes

package/analytics/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/analytics/index.js",
   "module": "../dist/esm/analytics/index.js",
   "module:es2019": "../dist/es2019/analytics/index.js",
+  "sideEffects": false,
   "types": "../dist/types/analytics/index.d.ts"
 }

package/dist/cjs/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "downloadUrl", {
     return _downloadUrl.downloadUrl;
   }
 });
+Object.defineProperty(exports, "filterFeatureFlagKeysAllProducts", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.filterFeatureFlagKeysAllProducts;
+  }
+});
 Object.defineProperty(exports, "filterFeatureFlagNames", {
   enumerable: true,
   get: function get() {

package/dist/cjs/mediaFeatureFlags/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "areEqualFeatureFlags", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.areEqualFeatureFlags;
+  }
+});
+Object.defineProperty(exports, "defaultMediaFeatureFlags", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.defaultMediaFeatureFlags;
+  }
+});
+Object.defineProperty(exports, "filterFeatureFlagKeysAllProducts", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.filterFeatureFlagKeysAllProducts;
+  }
+});
+Object.defineProperty(exports, "filterFeatureFlagNames", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.filterFeatureFlagNames;
+  }
+});
+Object.defineProperty(exports, "getMediaFeatureFlag", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.getMediaFeatureFlag;
+  }
+});
+Object.defineProperty(exports, "useMemoizeFeatureFlags", {
+  enumerable: true,
+  get: function get() {
+    return _mediaFeatureFlags.useMemoizeFeatureFlags;
+  }
+});
+
+var _mediaFeatureFlags = require("./mediaFeatureFlags");

package/dist/cjs/{mediaFeatureFlags.js → mediaFeatureFlags/mediaFeatureFlags.js}

@@ -5,17 +5,98 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterFeatureFlagNames = exports.defaultMediaFeatureFlags = exports.areEqualFeatureFlags = void 0;
+exports.filterFeatureFlagNames = exports.filterFeatureFlagKeysAllProducts = exports.defaultMediaFeatureFlags = exports.areEqualFeatureFlags = void 0;
 exports.getMediaFeatureFlag = getMediaFeatureFlag;
-exports.useMemoizeFeatureFlags = void 0;
+exports.useMemoizeFeatureFlags = exports.mapAndFilterFeatureFlagNames = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = require("react");
 
-var _mediaFeatureFlagLocal = require("./mediaFeatureFlag-local");
+var _mediaFeatureFlagLocal = require("../mediaFeatureFlag-local");
 
-// default values defined here, not necessary for components to know directly as they should use the function below
+var _types = require("./types");
+
+var _productKeys = require("./productKeys");
+
+var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  }
+
+  var results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    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,
+    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2
+  };
+  return Object.values(results).every(function (result) {
+    return result;
+  });
+};
+
+exports.areEqualFeatureFlags = areEqualFeatureFlags;
+
+var filterFeatureFlagNames = function filterFeatureFlagNames(flags) {
+  var pairs = Object.entries(flags);
+  return pairs.filter(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        _key = _ref2[0],
+        value = _ref2[1];
+
+    return !!value;
+  }).map(function (_ref3) {
+    var _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
+        key = _ref4[0];
+
+    return key;
+  });
+};
+/**
+ * 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.
+ * */
+
+
+exports.filterFeatureFlagNames = filterFeatureFlagNames;
+
+var mapAndFilterFeatureFlagNames = function mapAndFilterFeatureFlagNames(flags, product) {
+  var mediaFeatureFlags = filterFeatureFlagNames(flags);
+  return mediaFeatureFlags.map(function (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.
+
+/**
+ * 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.
+ * */
+
+
+exports.mapAndFilterFeatureFlagNames = mapAndFilterFeatureFlagNames;
+
+var filterFeatureFlagKeysAllProducts = function filterFeatureFlagKeysAllProducts(flags) {
+  var filteredFlags = filterFeatureFlagNames(flags);
+  var ldFeatureFlags = [];
+  filteredFlags.forEach(function (flag) {
+    return _types.supportedProducts.forEach(function (product) {
+      return ldFeatureFlags.push((0, _productKeys.getProductKeys)()[product][flag]);
+    });
+  });
+  return ldFeatureFlags.filter(function (flag) {
+    return flag !== '';
+  });
+}; // default values defined here, not necessary for components to know directly as they should use the function below
+
+
+exports.filterFeatureFlagKeysAllProducts = filterFeatureFlagKeysAllProducts;
 var defaultMediaFeatureFlags = {
   newCardExperience: false,
   captions: false,
@@ -23,8 +104,9 @@ 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
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -66,31 +148,7 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
     // eslint-disable-next-line no-console
     console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
   }
-}); // With this type we ensure the object will contain all the flags
-
-var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
-  if (!ffA && !ffB) {
-    return true;
-  }
-
-  if (!ffA || !ffB) {
-    return false;
-  }
-
-  var results = {
-    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
-    captions: ffA.captions === ffB.captions,
-    mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads,
-    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    observedWidth: ffA.observedWidth === ffB.observedWidth
-  };
-  return Object.values(results).every(function (result) {
-    return result;
-  });
-};
-
-exports.areEqualFeatureFlags = areEqualFeatureFlags;
+});
 
 var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
   var ref = (0, _react.useRef)();
@@ -102,22 +160,4 @@ var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
   return ref.current;
 };
 
-exports.useMemoizeFeatureFlags = useMemoizeFeatureFlags;
-
-var filterFeatureFlagNames = function filterFeatureFlagNames(flags) {
-  var pairs = Object.entries(flags);
-  return pairs.filter(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        _key = _ref2[0],
-        value = _ref2[1];
-
-    return !!value;
-  }).map(function (_ref3) {
-    var _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
-        key = _ref4[0];
-
-    return key;
-  });
-};
-
-exports.filterFeatureFlagNames = filterFeatureFlagNames;
+exports.useMemoizeFeatureFlags = useMemoizeFeatureFlags;

package/dist/cjs/mediaFeatureFlags/productKeys.js

@@ -0,0 +1,37 @@
+"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'
+  },
+  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'
+  }
+};
+
+var getProductKeys = function getProductKeys() {
+  return productKeys;
+};
+
+exports.getProductKeys = getProductKeys;

package/dist/cjs/mediaFeatureFlags/types.js

@@ -0,0 +1,10 @@
+"use strict";
+
+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.12.1",
+	"version": "2.15.0",
 	"sideEffects": false
 }

package/dist/es2019/index.js

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

package/dist/es2019/mediaFeatureFlags/index.js

@@ -0,0 +1 @@
+export { getMediaFeatureFlag, useMemoizeFeatureFlags, defaultMediaFeatureFlags, areEqualFeatureFlags, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from './mediaFeatureFlags';

package/dist/es2019/{mediaFeatureFlags.js → mediaFeatureFlags/mediaFeatureFlags.js}

@@ -1,7 +1,53 @@
 import { useRef } from 'react';
-import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
+import { getLocalMediaFeatureFlag } from '../mediaFeatureFlag-local';
+import { supportedProducts } from './types';
+import { getProductKeys } from './productKeys';
+export const areEqualFeatureFlags = (ffA, ffB) => {
+  if (!ffA && !ffB) {
+    return true;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  }
+
+  const results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    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,
+    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2
+  };
+  return Object.values(results).every(result => result);
+};
+export const filterFeatureFlagNames = flags => {
+  const pairs = Object.entries(flags);
+  return pairs.filter(([_key, value]) => !!value).map(([key]) => key);
+};
+/**
+ * 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 const mapAndFilterFeatureFlagNames = (flags, product) => {
+  const mediaFeatureFlags = filterFeatureFlagNames(flags);
+  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.
+
+/**
+ * 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 const filterFeatureFlagKeysAllProducts = flags => {
+  const filteredFlags = filterFeatureFlagNames(flags);
+  const ldFeatureFlags = [];
+  filteredFlags.forEach(flag => supportedProducts.forEach(product => ldFeatureFlags.push(getProductKeys()[product][flag])));
+  return ldFeatureFlags.filter(flag => flag !== '');
+}; // default values defined here, not necessary for components to know directly as they should use the function below
 
-// default values defined here, not necessary for components to know directly as they should use the function below
 export const defaultMediaFeatureFlags = {
   newCardExperience: false,
   captions: false,
@@ -9,8 +55,9 @@ 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
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -49,27 +96,7 @@ Object.keys(defaultMediaFeatureFlags).forEach(flagName => {
     // eslint-disable-next-line no-console
     console.info(`%c* LOCAL * MediaFeatureFlag.${flagName} = ${localOverride}`, 'font-weight:bold;color:cyan');
   }
-}); // With this type we ensure the object will contain all the flags
-
-export const areEqualFeatureFlags = (ffA, ffB) => {
-  if (!ffA && !ffB) {
-    return true;
-  }
-
-  if (!ffA || !ffB) {
-    return false;
-  }
-
-  const results = {
-    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
-    captions: ffA.captions === ffB.captions,
-    mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads,
-    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    observedWidth: ffA.observedWidth === ffB.observedWidth
-  };
-  return Object.values(results).every(result => result);
-};
+});
 export const useMemoizeFeatureFlags = featureFlags => {
   const ref = useRef();
 
@@ -78,8 +105,4 @@ export const useMemoizeFeatureFlags = featureFlags => {
   }
 
   return ref.current;
-};
-export const filterFeatureFlagNames = flags => {
-  const pairs = Object.entries(flags);
-  return pairs.filter(([_key, value]) => !!value).map(([key]) => key);
 };

package/dist/es2019/mediaFeatureFlags/productKeys.js

@@ -0,0 +1,26 @@
+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'
+  },
+  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'
+  }
+};
+export const getProductKeys = () => productKeys;

package/dist/es2019/mediaFeatureFlags/types.js

@@ -0,0 +1,3 @@
+// 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.12.1",
+	"version": "2.15.0",
 	"sideEffects": false
 }

package/dist/esm/index.js

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

package/dist/esm/mediaFeatureFlags/index.js

@@ -0,0 +1 @@
+export { getMediaFeatureFlag, useMemoizeFeatureFlags, defaultMediaFeatureFlags, areEqualFeatureFlags, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts } from './mediaFeatureFlags';

package/dist/esm/{mediaFeatureFlags.js → mediaFeatureFlags/mediaFeatureFlags.js}

@@ -1,8 +1,75 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useRef } from 'react';
-import { getLocalMediaFeatureFlag } from './mediaFeatureFlag-local'; // Media feature flags - type and defaults defined here in one source of truth
+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;
+  }
+
+  if (!ffA || !ffB) {
+    return false;
+  }
+
+  var results = {
+    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
+    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,
+    mediaUploadApiV2: ffA.mediaUploadApiV2 === ffB.mediaUploadApiV2
+  };
+  return Object.values(results).every(function (result) {
+    return result;
+  });
+};
+export var filterFeatureFlagNames = function filterFeatureFlagNames(flags) {
+  var pairs = Object.entries(flags);
+  return pairs.filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        _key = _ref2[0],
+        value = _ref2[1];
+
+    return !!value;
+  }).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 1),
+        key = _ref4[0];
+
+    return key;
+  });
+};
+/**
+ * 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 var mapAndFilterFeatureFlagNames = function mapAndFilterFeatureFlagNames(flags, product) {
+  var mediaFeatureFlags = filterFeatureFlagNames(flags);
+  return mediaFeatureFlags.map(function (key) {
+    return getProductKeys()[product][key];
+  });
+}; // TODO(MEX-1547): This is temporary solution to just return the launch darkly feature flags for all products.
+
+/**
+ * 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 var filterFeatureFlagKeysAllProducts = function filterFeatureFlagKeysAllProducts(flags) {
+  var filteredFlags = filterFeatureFlagNames(flags);
+  var ldFeatureFlags = [];
+  filteredFlags.forEach(function (flag) {
+    return supportedProducts.forEach(function (product) {
+      return ldFeatureFlags.push(getProductKeys()[product][flag]);
+    });
+  });
+  return ldFeatureFlags.filter(function (flag) {
+    return flag !== '';
+  });
+}; // default values defined here, not necessary for components to know directly as they should use the function below
 
-// default values defined here, not necessary for components to know directly as they should use the function below
 export var defaultMediaFeatureFlags = {
   newCardExperience: false,
   captions: false,
@@ -10,8 +77,9 @@ 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
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,
@@ -50,29 +118,7 @@ Object.keys(defaultMediaFeatureFlags).forEach(function (flagName) {
     // eslint-disable-next-line no-console
     console.info("%c* LOCAL * MediaFeatureFlag.".concat(flagName, " = ").concat(localOverride), 'font-weight:bold;color:cyan');
   }
-}); // With this type we ensure the object will contain all the flags
-
-export var areEqualFeatureFlags = function areEqualFeatureFlags(ffA, ffB) {
-  if (!ffA && !ffB) {
-    return true;
-  }
-
-  if (!ffA || !ffB) {
-    return false;
-  }
-
-  var results = {
-    newCardExperience: ffA.newCardExperience === ffB.newCardExperience,
-    captions: ffA.captions === ffB.captions,
-    mediaInline: ffA.mediaInline === ffB.mediaInline,
-    folderUploads: ffA.folderUploads === ffB.folderUploads,
-    timestampOnVideo: ffA.timestampOnVideo === ffB.timestampOnVideo,
-    observedWidth: ffA.observedWidth === ffB.observedWidth
-  };
-  return Object.values(results).every(function (result) {
-    return result;
-  });
-};
+});
 export var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags) {
   var ref = useRef();
 
@@ -81,19 +127,4 @@ export var useMemoizeFeatureFlags = function useMemoizeFeatureFlags(featureFlags
   }
 
   return ref.current;
-};
-export var filterFeatureFlagNames = function filterFeatureFlagNames(flags) {
-  var pairs = Object.entries(flags);
-  return pairs.filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        _key = _ref2[0],
-        value = _ref2[1];
-
-    return !!value;
-  }).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 1),
-        key = _ref4[0];
-
-    return key;
-  });
 };

package/dist/esm/mediaFeatureFlags/productKeys.js

@@ -0,0 +1,28 @@
+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'
+  },
+  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'
+  }
+};
+export var getProductKeys = function getProductKeys() {
+  return productKeys;
+};

package/dist/esm/mediaFeatureFlags/types.js

@@ -0,0 +1,3 @@
+// 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.12.1",
+	"version": "2.15.0",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 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, } from './mediaFeatureFlags';
-export type { MediaFeatureFlags, WithMediaFeatureFlags, RequiredMediaFeatureFlags, } from './mediaFeatureFlags';
+export { getMediaFeatureFlag, defaultMediaFeatureFlags, areEqualFeatureFlags, useMemoizeFeatureFlags, filterFeatureFlagNames, filterFeatureFlagKeysAllProducts, } from './mediaFeatureFlags';
+export type { MediaFeatureFlags, WithMediaFeatureFlags, } from './mediaFeatureFlags';
 export interface NumericalCardDimensions {
     width: number;
     height: number;

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

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

package/dist/types/{mediaFeatureFlags.d.ts → mediaFeatureFlags/mediaFeatureFlags.d.ts}

@@ -1,14 +1,16 @@
-export interface MediaFeatureFlags {
-    newCardExperience?: boolean;
-    captions?: boolean;
-    mediaInline?: boolean;
-    folderUploads?: boolean;
-    timestampOnVideo?: boolean;
-    observedWidth?: boolean;
-}
-export interface WithMediaFeatureFlags {
-    featureFlags?: MediaFeatureFlags;
-}
+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,
@@ -21,7 +23,4 @@ export declare const defaultMediaFeatureFlags: Required<MediaFeatureFlags>;
  * (you will see a warning in console if override used)
  * */
 export declare function getMediaFeatureFlag<T = boolean>(flagName: keyof MediaFeatureFlags, featureFlags?: MediaFeatureFlags): T;
-export declare type RequiredMediaFeatureFlags = Record<keyof Required<MediaFeatureFlags>, boolean>;
-export declare const areEqualFeatureFlags: (ffA?: MediaFeatureFlags | undefined, ffB?: MediaFeatureFlags | undefined) => boolean;
 export declare const useMemoizeFeatureFlags: (featureFlags?: MediaFeatureFlags | undefined) => MediaFeatureFlags | undefined;
-export declare const filterFeatureFlagNames: (flags: RequiredMediaFeatureFlags) => Array<keyof MediaFeatureFlags>;

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

@@ -0,0 +1,17 @@
+export interface MediaFeatureFlags {
+    newCardExperience?: boolean;
+    captions?: boolean;
+    mediaInline?: boolean;
+    folderUploads?: boolean;
+    observedWidth?: boolean;
+    timestampOnVideo?: boolean;
+    mediaUploadApiV2?: 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/downloadUrl/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/downloadUrl.js",
   "module": "../dist/esm/downloadUrl.js",
   "module:es2019": "../dist/es2019/downloadUrl.js",
+  "sideEffects": false,
   "types": "../dist/types/downloadUrl.d.ts"
 }

package/mediaFeatureFlags/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@atlaskit/media-common/mediaFeatureFlags",
-  "main": "../dist/cjs/mediaFeatureFlags.js",
-  "module": "../dist/esm/mediaFeatureFlags.js",
-  "module:es2019": "../dist/es2019/mediaFeatureFlags.js",
-  "types": "../dist/types/mediaFeatureFlags.d.ts"
+  "main": "../dist/cjs/mediaFeatureFlags/index.js",
+  "module": "../dist/esm/mediaFeatureFlags/index.js",
+  "module:es2019": "../dist/es2019/mediaFeatureFlags/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/mediaFeatureFlags/index.d.ts"
 }

package/mediaTypeUtils/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/mediaTypeUtils/index.js",
   "module": "../dist/esm/mediaTypeUtils/index.js",
   "module:es2019": "../dist/es2019/mediaTypeUtils/index.js",
+  "sideEffects": false,
   "types": "../dist/types/mediaTypeUtils/index.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-common",
-  "version": "2.12.1",
+  "version": "2.15.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,7 @@
   "atlaskit:src": "src/index.ts",
   "af:exports": {
     "./downloadUrl": "./src/downloadUrl.ts",
-    "./mediaFeatureFlags": "./src/mediaFeatureFlags.ts",
+    "./mediaFeatureFlags": "./src/mediaFeatureFlags/index.ts",
     "./analytics": "./src/analytics/index.ts",
     "./docs": "./src/docs/index.ts",
     "./mediaTypeUtils": "./src/mediaTypeUtils/index.ts",
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/media-test-helpers": "^29.4.0",
+    "@atlaskit/media-test-helpers": "^30.0.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",