@atlaskit/media-common 2.13.0 → 2.14.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/media-common
 
+## 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,9 @@ 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
   };
   return Object.values(results).every(function (result) {
     return result;
@@ -65,7 +70,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 +84,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 +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: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

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

@@ -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.14.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,9 @@ 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
   };
   return Object.values(results).every(result => result);
 };
@@ -30,7 +33,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 +43,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 +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: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

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

@@ -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.14.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,9 @@ 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
   };
   return Object.values(results).every(function (result) {
     return result;
@@ -45,7 +48,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 +59,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 +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: false
 };
 /**
  * Public accessor from components to fallback to defaults if flags not passed,

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

@@ -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.14.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,15 @@ export interface MediaFeatureFlags {
     captions?: boolean;
     mediaInline?: boolean;
     folderUploads?: boolean;
-    timestampOnVideo?: 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 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.14.0",
   "description": "Includes common utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"