@atlaskit/media-picker 61.0.1 → 63.0.1

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @atlaskit/media-picker
 
+## 63.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 63.0.0
+
+### Major Changes
+
+- [`e9de546cfc7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9de546cfc7) - Migrate to emotion from styled-components
+
+### Minor Changes
+
+- [`bfde909c9b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bfde909c9b4) - Add new feature flag mediaUploadApiV2
+- [`35e43fcc798`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35e43fcc798) - Add ufo feature flag logging
+
+### Patch Changes
+
+- [`c0f85687ea0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0f85687ea0) - Enabled UFO logger for all examples for Media-Picker
+- [`c2ede50a80a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2ede50a80a) - Add media region and environment returned from media API response into failed analytic events.
+- [`19899f3e100`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19899f3e100) - Make emotion as dev dependency instead peer dependency
+- Updated dependencies
+
+## 62.0.0
+
+### Major Changes
+
+- [`ad13b4d0bc6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad13b4d0bc6) - [MEX-1525] Remove userAuth from Media-Core & Media-client
+
+### Minor Changes
+
+- [`fe7a1aaddd6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe7a1aaddd6) - Attach media environment to Media Picker UFO events
+- [`7dad7e0c299`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7dad7e0c299) - [MEX-1413] Removed user auth from media-picker
+
+### Patch Changes
+
+- [`a5d25a077bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a5d25a077bc) - removed duplicated module from Confluence's node_modules introduced with our components
+- [`e368c622418`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e368c622418) - Updated component names in UFO experiences
+- Updated dependencies
+
 ## 61.0.1
 
 ### Patch Changes

package/dist/cjs/components/browser/browser.js

@@ -182,13 +182,6 @@ exports.BrowserBase = BrowserBase;
   config: defaultConfig
 });
 var Browser = (0, _mediaCommon.withMediaAnalyticsContext)((0, _analytics.getPackageAttributes)(COMPONENT_NAME), {
-  filterFeatureFlags: (0, _mediaCommon.filterFeatureFlagNames)({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()(BrowserBase));
 exports.Browser = Browser;

package/dist/cjs/components/clipboard/clipboard.js

@@ -200,13 +200,6 @@ exports.ClipboardBase = ClipboardBase;
   config: defaultConfig
 });
 var Clipboard = (0, _mediaCommon.withMediaAnalyticsContext)((0, _analytics.getPackageAttributes)(COMPONENT_NAME), {
-  filterFeatureFlags: (0, _mediaCommon.filterFeatureFlagNames)({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()(ClipboardBase));
 exports.Clipboard = Clipboard;

package/dist/cjs/components/dropzone/dropzone.js

@@ -382,13 +382,6 @@ var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
 
 exports.DropzoneBase = DropzoneBase;
 var Dropzone = (0, _mediaCommon.withMediaAnalyticsContext)((0, _analytics.getPackageAttributes)(COMPONENT_NAME), {
-  filterFeatureFlags: (0, _mediaCommon.filterFeatureFlagNames)({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: _analytics.LOGGED_FEATURE_FLAGS
 })((0, _analyticsNext.withAnalyticsEvents)()(DropzoneBase));
 exports.Dropzone = Dropzone;

package/dist/cjs/service/uploadServiceImpl.js

@@ -25,18 +25,12 @@ var _constants = require("@atlaskit/media-client/constants");
 
 var _eventemitter = require("eventemitter2");
 
-var _sourceFile = require("../popup/domain/source-file");
-
 var _getPreviewFromImage = require("../util/getPreviewFromImage");
 
 var _types = require("../service/types");
 
 var _getPreviewFromBlob = require("../util/getPreviewFromBlob");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var UploadServiceImpl = /*#__PURE__*/function () {
   function UploadServiceImpl(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
     var _this = this;
@@ -54,10 +48,6 @@ var UploadServiceImpl = /*#__PURE__*/function () {
               case 0:
                 mediaFile = cancellableFileUpload.mediaFile;
 
-                _this.copyFileToUsersCollection(fileId) // eslint-disable-next-line no-console
-                .catch(console.log); // We intentionally swallow these errors
-
-
                 _this.emit('file-converting', {
                   file: mediaFile
                 });
@@ -66,7 +56,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
                   _this.releaseCancellableFile(mediaFile);
                 };
 
-              case 4:
+              case 3:
               case "end":
                 return _context.stop();
             }
@@ -105,18 +95,6 @@ var UploadServiceImpl = /*#__PURE__*/function () {
     this.shouldCopyFileToRecents = shouldCopyFileToRecents;
     this.emitter = new _eventemitter.EventEmitter2();
     this.cancellableFilesUploads = {};
-    var userAuthProvider = tenantMediaClient.config.userAuthProvider;
-
-    if (userAuthProvider) {
-      this.userMediaStore = new _mediaClient.MediaStore({
-        authProvider: userAuthProvider
-      }); // We need to use the userAuth to upload this file (recents)
-
-      this.userMediaClient = new _mediaClient.MediaClient({
-        userAuthProvider: userAuthProvider,
-        authProvider: userAuthProvider
-      });
-    }
   }
 
   (0, _createClass2.default)(UploadServiceImpl, [{
@@ -362,37 +340,6 @@ var UploadServiceImpl = /*#__PURE__*/function () {
     value: function releaseCancellableFile(mediaFile) {
       delete this.cancellableFilesUploads[mediaFile.id];
     }
-  }, {
-    key: "copyFileToUsersCollection",
-    value: // This method copies the file from the "tenant collection" to the "user collection" (recents).
-    // that means we need "tenant auth" as input and "user auth" as output
-    function copyFileToUsersCollection(sourceFileId) {
-      var shouldCopyFileToRecents = this.shouldCopyFileToRecents,
-          userMediaStore = this.userMediaStore,
-          tenantUploadParams = this.tenantUploadParams;
-
-      if (!shouldCopyFileToRecents || !userMediaStore) {
-        return Promise.resolve();
-      }
-
-      var sourceCollection = tenantUploadParams.collection;
-      var tenantAuthProvider = this.tenantMediaClient.config.authProvider;
-      return tenantAuthProvider({
-        collectionName: sourceCollection
-      }).then(function (auth) {
-        var body = {
-          sourceFile: {
-            id: sourceFileId,
-            collection: sourceCollection,
-            owner: _objectSpread({}, (0, _sourceFile.mapAuthToSourceFileOwner)(auth))
-          }
-        };
-        var params = {
-          collection: _constants.RECENTS_COLLECTION
-        };
-        return userMediaStore.copyFileWithToken(body, params);
-      });
-    }
   }]);
   return UploadServiceImpl;
 }();

package/dist/cjs/util/analytics.js

@@ -3,13 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.LOGGED_FEATURE_FLAG_KEYS = exports.LOGGED_FEATURE_FLAGS = void 0;
 exports.getPackageAttributes = getPackageAttributes;
 exports.getRequestMetadata = getRequestMetadata;
 
 var _mediaClient = require("@atlaskit/media-client");
 
+var _mediaCommon = require("@atlaskit/media-common");
+
 var _version = require("../version.json");
 
+var relevantFlags = {
+  newCardExperience: true,
+  captions: false,
+  timestampOnVideo: false,
+  observedWidth: false,
+  mediaInline: false,
+  folderUploads: true,
+  mediaUploadApiV2: true
+};
+var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
+exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
+var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);
+exports.LOGGED_FEATURE_FLAG_KEYS = LOGGED_FEATURE_FLAG_KEYS;
+
 function getPackageAttributes(componentName) {
   return {
     packageName: _version.name,

package/dist/cjs/util/ufoExperiences.js

@@ -11,6 +11,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _ufo = require("@atlaskit/ufo");
 
+var _mediaClient = require("@atlaskit/media-client");
+
+var _analytics = require("./analytics");
+
 var _version = require("../version.json");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -23,10 +27,11 @@ var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {
     var inlineExperience = {
       platform: {
-        component: componentName
+        component: "media-picker-".concat(componentName)
       },
       type: _ufo.ExperienceTypes.Experience,
-      performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
+      performanceType: _ufo.ExperiencePerformanceTypes.InlineResult,
+      featureFlags: _analytics.LOGGED_FEATURE_FLAG_KEYS
     };
     ufoExperience = new _ufo.ConcurrentExperience('media-upload', inlineExperience);
   }
@@ -40,8 +45,8 @@ var getExperience = function getExperience(id) {
   }
 };
 
-var startMediaUploadUfoExperience = function startMediaUploadUfoExperience(id, properties) {
-  initExperience(id, properties).start();
+var startMediaUploadUfoExperience = function startMediaUploadUfoExperience(id, componentName) {
+  initExperience(id, componentName).start();
 };
 
 exports.startMediaUploadUfoExperience = startMediaUploadUfoExperience;
@@ -53,7 +58,9 @@ var succeedMediaUploadUfoExperience = function succeedMediaUploadUfoExperience(i
     metadata: {
       fileAttributes: properties,
       packageName: _version.name,
-      packageVersion: _version.version
+      packageVersion: _version.version,
+      mediaEnvironment: (0, _mediaClient.getMediaEnvironment)(),
+      mediaRegion: (0, _mediaClient.getMediaRegion)()
     }
   });
 };
@@ -65,7 +72,9 @@ var failMediaUploadUfoExperience = function failMediaUploadUfoExperience(id, pro
 
   var refinedMetadata = _objectSpread(_objectSpread({}, properties), {}, {
     packageName: _version.name,
-    packageVersion: _version.version
+    packageVersion: _version.version,
+    mediaEnvironment: (0, _mediaClient.getMediaEnvironment)(),
+    mediaRegion: (0, _mediaClient.getMediaRegion)()
   });
 
   (_getExperience2 = getExperience(id)) === null || _getExperience2 === void 0 ? void 0 : _getExperience2.failure({

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "61.0.1"
+	"version": "63.0.1"
 }

package/dist/es2019/components/browser/browser.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import isValidId from 'uuid-validate';
 import { LocalUploadComponentReact } from '../localUploadReact';
-import { getPackageAttributes } from '../../util/analytics';
+import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
 const defaultConfig = {
   uploadParams: {}
 };
@@ -153,12 +153,5 @@ _defineProperty(BrowserBase, "defaultProps", {
 });
 
 export const Browser = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
-  filterFeatureFlags: filterFeatureFlagNames({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(BrowserBase));

package/dist/es2019/components/clipboard/clipboard.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { LocalUploadComponentReact } from '../localUploadReact';
 import { LocalFileSource } from '../../service/types';
-import { getPackageAttributes } from '../../util/analytics';
+import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
 import { appendTimestamp } from '../../util/appendTimestamp';
 export const getFilesFromClipboard = files => {
   return Array.from(files).map(file => {
@@ -147,12 +147,5 @@ _defineProperty(ClipboardBase, "defaultProps", {
 });
 
 export const Clipboard = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
-  filterFeatureFlags: filterFeatureFlagNames({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(ClipboardBase));

package/dist/es2019/components/dropzone/dropzone.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { isWebkitSupported } from '@atlaskit/media-ui/browser';
 import { getFilesFromItems, getFilesFromFileSystemEntries } from 'flat-files';
 import { LocalUploadComponentReact } from '../localUploadReact';
-import { getPackageAttributes } from '../../util/analytics';
+import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
 
 function dragContainsFiles(event) {
   if (!event.dataTransfer) {
@@ -281,12 +281,5 @@ export class DropzoneBase extends LocalUploadComponentReact {
 
 }
 export const Dropzone = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
-  filterFeatureFlags: filterFeatureFlagNames({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(DropzoneBase));

package/dist/es2019/service/uploadServiceImpl.js

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import uuidV4 from 'uuid/v4';
-import { MediaStore, UploadController, getMediaTypeFromMimeType, isMimeTypeSupportedByBrowser, MediaClient, globalMediaEventEmitter, RequestError } from '@atlaskit/media-client';
+import { UploadController, getMediaTypeFromMimeType, isMimeTypeSupportedByBrowser, globalMediaEventEmitter, RequestError } from '@atlaskit/media-client';
 import { RECENTS_COLLECTION } from '@atlaskit/media-client/constants';
 import { EventEmitter2 } from 'eventemitter2';
-import { mapAuthToSourceFileOwner } from '../popup/domain/source-file';
 import { getPreviewFromImage } from '../util/getPreviewFromImage';
 import { LocalFileSource } from '../service/types';
 import { getPreviewFromBlob } from '../util/getPreviewFromBlob';
@@ -17,9 +16,6 @@ export class UploadServiceImpl {
       const {
         mediaFile
       } = cancellableFileUpload;
-      this.copyFileToUsersCollection(fileId) // eslint-disable-next-line no-console
-      .catch(console.log); // We intentionally swallow these errors
-
       this.emit('file-converting', {
         file: mediaFile
       });
@@ -56,20 +52,6 @@ export class UploadServiceImpl {
     this.shouldCopyFileToRecents = shouldCopyFileToRecents;
     this.emitter = new EventEmitter2();
     this.cancellableFilesUploads = {};
-    const {
-      userAuthProvider
-    } = tenantMediaClient.config;
-
-    if (userAuthProvider) {
-      this.userMediaStore = new MediaStore({
-        authProvider: userAuthProvider
-      }); // We need to use the userAuth to upload this file (recents)
-
-      this.userMediaClient = new MediaClient({
-        userAuthProvider,
-        authProvider: userAuthProvider
-      });
-    }
   }
 
   setUploadParams(uploadParams) {
@@ -297,41 +279,4 @@ export class UploadServiceImpl {
     delete this.cancellableFilesUploads[mediaFile.id];
   }
 
-  // This method copies the file from the "tenant collection" to the "user collection" (recents).
-  // that means we need "tenant auth" as input and "user auth" as output
-  copyFileToUsersCollection(sourceFileId) {
-    const {
-      shouldCopyFileToRecents,
-      userMediaStore,
-      tenantUploadParams
-    } = this;
-
-    if (!shouldCopyFileToRecents || !userMediaStore) {
-      return Promise.resolve();
-    }
-
-    const {
-      collection: sourceCollection
-    } = tenantUploadParams;
-    const {
-      authProvider: tenantAuthProvider
-    } = this.tenantMediaClient.config;
-    return tenantAuthProvider({
-      collectionName: sourceCollection
-    }).then(auth => {
-      const body = {
-        sourceFile: {
-          id: sourceFileId,
-          collection: sourceCollection,
-          owner: { ...mapAuthToSourceFileOwner(auth)
-          }
-        }
-      };
-      const params = {
-        collection: RECENTS_COLLECTION
-      };
-      return userMediaStore.copyFileWithToken(body, params);
-    });
-  }
-
 }

package/dist/es2019/util/analytics.js

@@ -1,5 +1,18 @@
 import { isRequestError } from '@atlaskit/media-client';
-import { name as packageName, version as packageVersion } from '../version.json';
+import { filterFeatureFlagKeysAllProducts, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { name as packageName, version as packageVersion } from '../version.json'; // Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
+
+const relevantFlags = {
+  newCardExperience: true,
+  captions: false,
+  timestampOnVideo: false,
+  observedWidth: false,
+  mediaInline: false,
+  folderUploads: true,
+  mediaUploadApiV2: true
+};
+export const LOGGED_FEATURE_FLAGS = filterFeatureFlagNames(relevantFlags);
+export const LOGGED_FEATURE_FLAG_KEYS = filterFeatureFlagKeysAllProducts(relevantFlags);
 export function getPackageAttributes(componentName) {
   return {
     packageName,

package/dist/es2019/util/ufoExperiences.js

@@ -1,4 +1,6 @@
 import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
+import { LOGGED_FEATURE_FLAG_KEYS } from './analytics';
 import { name as packageName, version as packageVersion } from '../version.json';
 let ufoExperience;
 
@@ -6,10 +8,11 @@ const initExperience = (id, componentName) => {
   if (!ufoExperience) {
     const inlineExperience = {
       platform: {
-        component: componentName
+        component: `media-picker-${componentName}`
       },
       type: ExperienceTypes.Experience,
-      performanceType: ExperiencePerformanceTypes.InlineResult
+      performanceType: ExperiencePerformanceTypes.InlineResult,
+      featureFlags: LOGGED_FEATURE_FLAG_KEYS
     };
     ufoExperience = new ConcurrentExperience('media-upload', inlineExperience);
   }
@@ -23,8 +26,8 @@ const getExperience = id => {
   }
 };
 
-export const startMediaUploadUfoExperience = (id, properties) => {
-  initExperience(id, properties).start();
+export const startMediaUploadUfoExperience = (id, componentName) => {
+  initExperience(id, componentName).start();
 };
 export const succeedMediaUploadUfoExperience = (id, properties) => {
   var _getExperience;
@@ -33,7 +36,9 @@ export const succeedMediaUploadUfoExperience = (id, properties) => {
     metadata: {
       fileAttributes: properties,
       packageName,
-      packageVersion
+      packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
     }
   });
 };
@@ -42,7 +47,9 @@ export const failMediaUploadUfoExperience = (id, properties) => {
 
   const refinedMetadata = { ...properties,
     packageName,
-    packageVersion
+    packageVersion,
+    mediaEnvironment: getMediaEnvironment(),
+    mediaRegion: getMediaRegion()
   };
   (_getExperience2 = getExperience(id)) === null || _getExperience2 === void 0 ? void 0 : _getExperience2.failure({
     metadata: refinedMetadata

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "61.0.1"
+	"version": "63.0.1"
 }

package/dist/esm/components/browser/browser.js

@@ -12,10 +12,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 import isValidId from 'uuid-validate';
 import { LocalUploadComponentReact } from '../localUploadReact';
-import { getPackageAttributes } from '../../util/analytics';
+import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
 var defaultConfig = {
   uploadParams: {}
 };
@@ -166,12 +166,5 @@ _defineProperty(BrowserBase, "defaultProps", {
 });
 
 export var Browser = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
-  filterFeatureFlags: filterFeatureFlagNames({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(BrowserBase));

package/dist/esm/components/clipboard/clipboard.js

@@ -11,10 +11,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { LocalUploadComponentReact } from '../localUploadReact';
 import { LocalFileSource } from '../../service/types';
-import { getPackageAttributes } from '../../util/analytics';
+import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
 import { appendTimestamp } from '../../util/appendTimestamp';
 export var getFilesFromClipboard = function getFilesFromClipboard(files) {
   return Array.from(files).map(function (file) {
@@ -184,12 +184,5 @@ _defineProperty(ClipboardBase, "defaultProps", {
 });
 
 export var Clipboard = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
-  filterFeatureFlags: filterFeatureFlagNames({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(ClipboardBase));

package/dist/esm/components/dropzone/dropzone.js

@@ -13,11 +13,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
+import { ANALYTICS_MEDIA_CHANNEL, getMediaFeatureFlag, withMediaAnalyticsContext } from '@atlaskit/media-common';
 import { isWebkitSupported } from '@atlaskit/media-ui/browser';
 import { getFilesFromItems, getFilesFromFileSystemEntries } from 'flat-files';
 import { LocalUploadComponentReact } from '../localUploadReact';
-import { getPackageAttributes } from '../../util/analytics';
+import { getPackageAttributes, LOGGED_FEATURE_FLAGS } from '../../util/analytics';
 
 function dragContainsFiles(event) {
   if (!event.dataTransfer) {
@@ -372,12 +372,5 @@ export var DropzoneBase = /*#__PURE__*/function (_LocalUploadComponent) {
   return DropzoneBase;
 }(LocalUploadComponentReact);
 export var Dropzone = withMediaAnalyticsContext(getPackageAttributes(COMPONENT_NAME), {
-  filterFeatureFlags: filterFeatureFlagNames({
-    newCardExperience: true,
-    captions: false,
-    timestampOnVideo: false,
-    observedWidth: false,
-    mediaInline: false,
-    folderUploads: true
-  })
+  filterFeatureFlags: LOGGED_FEATURE_FLAGS
 })(withAnalyticsEvents()(DropzoneBase));